/* GENERATED by build/sync_header.py from https://beta.spiritfitness.com (/static/frontend/Exavion/spiritfitness-commercial/en_US). Do not edit; re-run the script. */ /* Header-only rules from the theme stylesheets, in the site's load order. nav-menu.css is linked live. */ /* ---- css/styles-m.css (188 rules) ---- */ :where(.page-header, .footer) article, :where(.page-header, .footer) aside, :where(.page-header, .footer) details, :where(.page-header, .footer) figcaption, :where(.page-header, .footer) figure, :where(.page-header, .footer) main, :where(.page-header, .footer) footer, :where(.page-header, .footer) header, :where(.page-header, .footer) nav, :where(.page-header, .footer) section, :where(.page-header, .footer) summary {display:block} :where(.page-header, .footer) audio, :where(.page-header, .footer) canvas, :where(.page-header, .footer) video {display:inline-block} :where(.page-header, .footer) audio:not([controls]) {display:none;height:0} :where(.page-header, .footer) nav ul, :where(.page-header, .footer) nav ol {list-style:none none} :where(.page-header, .footer) img {max-width:100%;height:auto;border:0} :where(.page-header, .footer) video, :where(.page-header, .footer) embed, :where(.page-header, .footer) object {max-width:100%} :where(.page-header, .footer) svg:not(:root) {overflow:hidden} :where(.page-header, .footer) figure {margin:0} :where(.page-header, .footer) {color: #333; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem} :where(.page-header, .footer) p {margin-top:0rem;margin-bottom:1rem} :where(.page-header, .footer) b, :where(.page-header, .footer) strong {font-weight:700} :where(.page-header, .footer) em, :where(.page-header, .footer) i {font-style:italic} :where(.page-header, .footer) mark {background:#f6f6f6;color:#000} :where(.page-header, .footer) small {font-size:12px} :where(.page-header, .footer) hr {border:0;border-top:1px solid #ccc;margin-bottom:20px;margin-top:20px} :where(.page-header, .footer) sub, :where(.page-header, .footer) sup {font-size:71.42857143000001%;line-height:0;position:relative;vertical-align:baseline} :where(.page-header, .footer) sup {top:-.5em} :where(.page-header, .footer) sub {bottom:-.25em} :where(.page-header, .footer) dfn {font-style:italic} :where(.page-header, .footer) h1 {font-weight:300;line-height:1.1;font-size:2.6rem;margin-top:0rem;margin-bottom:2rem} :where(.page-header, .footer) h2 {font-weight:300;line-height:1.1;font-size:2.6rem;margin-top:2.5rem;margin-bottom:2rem} :where(.page-header, .footer) h3 {font-weight:600;line-height:1.1;font-size:1.8rem;margin-top:2rem;margin-bottom:1rem} :where(.page-header, .footer) h4 {font-weight:700;line-height:1.1;font-size:1.4rem;margin-top:2rem;margin-bottom:2rem} :where(.page-header, .footer) h5 {font-weight:700;line-height:1.1;font-size:1.2rem;margin-top:2rem;margin-bottom:2rem} :where(.page-header, .footer) h6 {font-weight:700;line-height:1.1;font-size:1rem;margin-top:2rem;margin-bottom:2rem} :where(.page-header, .footer) h1 small, :where(.page-header, .footer) h2 small, :where(.page-header, .footer) h3 small, :where(.page-header, .footer) h4 small, :where(.page-header, .footer) h5 small, :where(.page-header, .footer) h6 small {color:#333;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1} :where(.page-header, .footer) a {color:#006bb4;text-decoration:none} :where(.page-header, .footer) a:visited {color:#006bb4;text-decoration:none} :where(.page-header, .footer) a:hover {color:#006bb4;text-decoration:underline} :where(.page-header, .footer) a:active {color:#ff5501;text-decoration:underline} :where(.page-header, .footer) ul, :where(.page-header, .footer) ol {margin-top:0rem;margin-bottom:2.5rem} :where(.page-header, .footer) ul>li, :where(.page-header, .footer) ol>li {margin-top:0rem;margin-bottom:1rem} :where(.page-header, .footer) ul ul, :where(.page-header, .footer) ol ul, :where(.page-header, .footer) ul ol, :where(.page-header, .footer) ol ol {margin-bottom:0} :where(.page-header, .footer) dl {margin-bottom:20px;margin-top:0} :where(.page-header, .footer) dt {font-weight:700;margin-bottom:5px;margin-top:0} :where(.page-header, .footer) dd {margin-bottom:10px;margin-top:0;margin-left:0} :where(.page-header, .footer) code, :where(.page-header, .footer) kbd, :where(.page-header, .footer) pre, :where(.page-header, .footer) samp {font-family:Menlo,Monaco,Consolas,"Courier New",monospace} :where(.page-header, .footer) code {background:#f6f6f6;color:#111;padding:2px 4px;font-size:1.2rem;white-space:nowrap} :where(.page-header, .footer) kbd {background:#f6f6f6;color:#111;padding:2px 4px;font-size:1.2rem} :where(.page-header, .footer) pre {background:#f6f6f6;border:1px solid #ccc;color:#111;line-height:1.42857143;margin:0 0 10px;padding:10px;font-size:1.2rem;display:block;word-wrap:break-word} :where(.page-header, .footer) pre code {background-color:transparent;border-radius:0;color:inherit;font-size:inherit;padding:0;white-space:pre-wrap} :where(.page-header, .footer) blockquote {border-left:0 solid #ccc;margin:0 0 20px 40px;padding:0;color:#333;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-weight:400;line-height:1.42857143;font-size:1.4rem} :where(.page-header, .footer) blockquote p:last-child, :where(.page-header, .footer) blockquote ul:last-child, :where(.page-header, .footer) blockquote ol:last-child {margin-bottom:0} :where(.page-header, .footer) blockquote footer, :where(.page-header, .footer) blockquote small {color:#333;line-height:1.42857143;font-size:1rem;display:block} :where(.page-header, .footer) blockquote footer:before, :where(.page-header, .footer) blockquote small:before {content:"— "} :where(.page-header, .footer) blockquote cite {font-style:normal} :where(.page-header, .footer) blockquote:before, :where(.page-header, .footer) blockquote:after {content:""} :where(.page-header, .footer) q {quotes:none} :where(.page-header, .footer) q:before, :where(.page-header, .footer) q:after {content:"";content:none} :where(.page-header, .footer) cite {font-style:normal} :where(.page-header, .footer) table {width:100%;border-collapse:collapse;border-spacing:0;max-width:100%} :where(.page-header, .footer) table th {text-align:left} :where(.page-header, .footer) table>tbody>tr>th, :where(.page-header, .footer) table>tfoot>tr>th, :where(.page-header, .footer) table>tbody>tr>td, :where(.page-header, .footer) table>tfoot>tr>td {vertical-align:top} :where(.page-header, .footer) table>thead>tr>th, :where(.page-header, .footer) table>thead>tr>td {vertical-align:bottom} :where(.page-header, .footer) table>thead>tr>th, :where(.page-header, .footer) table>tbody>tr>th, :where(.page-header, .footer) table>tfoot>tr>th, :where(.page-header, .footer) table>thead>tr>td, :where(.page-header, .footer) table>tbody>tr>td, :where(.page-header, .footer) table>tfoot>tr>td {padding:11px 10px} :where(.page-header, .footer) button {background-image:none;background:#eee;border:1px solid #ccc;color:#333;cursor:pointer;display:inline-block;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;margin:0;padding:7px 15px;font-size:1.4rem;line-height:1.6rem;box-sizing:border-box;vertical-align:middle} :where(.page-header, .footer) button:focus, :where(.page-header, .footer) button:active {background:#e2e2e2;border:1px solid #ccc;color:#333} :where(.page-header, .footer) button:hover {background:#e1e1e1;border:1px solid #ccc;color:#333} :where(.page-header, .footer) button::-moz-focus-inner {border:0;padding:0} :where(.page-header, .footer) select {background:#fff;background-clip:padding-box;border:1px solid #c2c2c2;border-radius:1px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:32px;line-height:1.42857143;padding:5px 10px 4px;vertical-align:baseline;width:100%;box-sizing:border-box} :where(.page-header, .footer) select:disabled {opacity:.5} :where(.page-header, .footer) textarea {background:#fff;background-clip:padding-box;border:1px solid #c2c2c2;border-radius:1px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:auto;line-height:1.42857143;margin:0;padding:10px;vertical-align:baseline;width:100%;box-sizing:border-box;resize:vertical} :where(.page-header, .footer) textarea:disabled {opacity:.5} :where(.page-header, .footer) textarea::-moz-placeholder {color:#575757} :where(.page-header, .footer) textarea::-webkit-input-placeholder {color:#575757} :where(.page-header, .footer) textarea:-ms-input-placeholder {color:#575757} :where(.page-header, .footer) input::-moz-focus-inner {border:0;padding:0} :where(.page-header, .footer) form {-webkit-tap-highlight-color:rgba(0,0,0,0)} :where(.page-header, .footer) address {font-style:normal} :where(.page-header, .footer) *:focus {box-shadow:none;outline:0} :where(.page-header, .footer) input:not([disabled]):focus, :where(.page-header, .footer) textarea:not([disabled]):focus, :where(.page-header, .footer) select:not([disabled]):focus {box-shadow:0 0 3px 1px #00699d} .footer.content ul {margin:0;padding:0;list-style:none none} .footer.content ul>li {margin:0} .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .page-header .switcher .label {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .header.content:before, .header.content:after {content:"";display:table} .header.content:after {clear:both} [class^="multishipping-"] .nav-toggle {display:none} :where(.page-header, .footer) table>caption {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .panel.header .links, .panel.header .switcher {display:none} .nav-toggle {display:inline-block;text-decoration:none;cursor:pointer;display:block;font-size:0;left:15px;position:absolute;top:15px;z-index:14} .nav-toggle:before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:28px;line-height:inherit;color:#757575;content:"";font-family:"luma-icons";vertical-align:middle;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .nav-toggle:hover:before {color:#333} .nav-toggle>span {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} :where(.page-header, .footer) select {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background-size:30px 60px;text-indent:.01em;text-overflow:""} :where(.page-header, .footer) select::-ms-expand {display:none} :where(.page-header, .footer) button {border-radius:3px} :where(.page-header, .footer) button:not(.primary) {box-shadow:none} :where(.page-header, .footer) button:not(.primary):active {box-shadow:inset 0 1px 0 0 rgba(204,204,204,0.8),inset 0 -1px 0 0 rgba(204,204,204,0.3)} .xterra-privacy-footer-link {display:inline-block;margin:8px 0;white-space:nowrap;color:var(--xterra-pc-footer-link, #fff) !important;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer} .xterra-privacy-footer-link:hover, .xterra-privacy-footer-link:visited {color:var(--xterra-pc-footer-link, #fff) !important} .xterra-privacy-footer-link:hover {text-decoration:none} .minicart-wrapper {display:inline-block;position:relative;float:right} .minicart-wrapper:before, .minicart-wrapper:after {content:"";display:table} .minicart-wrapper:after {clear:both} .minicart-wrapper .action.showcart {cursor:pointer;display:inline-block;text-decoration:none} .minicart-wrapper .action.showcart:before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:22px;line-height:28px;color:#757575;content:"";font-family:"luma-icons";margin:0;vertical-align:top;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .minicart-wrapper .action.showcart:hover:before {color:#333} .minicart-wrapper .action.showcart:active:before {color:#757575} .minicart-wrapper .action.showcart.active {display:inline-block;text-decoration:none} .minicart-wrapper .action.showcart.active:before {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:22px;line-height:28px;color:#757575;content:"";font-family:"luma-icons";margin:0;vertical-align:top;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .minicart-wrapper .action.showcart.active:hover:before {color:#333} .minicart-wrapper .action.showcart.active:active:before {color:#757575} .minicart-wrapper .block-minicart {margin:0;padding:0;list-style:none none;background:#fff;border:1px solid #bbb;margin-top:4px;min-width:100%;width:320px;z-index:101;box-sizing:border-box;display:none;position:absolute;top:100%;right:-10px;box-shadow:0 3px 3px rgba(0,0,0,0.15)} .minicart-wrapper .block-minicart li {margin:0} .minicart-wrapper .block-minicart li:hover {cursor:pointer} .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after {border-bottom-style:solid;content:"";display:block;height:0;position:absolute;width:0} .minicart-wrapper .block-minicart:before {border:6px solid;border-color:transparent transparent #fff transparent;z-index:99} .minicart-wrapper .block-minicart:after {border:7px solid;border-color:transparent transparent #bbb transparent;z-index:98} .minicart-wrapper .block-minicart:before {right:12px;top:-12px} .minicart-wrapper .block-minicart:after {right:11px;top:-14px} .minicart-wrapper.active {overflow:visible} .minicart-wrapper.active .block-minicart {display:block} .minicart-wrapper .block-minicart {padding:25px 20px} .minicart-wrapper .block-minicart .block-title {display:none} .minicart-wrapper .product .actions {float:right;margin:-28px 0 0} .minicart-wrapper .product .actions>.primary, .minicart-wrapper .product .actions>.secondary {display:inline} .minicart-wrapper .product .actions>.primary:not(:last-child), .minicart-wrapper .product .actions>.secondary:not(:last-child) {margin-right:15px} .minicart-wrapper .action.close {height:30px;position:absolute;right:0;top:0;width:25px;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} .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:.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 {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:14px;color:#757575;content:"";font-family:"luma-icons";margin:0;vertical-align:top;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .minicart-wrapper .action.close:hover:before {color:inherit} .minicart-wrapper .action.close:active:before {color:inherit} .minicart-wrapper .action.showcart {white-space:nowrap} .minicart-wrapper .action.showcart .counter.qty {background:#ff5501;color:#fff;height:24px;line-height:24px;border-radius:2px;display:inline-block;margin:3px 0 0;min-width:18px;overflow:hidden;padding:0 3px;text-align:center;white-space:normal} .minicart-wrapper .action.showcart .counter.qty.empty {display:none} .minicart-wrapper .action.showcart .counter.qty .loader>img {max-width:24px} .minicart-wrapper .action.showcart .counter-number {text-shadow:0 0 7px #000} .minicart-wrapper .minicart-widgets {margin-top:15px} .checkout-index-index .nav-toggle {display:none} .opc-estimated-wrapper .minicart-wrapper button.action.showcart {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} .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active {background:none;border:none} .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover {background:none;border:none} .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart {pointer-events:none;opacity:.5} .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before {color:#333} .page-header {border-bottom:1px solid #ccc;margin-bottom:20px} .page-header .panel.wrapper {background-color:#6e716e;color:#fff} .header.panel>.header.links {margin:0;padding:0;list-style:none none;float:right;font-size:0;margin-left:auto;margin-right:20px} .header.panel>.header.links>li {display:inline-block;vertical-align:top} .header.panel>.header.links>li {font-size:14px;margin:0 0 0 15px} .header.panel>.header.links>li>a {color:#fff;text-decoration:none} .header.panel>.header.links>li>a:visited {color:#fff;text-decoration:none} .header.panel>.header.links>li>a:hover {color:#fff;text-decoration:underline} .header.panel>.header.links>li>a:active {color:#fff;text-decoration:underline} .header.content {padding-top:10px;position:relative} .footer.content {border-top:1px solid #cecece;padding-top:20px} .footer.content .links>li {background:#f4f4f4;font-size:1.6rem;border-top:1px solid #cecece;margin:0 -15px;padding:0 15px} .footer.content .links a, .footer.content .links strong {display:block;padding:10px 0} .footer.content .links strong {color:#a6a6a6;font-weight:normal} .footer.content .links a {color:#575757;text-decoration:none} .footer.content .links a:visited {color:#575757;text-decoration:none} .footer.content .links a:hover {color:#333;text-decoration:underline} .footer.content .links a:active {color:#333;text-decoration:underline} .page-header .switcher .options {display:inline-block;position:relative} .page-header .switcher .options:before, .page-header .switcher .options:after {content:"";display:table} .page-header .switcher .options:after {clear:both} .page-header .switcher .options .action.toggle {padding:0;cursor:pointer;display:inline-block;text-decoration:none} .page-header .switcher .options .action.toggle>span {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .page-header .switcher .options .action.toggle:after {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px;line-height:22px;color:inherit;content:"";font-family:"luma-icons";margin:0;vertical-align:top;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .page-header .switcher .options .action.toggle:hover:after {color:inherit} .page-header .switcher .options .action.toggle:active:after {color:inherit} .page-header .switcher .options .action.toggle.active {display:inline-block;text-decoration:none} .page-header .switcher .options .action.toggle.active>span {border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .page-header .switcher .options .action.toggle.active:after {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px;line-height:22px;color:inherit;content:"";font-family:"luma-icons";margin:0;vertical-align:top;display:inline-block;font-weight:normal;overflow:hidden;speak:none;text-align:center} .page-header .switcher .options .action.toggle.active:hover:after {color:inherit} .page-header .switcher .options .action.toggle.active:active:after {color:inherit} .page-header .switcher .options ul.dropdown {margin:0;padding:0;list-style:none none;background:#fff;border:1px solid #bbb;margin-top:4px;min-width:160px;z-index:100;box-sizing:border-box;display:none;position:absolute;top:100%;box-shadow:0 3px 3px rgba(0,0,0,0.15)} .page-header .switcher .options ul.dropdown li {margin:0;padding:0} .page-header .switcher .options ul.dropdown li:hover {background:#e8e8e8;cursor:pointer} .page-header .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after {border-bottom-style:solid;content:"";display:block;height:0;position:absolute;width:0} .page-header .switcher .options ul.dropdown:before {border:6px solid;border-color:transparent transparent #fff transparent;z-index:99} .page-header .switcher .options ul.dropdown:after {border:7px solid;border-color:transparent transparent #bbb transparent;z-index:98} .page-header .switcher .options ul.dropdown:before {left:10px;top:-12px} .page-header .switcher .options ul.dropdown:after {left:9px;top:-14px} .page-header .switcher .options.active {overflow:visible} .page-header .switcher .options.active ul.dropdown {display:block} .page-header .switcher .options ul.dropdown a {color:#333;text-decoration:none;display:block;padding:8px} .page-header .switcher .options ul.dropdown a:visited {color:#333;text-decoration:none} .page-header .switcher .options ul.dropdown a:hover {color:#333;text-decoration:none} .page-header .switcher .options ul.dropdown a:active {color:#333;text-decoration:none} .page-header .switcher strong {font-weight:400} .page-header .widget.block {margin:20px 0} .page-header .links .widget.block {margin:0} @media only screen and (max-width:768px) { .page-header .header.panel, .header.content, .footer.content {padding-left:15px;padding-right:15px} .nav-sections .header.links {margin:0;padding:0;list-style:none none;border-bottom:1px solid #d1d1d1} .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:.8rem 15px} .nav-sections .header.links li>a {border-top:1px solid #d1d1d1} .nav-sections .header.links a, .nav-sections .header.links a:hover {color:#575757;text-decoration:none;display:block;font-weight:700;padding:.8rem 15px} .nav-sections .header.links .header.links {border:0} .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:1} .minicart-wrapper {margin-top:10px} .minicart-wrapper:before, .minicart-wrapper:after {content:"";display:table} .minicart-wrapper:after {clear:both} .minicart-wrapper .product .actions {float:left;margin:10px 0 0 0} .minicart-wrapper .update-cart-item {float:right;margin-left:0} body.filter-active .page-header {display:none} .multishipping-checkout-success .nav-toggle {display:block} .page-footer .footer.content .switcher-store {background:#f4f4f4;font-size:1.6rem;margin:0 -15px} .page-footer .footer.content .switcher-store .switcher-options {display:block} .page-footer .footer.content .switcher-store .switcher-options ul.dropdown {background:none;border:0;box-shadow:none;margin:0;position:relative} .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before, .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after {display:none} .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option {border-top:1px solid #cecece;display:block;padding:10px 20px} .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong {padding:10px 0} .page-footer .footer.content .switcher-store .switcher-options .switcher-option a {padding:0} } @media only screen and (max-width:479px) { .minicart-wrapper .block-minicart {width:290px} } @media (max-width:480px) { :where(.page-header, .footer) .container {width:100% !important;padding-right:5px !important;padding-left:5px !important} } /* ---- css/styles.css (108 rules) ---- */ :where(.page-header, .footer) {font-size: 16px; line-height: 1.67; font-weight: 400; color: #303030} body {padding-top: 125px} :where(.page-header, .footer) h1 {font-size: 2.25rem;} :where(.page-header, .footer) h2 {font-size: 1.5rem;} :where(.page-header, .footer) h3 {font-size: 1.25rem;} :where(.page-header, .footer) h4 {font-size: 1.125rem;} :where(.page-header, .footer) h5 {font-size: 1rem;} :where(.page-header, .footer) h6 {font-size: 0.875rem;} :where(.page-header, .footer) h1, :where(.page-header, .footer) h2, :where(.page-header, .footer) h3, :where(.page-header, .footer) h4, :where(.page-header, .footer) h5, :where(.page-header, .footer) h6 {line-height: 1;} :where(.page-header, .footer) h1:first-child, :where(.page-header, .footer) h2:first-child, :where(.page-header, .footer) h3:first-child, :where(.page-header, .footer) h4:first-child, :where(.page-header, .footer) h5:first-child, :where(.page-header, .footer) h6:first-child {margin-top: 0;} :where(.page-header, .footer) h1:last-child, :where(.page-header, .footer) h2:last-child, :where(.page-header, .footer) h3:last-child, :where(.page-header, .footer) h4:last-child, :where(.page-header, .footer) h5:last-child, :where(.page-header, .footer) h6:last-child {margin-bottom: 0;} :where(.page-header, .footer) dl dd {margin-bottom: 0;} :where(.page-header, .footer) img, :where(.page-header, .footer) p, :where(.page-header, .footer) ul, :where(.page-header, .footer) ol, :where(.page-header, .footer) dl, :where(.page-header, .footer) pre, :where(.page-header, .footer) blockquote {margin-bottom: 30px;} :where(.page-header, .footer) img:last-child, :where(.page-header, .footer) p:last-child, :where(.page-header, .footer) ul:last-child, :where(.page-header, .footer) ol:last-child, :where(.page-header, .footer) dl:last-child, :where(.page-header, .footer) pre:last-child, :where(.page-header, .footer) blockquote:last-child {margin-bottom: 0;} :where(.page-header, .footer) hr {background-color: none; border: none; border-bottom: 1px solid #d2d2d2; height: 1px; margin: 40px 0;} :where(.page-header, .footer) a {outline: none !important; text-decoration: none !important; cursor: pointer; color: #e4002b;} :where(.page-header, .footer) a:hover {color: #b60325;} :where(.page-header, .footer) button {cursor: pointer; transition: all .3s ease 0s;} :where(.page-header, .footer) button, :where(.page-header, .footer) button:focus, :where(.page-header, .footer) button:active {outline: none !important;} :where(.page-header, .footer) button:not(.btn), :where(.page-header, .footer) button:focus:not(.btn), :where(.page-header, .footer) button:active:not(.btn) {border: none;} :where(.page-header, .footer) table {width: 100%;} :where(.page-header, .footer) table th {font-weight: normal;} :where(.page-header, .footer) .container {width: 100%; max-width: 1180px; padding-left: 30px; padding-right: 30px;} :where(.page-header, .footer) .container-fluid {width: 100%; max-width: 1520px; padding-left: 30px; padding-right: 30px;} :where(.page-header, .footer) button {box-shadow: none !important;} .header {background-color: #fff; min-height: 115px; height: 115px !important; font-size: 17px; z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; min-width: 320px; border-bottom: 1px solid #d9d9d9;} .header .container, .header .aw-storelocator-content-block, .header .aw-storelocator-search-block {display: flex; align-items: center; position: relative; max-width: 1180px;} .header .container.header-section, .header .header-section.aw-storelocator-content-block, .header .header-section.aw-storelocator-search-block {min-height: 90px;} .header .btn-clean .ei {font-size: 30px;} @media (max-width: 1440px) { .header {font-size: 16px;} .header .container, .header .aw-storelocator-content-block, .header .aw-storelocator-search-block {height: 70px;} } @media (max-width: 768px) { .header {font-size: 18px;} .header .container, .header .aw-storelocator-content-block, .header .aw-storelocator-search-block {padding-left: 15px; padding-right: 15px;} } .header__logo {transition: opacity .3s ease; align-self: center; display: flex;} .header__logo img {width: 196px; height: auto;} .header__logo:hover {opacity: .7;} @media (max-width: 1440px) { .header__logo img {width: 260px;} } @media (max-width: 768px) { .header__logo:not(:first-child) {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} } @media (max-width: 560px) { .header__logo img {width: 240px;} } .menu-trigger {margin-left: auto; background-color: transparent !important;} .menu-trigger .icon {width: 32px; height: 32px;} .menu-on .menu-trigger {color: #4d738a;} .menu-trigger:first-child {margin-right: auto; margin-left: 0;} @media (min-width: 769px) { .menu-trigger {display: none;} } .menu__collapse .mega__featured-item {padding-left: 45px !important;} .footer {background-color: #0e0e0f; color: #fff; font-size: 16px;} .footer .container, .footer .aw-storelocator-content-block, .footer .aw-storelocator-search-block {padding-top: 20px; padding-bottom: 20px; min-height: 100px; max-width: 1180px;} @media (max-width: 992px) { .footer .container, .footer .aw-storelocator-content-block, .footer .aw-storelocator-search-block {-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;} } @media (max-width: 768px) { .footer .container, .footer .aw-storelocator-content-block, .footer .aw-storelocator-search-block {padding-top: 50px; padding-bottom: 50px; font-size: 14px;} } @media (min-width: 768px) { .footer {font-size: 14px;} } .footer a {color: #fff; margin-bottom: 5px; display: block;} .footer a:hover, .footer a:focus {color: #fff; text-decoration: underline;} .footer .footer__title {font-size: 20px; margin: 35px 0 25px 0;} .footer__copy {margin-right: auto;} @media (max-width: 992px) { .footer__copy {-webkit-box-ordinal-group: 3; order: 2; margin-right: 0;} } @media (max-width: 768px) { .footer__copy {margin-top: 70px;} } .mega__featured .mega__featured-item {display: table; font-size: 16px; color: #000; line-height: 16px; margin-bottom: 20px; white-space: break-spaces; margin-right: 0 !important;} .header .dropdown__submenu a {justify-content: flex-end;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer .container, .footer .aw-storelocator-content-block, .footer .aw-storelocator-search-block {margin: 0; min-height: 0;} } @media print { :where(.page-header, .footer) *, :where(.page-header, .footer) *:before, :where(.page-header, .footer) *:after {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;} :where(.page-header, .footer) a, :where(.page-header, .footer) a:visited {text-decoration: underline;} } @media all and (-ms-high-contrast:none) { :where(.page-header, .footer) *::-ms-backdrop {margin:13px;} :where(.page-header, .footer) *::-ms-backdrop {display:block!important;} :where(.page-header, .footer) *::-ms-backdrop {float:none!important;} :where(.page-header, .footer) *::-ms-backdrop {display:block!important;} } :where(.page-header, .footer) input {border:1px #eee solid; padding:3px; height:25px;} @media only screen and (min-width:1441px) { .header .container.header-section {min-height: 90px; height: 70px;} .header__logo img {width: 260px; height: auto;} } .header .container.header-section {min-height: 45px;} body {padding-top: 115px} .checkout-index-index .page-header {background:#ffffff!important;} @media all and (-ms-high-contrast:none) { :where(.page-header, .footer) *::-ms-backdrop {right:10%!important; margin-top:-20%;} :where(.page-header, .footer) *::-ms-backdrop {padding-right:10%!important;} .footer .container, .footer .aw-storelocator-content-block, .footer .aw-storelocator-search-block, :where(.page-header, .footer) *::-ms-backdrop {margin:0 auto;} :where(.page-header, .footer) *::-ms-backdrop {margin:0 auto;} :where(.page-header, .footer) *::-ms-backdrop {border-radius:0!important;} :where(.page-header, .footer) *::-ms-backdrop {max-width:350px; width:350px;} :where(.page-header, .footer) *::-ms-backdrop {width:100%; text-align:center; display:inline-block;} :where(.page-header, .footer) *::-ms-backdrop {width:100%; text-align:center; display:inline-block;} :where(.page-header, .footer) *::-ms-backdrop {display:inline-block;} :where(.page-header, .footer) *::-ms-backdrop, :where(.page-header, .footer) *::-ms-backdrop, :where(.page-header, .footer) *::-ms-backdrop {min-height:auto;} :where(.page-header, .footer) *::-ms-backdrop, :where(.page-header, .footer) *::-ms-backdrop, :where(.page-header, .footer) *::-ms-backdrop {min-height:auto;} :where(.page-header, .footer) *::-ms-backdrop {height:auto;} .minicart-wrapper .cart-wrap, :where(.page-header, .footer) *::-ms-backdrop {max-width:450px;} :where(.page-header, .footer) *::-ms-backdrop {height:100px;} } .minicart-wrapper.dropdown {align-self: center; display: flex;} .header .container {display: flex; justify-content: space-between; position: static; padding: 0px; height: auto; align-items: flex-start;} .header .container .nav-menu {height: 70px; display: flex; margin: 0; padding-left: 0px; font-size: 16px; color: #212529;} .header .container .nav-menu li.secondary {display: none;} .header .container .nav-menu li.secondary a {color: rgb(0 0 0 / 70%); font-size: 14px;} .header .container .nav-menu li {display: flex; align-items: center; margin-right: 40px; margin-bottom: 0px; position: relative;} .header .container .nav-menu li>span {cursor: pointer; position: relative;} .header .container .nav-menu li:last-child {margin-right: 0px;} .header .container .nav-menu li>span:after {content: ""; position: absolute; left: 0px; top: 28px; height: 2px; width: 0%; background: red; transition: all .2s ease-out;} .header .container .nav-menu li:last-child:after {display: none;} .header .container .nav-menu li:hover span:after {width: 100%;} .header .container .nav-menu li .dropdown {position: fixed; left: 0px; width: 100vw; padding: 0px 40px; top: 114px; display: flex; border: 0px solid #E4E4E4; max-height: 0px; overflow: hidden; transition: all .2s ease-out; background: rgb(193, 193, 193); background: linear-gradient(90deg, rgba(193, 193, 193, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%); line-height: 1.2;} .header.scrolled .container .nav-menu li .dropdown {top: 70px;} .header .container .nav-menu li .dropdown.strength {background: #fff;} .header .container .nav-menu li.accessories {position: relative;} .header .container .nav-menu li.accessories .dropdown {background: #fff; left: -40px; width: auto; min-width: 200px; padding: 0px 20px; position: absolute; top: 100%;} .header .container .nav-menu li.accessories:hover .dropdown {padding: 20px;} .header .container .nav-menu li:hover .dropdown {border: 1px solid #E4E4E4; max-height: 100%; min-height: 200px; padding: 40px;} .header .container .nav-menu li .dropdown .container {justify-content: flex-start; position: relative;} .header .container .nav-menu li .dropdown .text {width: 28.33%; margin-right: 6%;} .header .container .nav-menu li .dropdown .text span {font-size: 44px; font-family: "Hanzel", sans-serif; text-transform: uppercase; line-height: 1; font-weight: 700;} .header .container .nav-menu li .dropdown .text p {opacity: .7; font-size: 20px; line-height: 1.5;} .header .container .nav-menu li .dropdown>div a {margin-bottom: 10px; color: #000; display: block; transition: all .2s ease-out;} .header .container .nav-menu li .dropdown>div a:hover {padding-left: 10px; color: #E4002B;} .header .container .nav-menu li .dropdown>div .head:hover {padding-left: 0px;} .header .container .nav-menu li .dropdown>div a:last-child {margin-bottom: 0px;} .header .container .nav-menu li .dropdown .categories-grid {display: grid; gap: 50px; grid-template-rows: auto;} .header .container .nav-menu li .dropdown .categories-grid>div {transition: all .3s;} .header .container .nav-menu li .dropdown .categories-grid:hover>div {opacity: .4;} .header .container .nav-menu li .dropdown .categories-grid>div:hover {opacity: 1;} .header .container .nav-menu li .dropdown .categories-grid>div:hover .head {border-bottom: 1px solid #E4002B;} .header .container .nav-menu li .dropdown .categories-grid .head {font-size: 24px; font-family: "Hanzel", sans-serif; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #D9D9D9; padding-bottom: 10px; margin-bottom: 20px; display: block;} .header .container .nav-menu li .dropdown .categories-grid.columns-3 {grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr); max-width: 592px; width: 100%;} .header .container .nav-menu li .dropdown .categories-grid.columns-2 {grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr); max-width: 592px; width: 100%;} .header .container .nav-menu li .dropdown .categories-grid.columns-4 {grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr) minmax(80px, 1fr); width: 100%;} .header .container .nav-menu li .dropdown .categories-grid>div>div {margin-bottom: 20px;} .header .container .nav-menu li .dropdown .categories-grid>div>div:last-child {margin-bottom: 0px;} .header .container .nav-menu li .dropdown .categories-grid.columns-4>div:nth-child(2) div {max-height: 292px; display: flex; flex-direction: column; flex-wrap: wrap; column-gap: 30px;} .header .container .nav-menu li .dropdown .label {font-size: 18px; margin-bottom: 10px; display: block; color: rgb(0 0 0 / 30%); font-weight: 900; text-transform: uppercase;} .header .container .nav-menu li .dropdown .actions {position: absolute; right: 0px; bottom: 0px; min-width: 170px;} .header .container .nav-menu li .dropdown .actions a {color: #E4002B; font-size: 16px; text-decoration: underline !important; line-height: 1; margin-bottom: 25px;} @media only screen and (max-width: 1200px) { .header .container {min-height: 70px; height: 70px; width: 100%!important;} .header .container .nav-menu {margin-left: auto; margin-right: 20px; height: calc(100vh - 70px); flex-direction: column; position: absolute; top: 100%; background: #fff; width: 100%; left: 0px; padding: 20px 30px 30px 30px; overflow: auto; border-top: 1px solid #e8e8e8; display: none;} .header .container .nav-menu li {position: relative; padding: 10px 0px; margin-right: 0px; border-bottom: 1px solid #e8e8e8; flex-direction: column; align-items: flex-start; font-size: 18px;} .header .container .nav-menu li:after {content: ""; position: absolute; width: 13px; height: 10px; top: 17px; right: 0px; background-image: url("data:image/svg+xml,"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: all .2s ease-out;} .header .container .nav-menu li.secondary:after {display: none;} .header .container .nav-menu li.secondary {padding: 5px 0px; display: block;} .header .container .nav-menu li.secondary a svg {margin-right: 5px;} .header .container .nav-menu li.secondary a svg path {fill: rgb(0 0 0 / 70%);} .header .container .nav-menu li:hover .dropdown {border: none; max-height: 0px; padding: 0px;} .header .container .nav-menu li.active>span {color: #E4002B;} .header .container .nav-menu li:hover span:after {width: 0;} .header .container .nav-menu li .dropdown {position: relative; padding: 0px; top: auto; max-height: 0px; background: transparent; width: 100%;} .header .container .nav-menu li .dropdown.active {max-height: 2000px; padding: 20px 0px 5px 0px;} .header .container .nav-menu li .dropdown .text, .header .container .nav-menu li .dropdown .actions {display: none;} .header .container .nav-menu li .dropdown .categories-grid.columns-3, .header .container .nav-menu li .dropdown .categories-grid.columns-2 {max-width: none;} .header .container .nav-menu li .dropdown .categories-grid.columns-4 {grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr);} .header .container .nav-menu li .dropdown .categories-grid .head {font-size: 18px;} .header .container .nav-menu li .dropdown .label {font-size: 16px;} .header .container .nav-menu li .dropdown>div a {font-size: 14px;} .header .container .nav-menu li .dropdown .container {height: auto;} .header .container .nav-menu li.accessories .dropdown {position: initial;} .header .container .nav-menu li.accessories:hover .dropdown {padding: 0;} .header .container .nav-menu li.accessories .dropdown.active {padding: 10px 0px; position: initial;} } @media only screen and (max-width: 767px) { .header .container .nav-menu li .dropdown .categories-grid.columns-3, .header .container .nav-menu li .dropdown .categories-grid.columns-2 {grid-template-columns: minmax(80px, 1fr); gap: 30px;} .header .container .nav-menu li .dropdown .categories-grid.columns-4 {grid-template-columns: minmax(80px, 1fr); gap: 30px;} .header .container .nav-menu li .dropdown .container {padding: 0!important;} .header.scrolled .container .nav-menu li .dropdown {top: 0;} .menu-btn.active:before {bottom: 12px;} .menu-btn.active:after {top: 12px;} } /* ---- css/sprite.css (49 rules) ---- */ .footer.content {border-top: none; display: none;} .minicart-wrapper .form.dropdown-menu {position: absolute;} .minicart-wrapper .action.showcart:before {content: normal!important;} .minicart-wrapper .action.showcart .counter-number {text-shadow: none!important;} .minicart-wrapper .action.showcart .counter.qty {background: #e4002b!important; color: #ffffff; height: 16px!important; line-height: 16px!important; border-radius: 10px!important; min-width: 16px!important; font-size: 11px!important; position: ABSOLUTE; right: -9px; top: -8px;} :where(.page-header, .footer) button:hover {border: none!important;} .minicart-wrapper .action.edit:before {content: normal!important;} .minicart-wrapper.dropdown {margin-left: 0!important;} .minicart-wrapper .action.showcart {color: #000;} .page-header .panel.wrapper {background-color: #fff !important;} :where(.page-header, .footer) textarea:hover, :where(.page-header, .footer) input:hover, :where(.page-header, .footer) textarea:active, :where(.page-header, .footer) input:active, :where(.page-header, .footer) textarea:focus, :where(.page-header, .footer) input:focus, :where(.page-header, .footer) button:focus, :where(.page-header, .footer) button:active, :where(.page-header, .footer) button:hover, :where(.page-header, .footer) label:focus {outline: 0 !important; -webkit-appearance: none!important; box-shadow: none!important;} :where(.page-header, .footer) textarea {display: block; width: 100%; padding: .375rem .75rem; line-height: 1.5; color: #495057; background-clip: padding-box; border: 1px solid #d2d2d2; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; vertical-align: middle; transition: all .3s ease 0s; font-family: Commissioner, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; border-radius: 0; background-color: #fff; height: 50px;} :where(.page-header, .footer) textarea:focus {border-color: #303030; box-shadow: none;} :where(.page-header, .footer) textarea:hover {border-color: #303030; box-shadow: none;} .wrapper-custom ul.header__stripe {float: right; position: unset; right: 0; width: 100%; text-align: right;} .wrapper-custom ul.header__stripe li {float: none; list-style: none; margin: 0 12px; display: inline-block;} .wrapper-custom ul.header__stripe li a {color: #bbb;} .wrapper-custom ul.header__stripe li span {color: #bbb;} .wrapper-custom ul.header__stripe li a:hover {color: #000;} .wrapper-custom ul.header__stripe li span:hover {color: #000;} .wrapper-custom ul.header__stripe ul.my-account-links {width: 200px;} :where(.page-header, .footer) mark {background-color: transparent;} .checkout-index-index .header.content {padding: 20px 20px 20px; border: none;} .checkout-index-index .header.content {z-index: 99;} @media (max-width:768px) { .page-header .action.nav-toggle {display: none;} .action.showcart .ei-cart_alt {font-size: 30px;} .minicart-wrapper .action.showcart .counter.qty {right: -10px; top: 1px;} .checkout-index-index .menu-trigger:first-child {margin-right: auto; margin-left: 0; visibility: hidden;} } .minicart-wrapper .cart-wrap__footer button.btn--red {font-size: 16px;} @media (min-width:769px) { .page-wrapper .page-header.header {height: 105px;} .minicart-wrapper .form.dropdown-menu {position: absolute; top: 47px!important;} } @media (min-width:1400px) { .minicart-wrapper .form.dropdown-menu {position: absolute; top:30px!important;} } @media (max-width:768px) { .minicart-wrapper .form.dropdown-menu {position: absolute; top: 59px!important;} .footer .container {min-height: 500px;} } .minicart-wrapper .cart-wrap {border: none; background-color: #f2f2f2; border-radius: 0; padding: 15px 20px 20px; min-width: 430px; box-shadow: 0 9px 35px 1px rgba(0, 0, 0, 0.14); max-height: -webkit-calc(100vh - 124px); max-height: calc(100vh - 124px);} .minicart-wrapper .product .actions {width: 100%;} .minicart-wrapper .product .actions .primary, .minicart-wrapper .product .actions .secondary {user-select: none; display: inline-block; vertical-align: middle; font: inherit; font-size: 16px !important; font-family: Commissioner, 'Helvetica Neue', Arial, sans-serif !important; text-align: center; text-transform: none; white-space: normal; margin: 24px 0 0; cursor: pointer; overflow: visible; transition: all .3s ease 0s; border-radius: 0 !important; border: none; padding: 15px 54px !important;} .minicart-wrapper .cart-wrap__footer button.btn--red {border: none!important; font-weight: 600;} @media (max-width:480px) { .minicart-wrapper .cart-wrap {min-width: 350px;} .minicart-wrapper .product .actions .primary, .minicart-wrapper .product .actions .secondary {padding: 15px 35px !important;} } .checkout-index-index .header.content {padding: 0 20px 0;} @media all and (-ms-high-contrast:none) { :where(.page-header, .footer) *::-ms-backdrop {margin-top:40px!important;} } body.cms-commercial_cs .page-header {display:none!important;} body.cms-commercial_cs .header {font-size: 18px; display: none!important;} body.cms-ufczone .page-header .panel.wrapper {display:none;} body.cms-ufczone .header {display:none;} body.cms-ufczone .footer {display: none;} body.cms-philips .page-header {display:none!important;} body.cms-philips .header {font-size: 18px; display: none!important;} body.cms-philips .footer {font-size: 18px; display: none!important;} :where(.page-header, .footer) .col-content-left {padding:0;} @media (min-width:992px) { :where(.page-header, .footer) .col-content-left {flex: 0 0 28%!important; max-width: 28%!important;} :where(.page-header, .footer) .col-content-right {flex: 0 0 72%!important; max-width: 72%!important; padding-right: 10px!important; padding-left: 0!important;} } @media (max-width:991.9px) { :where(.page-header, .footer) .col-content-left {padding: 0; display: grid; order: 2;} } @media (max-width:767.9px) { :where(.page-header, .footer) .col-content-left {padding-left: 15px!important; padding-right: 15px!important;} } @media (max-width:575.9px) { :where(.page-header, .footer) .col-content-left {padding: 30px; width: 93%!important; margin:0 auto;} } /* ---- css/bootstrap.min.css (91 rules) ---- */ :where(.page-header, .footer) * {box-sizing:border-box} :where(.page-header, .footer) article, :where(.page-header, .footer) aside, :where(.page-header, .footer) figcaption, :where(.page-header, .footer) figure, :where(.page-header, .footer) footer, :where(.page-header, .footer) header, :where(.page-header, .footer) hgroup, :where(.page-header, .footer) main, :where(.page-header, .footer) nav, :where(.page-header, .footer) section {display:block} :where(.page-header, .footer) {font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left} :where(.page-header, .footer) hr {box-sizing:content-box;height:0;overflow:visible} :where(.page-header, .footer) h1, :where(.page-header, .footer) h2, :where(.page-header, .footer) h3, :where(.page-header, .footer) h4, :where(.page-header, .footer) h5, :where(.page-header, .footer) h6 {margin-top:0;margin-bottom:.5rem} :where(.page-header, .footer) p {margin-top:0;margin-bottom:1rem} :where(.page-header, .footer) address {margin-bottom:1rem;font-style:normal;line-height:inherit} :where(.page-header, .footer) dl, :where(.page-header, .footer) ol, :where(.page-header, .footer) ul {margin-top:0;margin-bottom:1rem} :where(.page-header, .footer) ol ol, :where(.page-header, .footer) ol ul, :where(.page-header, .footer) ul ol, :where(.page-header, .footer) ul ul {margin-bottom:0} :where(.page-header, .footer) dt {font-weight:700} :where(.page-header, .footer) dd {margin-bottom:.5rem;margin-left:0} :where(.page-header, .footer) blockquote {margin:0 0 1rem} :where(.page-header, .footer) dfn {font-style:italic} :where(.page-header, .footer) b, :where(.page-header, .footer) strong {font-weight:bolder} :where(.page-header, .footer) small {font-size:80%} :where(.page-header, .footer) sub, :where(.page-header, .footer) sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline} :where(.page-header, .footer) sub {bottom:-.25em} :where(.page-header, .footer) sup {top:-.5em} :where(.page-header, .footer) a {color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} :where(.page-header, .footer) a:hover {color:#0056b3;text-decoration:underline} :where(.page-header, .footer) a:not([href]):not([tabindex]) {color:inherit;text-decoration:none} :where(.page-header, .footer) a:not([href]):not([tabindex]):focus, :where(.page-header, .footer) a:not([href]):not([tabindex]):hover {color:inherit;text-decoration:none} :where(.page-header, .footer) a:not([href]):not([tabindex]):focus {outline:0} :where(.page-header, .footer) code, :where(.page-header, .footer) kbd, :where(.page-header, .footer) pre, :where(.page-header, .footer) samp {font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} :where(.page-header, .footer) pre {margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar} :where(.page-header, .footer) figure {margin:0 0 1rem} :where(.page-header, .footer) img {vertical-align:middle;border-style:none} :where(.page-header, .footer) svg {overflow:hidden;vertical-align:middle} :where(.page-header, .footer) table {border-collapse:collapse} :where(.page-header, .footer) caption {padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom} :where(.page-header, .footer) th {text-align:inherit} :where(.page-header, .footer) label {display:inline-block;margin-bottom:.5rem} :where(.page-header, .footer) button {border-radius:0} :where(.page-header, .footer) button:focus {outline:1px dotted;outline:5px auto -webkit-focus-ring-color} :where(.page-header, .footer) button, :where(.page-header, .footer) input, :where(.page-header, .footer) optgroup, :where(.page-header, .footer) select, :where(.page-header, .footer) textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit} :where(.page-header, .footer) button, :where(.page-header, .footer) input {overflow:visible} :where(.page-header, .footer) button, :where(.page-header, .footer) select {text-transform:none} :where(.page-header, .footer) button {-webkit-appearance:button} :where(.page-header, .footer) button::-moz-focus-inner {padding:0;border-style:none} :where(.page-header, .footer) textarea {overflow:auto;resize:vertical} :where(.page-header, .footer) fieldset {min-width:0;padding:0;margin:0;border:0} :where(.page-header, .footer) legend {display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} :where(.page-header, .footer) progress {vertical-align:baseline} :where(.page-header, .footer) output {display:inline-block} :where(.page-header, .footer) summary {display:list-item;cursor:pointer} :where(.page-header, .footer) template {display:none} :where(.page-header, .footer) h1, :where(.page-header, .footer) h2, :where(.page-header, .footer) h3, :where(.page-header, .footer) h4, :where(.page-header, .footer) h5, :where(.page-header, .footer) h6 {margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit} :where(.page-header, .footer) h1 {font-size:2.5rem} :where(.page-header, .footer) h2 {font-size:2rem} :where(.page-header, .footer) h3 {font-size:1.75rem} :where(.page-header, .footer) h4 {font-size:1.5rem} :where(.page-header, .footer) h5 {font-size:1.25rem} :where(.page-header, .footer) h6 {font-size:1rem} :where(.page-header, .footer) hr {margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)} :where(.page-header, .footer) small {font-size:80%;font-weight:400} :where(.page-header, .footer) mark {padding:.2em;background-color:#fcf8e3} :where(.page-header, .footer) code {font-size:87.5%;color:#e83e8c;word-break:break-word} :where(.page-header, .footer) a>code {color:inherit} :where(.page-header, .footer) kbd {padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem} :where(.page-header, .footer) kbd kbd {padding:0;font-size:100%;font-weight:700} :where(.page-header, .footer) pre {display:block;font-size:87.5%;color:#212529} :where(.page-header, .footer) pre code {font-size:inherit;color:inherit;word-break:normal} :where(.page-header, .footer) .container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:576px) { :where(.page-header, .footer) .container {max-width:540px} } @media (min-width:768px) { :where(.page-header, .footer) .container {max-width:720px} } @media (min-width:992px) { :where(.page-header, .footer) .container {max-width:960px} } @media (min-width:1200px) { :where(.page-header, .footer) .container {max-width:1140px} } :where(.page-header, .footer) .container-fluid {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} :where(.page-header, .footer) .row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} :where(.page-header, .footer) .col-1, :where(.page-header, .footer) .col-10, :where(.page-header, .footer) .col-11, :where(.page-header, .footer) .col-12, :where(.page-header, .footer) .col-2, :where(.page-header, .footer) .col-3, :where(.page-header, .footer) .col-4, :where(.page-header, .footer) .col-5, :where(.page-header, .footer) .col-6, :where(.page-header, .footer) .col-7, :where(.page-header, .footer) .col-8, :where(.page-header, .footer) .col-9, :where(.page-header, .footer) .col-auto, :where(.page-header, .footer) .col-lg, :where(.page-header, .footer) .col-lg-1, :where(.page-header, .footer) .col-lg-10, :where(.page-header, .footer) .col-lg-11, :where(.page-header, .footer) .col-lg-12, :where(.page-header, .footer) .col-lg-2, :where(.page-header, .footer) .col-lg-3, :where(.page-header, .footer) .col-lg-4, :where(.page-header, .footer) .col-lg-5, :where(.page-header, .footer) .col-lg-6, :where(.page-header, .footer) .col-lg-7, :where(.page-header, .footer) .col-lg-8, :where(.page-header, .footer) .col-lg-9, :where(.page-header, .footer) .col-lg-auto, :where(.page-header, .footer) .col-md, :where(.page-header, .footer) .col-md-1, :where(.page-header, .footer) .col-md-10, :where(.page-header, .footer) .col-md-11, :where(.page-header, .footer) .col-md-12, :where(.page-header, .footer) .col-md-2, :where(.page-header, .footer) .col-md-3, :where(.page-header, .footer) .col-md-4, :where(.page-header, .footer) .col-md-5, :where(.page-header, .footer) .col-md-6, :where(.page-header, .footer) .col-md-7, :where(.page-header, .footer) .col-md-8, :where(.page-header, .footer) .col-md-9, :where(.page-header, .footer) .col-md-auto, :where(.page-header, .footer) .col-sm, :where(.page-header, .footer) .col-sm-1, :where(.page-header, .footer) .col-sm-10, :where(.page-header, .footer) .col-sm-11, :where(.page-header, .footer) .col-sm-12, :where(.page-header, .footer) .col-sm-2, :where(.page-header, .footer) .col-sm-3, :where(.page-header, .footer) .col-sm-4, :where(.page-header, .footer) .col-sm-5, :where(.page-header, .footer) .col-sm-6, :where(.page-header, .footer) .col-sm-7, :where(.page-header, .footer) .col-sm-8, :where(.page-header, .footer) .col-sm-9, :where(.page-header, .footer) .col-sm-auto, :where(.page-header, .footer) .col-xl, :where(.page-header, .footer) .col-xl-1, :where(.page-header, .footer) .col-xl-10, :where(.page-header, .footer) .col-xl-11, :where(.page-header, .footer) .col-xl-12, :where(.page-header, .footer) .col-xl-2, :where(.page-header, .footer) .col-xl-3, :where(.page-header, .footer) .col-xl-4, :where(.page-header, .footer) .col-xl-5, :where(.page-header, .footer) .col-xl-6, :where(.page-header, .footer) .col-xl-7, :where(.page-header, .footer) .col-xl-8, :where(.page-header, .footer) .col-xl-9, :where(.page-header, .footer) .col-xl-auto {position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px} :where(.page-header, .footer) .col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} :where(.page-header, .footer) .col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} :where(.page-header, .footer) .col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} :where(.page-header, .footer) .col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} :where(.page-header, .footer) .col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} :where(.page-header, .footer) .col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} :where(.page-header, .footer) .col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} :where(.page-header, .footer) .col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} :where(.page-header, .footer) .col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} :where(.page-header, .footer) .col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} :where(.page-header, .footer) .col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} :where(.page-header, .footer) .col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} :where(.page-header, .footer) .col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} @media (min-width:576px) { :where(.page-header, .footer) .col-sm {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} :where(.page-header, .footer) .col-sm-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} :where(.page-header, .footer) .col-sm-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} :where(.page-header, .footer) .col-sm-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} :where(.page-header, .footer) .col-sm-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} :where(.page-header, .footer) .col-sm-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} :where(.page-header, .footer) .col-sm-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} :where(.page-header, .footer) .col-sm-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} :where(.page-header, .footer) .col-sm-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} :where(.page-header, .footer) .col-sm-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} :where(.page-header, .footer) .col-sm-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} :where(.page-header, .footer) .col-sm-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} :where(.page-header, .footer) .col-sm-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} :where(.page-header, .footer) .col-sm-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:768px) { :where(.page-header, .footer) .col-md {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} :where(.page-header, .footer) .col-md-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} :where(.page-header, .footer) .col-md-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} :where(.page-header, .footer) .col-md-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} :where(.page-header, .footer) .col-md-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} :where(.page-header, .footer) .col-md-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} :where(.page-header, .footer) .col-md-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} :where(.page-header, .footer) .col-md-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} :where(.page-header, .footer) .col-md-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} :where(.page-header, .footer) .col-md-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} :where(.page-header, .footer) .col-md-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} :where(.page-header, .footer) .col-md-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} :where(.page-header, .footer) .col-md-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} :where(.page-header, .footer) .col-md-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:992px) { :where(.page-header, .footer) .col-lg {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} :where(.page-header, .footer) .col-lg-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} :where(.page-header, .footer) .col-lg-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} :where(.page-header, .footer) .col-lg-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} :where(.page-header, .footer) .col-lg-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} :where(.page-header, .footer) .col-lg-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} :where(.page-header, .footer) .col-lg-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} :where(.page-header, .footer) .col-lg-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} :where(.page-header, .footer) .col-lg-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} :where(.page-header, .footer) .col-lg-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} :where(.page-header, .footer) .col-lg-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} :where(.page-header, .footer) .col-lg-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} :where(.page-header, .footer) .col-lg-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} :where(.page-header, .footer) .col-lg-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:1200px) { :where(.page-header, .footer) .col-xl {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} :where(.page-header, .footer) .col-xl-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} :where(.page-header, .footer) .col-xl-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} :where(.page-header, .footer) .col-xl-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} :where(.page-header, .footer) .col-xl-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} :where(.page-header, .footer) .col-xl-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} :where(.page-header, .footer) .col-xl-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} :where(.page-header, .footer) .col-xl-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} :where(.page-header, .footer) .col-xl-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} :where(.page-header, .footer) .col-xl-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} :where(.page-header, .footer) .col-xl-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} :where(.page-header, .footer) .col-xl-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} :where(.page-header, .footer) .col-xl-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} :where(.page-header, .footer) .col-xl-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } :where(.page-header, .footer) .col-form-label {padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5} :where(.page-header, .footer) .col-form-label-lg {padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5} :where(.page-header, .footer) .col-form-label-sm {padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5} @media print { :where(.page-header, .footer) * {text-shadow:none!important;box-shadow:none!important} :where(.page-header, .footer) a:not(.btn) {text-decoration:underline} :where(.page-header, .footer) pre {white-space:pre-wrap!important} :where(.page-header, .footer) blockquote, :where(.page-header, .footer) pre {border:1px solid #adb5bd;page-break-inside:avoid} :where(.page-header, .footer) thead {display:table-header-group} :where(.page-header, .footer) img, :where(.page-header, .footer) tr {page-break-inside:avoid} :where(.page-header, .footer) h2, :where(.page-header, .footer) h3, :where(.page-header, .footer) p {orphans:3;widows:3} :where(.page-header, .footer) h2, :where(.page-header, .footer) h3 {page-break-after:avoid} :where(.page-header, .footer) .container {min-width:992px!important} } /* ---- css/nav-menu.css (9 rules) ---- */ @media only screen and (max-width: 1200px), (hover: none), (pointer: coarse) { .header .container .nav-menu li .dropdown .categories-grid:hover > div, .header .container .nav-menu li .dropdown .categories-grid > div:hover {opacity: 1;} .header .container .nav-menu li .dropdown .categories-grid > div:hover .head {border-bottom-color: #D9D9D9;} .header .container .nav-menu li .dropdown > div a:hover {padding-left: 0;} } @media only screen and (max-width: 1200px) { .header .container .nav-menu.is-open {display: block;} .header .container .nav-menu li:hover .dropdown {min-height: auto; max-height: 0; padding: 0; border: none;} .header .container .nav-menu li.accessories:hover .dropdown {padding: 0 20px;} .header .container .nav-menu li:hover .dropdown.active {max-height: 2000px; padding: 20px 0 5px 0;} .header .container .nav-menu li.accessories:hover .dropdown.active {padding: 10px 0;} .header .container .nav-menu > li > span {display: block; width: 100%; min-height: 44px; line-height: 44px; margin: -10px 0;} .header .container .nav-menu > li > span:focus-visible {outline: 2px solid #E4002B; outline-offset: 2px;} .header .container .nav-menu li.active:after {transform: rotate(180deg);} .header .container .nav-menu li .dropdown .label {color: rgb(0 0 0 / 60%);} } .spirit-menu-toggle {display: none; align-self: center; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; margin: -7px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent;} .spirit-menu-toggle:focus-visible {outline: 2px solid #E4002B; outline-offset: -2px;} .spirit-menu-toggle .menu-btn {display: flex; pointer-events: none;} .spirit-menu-toggle .menu-btn > span {height: 2px; background: black; width: 100%;} .spirit-menu-toggle .menu-btn.active > span {height: 0;} @media only screen and (max-width: 1200px) { .spirit-menu-toggle {display: flex;} } @media only screen and (max-width: 480px) { .spirit-menu-toggle {margin: -9.5px;} } /* ---- css/custom.css (2 rules) ---- */ @media (min-width: 576px) { :where(.page-header, .footer) .col-sm-4 {float: left;} :where(.page-header, .footer) .col-sm-8 {float: left;} } @media (max-width: 767px) { body {padding-top: 70px !important} body .header {min-height: 70px; height: 70px !important;} body .header .header__stripe {display: none;} } /* ---- css/global.css (34 rules) ---- */ .header {transition: all .2s ease-out;} .header.scrolled {top: -45px;} .header .top-block {background: #2F2F2F; color: rgb(255 255 255 / 80%); padding: 0 40px;} .header .top-block .container {height: auto; max-width: 1200px; padding: 0;} .header .container.header-section {max-width: 1280px; padding: 0 40px;} :where(.page-header, .footer) .container {max-width: 1200px; padding-left: 40px; padding-right: 40px;} .footer .container {padding-left: 0; padding-right: 0;} .header .top-block .container > ul {display: flex; align-items: stretch; justify-content: flex-end; list-style: none; height: 44px; margin: 0; padding: 0; width: 100%;} .header .top-block ul li {margin-right: 30px; position: relative; display: flex; align-items: center; margin-bottom: 0;} .header .top-block ul li:last-child {margin-right: 0; cursor: pointer;} .header .top-block ul li a {font-size: 13px; text-transform: uppercase; text-decoration: none; color: rgb(255 255 255 / 80%); display: flex; align-items: center; transition: all .2s ease-out;} .header .top-block ul li a:hover {color: rgb(255 255 255 / 100%);} .header .top-block ul li a svg {width: 12px; height: 15px; margin-right: 5px;} .header .top-block ul li .flag {width: 25px; border: 1px solid white; border-radius: 13px; margin-bottom: 0;} .header .top-block ul li .dropdown {background: white; position: absolute; right: -20px; top: 60px; border: 1px solid #E4E4E4; padding: 20px; width: 500px; max-width: 360px; opacity: 0; visibility: hidden; transition: all .2s ease-out; z-index: 5} .header .top-block ul li:hover .dropdown {opacity: 1; visibility: visible; top: 40px} .header .top-block ul li .dropdown p {font-size: 14px; line-height: 1.4; color: rgb(0 0 0 / 70%); margin: 0 0 25px 0;} .header .top-block ul li .dropdown p a {text-transform: none; color: red; font-weight: 700; display: inline; text-decoration: underline} .header .top-block ul li .dropdown ul {display: flex; flex-wrap: wrap; padding-left: 0; gap: 15px;} .header .top-block ul li .dropdown ul li {margin: 0;} .header .top-block ul li .dropdown ul li img {width: 40px; transition: all .2s ease-out} .header .top-block ul li .dropdown ul li img:hover {transform: scale(1.2)} .menu-btn {height: 30px; width: 30px; align-self: center; position: relative; cursor: pointer; align-items: center; display: none; flex-shrink: 0;} .menu-btn>div {height: 2px; background: black; width: 100%;} .menu-btn:after, .menu-btn:before {height: 2px; width: 100%; position: absolute; content: ""; left: 0; background: black; transform-origin: center; transition: all .2s ease-out} .menu-btn:after {top: 5px;} .menu-btn:before {bottom: 5px;} .menu-btn.active>div {height: 0;} .menu-btn.active:after {transform: rotate(45deg); top: 14px} .menu-btn.active:before {transform: rotate(-45deg); bottom: 14px;} .minicart-wrapper .action.showcart svg {width: 25px; height: auto;} .page-header .panel.wrapper {border-bottom: 1px solid #E4E4E4;} @media only screen and (max-width: 1200px) { body {padding-top: 70px !important} :where(.page-header, .footer) .container {max-width: 1200px; padding-left: 30px; padding-right: 30px;} body .header {min-height: 70px; height: 70px !important;} .header .top-block {display: none} .header.scrolled {top: 0;} .header .container.header-section {padding-left: 30px; padding-right: 30px;} .footer > .container {padding-left: 30px; padding-right: 30px;} .header__logo:not(:first-child) {position: relative; top: unset; left: unset; transform: unset;} .menu-btn {display: flex; margin-left: 0;} .minicart-wrapper.dropdown {margin: 0 20px 5px auto !important;} .minicart-wrapper .action.showcart svg {width: 30px;} } @media only screen and (max-width: 480px) { :where(.page-header, .footer) .container {padding-left: 20px !important; padding-right: 20px !important;} .header .container.header-section {padding-left: 20px !important; padding-right: 20px !important;} .footer .container .container {padding-left: 0 !important; padding-right: 0 !important;} .header__logo img {width: 200px;} .menu-btn {height: 25px; width: 25px;} .minicart-wrapper .action.showcart svg {width: 24px;} } /* ---- css/styles-l.css (2 rules) ---- */ @media screen and (min-width: 768px) { @media all and (min-width:769px),print { .page-header .header.panel:before, .page-header .header.panel:after, .header.content:before, .header.content:after {content:"";display:table} .page-header .header.panel:after, .header.content:after {clear:both} :where(.page-header, .footer) h1 {font-size:40px;margin-bottom:40px} .page-header .header.panel, .header.content, .footer.content {box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1280px;padding-left:20px;padding-right:20px;width:auto} .panel.header {padding:10px 20px} .nav-toggle {display:none} .panel.header .links, .panel.header .switcher {display:inline-block} .minicart-wrapper {margin-left:13px} .minicart-wrapper .block-minicart {width:390px} .minicart-wrapper .action.edit:before {font-size:16px;line-height:inherit} .page-header {border:0;margin-bottom:0} .page-header .panel.wrapper {border-bottom:1px solid #e8e8e8;background-color:#6e716e} .page-header .header.panel {padding-bottom:10px;padding-top:10px} .page-header .switcher {float:right;margin-left:15px;margin-right:-6px;-ms-flex-order:1;-webkit-order:1;order:1} .customer-welcome .header.links {min-width:175px} .header.panel>.header.links {margin:0;padding:0;list-style:none none;float:right;margin-left:auto} .header.panel>.header.links>li {display:inline-block;vertical-align:top} .header.panel>.header.links>li {margin:0 0 0 15px} .header.panel>.header.links>li.welcome, .header.panel>.header.links>li>a {display:inline-block;line-height:1.4} .header.panel>.header.links>li.welcome a {color:#fff;padding-left:5px} .header.panel>.header.links>.authorization-link:after {content:attr(data-label);display:inline-block;margin:0 -5px 0 5px} .header.panel>.header.links>.authorization-link:last-child:after {display:none} .header.panel>.header.links>.customer-welcome+.authorization-link {display:none} .header.content {padding:30px 20px 0} .footer.content {border-top:none} .footer.content .block {float:right} .footer.content ul {padding-right:50px} .footer.content .switcher.store {display:block;margin:0} .footer.content .links {display:inline-block;padding-right:50px;vertical-align:top} .footer.content .links li {background:transparent;border:none;font-size:14px;margin:0 0 8px;padding:0} .footer.content .links a, .footer.content .links strong {display:inline} } @media (max-width:480px) { :where(.page-header, .footer) .container {width:100% !important;padding-right:5px !important;padding-left:5px !important} } } /* ---- inline