{ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,500,500i"); @import url("https://fonts.googleapis.com/css?family=Nunito:800,800i"); html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { /* stylelint-disable */ font-family: monospace, monospace; /* stylelint-enable */ font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select { overflow: visible; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, input, select, textarea { margin: 0; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { cursor: pointer; } [disabled] { cursor: default; } [type="reset"], [type="submit"], button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, html [type="button"] { appearance: button; } button::-moz-focus-inner, .cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner, .action-gift::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, .cart.table-wrapper .actions-toolbar > .action:-moz-focusring, .action-gift:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: field; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { border: 0; } img, object, video, embed { height: auto; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 100%; font-size-adjust: 100%; } body { color: #222; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 300; line-height: 1.75; font-size: 1rem; } p { margin-top: 0; } p { margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #ddd; cursor: help; } b, strong { font-weight: 500; } em, i { font-style: italic; } mark { background: #eeeeee; color: black; } small, .small { font-size: 14px; } hr { border: 0; border-top: 1px solid #ddd; margin-bottom: 28px; margin-top: 28px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dfn { font-style: italic; } h1 { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.1; font-size: 2.5rem; margin-top: 0; margin-bottom: 1rem; } h2 { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } h3 { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } h4 { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; } h5 { color: #303030; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; font-size: 1.1rem; margin-top: 1rem; margin-bottom: 1rem; } h6 { color: #303030; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; font-size: 0.85rem; margin-top: 1rem; margin-bottom: 0; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small { color: black; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 300; line-height: 1; } a, .alink { color: #e2001a; text-decoration: none; } a:visited, .alink:visited { color: #e2001a; text-decoration: none; } a:hover, .alink:hover { color: #ff1631; text-decoration: underline; } a:active, .alink:active { color: #e2001a; text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 0.5rem; } ul > li, ol > li { margin-top: 0; margin-bottom: 0.85rem; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } dl { margin-bottom: 0; margin-top: 0; } dt { font-weight: 500; margin-bottom: 8px; margin-top: 0; } dd { margin-bottom: 16px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { background: #eeeeee; color: black; padding: 2px 4px; font-size: 0.875rem; white-space: nowrap; } kbd { background: #eeeeee; color: black; padding: 2px 4px; font-size: 0.875rem; } pre { background: #eeeeee; border: 1px solid #ddd; color: black; line-height: 1.75; margin: 0 0 16px; padding: 16px; font-size: 0.875rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #ddd; margin: 0 0 32px 32px; padding: 0; color: #222; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: italic; font-weight: 300; line-height: 1.75; font-size: 1rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: black; line-height: 1.75; font-size: 0.75rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 8px 16px; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 0; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; } button:focus, .cart.table-wrapper .actions-toolbar > .action:focus, .action-gift:focus, button:active, .cart.table-wrapper .actions-toolbar > .action:active, .action-gift:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } button.disabled, .cart.table-wrapper .actions-toolbar > .disabled.action, .disabled.action-gift, button[disabled], .cart.table-wrapper .actions-toolbar > .action[disabled], .action-gift[disabled], fieldset[disabled] button, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .action, fieldset[disabled] .action-gift { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner, .cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner, .action-gift::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] { background: white; background-clip: padding-box; border: 1px solid #ddd; border-radius: 1px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 32px; line-height: 1.75; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="datetime"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #c2c2c2; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #c2c2c2; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #c2c2c2; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: white; background-clip: padding-box; border: 1px solid #ddd; border-radius: 1px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 32px; line-height: 1.75; padding: 8px 16px 4px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:disabled { opacity: 0.5; } select[multiple="multiple"] { height: auto; background-image: none; } textarea { background: white; background-clip: padding-box; border: 1px solid #ddd; border-radius: 1px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; height: auto; line-height: 1.75; margin: 0; padding: 16px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #c2c2c2; } textarea::-webkit-input-placeholder { color: #c2c2c2; } textarea:-ms-input-placeholder { color: #c2c2c2; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ff495e; } div.mage-error[generated] { color: #e2001a; font-size: 0.875rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: none; } .actions-toolbar > .primary, .actions-toolbar > .secondary { text-align: center; margin-bottom: 16px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 16px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .actions-toolbar:before, .actions-toolbar:after { content: ''; display: table; } .actions-toolbar:after { clear: both; } .actions-toolbar .primary { float: left; } .actions-toolbar .secondary { float: right; } .actions-toolbar .primary, .actions-toolbar .secondary { display: inline-block; } .actions-toolbar .primary a.action, .actions-toolbar .secondary a.action { display: inline-block; } .actions-toolbar .primary .action { margin: 0 8px 0 0; } .actions-toolbar .secondary a.action { margin-top: 6px; } .actions-toolbar > .secondary, .actions-toolbar > .primary { margin-bottom: 0; } .actions-toolbar > .secondary .action, .actions-toolbar > .primary .action { margin-bottom: 0; width: auto; } } .breadcrumbs { margin: 0 0 32px; } .breadcrumbs .items { font-size: 0.875rem; color: #ddd; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #222; text-decoration: none; } .breadcrumbs a:visited { color: #222; text-decoration: none; } .breadcrumbs a:hover { color: black; text-decoration: underline; } .breadcrumbs a:active { color: black; text-decoration: none; } .breadcrumbs strong { font-weight: 300; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 18px; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } a.action.primary, button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { border-radius: 3px; } button:active, .cart.table-wrapper .actions-toolbar > .action:active, .action-gift:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary { background-image: none; background: #e2001a; border: 1px solid #e2001a; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; } .action.primary:focus, .action.primary:active { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .action.primary:hover { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .action.primary.disabled, .action.primary[disabled], fieldset[disabled] .action.primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-reset-list, .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .cart-container .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .items, .block-wishlist-management .wishlist-select-items, .paypal-review .items-qty, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .abs-reset-list > li, .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .cart-container .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .items > li, .block-wishlist-management .wishlist-select-items > li, .paypal-review .items-qty > li, .order-details-items .items-qty > li, .footer.content ul > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .abs-action-link-button, .abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-info-main .action.tocompare, .product-options-bottom .action.tocompare, .product-info-main .action.towishlist, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist, .block-event .slider-panel .slider .item .action.event, .product-info-main .box-tocart .action.inquiry, .product-options-bottom .box-tocart .action.inquiry { background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 0; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-addto-product:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .product-info-main .action.tocompare:focus, .product-options-bottom .action.tocompare:focus, .product-info-main .action.towishlist:focus, .product-options-bottom .action.towishlist:focus, .block-bundle-summary .action.towishlist:focus, .block-event .slider-panel .slider .item .action.event:focus, .product-info-main .box-tocart .action.inquiry:focus, .product-options-bottom .box-tocart .action.inquiry:focus, .abs-action-link-button:active, .abs-action-addto-product:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .product-info-main .action.tocompare:active, .product-options-bottom .action.tocompare:active, .product-info-main .action.towishlist:active, .product-options-bottom .action.towishlist:active, .block-bundle-summary .action.towishlist:active, .block-event .slider-panel .slider .item .action.event:active, .product-info-main .box-tocart .action.inquiry:active, .product-options-bottom .box-tocart .action.inquiry:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .abs-action-link-button:hover, .abs-action-addto-product:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-info-main .action.tocompare:hover, .product-options-bottom .action.tocompare:hover, .product-info-main .action.towishlist:hover, .product-options-bottom .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .block-event .slider-panel .slider .item .action.event:hover, .product-info-main .box-tocart .action.inquiry:hover, .product-options-bottom .box-tocart .action.inquiry:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .abs-action-link-button.disabled, .disabled.abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .disabled.action, .product-info-main .disabled.action.tocompare, .product-options-bottom .disabled.action.tocompare, .product-info-main .disabled.action.towishlist, .product-options-bottom .disabled.action.towishlist, .block-bundle-summary .disabled.action.towishlist, .block-event .slider-panel .slider .item .disabled.action.event, .product-info-main .box-tocart .disabled.action.inquiry, .product-options-bottom .box-tocart .disabled.action.inquiry, .abs-action-link-button[disabled], .abs-action-addto-product[disabled], .bundle-options-container .block-bundle-summary .product-addto-links > .action[disabled], .product-info-main .action.tocompare[disabled], .product-options-bottom .action.tocompare[disabled], .product-info-main .action.towishlist[disabled], .product-options-bottom .action.towishlist[disabled], .block-bundle-summary .action.towishlist[disabled], .block-event .slider-panel .slider .item .action.event[disabled], .product-info-main .box-tocart .action.inquiry[disabled], .product-options-bottom .box-tocart .action.inquiry[disabled], fieldset[disabled] .abs-action-link-button, fieldset[disabled] .abs-action-addto-product, fieldset[disabled] .bundle-options-container .block-bundle-summary .product-addto-links > .action, .bundle-options-container .block-bundle-summary fieldset[disabled] .product-addto-links > .action, fieldset[disabled] .product-info-main .action.tocompare, .product-info-main fieldset[disabled] .action.tocompare, fieldset[disabled] .product-options-bottom .action.tocompare, .product-options-bottom fieldset[disabled] .action.tocompare, fieldset[disabled] .product-info-main .action.towishlist, .product-info-main fieldset[disabled] .action.towishlist, fieldset[disabled] .product-options-bottom .action.towishlist, .product-options-bottom fieldset[disabled] .action.towishlist, fieldset[disabled] .block-bundle-summary .action.towishlist, .block-bundle-summary fieldset[disabled] .action.towishlist, fieldset[disabled] .block-event .slider-panel .slider .item .action.event, .block-event .slider-panel .slider .item fieldset[disabled] .action.event, fieldset[disabled] .product-info-main .box-tocart .action.inquiry, .product-info-main .box-tocart fieldset[disabled] .action.inquiry, fieldset[disabled] .product-options-bottom .box-tocart .action.inquiry, .product-options-bottom .box-tocart fieldset[disabled] .action.inquiry { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-addto-product:hover, .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-info-main .action.tocompare:hover, .product-options-bottom .action.tocompare:hover, .product-info-main .action.towishlist:hover, .product-options-bottom .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .block-event .slider-panel .slider .item .action.event:hover, .product-info-main .box-tocart .action.inquiry:hover, .product-options-bottom .box-tocart .action.inquiry:hover, .abs-action-link-button:active, .abs-action-addto-product:active, .bundle-options-container .block-bundle-summary .product-addto-links > .action:active, .product-info-main .action.tocompare:active, .product-options-bottom .action.tocompare:active, .product-info-main .action.towishlist:active, .product-options-bottom .action.towishlist:active, .block-bundle-summary .action.towishlist:active, .block-event .slider-panel .slider .item .action.event:active, .product-info-main .box-tocart .action.inquiry:active, .product-options-bottom .box-tocart .action.inquiry:active, .abs-action-link-button:focus, .abs-action-addto-product:focus, .bundle-options-container .block-bundle-summary .product-addto-links > .action:focus, .product-info-main .action.tocompare:focus, .product-options-bottom .action.tocompare:focus, .product-info-main .action.towishlist:focus, .product-options-bottom .action.towishlist:focus, .block-bundle-summary .action.towishlist:focus, .block-event .slider-panel .slider .item .action.event:focus, .product-info-main .box-tocart .action.inquiry:focus, .product-options-bottom .box-tocart .action.inquiry:focus { text-decoration: none; } .abs-product-options-list dt, .cart.table-wrapper .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 16px 8px 0; } .abs-product-options-list dt:after, .cart.table-wrapper .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .abs-product-options-list dd, .cart.table-wrapper .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 8px; } @media only screen and (min-width: 768px) { .abs-product-options-list-desktop dt, .block-giftregistry-shared .item-options dt { clear: left; float: left; margin: 0 16px 8px 0; } .abs-product-options-list-desktop dt:after, .block-giftregistry-shared .item-options dt:after { content: ': '; } .abs-product-options-list-desktop dd, .block-giftregistry-shared .item-options dd { display: inline-block; float: left; margin: 0 0 8px; } } .abs-button-responsive, .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { width: 100%; } @media only screen and (min-width: 768px) { .abs-button-desktop { width: auto; } } @media only screen and (max-width: 767px) { .abs-button-responsive-smaller, .product-info-main .box-tocart .actions .action.tocart { width: 100%; } } @media only screen and (min-width: 768px) { .abs-blocks-2columns, .column .block-addbysku .block-content .box, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { width: 48.8%; } .abs-blocks-2columns:nth-child(odd), .column .block-addbysku .block-content .box:nth-child(odd), .login-container .block:nth-child(odd), .account .column.main .block:not(.widget) .block-content .box:nth-child(odd), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) { clear: left; float: left; } .abs-blocks-2columns:nth-child(even), .column .block-addbysku .block-content .box:nth-child(even), .login-container .block:nth-child(even), .account .column.main .block:not(.widget) .block-content .box:nth-child(even), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) { float: right; } } @media only screen and (min-width: 640px) { .abs-blocks-2columns-s { width: 48.8%; } .abs-blocks-2columns-s:nth-child(odd) { clear: left; float: left; } .abs-blocks-2columns-s:nth-child(even) { float: right; } } .abs-reset-image-wrapper, .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .abs-reset-image-wrapper .product-image-photo, .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .abs-adaptive-images { display: block; height: auto; max-width: 100%; } .abs-adaptive-images-centered, .product.media .product.photo .photo.image { display: block; height: auto; margin: 0 auto; max-width: 100%; } .abs-login-block-title, .login-container .block .block-title { font-size: 1.125rem; border-bottom: 1px solid #e2001a; margin-bottom: 15px; padding-bottom: 12px; } .abs-login-block-title strong, .login-container .block .block-title strong { font-weight: 500; } .abs-block-title, .abs-account-blocks .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .paypal-review .block .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title, .block-compare .block-title, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-results .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin-bottom: 15px; } .abs-block-title > strong, .abs-account-blocks .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .block-compare .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .block-reorder .block-title > strong, .widget .block-title > strong, .block-wishlist .block-title > strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .abs-account-blocks .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .paypal-review .block .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .abs-account-blocks .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .paypal-review .block .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 8px; } .abs-account-blocks .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span, .paypal-review .block .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; } .abs-account-blocks .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .paypal-review .block .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 16px; } .abs-account-blocks .block-content p:last-child, .account .column.main .block:not(.widget) .block-content p:last-child, .multicheckout .block-content p:last-child, .paypal-review .block .block-content p:last-child, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content p:last-child, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content p:last-child, .sales-guest-view .column.main .block:not(.widget) .block-content p:last-child { margin-bottom: 0; } .abs-account-blocks .block-content .box, .account .column.main .block:not(.widget) .block-content .box, .multicheckout .block-content .box, .paypal-review .block .block-content .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { margin-bottom: 32px; } .abs-dropdown-simple, .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .giftregisty-dropdown:before, .wishlist-dropdown:before, .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: white; border: 1px solid #bbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent white transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .active.giftregisty-dropdown, .active.wishlist-dropdown { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .active.giftregisty-dropdown ul.dropdown, .active.wishlist-dropdown ul.dropdown { display: block; } .abs-input-qty, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .cart.table-wrapper .col.qty .input-text, .account .table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .control .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 47px; } .abs-margin-for-blocks-and-widgets, .block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline { margin-bottom: 32px; } .abs-remove-button-for-blocks, .sidebar .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filtered .item .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filtered .item .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filtered .item .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 15px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filtered .item .action.remove:hover:before { color: #303030; } .abs-remove-button-for-blocks:active:before, .sidebar .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filtered .item .action.remove:active:before { color: #303030; } .abs-product-link, .product-item-name, .product.name a { font-weight: 300; } .abs-product-link > a, .product-item-name > a, .product.name a > a { color: #222; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #222; text-decoration: underline; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #222; text-decoration: underline; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #222; text-decoration: underline; } .abs-reset-left-margin, .form.giftregistry.items .actions-toolbar, .form-new-agreement .actions-toolbar, .fieldset .review-legend.legend, .form.wishlist.items .actions-toolbar { margin-left: 0; } @media only screen and (min-width: 768px) { .abs-reset-left-margin-desktop, .bundle-options-container .legend.title, .column.main .cart-summary .actions-toolbar, .cart.table-wrapper .item-actions .actions-toolbar, .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar, .column.main .block-giftregistry-shared-items .actions-toolbar, .form-new-agreement .fieldset .legend, .form-new-agreement .actions-toolbar, .column.main .paypal-review .actions-toolbar, .wishlist-index-index .main .form-wishlist-items .actions-toolbar { margin-left: 0; } } @media only screen and (min-width: 640px) { .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } } .abs-action-remove, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { left: 16px; margin-left: 70%; position: absolute; top: 31px; width: auto; } @media only screen and (min-width: 768px) { .abs-action-remove-desktop, .abs-add-fields-desktop .fieldset .additional .action.remove, .form-giftregistry-share .fieldset .additional .action.remove, .form-giftregistry-edit .fieldset .additional .action.remove, .form-add-invitations .fieldset .additional .action.remove, .form-create-return .fieldset .additional .action.remove, .form.send.friend .fieldset .additional .action.remove { margin-left: 75.8%; top: 6px; } } .abs-add-fields .fieldset, .form-giftregistry-share .fieldset, .form-giftregistry-edit .fieldset, .form-add-invitations .fieldset, .form-create-return .fieldset, .form.send.friend .fieldset { margin-bottom: 50px; } .abs-add-fields .fieldset .field:not(.choice) .control, .form-giftregistry-share .fieldset .field:not(.choice) .control, .form-giftregistry-edit .fieldset .field:not(.choice) .control, .form-add-invitations .fieldset .field:not(.choice) .control, .form-create-return .fieldset .field:not(.choice) .control, .form.send.friend .fieldset .field:not(.choice) .control { width: 70%; } .abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary, .form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary { float: left; } .abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add { margin-top: 32px; } .abs-add-fields .fieldset .fields .actions-toolbar, .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .abs-add-fields .message.notice, .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 32px 0 0; } .abs-add-fields .additional, .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } @media only screen and (min-width: 768px) { .abs-add-fields-desktop .fieldset .field:not(.choice) .control, .form-giftregistry-share .fieldset .field:not(.choice) .control, .form-giftregistry-edit .fieldset .field:not(.choice) .control, .form-add-invitations .fieldset .field:not(.choice) .control, .form-create-return .fieldset .field:not(.choice) .control, .form.send.friend .fieldset .field:not(.choice) .control { width: 50%; } } @media only screen and (min-width: 768px) { .abs-margin-for-forms-desktop, .column:not(.sidebar-additional) form .actions-toolbar, .column:not(.sidebar-main) form .actions-toolbar, .fieldset .legend, .login-container .fieldset:after { margin-left: 25.8%; } } @media only screen and (min-width: 640px) { .abs-margin-for-forms-desktop-s { margin-left: 25.8%; } } .abs-hidden, .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .abs-visually-hidden, .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label, .product-item-actions .actions-secondary > .action span, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname.field > .label, .account .column.main .limiter > .label, .field.street .field .label, .account-nav .title, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .filter-options-content .filter-count-label, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .page-multiple-wishlist .page-title-wrapper .page-title, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .block-reorder .product-item .label, .opc-wrapper .form-discount .field .label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label, .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (min-width: 640px) { .abs-visually-hidden-desktop-s { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media only screen and (min-width: 768px) { .abs-visually-hidden-desktop, .modes-label, .block-search .label, .dashboard-welcome-toggler { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .abs-visually-hidden-reset, .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):before, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):before, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):before, .form-create-return .fieldset .actions-toolbar:not(:first-child):before, .form.send.friend .fieldset .actions-toolbar:not(:first-child):before, .payment-method-braintree .hosted-date-wrap:before, .toolbar:before, .toolbar-products:before, .sidebar .product-items-images:before, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .item-options:before, .minicart-items .product-item > .product:before, .checkout-container:before, .checkout-onepage-success:before, .opc-estimated-wrapper:before, .opc-wrapper .field.addresses:before, .fieldset .fullname .field:before, .page-product-downloadable .product-add-form:before, .gift-options:before, .gift-item-block .content:before, .order-details-items .order-gift-message:before, .order-details-items .block-order-details-gift-message:before, .block-giftregistry-shared-items .product .item-options:before, .gift-wrapping-list:before, .opc-wrapper .data.table .gift-wrapping:before, .table-order-items .gift-wrapping:before, .table-order-review .gift-wrapping:before, .order-options .product:before, .map-popup .map-info-price:before, .multicheckout .item-options:before, .multicheckout .block:before, .multicheckout .block-content:before, .customer-review .product-details:before, .header.content:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:after, .toolbar:after, .toolbar-products:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:after, .gift-options:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .header.content:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after, .form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after, .form-add-invitations .fieldset .actions-toolbar:not(:first-child):after, .form-create-return .fieldset .actions-toolbar:not(:first-child):after, .form.send.friend .fieldset .actions-toolbar:not(:first-child):after, .payment-method-braintree .hosted-date-wrap:after, .toolbar:after, .toolbar-products:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .fieldset .fullname .field:after, .page-product-downloadable .product-add-form:after, .gift-options:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping:after, .table-order-items .gift-wrapping:after, .table-order-review .gift-wrapping:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .header.content:after { clear: both; } @media only screen and (min-width: 768px) { .abs-add-clearfix-desktop:before, .abs-pager-toolbar:before, .account .toolbar:before, .toolbar-giftregistry-results:before, .toolbar-wishlist-results:before, .column .block-addbysku .block-content:before, .block-cart-failed .block-content:before, .cart-container:before, .login-container:before, .account .column.main .block:not(.widget) .block-content:before, .block-addresses-list .items.addresses:before, .block-giftregistry-shared .item-options:before, .gift-wrapping .nested:before, .table .gift-wrapping .content:before, .block-wishlist-management:before, .paypal-review .block-content:before, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before, .sales-guest-view .column.main .block:not(.widget) .block-content:before, .header.content:before, .page-header .header.panel:before, .footer .copyright:before, .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after, .column .block-addbysku .block-content:after, .block-cart-failed .block-content:after, .cart-container:after, .login-container:after, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:after, .table .gift-wrapping .content:after, .block-wishlist-management:after, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:after, .page-header .header.panel:after, .footer .copyright:after { content: ''; display: table; } .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after, .column .block-addbysku .block-content:after, .block-cart-failed .block-content:after, .cart-container:after, .login-container:after, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:after, .table .gift-wrapping .content:after, .block-wishlist-management:after, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:after, .page-header .header.panel:after, .footer .copyright:after { clear: both; } } @media only screen and (min-width: 640px) { .abs-add-clearfix-desktop-s:before, .multicheckout .block-billing:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } } @media only screen and (max-width: 639px) { .abs-add-clearfix-mobile:before, .abs-checkout-order-review tbody tr:before, .multicheckout.order-review .data.table tbody tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-giftregistry-items .col.product:before, .account .toolbar:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:after, .multicheckout.order-review .data.table tbody tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .account .toolbar:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody tr:after, .multicheckout.order-review .data.table tbody tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .account .toolbar:after { clear: both; } } @media only screen and (max-width: 767px) { .abs-add-clearfix-mobile-m:before, .form-create-return .fieldset > .actions-toolbar:before, .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .form-create-return .fieldset > .actions-toolbar:after { clear: both; } } .abs-add-box-sizing, .abs-field-date .control, .field.date .control, .abs-field-tooltip, .field .control._with-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .bundle-options-container .block-bundle-summary, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .sidebar .block-addbysku .fieldset .fields .field.sku, .block-event .slider-panel .slider .item .action.show { box-sizing: border-box; } @media only screen and (min-width: 768px) { .abs-add-box-sizing-desktop, .column.main, .sidebar-main, .sidebar-additional { box-sizing: border-box; } } @media only screen and (min-width: 640px) { .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } } @media only screen and (min-width: 768px) { .abs-add-box-sizing-desktop-m, .opc-wrapper { box-sizing: border-box; } } @media only screen and (min-width: 768px) { .abs-revert-field-type-desktop .fieldset > .field, .product-add-form .fieldset > .field, .abs-revert-field-type-desktop .fieldset .fields > .field, .product-add-form .fieldset .fields > .field { margin: 0 0 32px; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label, .product-add-form .fieldset > .field:not(.choice) > .label, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label, .product-add-form .fieldset .fields > .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control, .product-add-form .fieldset > .field:not(.choice) > .control, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control, .product-add-form .fieldset .fields > .field:not(.choice) > .control { float: none; width: auto; } .abs-revert-field-type-desktop .fieldset > .field > .label, .product-add-form .fieldset > .field > .label, .abs-revert-field-type-desktop .fieldset .fields > .field > .label, .product-add-form .fieldset .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .abs-revert-field-type-desktop .fieldset > .field.choice:before, .product-add-form .fieldset > .field.choice:before, .abs-revert-field-type-desktop .fieldset > .field.no-label:before, .product-add-form .fieldset > .field.no-label:before, .abs-revert-field-type-desktop .fieldset .fields > .field.choice:before, .product-add-form .fieldset .fields > .field.choice:before, .abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before, .product-add-form .fieldset .fields > .field.no-label:before { display: none; } .abs-revert-field-type-desktop .fieldset > .field:not(:first-child):last-of-type, .product-add-form .fieldset > .field:not(:first-child):last-of-type, .abs-revert-field-type-desktop .fieldset .fields > .field:not(:first-child):last-of-type, .product-add-form .fieldset .fields > .field:not(:first-child):last-of-type { margin-bottom: 0; } } .abs-navigation-icon { display: block; text-decoration: none; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-navigation-icon:after { position: absolute; right: 8px; top: 0; } .abs-split-button { display: inline-block; position: relative; vertical-align: middle; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split, .abs-split-button .cart.table-wrapper .actions-toolbar > .action.split, .cart.table-wrapper .abs-split-button .actions-toolbar > .action.split, .abs-split-button .action.split.action-gift { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle, .abs-split-button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .cart.table-wrapper .abs-split-button .actions-toolbar > .action + .action.toggle, .abs-split-button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { padding: 4px 8px; display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: white; border: 1px solid #bbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 8px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent white transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .abs-action-addto-product, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-info-main .action.tocompare, .product-options-bottom .action.tocompare, .product-info-main .action.towishlist, .product-options-bottom .action.towishlist, .block-bundle-summary .action.towishlist { line-height: 1.125rem; padding: 8px 12px; font-size: 0.85rem; } .abs-actions-addto-gridlist, .product-item-actions .actions-secondary > .action, .table-comparison .wishlist.split.button > .action.split, .product-items .wishlist.split.button > .action.split, .product-items .action.towishlist, .products.list.items .action.towishlist, .table-comparison .action.towishlist { display: inline-block; text-decoration: none; } .abs-actions-addto-gridlist > span, .product-item-actions .actions-secondary > .action > span, .table-comparison .wishlist.split.button > .action.split > span, .product-items .wishlist.split.button > .action.split > span, .product-items .action.towishlist > span, .products.list.items .action.towishlist > span, .table-comparison .action.towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-actions-addto-gridlist:before, .product-item-actions .actions-secondary > .action:before, .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before, .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 29px; line-height: 24px; color: black; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-actions-addto-gridlist:hover:before, .product-item-actions .actions-secondary > .action:hover:before, .table-comparison .wishlist.split.button > .action.split:hover:before, .product-items .wishlist.split.button > .action.split:hover:before, .product-items .action.towishlist:hover:before, .products.list.items .action.towishlist:hover:before, .table-comparison .action.towishlist:hover:before { color: #ff1631; } .abs-button-l, .bundle-actions .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart, .cart-container .checkout-methods-items .action.primary, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .multicheckout .action.primary { line-height: 1.125rem; padding: 7px 15px; font-size: 1rem; } .abs-action-button-as-link, .abs-action-remove, .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove, .cart.table-wrapper .action.help.map, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .cart-summary .block.giftcard .action.check, .gift-options .actions-toolbar .action-cancel, .table-comparison .wishlist.split.button > .action, .product-items .wishlist.split.button > .action, .paypal-button-widget .paypal-button { line-height: 1.75; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; border-radius: 0; font-size: inherit; font-weight: 300; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-add-fields .action.remove:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited, .cart.table-wrapper .action.help.map:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .cart-summary .block.giftcard .action.check:visited, .gift-options .actions-toolbar .action-cancel:visited, .table-comparison .wishlist.split.button > .action:visited, .product-items .wishlist.split.button > .action:visited, .paypal-button-widget .paypal-button:visited { color: #e2001a; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover { color: #ff1631; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active { color: #e2001a; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover { color: #ff1631; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-add-fields .action.remove:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .cart.table-wrapper .action.help.map:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .cart-summary .block.giftcard .action.check:hover, .gift-options .actions-toolbar .action-cancel:hover, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:hover, .paypal-button-widget .paypal-button:hover, .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active, .abs-action-button-as-link:focus, .abs-action-remove:focus, .abs-add-fields .action.remove:focus, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:focus, .form.send.friend .action.remove:focus, .cart.table-wrapper .action.help.map:focus, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:focus, .cart-summary .block.giftcard .action.check:focus, .gift-options .actions-toolbar .action-cancel:focus, .table-comparison .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:focus, .paypal-button-widget .paypal-button:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .disabled.abs-action-remove, .abs-add-fields .disabled.action.remove, .form-giftregistry-share .disabled.action.remove, .form-giftregistry-edit .disabled.action.remove, .form-add-invitations .disabled.action.remove, .form-create-return .disabled.action.remove, .form.send.friend .disabled.action.remove, .cart.table-wrapper .disabled.action.help.map, .opc-wrapper .disabled.edit-address-link, .opc-block-shipping-information .shipping-information-title .disabled.action-edit, .disabled.action-auth-toggle, .checkout-payment-method .checkout-billing-address .disabled.action-cancel, .checkout-agreements-block .disabled.action-show, .cart-summary .block.giftcard .disabled.action.check, .gift-options .actions-toolbar .disabled.action-cancel, .table-comparison .wishlist.split.button > .disabled.action, .product-items .wishlist.split.button > .disabled.action, .paypal-button-widget .disabled.paypal-button, .abs-action-button-as-link[disabled], .abs-action-remove[disabled], .abs-add-fields .action.remove[disabled], .form-giftregistry-share .action.remove[disabled], .form-giftregistry-edit .action.remove[disabled], .form-add-invitations .action.remove[disabled], .form-create-return .action.remove[disabled], .form.send.friend .action.remove[disabled], .cart.table-wrapper .action.help.map[disabled], .opc-wrapper .edit-address-link[disabled], .opc-block-shipping-information .shipping-information-title .action-edit[disabled], .action-auth-toggle[disabled], .checkout-payment-method .checkout-billing-address .action-cancel[disabled], .checkout-agreements-block .action-show[disabled], .cart-summary .block.giftcard .action.check[disabled], .gift-options .actions-toolbar .action-cancel[disabled], .table-comparison .wishlist.split.button > .action[disabled], .product-items .wishlist.split.button > .action[disabled], .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .abs-action-button-as-link, fieldset[disabled] .abs-action-remove, fieldset[disabled] .abs-add-fields .action.remove, .abs-add-fields fieldset[disabled] .action.remove, fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-share fieldset[disabled] .action.remove, fieldset[disabled] .form-giftregistry-edit .action.remove, .form-giftregistry-edit fieldset[disabled] .action.remove, fieldset[disabled] .form-add-invitations .action.remove, .form-add-invitations fieldset[disabled] .action.remove, fieldset[disabled] .form-create-return .action.remove, .form-create-return fieldset[disabled] .action.remove, fieldset[disabled] .form.send.friend .action.remove, .form.send.friend fieldset[disabled] .action.remove, fieldset[disabled] .cart.table-wrapper .action.help.map, .cart.table-wrapper fieldset[disabled] .action.help.map, fieldset[disabled] .opc-wrapper .edit-address-link, .opc-wrapper fieldset[disabled] .edit-address-link, fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .opc-block-shipping-information .shipping-information-title fieldset[disabled] .action-edit, fieldset[disabled] .action-auth-toggle, fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-payment-method .checkout-billing-address fieldset[disabled] .action-cancel, fieldset[disabled] .checkout-agreements-block .action-show, .checkout-agreements-block fieldset[disabled] .action-show, fieldset[disabled] .cart-summary .block.giftcard .action.check, .cart-summary .block.giftcard fieldset[disabled] .action.check, fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-options .actions-toolbar fieldset[disabled] .action-cancel, fieldset[disabled] .table-comparison .wishlist.split.button > .action, .table-comparison fieldset[disabled] .wishlist.split.button > .action, fieldset[disabled] .product-items .wishlist.split.button > .action, .product-items fieldset[disabled] .wishlist.split.button > .action, fieldset[disabled] .paypal-button-widget .paypal-button, .paypal-button-widget fieldset[disabled] .paypal-button { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-add-fields .action.remove:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active, .cart.table-wrapper .action.help.map:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .cart-summary .block.giftcard .action.check:active, .gift-options .actions-toolbar .action-cancel:active, .table-comparison .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:active, .paypal-button-widget .paypal-button:active, .abs-action-button-as-link:not(:focus), .abs-action-remove:not(:focus), .abs-add-fields .action.remove:not(:focus), .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:not(:focus), .cart.table-wrapper .action.help.map:not(:focus), .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:not(:focus), .cart-summary .block.giftcard .action.check:not(:focus), .gift-options .actions-toolbar .action-cancel:not(:focus), .table-comparison .wishlist.split.button > .action:not(:focus), .product-items .wishlist.split.button > .action:not(:focus), .paypal-button-widget .paypal-button:not(:focus) { box-shadow: none; } .abs-revert-secondary-color, .block-compare .action.compare, .cart-summary .actions-toolbar > .primary button, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action, .cart-summary .actions-toolbar > .primary .action-gift, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review .block .actions-toolbar .action.primary { background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; color: black; } .abs-revert-secondary-color:focus, .block-compare .action.compare:focus, .cart-summary .actions-toolbar > .primary button:focus, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:focus, .cart-summary .actions-toolbar > .primary .action-gift:focus, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:focus, .abs-revert-secondary-color:active, .block-compare .action.compare:active, .cart-summary .actions-toolbar > .primary button:active, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:active, .cart-summary .actions-toolbar > .primary .action-gift:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review .block .actions-toolbar .action.primary:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .abs-revert-secondary-color:hover, .block-compare .action.compare:hover, .cart-summary .actions-toolbar > .primary button:hover, .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .cart-summary .actions-toolbar > .primary .actions-toolbar > .action:hover, .cart-summary .actions-toolbar > .primary .action-gift:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review .block .actions-toolbar .action.primary:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .abs-revert-secondary-size, .cart-summary .form.giftregistry .fieldset .action.primary { font-size: 1rem; line-height: 1.125rem; padding: 7px 15px; } .abs-box-tocart, .bundle-actions { margin: 16px 0; } .abs-adjustment-incl-excl-tax .price-including-tax, .bundle-options-container .price-notice .price-including-tax, .product-options-wrapper .field .price-notice .price-including-tax, .cart-summary .price-including-tax, .gift-summary .price-including-tax, .gift-options .price-including-tax, .abs-adjustment-incl-excl-tax .price-excluding-tax, .bundle-options-container .price-notice .price-excluding-tax, .product-options-wrapper .field .price-notice .price-excluding-tax, .cart-summary .price-excluding-tax, .gift-summary .price-excluding-tax, .gift-options .price-excluding-tax, .abs-adjustment-incl-excl-tax .weee, .bundle-options-container .price-notice .weee, .product-options-wrapper .field .price-notice .weee, .cart-summary .weee, .gift-summary .weee, .gift-options .weee { font-size: 0.875rem; display: inline-block; white-space: nowrap; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { display: inline-block; font-size: 0.6875rem; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:before, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:before, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ": "; } .abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:after, .bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:after, .product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .abs-tax-total, .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total { cursor: pointer; padding-right: 12px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after { position: absolute; right: -16px; top: 3px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after { content: ""; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after { content: ""; } .abs-methods-shipping-title { font-size: 0.875rem; font-weight: 500; margin: 0 0 15px; } @media only screen and (max-width: 639px) { .abs-checkout-order-review tbody tr:not(:last-child), .multicheckout.order-review .data.table tbody tr:not(:last-child) { border-bottom: 1px solid #ddd; } .abs-checkout-order-review tbody tr .col.item:before, .multicheckout.order-review .data.table tbody tr .col.item:before { display: none; } .abs-checkout-order-review tbody tr .col.qty, .multicheckout.order-review .data.table tbody tr .col.qty, .abs-checkout-order-review tbody tr .col.price, .multicheckout.order-review .data.table tbody tr .col.price, .abs-checkout-order-review tbody tr .col.subtotal, .multicheckout.order-review .data.table tbody tr .col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .abs-checkout-order-review tbody tr .col.qty:before, .multicheckout.order-review .data.table tbody tr .col.qty:before, .abs-checkout-order-review tbody tr .col.price:before, .multicheckout.order-review .data.table tbody tr .col.price:before, .abs-checkout-order-review tbody tr .col.subtotal:before, .multicheckout.order-review .data.table tbody tr .col.subtotal:before { content: attr(data-th) ":"; display: block; font-weight: 500; padding-bottom: 16px; } .abs-checkout-order-review tbody tr .product-item-name, .multicheckout.order-review .data.table tbody tr .product-item-name { margin: 0; } } .abs-colon:after, .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } .abs-icon-add, .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } @media only screen and (max-width: 767px) { .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } } .abs-dropdown-items-new .items .item:last-child:hover, .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 8px; } @media only screen and (max-width: 767px) { .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; cursor: pointer; margin-bottom: 0; padding: 16px 32px 16px 15px; position: relative; display: block; text-decoration: none; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after { position: absolute; right: 16px; top: 0; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .active.wishlist-name:after { content: ""; } } .abs-no-display, .abs-sidebar-totals .table-caption, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .sidebar-main .block-reorder .subtitle, .sidebar-additional .block-reorder .subtitle, .no-display { display: none; } @media only screen and (max-width: 639px) { .abs-no-display-s, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody th, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } } @media only screen and (min-width: 768px) { .abs-no-display-desktop, .opc-estimated-wrapper, .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) { display: none; } } .abs-status, .return-status, .order-status { display: inline-block; margin-bottom: 32px; } @media only screen and (max-width: 767px) { .abs-pager-toolbar-mobile .toolbar-amount, .account .toolbar .toolbar-amount, .toolbar-wishlist-results .toolbar-amount, .abs-pager-toolbar-mobile .limiter, .account .toolbar .limiter, .toolbar-wishlist-results .limiter, .abs-pager-toolbar-mobile .pages, .account .toolbar .pages, .toolbar-wishlist-results .pages { float: none; margin-bottom: 32px; } } @media only screen and (max-width: 639px) { .abs-pager-toolbar-mobile-s .toolbar-amount, .toolbar-giftregistry-results .toolbar-amount, .abs-pager-toolbar-mobile-s .limiter, .toolbar-giftregistry-results .limiter, .abs-pager-toolbar-mobile-s .pages, .toolbar-giftregistry-results .pages { margin-bottom: 32px; } } @media only screen and (min-width: 768px) { .abs-pager-toolbar, .account .toolbar, .toolbar-giftregistry-results, .toolbar-wishlist-results { margin-bottom: 32px; position: relative; } .abs-pager-toolbar .limiter, .account .toolbar .limiter, .toolbar-giftregistry-results .limiter, .toolbar-wishlist-results .limiter { float: right; position: relative; z-index: 1; } .abs-pager-toolbar .toolbar-amount, .account .toolbar .toolbar-amount, .toolbar-giftregistry-results .toolbar-amount, .toolbar-wishlist-results .toolbar-amount { float: left; line-height: normal; padding: 7px 0 0; position: relative; z-index: 1; } .abs-pager-toolbar .pages, .account .toolbar .pages, .toolbar-giftregistry-results .pages, .toolbar-wishlist-results .pages { position: absolute; width: 100%; z-index: 0; } } .abs-block-items-counter, .block-compare .counter, .block-wishlist .counter { color: #4a4a4a; font-size: 0.75rem; white-space: nowrap; } .abs-shopping-cart-items .action.continue, .block-cart-failed .action.continue, .cart-container .form-cart .action.continue { border-radius: 3px; font-weight: 500; display: inline-block; text-decoration: none; background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 0; padding: 7px 15px 7px 0; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover, .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active, .abs-shopping-cart-items .action.continue:focus, .block-cart-failed .action.continue:focus, .cart-container .form-cart .action.continue:focus { text-decoration: none; } .abs-shopping-cart-items .action.continue:before, .block-cart-failed .action.continue:before, .cart-container .form-cart .action.continue:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-shopping-cart-items .action.continue:hover:before, .block-cart-failed .action.continue:hover:before, .cart-container .form-cart .action.continue:hover:before { color: inherit; } .abs-shopping-cart-items .action.continue:active:before, .block-cart-failed .action.continue:active:before, .cart-container .form-cart .action.continue:active:before { color: inherit; } .abs-shopping-cart-items .action.continue:focus, .block-cart-failed .action.continue:focus, .cart-container .form-cart .action.continue:focus, .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .abs-shopping-cart-items .action.continue.disabled, .block-cart-failed .action.continue.disabled, .cart-container .form-cart .action.continue.disabled, .abs-shopping-cart-items .action.continue[disabled], .block-cart-failed .action.continue[disabled], .cart-container .form-cart .action.continue[disabled], fieldset[disabled] .abs-shopping-cart-items .action.continue, fieldset[disabled] .block-cart-failed .action.continue, fieldset[disabled] .cart-container .form-cart .action.continue, .cart-container fieldset[disabled] .form-cart .action.continue { opacity: 0.5; cursor: default; pointer-events: none; } .abs-shopping-cart-items .action.continue:active, .block-cart-failed .action.continue:active, .cart-container .form-cart .action.continue:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .abs-shopping-cart-items .action.update, .block-cart-failed .action.update, .cart-container .form-cart .action.update { display: inline-block; text-decoration: none; padding-left: 8px; } .abs-shopping-cart-items .action.update:before, .block-cart-failed .action.update:before, .cart-container .form-cart .action.update:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-shopping-cart-items .action.update:hover:before, .block-cart-failed .action.update:hover:before, .cart-container .form-cart .action.update:hover:before { color: inherit; } .abs-shopping-cart-items .action.update:active:before, .block-cart-failed .action.update:active:before, .cart-container .form-cart .action.update:active:before { color: inherit; } @media only screen and (max-width: 767px) { .abs-shopping-cart-items-mobile .actions, .cart-container .form-cart .actions { text-align: center; } .abs-shopping-cart-items-mobile .action.update, .cart-container .form-cart .action.update, .abs-shopping-cart-items-mobile .action.continue, .cart-container .form-cart .action.continue, .abs-shopping-cart-items-mobile .action.clear, .cart-container .form-cart .action.clear { margin: 0 auto 16px; } .abs-shopping-cart-items-mobile .action.update, .cart-container .form-cart .action.update, .abs-shopping-cart-items-mobile .action.clear, .cart-container .form-cart .action.clear { display: block; } } @media only screen and (min-width: 768px) { .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { float: left; position: relative; width: 73%; } .abs-shopping-cart-items-desktop .actions, .block-cart-failed .actions, .cart-container .form-cart .actions, .cart-container .cart-gift-item .actions { text-align: right; } .abs-shopping-cart-items-desktop .action.clear, .block-cart-failed .action.clear, .cart-container .form-cart .action.clear, .cart-container .cart-gift-item .action.clear, .abs-shopping-cart-items-desktop .action.update, .block-cart-failed .action.update, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.update { margin-left: 16px; } .abs-shopping-cart-items-desktop .action.continue, .block-cart-failed .action.continue, .cart-container .form-cart .action.continue, .cart-container .cart-gift-item .action.continue { float: left; } } .abs-field-date .control, .field.date .control { position: relative; } .abs-field-date-input, .abs-field-date input, .field.date input, .form-giftregistry-search .fields-specific-options .datetime-picker { margin-right: 16px; width: calc(100% - 56px); } .abs-field-tooltip, .field .control._with-tooltip { position: relative; } .abs-field-tooltip input, .field .control._with-tooltip input { margin-right: 16px; width: calc(100% - 45px); } .abs-checkout-tooltip-content-position-top, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -16px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 16px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #999; } .abs-checkout-tooltip-content-position-top:after, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } @media only screen and (max-width: 767px) { .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -16px; top: 40px; left: auto; } .abs-checkout-tooltip-content-position-top-mobile:before, .field-tooltip .field-tooltip-content:before, .abs-checkout-tooltip-content-position-top-mobile:after, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 16px; left: auto; top: 0; } .abs-checkout-tooltip-content-position-top-mobile:before, .field-tooltip .field-tooltip-content:before { border-bottom-color: #999; } .abs-checkout-tooltip-content-position-top-mobile:after, .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } } .abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 1px solid #ccc; padding-bottom: 16px; color: #222; font-weight: 300; font-size: 1.625rem; } .abs-sidebar-totals .mark, .cart-totals .mark, .opc-block-summary .table-totals .mark { font-weight: 300; padding-left: 4px; } .abs-sidebar-totals .mark strong, .cart-totals .mark strong, .opc-block-summary .table-totals .mark strong { font-weight: 300; } .abs-sidebar-totals .amount, .cart-totals .amount, .opc-block-summary .table-totals .amount { padding-right: 4px; text-align: right; white-space: nowrap; } .abs-sidebar-totals .amount strong, .cart-totals .amount strong, .opc-block-summary .table-totals .amount strong { font-weight: 300; } .abs-sidebar-totals .grand .mark, .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark, .abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { padding-top: 32px; } .abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { padding-right: 4px; text-align: right; } .abs-sidebar-totals .grand .amount strong, .cart-totals .grand .amount strong, .opc-block-summary .table-totals .grand .amount strong { font-weight: 500; } .abs-sidebar-totals .msrp, .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 16px; } .abs-sidebar-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .mark, .abs-sidebar-totals .totals-tax-summary .amount, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .amount { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer; } .abs-sidebar-totals .totals-tax-summary .amount .price, .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { display: block; text-decoration: none; padding-right: 32px; position: relative; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: -5px; top: -12px; } .abs-sidebar-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .abs-sidebar-totals .totals-tax-summary.expanded .amount, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: ""; } .abs-sidebar-totals .totals-tax-details, .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { display: none; border-bottom: 1px solid #ddd; } .abs-sidebar-totals .totals-tax-details.shown, .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .abs-discount-block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title { border-top: 1px solid #ddd; cursor: pointer; font-weight: 500; display: block; text-decoration: none; margin-bottom: 0; overflow: hidden; padding: 7px 32px 7px 8px; position: relative; } .abs-discount-block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after { position: absolute; right: -5px; top: -5px; } .column.main .abs-discount-block > .title strong, .column.main .cart-summary .block > .title strong, .cart-summary .column.main .block > .title strong, .column.main .paypal-review-discount .block > .title strong, .paypal-review-discount .column.main .block > .title strong { font-size: 1.125rem; font-weight: 300; } .abs-discount-block > .content, .cart-summary .block > .content, .paypal-review-discount .block > .content { display: none; } .abs-discount-block.active > .title:after, .cart-summary .active.block > .title:after, .paypal-review-discount .active.block > .title:after { content: ""; } .abs-discount-block.active > .content, .cart-summary .active.block > .content, .paypal-review-discount .active.block > .content { display: block; } .fieldset { border: 0; margin: 0 0 32px; padding: 0; letter-spacing: -0.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 32px; padding: 0; box-sizing: border-box; float: left; line-height: 1.2; font-size: 1.25rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 0; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 32px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 500; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:before, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: inline-flex; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon textarea, .fieldset > .fields > .field .addon select, .fieldset > .fields > .field .addon input { order: 2; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addbefore, .fieldset > .fields > .field .addon .addafter { background: white; background-clip: padding-box; border: 1px solid #ddd; border-radius: 1px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 32px; line-height: 1.75; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 16px; } .fieldset > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 0.875rem; margin: 0 0 0 8px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 0.875rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 14px; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 16px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .fieldset > .field input[type=file], .fieldset > .fields > .field input[type=file] { margin: 8px 0; } .legend + .fieldset, .legend + div { clear: both; } .legend strong { margin-left: 8px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 16px; white-space: nowrap; } .field .message.warning { margin-top: 16px; } .field-error, div.mage-error[generated] { margin-top: 7px; } .field-error { color: #e2001a; font-size: 0.875rem; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: white; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: black; line-height: 1.4; border: 1px solid #bbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: white; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } ._has-datepicker ~ .ui-datepicker-trigger { 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: 300; display: block; text-decoration: none; display: inline-block; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { cursor: not-allowed; pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; line-height: 40px; color: #4a4a4a; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 32px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 8px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @media only screen and (min-width: 768px) { .fieldset > .field { margin: 0 0 32px; box-sizing: border-box; margin: 0 0 29px; } .fieldset > .field > .label { margin: 0; } .fieldset > .field:before, .fieldset > .field:after { content: ''; display: table; } .fieldset > .field:after { clear: both; } .fieldset > .field.choice:before, .fieldset > .field.no-label:before { padding: 6px 15px 0 0; width: 25.8%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .fieldset > .field .description { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .control { width: 74.2%; float: left; } } @font-face { font-family: "icons-blank-theme"; src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot"); src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf") format("truetype"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme") format("svg"); font-weight: normal; font-style: normal; } .icon { display: inline-block; min-width: 20px; min-height: 20px; vertical-align: middle; margin-top: -2px; margin-right: .5em; } .icon.is-bar-chart-2 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .columns { display: flex; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 32px; flex-basis: 100%; flex-grow: 1; order: 1; width: 100%; } .columns .sidebar-main { flex-grow: 1; flex-basis: 100%; order: 1; } .columns .sidebar-additional { flex-grow: 1; flex-basis: 100%; order: 2; } @media only screen and (max-width: 767px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { padding-top: 41px; position: relative; } } @media only screen and (min-width: 768px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 1rem; padding-right: 1rem; width: auto; } .page-main { width: 100%; /* stylelint-disable declaration-block-no-redundant-longhand-properties */ flex-grow: 1; flex-shrink: 0; flex-basis: auto; /* stylelint-enable declaration-block-no-redundant-longhand-properties */ } .ie9 .page-main { width: auto; } .columns { display: block; } .column.main { min-height: 300px; } .page-layout-1column .column.main { width: 100%; order: 2; } .page-layout-3columns .column.main { width: -700%; display: inline-block; order: 2; } .page-layout-2columns-left .column.main { width: -300%; float: right; order: 2; } .page-layout-2columns-right .column.main { width: -300%; float: left; order: 1; } .sidebar-main { padding-right: 2%; } .page-layout-3columns .sidebar-main { width: 300%; float: left; order: 1; } .page-layout-2columns-left .sidebar-main { width: 300%; float: left; order: 1; } .page-layout-2columns-right .sidebar-main { width: 300%; float: left; order: 1; } .page-layout-2columns-right .sidebar-main { padding-left: 2%; padding-right: 0; } .sidebar-additional { clear: right; padding-left: 2%; } .page-layout-3columns .sidebar-additional { width: 300%; float: right; order: 3; } .page-layout-2columns-left .sidebar-additional { width: 300%; float: right; order: 2; } .page-layout-2columns-right .sidebar-additional { width: 300%; float: right; order: 2; } .page-layout-2columns-left .sidebar-additional { clear: left; float: left; padding-left: 0; padding-right: 2%; } .panel.header { padding: 10px 20px; } } .load.indicator { background-color: rgba(255, 255, 255, 0.5); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url("../images/loader-2.gif") no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } .message.info { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.info a { color: #e2001a; } .message.info a:hover { color: #ff1631; } .message.info a:active { color: #ff1631; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: ""; font-family: "icons-blank-theme"; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.error { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fae5e5; color: #e2001a; padding-left: 40px; position: relative; } .message.error a { color: #e2001a; } .message.error a:hover { color: #ff1631; } .message.error a:active { color: #ff1631; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #b30000; content: ""; font-family: "icons-blank-theme"; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.warning { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.warning a { color: #e2001a; } .message.warning a:hover { color: #ff1631; } .message.warning a:active { color: #ff1631; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: ""; font-family: "icons-blank-theme"; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.notice { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.notice a { color: #e2001a; } .message.notice a:hover { color: #ff1631; } .message.notice a:active { color: #ff1631; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: ""; font-family: "icons-blank-theme"; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.success { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #e5efe5; color: #006400; padding-left: 40px; position: relative; } .message.success a { color: #e2001a; } .message.success a:hover { color: #ff1631; } .message.success a:active { color: #ff1631; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #006400; content: ""; font-family: "icons-blank-theme"; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-sections { background: #ff1631; } .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: #8f8f8f; content: ""; font-family: "icons-blank-theme"; 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; } @media only screen and (max-width: 767px) { .navigation { padding: 0; } .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: ""; font-family: "icons-blank-theme"; 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; } .navigation .parent .level-top.ui-state-active:after { content: ""; } .nav-sections { -webkit-overflow-scrolling: touch; transition: left 0.3s; height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: 0.8rem 3.5rem 0.8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 8px; } .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: ""; font-family: "icons-blank-theme"; 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: ""; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 16px 0; } .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: 0.8rem 32px; } .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: 0.8rem 32px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); } .nav-open .nav-sections { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.5); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .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: #fc001d; border: solid #e2001a; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .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: 71px; width: 100%; padding: 32px 0; } .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 { background: #ff1631; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding: 16px 0 16px 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1rem; } .navigation .level0 > .level-top { font-weight: 500; padding: 8px 32px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 500; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; } .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: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu:not(:first-child) { font-weight: 300; 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: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } } @media only screen and (min-width: 768px) { .nav-toggle { display: none; } .nav-sections { flex-shrink: 0; flex-basis: auto; margin-bottom: 32px; } .nav-sections-item-title { display: none; } .nav-sections-item-content { display: block !important; } .nav-sections-item-content > * { display: none; } .nav-sections-item-content > .navigation { display: block; } .navigation { background: #ff1631; font-weight: 500; height: inherit; left: auto; overflow: inherit; padding: 0; position: relative; top: 0; width: 100%; z-index: 3; } .navigation:empty { display: none; } .navigation ul { margin-top: 0; margin-bottom: 0; padding: 0; position: relative; } .navigation li.level0 { border-top: none; } .navigation .level0 { margin: 0 16px 0 0; display: inline-block; position: relative; } .navigation .level0:last-child { margin-right: 0; padding-right: 0; } .navigation .level0 > .level-top { color: #575757; line-height: 53px; padding: 0 12px; text-decoration: none; box-sizing: border-box; position: relative; } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus { color: black; text-decoration: none; } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top { border-color: #ff5501; border-style: solid; border-width: 0 0 3px; color: black; text-decoration: none; display: inline-block; } .navigation .level0.parent:hover > .submenu { overflow: visible !important; } .navigation .level0 .submenu { background: white; border: 1px solid #ddd; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.19); font-weight: 500; min-width: 230px; padding: 15px 0; display: none; left: 0; margin: 0 !important; padding: 0; 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: white; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: white; z-index: 4; } .navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #ddd; color: #ddd; left: 19px; top: -22px; z-index: 3; } .navigation .level0 .submenu a { display: block; line-height: inherit; color: #575757; padding: 8px 32px; } .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { background: #e2001a; color: black; text-decoration: none; } .navigation .level0 .submenu .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 3px; } .navigation .level0 .submenu .submenu { top: 0 !important; left: 100% !important; } .navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; } .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: ""; font-family: "icons-blank-theme"; 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; } .panel.header .links, .panel.header .switcher { display: inline-block; } } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 500; } .pages .item { font-size: 0.875rem; font-size: 14px; letter-spacing: normal; line-height: 32px; margin: 0 2px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { color: #e2001a; display: inline-block; padding: 0 4px; text-decoration: none; } .pages a.page:visited { color: #e2001a; } .pages a.page:hover { color: #ff1631; text-decoration: none; } .pages a.page:active { color: #e2001a; } .pages strong.page { font-size: 0.875rem; font-size: 14px; letter-spacing: normal; line-height: 32px; color: black; display: inline-block; font-weight: 500; padding: 0 4px; } .pages .action { border: 1px solid #ddd; color: #4a4a4a; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { color: #4a4a4a; } .pages .action:hover { color: #4a4a4a; text-decoration: none; } .pages .action:active { color: #4a4a4a; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #4a4a4a; } .pages .action.next:active:before { color: #4a4a4a; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 46px; line-height: inherit; color: #4a4a4a; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 -6px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #4a4a4a; } .pages .action.next:active:before { color: #4a4a4a; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #4a4a4a; } .pages .action.previous:active:before { color: #4a4a4a; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 46px; line-height: inherit; color: #4a4a4a; content: ""; font-family: "icons-blank-theme"; margin: 0 0 0 -6px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #4a4a4a; } .pages .action.previous:active:before { color: #4a4a4a; } .pages .action { width: 34px; } .pages .action.previous { margin-right: 12px; } .pages .action.next { margin-left: 12px; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; text-decoration: none; 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: 300; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: inherit; } .ui-dialog.popup .action.close:active:before { color: inherit; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent white transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } @media only screen and (min-width: 640px) { .ui-dialog.popup { width: 420px; } } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.125rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 500; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.125rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ": "; font-size: 0.6875rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 0.6875rem; } .product.data.items { margin: 0; padding: 0; margin-bottom: 32px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 0 8px; } .product.data.items > .item.title > .switch { background: #eeeeee; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; height: 32px; padding: 6px 32px 3px 32px; color: #4a4a4a; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 32px; font-size: 1.25rem; color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #222; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #fbfbfb; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: white; padding-bottom: 3px; } .product.data.items > .item.content { background: white; border: 1px solid #ddd; margin: 0 0 8px; padding: 12px 16px 12px 16px; } @media only screen and (min-width: 768px) { .product.data.items { position: relative; z-index: 1; } .product.data.items:before, .product.data.items:after { content: ''; display: table; } .product.data.items:after { clear: both; } .product.data.items > .item.title { float: left; width: auto; } .product.data.items > .item.title > .switch { height: 26px; display: block; position: relative; z-index: 2; } .product.data.items > .item.content { margin-top: 26px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 16px 0 0; } .product.data.items > .item.title > .switch { color: #4a4a4a; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 26px; font-size: 1.25rem; color: #4a4a4a; text-decoration: none; background: #eeeeee; border: 1px solid #ddd; border-bottom: none; height: 26px; padding: 6px 16px 3px 16px; } .product.data.items > .item.title > .switch:visited { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #222; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #fbfbfb; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: white; color: #222; } .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { padding-bottom: 4px; } .product.data.items > .item.content { background: white; margin-top: 36px; padding: 12px 16px 12px 16px; border: 0; border-top: 1px solid #ddd; } } @media only screen and (max-width: 767px) { .product.data.items { margin: 0; padding: 0; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 0 8px; } .product.data.items > .item.title > .switch { background: #eeeeee; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; height: 32px; padding: 6px 32px 3px 32px; color: #4a4a4a; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 32px; font-size: 1.25rem; color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #4a4a4a; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #222; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #fbfbfb; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: white; padding-bottom: 3px; } .product.data.items > .item.content { background: white; border: 1px solid #ddd; margin: 0 0 8px; padding: 12px 16px 12px 16px; } .product.data.items .data.item { display: block; } } .table-wrapper { margin-bottom: 32px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table:not(.cart):not(.totals) { border: none; } .table:not(.cart):not(.totals) > thead > tr > th, .table:not(.cart):not(.totals) > thead > tr > td, .table:not(.cart):not(.totals) > tbody > tr > th, .table:not(.cart):not(.totals) > tbody > tr > td, .table:not(.cart):not(.totals) > tfoot > tr > th, .table:not(.cart):not(.totals) > tfoot > tr > td { border: none; } .table:not(.cart):not(.totals) > thead > tr > th, .table:not(.cart):not(.totals) > thead > tr > td { border-bottom: 1px solid #ddd; } .table:not(.cart):not(.totals) tfoot > tr:first-child th, .table:not(.cart):not(.totals) tfoot > tr:first-child td { border-top: 1px solid #ddd; padding-top: 32px; } .table:not(.cart):not(.totals) tfoot .mark { font-weight: 300; text-align: right; } @media only screen and (max-width: 639px) { .table-wrapper { overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 8px 0; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td:before, .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th:before { padding-right: 16px; content: attr(data-th) ": "; display: inline-block; color: black; font-weight: 500; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:first-child { padding-top: 32px; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:last-child { padding-bottom: 32px; } .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 8px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 32px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot th { box-sizing: border-box; float: left; padding-left: 0; padding-right: 0; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot td { box-sizing: border-box; float: left; padding-left: 0; padding-right: 0; text-align: right; width: 30%; } .data-table-definition-list thead { display: none; } .data-table-definition-list tbody th { padding-bottom: 0; } .data-table-definition-list tbody th, .data-table-definition-list tbody td { display: block; padding-left: 0; padding-right: 0; } } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: white; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: black; line-height: 1.4; border: 1px solid #bbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: white; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 16px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } } @media only screen and (min-width: 768px) { h1 { font-size: 46px; margin-bottom: 32px; } } .items { margin: 0; padding: 0; list-style: none none; } .tx-imimksearch .filter-search { background: none; border: none; font-size: 0.875rem; padding: 0; } .tx-imimksearch .filter-search:hover { color: #e2001a; } .tx-imimksearch .filter-search.active { color: #e2001a; } .tx-imimksearch .container { margin-top: 20px; } .tx-imimksearch .page { display: none; } .tx-imimksearch .page-active { display: block; } .tx-imimksearch .results-list { list-style: none; padding: 0; } .tx-imimksearch .results-list .results-entry { margin-bottom: 20px; } .tx-imimksearch .results-list .results-entry .result-topic { margin-bottom: 0; line-height: 1.2; opacity: inherit; } .tx-imimksearch .results-list .results-entry .result-topic a { color: #333; } .tx-imimksearch .results-list .results-entry .result-topic a .cycle { font-weight: 100; } .tx-imimksearch .results-list .results-entry .result-topic a:hover { color: #e2001a; } .tx-imimksearch .results-list .results-entry .result-teaser { padding-left: 18px; } .tx-imimksearch .f3-widget-paginator { display: table; width: 100%; padding: 15px 0; border-top: solid 1px #666; } .tx-imimksearch .f3-widget-paginator li { float: left; background-color: #e2001a; display: block; padding: .25em .6em .15em; min-width: 1.5em; text-align: center; color: #fff; margin-right: 15px; } .tx-imimksearch .f3-widget-paginator li a { color: #fff; } .tx-imimksearch .f3-widget-paginator .current, .tx-imimksearch .f3-widget-paginator .next, .tx-imimksearch .f3-widget-paginator .prev { background-color: #666; color: #fff; } .tx-imimksearch .f3-widget-paginator .next a, .tx-imimksearch .f3-widget-paginator .prev a { font-size: 0; background: url("/typo3conf/ext/imi_mksearch/Resources/Public/Icons/right-inverted.png") center no-repeat; height: 28px; display: block; } .tx-imimksearch .f3-widget-paginator .prev a { background: url("/typo3conf/ext/imi_mksearch/Resources/Public/Icons/left-inverted.png") center no-repeat; } .module__imageCarousel header h100 { display: none; } .module .text-center { text-align: center; } .module .text-right { text-align: right; } .module .text-justify { text-align: justify; } .module .blue { background-color: #007ac5; color: white; } .module .red { background-color: #e2001a; color: white; } .module__accordion .ui-accordion .ui-accordion-header { padding: 0.88889rem 1.33333rem 0.8rem; } .module__accordion h0 { display: none; } .module__news .news-list-view .article { margin-bottom: 15px; width: 100%; display: table; } .module__news .news-list-view .article .news-img-wrap { width: 20%; } .module__news .news-list-view .article .header { width: 80%; } .module__news .news-list-view .article .news-img-wrap, .module__news .news-list-view .article .header { float: left; box-sizing: border-box; } @media (max-width: 768px) { .module__news .news-list-view .article .news-img-wrap, .module__news .news-list-view .article .header { width: 100%; float: none; } } .module__news .news-list-view .article .header h3 { font-size: 1rem; font-weight: bold; } .module__news .news-list-view .article .header h3 a { color: black; } .module__news .news-list-view .article .teaser-text { display: block; } .module__news .news-list-view .article .teaser-text p { margin-bottom: 0; } .module__news .footer, .module__news .teaser-text { display: none; } .span-3 .module__news .news-list-view .article .news-img-wrap, .span-3 .module__news .news-list-view .article .header { width: 50%; float: left; } @media (max-width: 768px) { .span-3 .module__news .news-list-view .article .news-img-wrap, .span-3 .module__news .news-list-view .article .header { width: 100%; float: none; } } .module__tabs .ui-widget.ui-widget-content { border: none; } .module__tabs .ui-widget-header { background: transparent; border: none; padding: 0; } .module__tabs .ui-tabs .ui-tabs-panel { border: solid 1px #ddd; border-radius: 0 5px 5px 5px; padding: 1em; } .module__tabs .ui-tabs .ui-tabs-panel strong, .module__tabs .ui-tabs .ui-tabs-panel b { font-weight: bold; } .module__tabs .ui-tabs .ui-tabs-panel a { color: #e2001a; } .module__tabs .ui-tabs .ui-tabs-panel .ctaModule .ctaModule-list .ctaModule-item .ctaModule-button { color: white; } .module__tabs .ui-tabs .ui-tabs-nav li:hover { opacity: 0.8; transition-duration: 0.1s; transition: 0.1s; } .module__tabs .ui-state-active { background: #007ac5; } .module__tabs .module { display: table; width: 100%; } .module__newsletter { background: #007ac5; padding: 15px; margin: -24px -96px 25px -96px; color: white; } .module__newsletter .newsletter2go-email { height: 40px; } @media (max-width: 768px) { .module__newsletter .newsletter2go-email { margin-bottom: 15px; } } .module__newsletter img { height: 40px; } .module__newsletter .newsletter2go-btn ul { list-style: none; padding-left: 0; margin: 0; } .module__newsletter .newsletter2go-btn ul li { display: inline-block; margin: 0; } .module__newsletter .newsletter2go-btn ul li p::after { width: 18px; height: 18px; background: url("/typo3conf/ext/imi_mksearch/Resources/Public/Icons/right-inverted.png"); } .module__newsletter .newsletter2go-info { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; color: #00529B; background-color: white; } .module__newsletter .ctaModule-button { color: white; padding: 10px; display: table; } .module__newsletter .ctaModule-button i { font-size: 0; height: 19px; display: block; } .module__newsletter .ctaModule-button i img { height: 19px; } .module__newsletter p { font-size: 16px; margin-bottom: 0; line-height: 1.3rem; } .module__newsletter .icon { width: 50px; height: 50px; } .module__newsletter .icon.is-mail.is-negative { width: 50px; height: 42px; background-size: 50px; } .module__newsletter .page-main { padding: 0 1rem; } @media (max-width: 768px) { .module__newsletter .page-main { padding: 0 5rem; } } @media (max-width: 768px) { .module__newsletter .hide-on-mobile { display: none !important; } } .module__newsletter .show-on-mobile { display: none; } @media (max-width: 768px) { .module__newsletter .show-on-mobile { display: block; margin-bottom: 15px; } } @media (max-width: 768px) { .module__newsletter .grid-columns { width: 100%; } } .text-spacer { display: table; width: 100%; } .text-spacer.extra-small { height: 5px; } .text-spacer.small { height: 10px; } .text-spacer.medium { height: 15px; } .text-spacer.large { height: 20px; } .text-spacer.extra-large { height: 25px; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 1000; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; transition: visibility 0s 0.3s, opacity 0.3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; transition: opacity 0.3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: white; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 14.8rem; z-index: 900; } .modal-slide._show .modal-inner-wrap { transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: flex; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { flex-grow: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup._show .modal-inner-wrap { transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: flex; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; transform: translateY(-200%); transition: transform 0.2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll, .ie10 .modal-popup._inner-scroll, .ie9 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap, .ie10 .modal-popup._inner-scroll .modal-inner-wrap, .ie9 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { flex-grow: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } @media only screen and (max-width: 767px) { .modal-popup.modal-slide { left: 14.8rem; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { 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: 300; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:focus, .modal-popup .action-close:active, .modal-slide .action-close:focus, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-custom .action-close[disabled], fieldset[disabled] .modal-custom .action-close, .modal-popup .action-close.disabled, .modal-popup .action-close[disabled], fieldset[disabled] .modal-popup .action-close, .modal-slide .action-close.disabled, .modal-slide .action-close[disabled], fieldset[disabled] .modal-slide .action-close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: black; } .modal-custom .action-close { margin: 32px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 16px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 16px; } .modal-slide .action-close { padding: 1.1rem 2rem; } .modal-slide .page-main-actions { margin-bottom: calc(2.1rem - 16px); margin-top: 2.1rem; } .modals-overlay { background-color: fade(#333, 55%); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1000; } @media only screen and (max-width: 767px) { .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; transition: visibility 0s 0.3s, opacity 0.3s ease; left: 14.8rem; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; transition: opacity 0.3s ease; } .custom-slide._show .modal-inner-wrap { transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: white; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; transform: translateX(100%); transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: fade(#333, 55%); } } @media only screen and (max-width: 767px) { .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 16px; font-weight: 500; } } @media only screen and (min-width: 768px) { .modal-popup.modal-slide .modal-footer { border-top: 1px solid #c1c1c1; text-align: right; } } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 16px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 4px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .skus > .label { margin-top: 16px; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 32px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 8px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .reset { margin: 16px 0; } .column .block-addbysku .note { display: block; margin: 0 0 32px; } .block-cart-failed { margin-top: 32px; } .block-cart-failed .block-title { font-size: 1.625rem; } .block-cart-failed .block-title strong { font-weight: 800; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { margin-bottom: 16px; } @media only screen and (max-width: 639px) { .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; text-decoration: none; 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: 300; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 1px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } } @media only screen and (min-width: 640px) { .column .block-addbysku .action.remove { 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: 300; line-height: 1.75; margin: 0; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; margin-top: 2px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #e2001a; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #ff1631; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #e2001a; text-decoration: underline; } .column .block-addbysku .action.remove:hover { color: #ff1631; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } } @media only screen and (min-width: 768px) { .block-cart-failed .actions { text-align: left; } .block-cart-failed .actions.primary { float: right; } } .payment-method-braintree .hosted-control { background: white; background-clip: padding-box; border: 1px solid #ddd; border-radius: 1px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; height: 32px; line-height: 1.75; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; position: relative; width: 225px; } .payment-method-braintree .hosted-control:disabled { opacity: 0.5; } .payment-method-braintree .hosted-control::-moz-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control::-webkit-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control:-ms-input-placeholder { color: #c2c2c2; } .payment-method-braintree .hosted-control.braintree-hosted-fields-focused { border-color: #006bb4; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) { border-color: #e02b27; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-control.braintree-hosted-fields-valid { border-color: #006400; } .payment-method-braintree .hosted-control.hosted-cid { width: 5rem; } .payment-method-braintree .hosted-control.hosted-date { float: left; margin-bottom: 7px; width: 6rem; } .payment-method-braintree .hosted-control.hosted-date:first-of-type { margin-right: 50px; } .payment-method-braintree .hosted-control.hosted-date:first-of-type:after { content: '/'; display: inline; padding-bottom: inherit; padding-top: inherit; position: absolute; right: -25px; top: 5px; } .payment-method-braintree .field-tooltip { right: 0; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-logo { margin-top: 16px; text-align: center; } .braintree-paypal-account { padding: 15px 0 15px 50px; position: relative; display: inline-block; } .braintree-paypal-account:before { background-image: url("../Magento_Braintree/images/paypal-small.png"); background-position-x: 0; background-position-y: 0; line-height: 16px; vertical-align: middle; height: 16px; width: 16px; background-repeat: no-repeat; content: ''; display: inline-block; margin: ""; } .braintree-paypal-account:before { left: 17px; margin-top: -8px; position: absolute; top: 50%; } .braintree-paypal-account .payment-method-type { font-weight: 500; } .braintree-paypal-account .payment-method-description { color: #575757; } .braintree-paypal-fieldset { border: 0; margin: 0; padding: 0; } .action-braintree-paypal-logo { 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: 300; } .action-braintree-paypal-logo:focus, .action-braintree-paypal-logo:active { background: none; border: none; } .action-braintree-paypal-logo:hover { background: none; border: none; } .action-braintree-paypal-logo.disabled, .action-braintree-paypal-logo[disabled], fieldset[disabled] .action-braintree-paypal-logo { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .action-braintree-paypal-logo img { margin: 0; width: 114px; } .payment-method .payment-method-content .actions-toolbar.braintree-paypal-actions { margin-left: 0; } .account .table .col.paypal-account img { vertical-align: middle; } .account .table .col.paypal-account + .actions { vertical-align: middle; } @media only screen and (min-width: 768px) { .payment-method-braintree .cvv .field-tooltip { left: 6rem; } .braintree-paypal-account { border-color: #ccc; border-style: solid; border-width: 1px 0; display: inline-block; width: 50%; } .account .table-credit-cards .col.actions { width: 100px; } } .bundle-options-container { clear: both; margin-bottom: 32px; } .bundle-options-container .legend.title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 32px; } .bundle-options-container .action.back { margin-bottom: 32px; } .bundle-options-container .price-box .price { font-size: 20px; font-weight: 500; } .bundle-options-container .block-bundle-summary { background: #e2001a; padding: 16px 32px; } .bundle-options-container .block-bundle-summary > .title > strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 32px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 16px; } .bundle-options-container .block-bundle-summary .box-tocart .actions { display: inline-block; margin-bottom: 16px; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { vertical-align: top; } .bundle-options-container .nested .field.qty { margin-top: 32px; } .bundle-options-container .nested .field.qty .label { font-weight: 500; margin: 0 0 8px; display: inline-block; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .product-options-bottom { clear: left; } @media only screen and (min-width: 768px) { .bundle-options-container .bundle-options-wrapper, .bundle-options-container .product-options-wrapper { float: left; width: 57%; } .bundle-options-container .block-bundle-summary { float: right; position: relative; width: 40%; } .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .bundle-options-container .block-bundle-summary, .page-layout-3columns .bundle-options-container .block-bundle-summary { width: 48%; } } .products { margin: 32px 0; } .product-item { vertical-align: top; } .products-grid .product-item { display: inline-block; width: 50%; } .product-item-name { display: block; margin: 8px 0; word-wrap: break-word; hyphens: auto; } .product-item-info { max-width: 100%; width: 152px; } .page-products .product-item-info { width: 240px; } .product-item-actions { display: none; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item-description { margin: 32px 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { font-size: 14px; margin-top: 5px; text-transform: lowercase; } .product-item .price-box { margin: 16px 0 32px; } .product-item .price-box .price { font-size: 14px; font-weight: 500; white-space: nowrap; } .product-item .price-box .price-label { font-size: 14px; } .product-item .price-box .price-label:after { content: ':'; } .product-item .special-price .price, .product-item .minimal-price .price { font-size: 14px; font-weight: 500; } .product-item .special-price .price-wrapper, .product-item .minimal-price .price-wrapper { display: inline-block; } .product-item .special-price .price-including-tax + .price-excluding-tax, .product-item .minimal-price .price-including-tax + .price-excluding-tax { display: block; } .product-item .special-price { display: block; } .product-item .old-price .price { font-weight: 300; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .minimal-price-link .price-label { color: #e2001a; font-size: 14px; } .product-item .minimal-price-link .price { font-weight: 300; } .product-item .minimal-price-link, .product-item .price-excluding-tax, .product-item .price-including-tax { display: block; white-space: nowrap; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .action.tocompare:before { content: ""; } .product-item .tocart { white-space: nowrap; } .column.main .product-items { margin-left: -32px; } .column.main .product-item { padding-left: 32px; } .price-container .price { font-size: 14px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 8px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 11px; } .price-container .weee:before { content: "(" attr(data-label) ": "; } .price-container .weee:after { content: ')'; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ": "; } .products-list .product-item { display: table; width: 100%; } .products-list .product-item-info { display: table-row; } .products-list .product-item-photo { display: table-cell; padding: 0 32px 32px 0; vertical-align: top; width: 1%; } .products-list .product-item-details { display: table-cell; vertical-align: top; } @media only screen and (max-width: 639px) { .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { padding: 0 16px 16px 0; width: 30%; } } @media only screen and (min-width: 640px) { .products-grid .product-item { margin-bottom: 32px; } .product-item-actions { display: block; } .products-grid .product-item-actions { margin: 16px 0; } .product-item-actions .actions-primary + .actions-secondary { display: table-cell; padding-left: 5px; white-space: nowrap; width: 50%; } .product-item-actions .actions-primary + .actions-secondary > * { white-space: normal; } .product-item-actions .actions-primary { display: table-cell; } .products-grid .product-item { width: 33.3333%; } .page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item { width: 33.3333%; } } @media only screen and (min-width: 768px) { .page-products .products-grid .product-item { width: 33.3333%; } .page-products.page-layout-1column .products-grid .product-item { width: 25%; } .page-products.page-layout-3columns .products-grid .product-item { width: 50%; } } @media only screen and (min-width: 1024px) { .products-grid .product-item { width: 20%; } .page-layout-1column .products-grid .product-item { width: 16.6666%; } .page-layout-3columns .products-grid .product-item { width: 25%; } .page-products .products-grid .product-items { margin: 0; } .page-products .products-grid .product-item { margin-left: calc((100% - 4 * 23.233%) / 3); padding: 0; width: 23.233%; } .page-products .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } .page-products.page-layout-1column .products-grid .product-item { margin-left: 0; width: 20%; } .page-products.page-layout-3columns .products-grid .product-item { margin-left: 1%; width: 32.667%; } .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n) { margin-left: 1%; } .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } } .page-products .columns { position: relative; z-index: 1; } .toolbar-amount { display: block; line-height: 28px; margin: 0; padding: 8px 0 0; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .toolbar-products { margin-bottom: 32px; padding: 0 16px; text-align: center; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar-products .limiter { display: none; } .toolbar-products .limiter .control { display: inline-block; } .sorter { padding: 4px 0 0; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter-options { margin: 0 0 0 7px; width: auto; } .sorter-action { vertical-align: top; display: inline-block; text-decoration: none; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 32px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #333; } .sorter .sort-desc:before { content: ""; } .modes { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter { display: none; } @media only screen and (min-width: 768px) { .page-products .columns { padding-top: 0; position: relative; z-index: 1; } .products.wrapper ~ .toolbar .pages { float: left; } .toolbar-amount { float: left; } .sorter { float: right; } .modes { display: block; float: left; margin-right: 32px; } .products.wrapper ~ .toolbar .modes { display: none; } .modes-mode { color: #4a4a4a; border: 1px solid #ddd; border-right: 0; float: left; font-weight: 300; line-height: 1; padding: 7px 10px; text-align: center; display: block; text-decoration: none; } .modes-mode > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modes-mode:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: #4a4a4a; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modes-mode:hover:before { color: #4a4a4a; } .modes-mode:not(.active):hover { color: #4a4a4a; background: gainsboro; } .modes-mode:last-child { border-right: 1px solid #ddd; } .modes-mode.active { color: #737373; } .mode-list:before { content: ""; } .limiter { float: right; } .products.wrapper ~ .toolbar .limiter { display: block; } } .fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__nav__frame:focus:after, .fotorama__html, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .fotorama-grab-cursor, .fotorama__wrap .fotorama__grab { cursor: move; cursor: grab; } .fotorama-grabbing-cursor, .fotorama__grabbing * { cursor: move; cursor: grabbing; } .fotorama-gpu, .fotorama__caption, .fotorama--fullscreen, .fotorama__wrap--css3 .fotorama__html, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full, .fotorama__wrap--css3 .fotorama__nav, .fotorama__nav:before, .fotorama__nav:after, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__stage:before, .fotorama__stage:after, .fotorama__wrap--css3 .fotorama__stage__frame { transform: translateZ(0); } .fotorama-focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame, .fotorama__zoom-in:focus, .fotorama__zoom-out:focus { outline: 0; } .fotorama-focus-overlay:after, .fotorama__nav__frame:focus:after { background-color: #006bb4; border-radius: inherit; content: ''; } .fotorama-transform-disabled, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__shaft { transform: none !important; } .fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-duration: unset; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama-no-select, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__wrap { user-select: none; } .fotorama-select, .fotorama__select { user-select: text; } .fotorama-empty-bg { background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .fotorama-auto-margin, .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama-inline-block, .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { display: inline; display: inline-block; vertical-align: middle; zoom: 1; } .fotorama-hidden, .fotorama--hidden, .fotorama__load { position: absolute; top: -99999px; left: -99999px; z-index: -1000; } .fotorama-visible { position: relative; left: auto; top: auto; opacity: 1; z-index: auto; } .fotorama-no-tap, .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .transitionDuration { transition-duration: 333ms; } .transitionDurationZero { transition-duration: unset; } .fotorama-sprite, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__thumb--icon, .fotorama__video-close, .fotorama__video-play, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { background-image: url("../images/gallery.png"); background-repeat: no-repeat; } @media print { .fotorama-print-background, .fotorama-sprite, .fotorama__arr .fotorama__arr__arr, .fotorama__fullscreen-icon, .fotorama__thumb--icon, .fotorama__video-close, .fotorama__video-play, .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out, .fotorama__thumb-border { background: none !important; } } .fotorama__active { box-shadow: 0 0 0 transparent; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__arr { position: absolute; top: 0; bottom: 0; width: 80px; box-sizing: border-box; z-index: 900; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__arr:focus { box-shadow: none; } .fotorama__arr:focus:after { border-radius: inherit; bottom: 3px; box-shadow: none; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__arr--prev { left: 0; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { transform: translate3d(-120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { transform: translate3d(-120px, 0, 0); } .fotorama__arr--next { right: 0; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { transform: translate3d(120px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { transform: translate3d(120px, 0, 0); } .fotorama__arr--disabled { display: none; opacity: 0.1; pointer-events: none; cursor: default; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus { opacity: 1; } .fotorama__wrap--video .fotorama__arr { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr { display: none !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__stage .fotorama__arr--shown { display: block !important; } .fotorama__stage .fotorama__arr--hidden { display: none !important; } .fotorama__arr .fotorama__arr__arr { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .ie9 .fotorama__arr .fotorama__arr__arr { margin: -40px 0 0 -40px; } .fotorama__arr--prev .fotorama__arr__arr { background-position: -80px -80px; } .fotorama__arr--next .fotorama__arr__arr { background-position: -160px -80px; } .fotorama__caption { position: absolute; bottom: 0; left: 0; right: 0; color: black; font-size: 14px; line-height: 1.5; z-index: 12; } .fotorama__caption a { color: black; text-decoration: none; border-bottom: 1px solid; border-color: fade(black, 0.5); } .fotorama__caption a:hover { color: black; border-color: fade(black, 0.5); } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--video .fotorama__caption, .fotorama__wrap--no-captions .fotorama__caption { display: none; } .fotorama__caption__wrap { padding: 5px 10px; box-sizing: border-box; background-color: white; } .fotorama__dot { display: block; position: relative; top: 12px; left: 6px; width: 4px; height: 4px; border: 1px solid #858585; border-radius: 6px; } .fotorama__nav__frame--dot:focus .fotorama__dot { box-shadow: none; } .fotorama__nav__frame--dot:focus .fotorama__dot:after { border-radius: inherit; bottom: 3px; box-shadow: none; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__dot:after, .fotorama__nav__frame--dot:focus .fotorama__dot:after { bottom: 0; left: 0; right: 0; top: 0; } .fotorama__active .fotorama__dot { background-color: #ff5501; border-color: #ff5501; } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama { min-width: 1px; overflow: hidden; } .fotorama--fullscreen { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 !important; background: white; z-index: 1000 !important; } .fotorama__fullscreen { overflow: hidden; position: relative; } .fotorama__fullscreen-icon { position: absolute; display: none; top: 0; right: 0; width: 80px; height: 80px; background-position: 0 0; cursor: pointer; z-index: 1000; } .fotorama__fullscreen-icon:focus { box-shadow: none; } .fotorama__fullscreen-icon:focus:after { border-radius: inherit; bottom: 3px; box-shadow: none; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama--fullscreen-icons .fotorama__fullscreen-icon { display: none; } .fotorama--fullscreen .fotorama__fullscreen-icon { display: inline-block; background-position: -80px 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { transform: translate3d(80px, -80px, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { transform: translate3d(80px, -80px, 0) !important; } .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__fullscreen-icon:active { background-color: rgba(213, 213, 213, 0.5); } .gallery-placeholder .loading-mask { position: static; padding: 0 0 50%; } .gallery-placeholder .loader img { position: absolute; } .fotorama__wrap--css3 .fotorama__html { transition-duration: 0.3s; transition-property: opacity; transition-timing-function: linear; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html { opacity: 0; } .fotorama__img { max-width: inherit; opacity: 0; border: none !important; } .fotorama__loaded .fotorama__img, .fotorama__error .fotorama__img { opacity: 1; } .fotorama__img--full { display: none; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { opacity: 0; } .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img { position: absolute; top: 50%; width: 100%; height: auto; transform: translateY(-50%); } .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img { position: absolute; left: 50%; width: auto; height: 100%; transform: translateX(-50%); } .fotorama__stage__frame .fotorama__img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate3d(-50%, -50%, 0); transition-duration: 0.3s; transition-property: width, height, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: inherit; max-height: inherit; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full { display: block; top: 0; left: 0; width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%; cursor: default; transition: 0.3s linear; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--zoommable { max-width: none; max-height: none; cursor: pointer; transition-property: width, height, bottom, right, top, left; } .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full.fotorama__img--draggable { cursor: move; transition-property: none; } .fotorama__product-video--loaded .fotorama__img, .fotorama__product-video--loaded .fotorama__img--full { display: none !important; } .magnifier-thumb-wrapper { position: relative; display: block; top: 0; left: 0; } .magnifier-lens { position: absolute; overflow: hidden; top: 0; left: 0; border: solid 1px #bbb; z-index: 800; } .magnifier-loader-text { margin-top: 10px; } .magnifier-large { position: absolute; width: 32%; z-index: 100; } .magnifier-preview { position: absolute; top: 215px; bottom: 0; left: 58%; overflow: hidden; padding: 0; } .magnifier-preview:not(.hidden) { background-color: white; } .magnifier-preview img { position: absolute; top: 0; left: 0; max-width: inherit; } .magnify-lens { position: absolute; top: 0; left: 0; color: white; text-align: center; background: rgba(255, 255, 255, 0.5); border: solid 1px #bbb; z-index: 1000; } .magnify-opaque { opacity: 0.5; } .magnify-hidden { display: none; } .magnify-fullimage { display: none; } .fotorama__fullscreen .magnify-fullimage { display: inline-block; } .fotorama__nav { position: relative; display: none; max-width: 100%; overflow: hidden; font-size: 0; line-height: 0; white-space: nowrap; z-index: 5; } .fotorama__nav--dots { display: block; text-align: center; } .fotorama__nav--thumbs { display: block; } .fotorama__nav:before, .fotorama__nav:after { position: absolute; display: block; content: ''; text-decoration: none; background-repeat: no-repeat; z-index: 10; pointer-events: none; } .fotorama__nav:before { left: -10px; top: -10px; } .fotorama__nav:after { right: -10px; bottom: -10px; } .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__nav:after { display: none; } .fotorama__wrap--only-active .fotorama__nav { max-width: 99999px !important; } .fotorama__nav-wrap--vertical.fotorama__nav-wrap { position: absolute; display: inline-block; top: 0; left: 0; } .fotorama__nav__frame { position: relative; box-sizing: content-box; } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px; } .fotorama__nav--dots .fotorama__nav__frame--thumb { display: none; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame { width: 0; height: 0; border-width: 3px; } .fotorama__nav__frame.fotorama__active .fotorama__nav__frame:after { top: -3px; left: -3px; padding: 3px; } .fotorama__nav__frame:focus { box-shadow: none; } .fotorama__nav__frame:focus :after { top: -1px; left: -1px; padding: 1px; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft .fotorama__nav__frame--thumb { display: block; padding-bottom: inherit !important; } .fotorama__nav__shaft { position: relative; top: 0; left: 0; text-align: left; } .fotorama__nav-wrap--vertical .fotorama__nav__shaft { width: 100%; background-color: white; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__select { cursor: auto; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__nav.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--right:after { top: 0; bottom: 0; width: 10px; height: auto; background-size: 1px 100%, 5px 100%; } .fotorama__nav.fotorama__shadows--top:before, .fotorama__nav.fotorama__shadows--bottom:after, .fotorama__stage.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--bottom:after { left: 0; right: 0; width: auto; height: 10px; background-size: 100% 1px, 100% 5px; } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0; background-position: 0 0, 0 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0; background-position: 100% 0, 100% 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); } .fotorama__nav.fotorama__shadows--top:before, .fotorama__stage.fotorama__shadows--top:before { top: 0; background-position: 0 0, 0 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.4), transparent); } .fotorama__nav.fotorama__shadows--bottom:after, .fotorama__stage.fotorama__shadows--bottom:after { bottom: 0; background-position: 0 100%, 0 100%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), transparent); } .fotorama__video-close.fotorama-show-control { opacity: 1; transform: translate3d(0, -10px, 0); } .fotorama__spinner { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); position: absolute; display: none; right: 0; left: 0; top: 0; bottom: 0; height: 64px; width: 64px; margin: auto; background-image: url("../images/loader-1.gif"); z-index: 100; } .fotorama__spinner--show { display: block; } .fotorama__wrap--css3 .fotorama__spinner { animation: spinner 24s infinite linear; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fotorama__stage { position: relative; max-width: 100%; overflow: hidden; } .fotorama__stage:before, .fotorama__stage:after { position: absolute; display: block; content: ''; background-repeat: no-repeat; pointer-events: none; text-decoration: none; z-index: 10; } .fotorama__stage:before { left: -10px; top: -10px; } .fotorama__stage:after { right: -10px; bottom: -10px; } .fotorama--fullscreen .fotorama__stage:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after { display: none; } .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px !important; } .fotorama__stage__frame { overflow: hidden; text-align: center; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama--fullscreen .fotorama__stage__frame iframe { left: 80px; width: calc(100% - 80px * 2); } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__stage__shaft { position: relative; } .fotorama__stage__shaft:focus { box-shadow: none; } .fotorama__stage__shaft:focus:after { border-radius: inherit; bottom: 3px; box-shadow: none; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__thumb { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #ebebeb; } .fotorama__nav__frame:focus .fotorama__thumb { box-shadow: none; z-index: 2; } .fotorama__nav__frame:focus .fotorama__thumb:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: none; border-radius: inherit; content: ''; z-index: 1000; } .fotorama__nav__frame--thumb:focus .fotorama__thumb, .fotorama__nav__frame--dot:focus .fotorama__thumb { overflow: inherit; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb:after { left: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb:after { right: 1px; } .fotorama__thumb--icon { padding-bottom: 30px; font-size: 0.001px; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .ie9 .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .ie9 .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { margin: -15px 0 0 -15px; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right .fotorama__thumb--icon { margin: auto; width: 30px; transform: rotate(90deg); } .fotorama__thumb__arr--left .fotorama__thumb--icon { background-position: -25px -265px; } .fotorama__thumb__arr--right .fotorama__thumb--icon { background-position: -25px -350px; } .fotorama__thumb-border { position: absolute; top: 0; left: 0; box-sizing: border-box; border: 1px solid #ff5501; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); backface-visibility: hidden; z-index: 9; } .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__thumb__arr { box-shadow: none; background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__thumb__arr:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__thumb__arr:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { position: absolute; top: 0; bottom: 0; width: 30px; z-index: 1000; cursor: pointer; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0; } .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left, .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { position: absolute; left: 0; right: 0; height: 30px; cursor: pointer; z-index: 1000; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--left { top: 0; } .fotorama__nav-wrap--vertical .fotorama__thumb__arr--right { bottom: 0; } .fotorama__nav__frame--thumb:focus .fotorama__thumb.fotorama_vertical_ratio:after, .fotorama__nav__frame--dot:focus .fotorama__thumb.fotorama_vertical_ratio:after { left: 2px; right: 2px; } .fotorama__nav__frame:nth-child(2):focus .fotorama__thumb.fotorama_vertical_ratio:after { top: 1px; } .fotorama__nav__frame:last-child:focus .fotorama__thumb.fotorama_vertical_ratio:after { bottom: 1px; } .fotorama__video { position: absolute; top: 32px; bottom: 0; left: 0; right: 0; z-index: 10; } .fotorama__video-close { position: absolute; top: 0; right: 0; width: 80px; height: 80px; opacity: 0; z-index: 1000; cursor: pointer; background-position: -80px 0; transform: translate3d(80px, -80px, 0); transition: opacity 0.3s ease-in-out; } .fotorama__fullscreen .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows:not(.fotorama__wrap--video) .fotorama__video-close { display: none; } .fotorama__wrap--toggle-arrows.fotorama__wrap--video .fotorama__video-close { top: 97px; right: 93px; opacity: 1; } .fotorama__wrap--css3 .fotorama__video-close:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } @media all and (max-width: 768px) { .fotorama__video-close { top: 10px; width: 40px; height: 40px; background-position: -100px -20px; } } .fotorama__video-play { width: 160px; height: 160px; background-position: -80px -160px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__loaded .fotorama__video-play, .fotorama__error .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { display: block; opacity: 1; } .fotorama__nav__frame .fotorama__video-play { width: 80px; height: 80px; background-position: 0 -240px; } .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-duration: 0.3s; transition-property: transform, opacity, background-color; } .fotorama__wrap { position: relative; direction: ltr; text-size-adjust: 100%; z-index: 0; } .fotorama--fullscreen .fotorama__wrap { max-width: 100% !important; } .fotorama__wrap--pan-y { touch-action: pan-y; } .fotorama__zoom-in, .fotorama__zoom-out { display: none; z-index: 1000; } .fotorama__zoom-in:focus, .fotorama__zoom-out:focus { box-shadow: none; } .fotorama__zoom-in:focus:after, .fotorama__zoom-out:focus:after { border-radius: inherit; bottom: 3px; box-shadow: none; content: ''; left: 3px; position: absolute; right: 3px; top: 3px; z-index: 1000; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out { background-color: rgba(255, 255, 255, 0.3); transition: background-color 0.3s ease-in-out; } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:hover, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:hover { background-color: rgba(255, 255, 255, 0.5); } .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-in:active, .fotorama__wrap:not(.fotorama__wrap--toggle-arrows) .fotorama__zoom-out:active { background-color: rgba(213, 213, 213, 0.5); } .fotorama__fullscreen .fotorama__zoom-in, .fotorama__fullscreen .fotorama__zoom-out { position: absolute; display: block; width: 80px; height: 80px; overflow: hidden; cursor: pointer; } .fotorama__fullscreen .fotorama__zoom-in--disabled, .fotorama__fullscreen .fotorama__zoom-out--disabled { display: none; } .fotorama__fullscreen .fotorama__zoom-out { top: 80px; background-position: 0 -80px !important; } .fotorama__fullscreen .fotorama__zoom-in { background-position: 0 0 !important; top: 0; } .old-price, .old.price { text-decoration: line-through; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: "(" attr(data-label) ": "; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: ')'; } .prices-tier .price-container .weee[data-label] { display: inline; } .prices-tier .price-container .weee[data-label] .price { font-size: 0.6875rem; } .prices-tier .price-container .weee[data-label]:before { content: " +" attr(data-label) ": "; } .actual-price { font-weight: 500; } .category-image .image { display: block; height: auto; max-width: 100%; } .category-image, .category-description { margin-bottom: 32px; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; height: auto; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { color: #4a4a4a; font-size: 0.875rem; margin: 16px 0; } .product.media .product.thumbs { margin: 32px 0 32px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 30px; } .product.info.detailed .additional-attributes { width: auto; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 4px 8px 16px 8px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 4px 32px 16px 0; } .product-info-main .page-title-wrapper .page-title { line-height: 1.75; margin-bottom: 16px; } .product-info-main .stock.available, .product-info-main .stock.unavailable { display: inline-block; font-weight: 500; margin-right: 32px; text-transform: uppercase; vertical-align: top; } .product-info-main .product.attribute.sku { display: inline-block; vertical-align: top; color: #4a4a4a; } .product-info-main .product.attribute.sku > .value { display: inline-block; vertical-align: top; word-break: break-all; } .product-info-main .product.attribute.sku .type { margin-right: 8px; } .product-info-main .product.attribute.overview { margin: 32px 0; } .product-info-main .product.alert { margin: 16px 0; } .product-info-main .price-box { margin-top: 16px; } .product-info-main .product-reviews-summary .reviews-actions { font-size: 1rem; } .product-options-wrapper .fieldset-product-options-inner .legend { font-weight: 500; margin: 0 0 8px; font-size: 0.875rem; border: none; display: inline-block; float: none; padding: 0; } .product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker { margin-top: 16px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after, .product-options-wrapper .fieldset-product-options-inner._required .legend:after { content: '*'; color: #e02b27; font-size: 0.875rem; margin: 0 0 0 8px; } .product-options-wrapper .field .note { display: block; } .product-info-main .price-box .price-including-tax + .price-excluding-tax, .product-info-main .price-box .weee + .price-excluding-tax, .product-info-main .price-box .weee, .product-options-bottom .price-box .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .weee + .price-excluding-tax, .product-options-bottom .price-box .weee { font-size: 0.75rem; line-height: 14px; margin-bottom: 8px; } .product-info-main .price-box .price-including-tax + .price-excluding-tax .price, .product-info-main .price-box .weee + .price-excluding-tax .price, .product-info-main .price-box .weee .price, .product-options-bottom .price-box .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .weee + .price-excluding-tax .price, .product-options-bottom .price-box .weee .price { font-size: 0.75rem; font-weight: 500; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { font-size: 1.125rem; font-weight: 500; } .product-info-main .price-box .price, .product-options-bottom .price-box .price { white-space: nowrap; } .product-info-main .special-price, .product-options-bottom .special-price { display: block; margin: 16px 0; } .product-info-main .special-price .price-container, .product-options-bottom .special-price .price-container { font-size: 0.875rem; } .product-info-main .special-price .price-label + .price-wrapper, .product-options-bottom .special-price .price-label + .price-wrapper { display: inline-block; } .product-info-main .old-price .price-label:after, .product-info-main .special-price .price-label:after, .product-options-bottom .old-price .price-label:after, .product-options-bottom .special-price .price-label:after { content: ': '; } .product-info-main .box-tocart, .product-options-bottom .box-tocart { margin: 32px 0; } .product-info-main .box-tocart .field.qty, .product-options-bottom .box-tocart .field.qty { padding-right: 24px; } .product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty { height: 48px; text-align: center; width: 48px; } .product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions { text-align: center; } .product-info-main .product-addto-links, .product-options-bottom .product-addto-links { margin: 32px 0; } .product-info-main .action.tocompare, .product-options-bottom .action.tocompare { vertical-align: top; } .prices-tier { background: #f5f5f5; margin: 16px 0; padding: 16px 24px; } .prices-tier .price-container { display: inline-block; } .prices-tier .price-including-tax, .prices-tier .price-excluding-tax, .prices-tier .weee { display: inline-block; } .prices-tier .price-including-tax .price, .prices-tier .price-excluding-tax .price, .prices-tier .weee .price { font-size: 0.875rem; font-weight: 500; } .ui-dialog-titlebar-close { line-height: 1.75; margin: 0; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #e2001a; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #ff1631; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #e2001a; text-decoration: underline; } .ui-dialog-titlebar-close:hover { color: #ff1631; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .block.related .action.select { margin: 0 8px; } .sidebar .product-items .product-item { margin-bottom: 32px; position: relative; } .sidebar .product-items .product-item-info { position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { left: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 85px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 16px; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #4a4a4a; font-size: 0.75rem; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .action.delete { position: absolute; right: 0; top: 0; } .sidebar .product-items-images { margin-left: -8px; } .sidebar .product-items-images .product-item { float: left; padding-left: 8px; } .sidebar .product-items-names .product-item { margin-bottom: 16px; } .sidebar .product-items-names .product-item-name { margin: 0; } @media only screen and (max-width: 767px) { .catalog-product-view .column.main { display: flex; flex-direction: column; } .catalog-product-view .product.media { order: -1; } .block.related .action.select { display: block; margin: 8px 0; } .compare, .product-addto-links .action.tocompare, .product-item-actions .actions-secondary > .action.tocompare, [class*='block-compare'] { display: none; } } @media only screen and (min-width: 768px) { .product-info-main .box-tocart, .product-options-bottom .box-tocart { display: table; } .product-info-main .box-tocart .field.qty, .product-options-bottom .box-tocart .field.qty { display: table-cell; } .product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions { display: table-cell; padding-top: 32px; text-align: center; vertical-align: bottom; } .product-info-main .page-title-wrapper .page-title { margin-top: -13px; } .sidebar .product-items .product-item-info .product-item-photo { float: left; left: auto; margin: 0 16px 16px 0; position: relative; top: auto; } .sidebar .product-items .product-item-details { margin: 0; } .sidebar .product-items .product-item-actions { clear: left; } } @media only screen and (min-width: 1440px) { .sidebar .product-items .product-item-info .product-item-photo { float: none; left: 0; margin: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-details { margin-left: 85px; } } @media only screen and (min-width: 768px) { .product-info-main { float: right; } .product.media { float: left; margin-bottom: 32px; } .page-layout-1column .product-info-main { width: 40%; } .page-layout-1column .product.media { width: 57%; } .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main { width: 48%; } .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media { width: 50%; } } body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; } .table-comparison { table-layout: fixed; } .table-comparison .cell.label, .table-comparison td:last-child { border-right: 1px solid #ddd; } .table-comparison .cell { padding: 15px; width: 140px; } .table-comparison .cell .attribute.value { overflow: hidden; width: 100%; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #ddd; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.attribute { font-size: 0.8125rem; } .table-comparison .cell.attribute img { height: auto; max-width: 100%; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.125rem; padding: 8px 12px; font-size: 0.85rem; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .cell.remove { padding-bottom: 0; padding-top: 0; text-align: right; } .table-comparison .product-item-actions > .actions-primary + .actions-secondary { margin-top: 16px; } .table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { background: white; left: 0; position: absolute; top: 0; width: auto; z-index: 2; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { left: -6px; position: absolute; top: 0; } .block-compare .actions-toolbar { margin: 17px 0 0; } .block-category-event { background: #f0f0f0; color: black; padding: 16px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 16px; } .block-category-event .block-title { margin: 0 0 16px; } .block-category-event .block-title strong { font-size: 0.9375rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.125rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 0.625rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.125rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 32px; position: relative; } .block-category-event .dates .start:after { font-size: 1.125rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } @media only screen and (min-width: 768px) { .block-category-event.block:last-child { margin-bottom: 32px; padding: 16px 0 32px; } .block-category-event .block-title { margin: 0; } .block-category-event .block-title strong { font-size: 1.5rem; } .block-category-event .ticker li { display: none; margin: 0 50px; } .block-category-event .ticker .value { font-size: 3.75rem; } .block-category-event .ticker .label { font-size: 0.875rem; text-transform: none; } .block-category-event .dates .date { font-size: 3.125rem; } .block-category-event .dates .start { padding-right: 50px; } .block-category-event .dates .start:after { font-size: 3.125rem; right: 10px; } } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { display: inline-block; text-decoration: none; display: inline-block; float: right; } .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:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333; } .block-search .label:active:before { color: #333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { border-top: 1px solid #ddd; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { left: -300%; margin: 15px 0; position: absolute; } .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 li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 8px 32px 8px 16px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:not(:empty) { border-top: 0; border: 1px solid #ddd; background: white; } .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: #999; position: absolute; right: 7px; top: 8px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search.summary { margin-bottom: 16px; } @media only screen and (max-width: 767px) { .block-search .block-content { margin-bottom: 0; } } @media only screen and (max-width: 639px) { .block-search { margin-top: 16px; } } @media only screen and (min-width: 768px) { .block-search { float: right; padding-left: 15px; position: relative; width: 250px; z-index: 4; } .block-search .control { border-top: 0; margin: 0; padding: 0 0 25px; } .block-search .nested { display: block; padding-top: 5px; position: absolute; } .block-search input { margin: 0; padding-right: 35px; position: static; } .block-search input::-webkit-input-placeholder { color: #c2c2c2; } .block-search input:-moz-placeholder { color: #c2c2c2; } .block-search input::-moz-placeholder { color: #c2c2c2; } .block-search input:-ms-input-placeholder { color: #c2c2c2; } .block-search .action.search { display: inline-block; display: inline-block; text-decoration: none; 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: 300; padding: 8px 0; position: absolute; right: 10px; top: 0; z-index: 1; } .block-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .action.search:hover:before { color: inherit; } .block-search .action.search:active:before { color: inherit; } .block-search .action.search:focus, .block-search .action.search:active { background: none; border: none; } .block-search .action.search:hover { background: none; border: none; } .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-search .action.search:focus:before { color: #333; } .search-autocomplete { margin-top: 0; } } .cart-summary { background: #f5f5f5; margin-bottom: 32px; padding: 1px 15px 32px; } .cart-summary > .title { display: block; color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .cart-summary .block { margin-bottom: 0; } .cart-summary .block .item-options { margin-left: 0; } .cart-summary .block .fieldset { margin: 15px 0 32px 8px; } .cart-summary .block .fieldset .field { margin: 0 0 16px; } .cart-summary .block .fieldset .field.note { font-size: 14px; } .cart-summary .block .fieldset .methods .field > .label { display: inline; } .cart-totals { border-top: 1px solid #ddd; padding-top: 16px; } .cart-totals .table-wrapper { margin-bottom: 0; overflow: inherit; } .cart.table-wrapper .items thead + .item { border-top: 1px solid #ddd; } .cart.table-wrapper .items > .item { border-bottom: 1px solid #ddd; position: relative; } .cart.table-wrapper .col { padding-top: 32px; } .cart.table-wrapper .col.qty .input-text { margin-top: -5px; } .cart.table-wrapper .item-actions td { padding-bottom: 16px; text-align: center; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 32px 0 16px 75px; position: relative; } .cart.table-wrapper .actions-toolbar > .action { display: inline-block; text-decoration: none; margin-bottom: 16px; margin-right: 16px; } .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .actions-toolbar > .action:active, .cart.table-wrapper .actions-toolbar > .action:focus { text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 300; } .cart.table-wrapper .product-item-photo { display: block; left: 0; max-width: 60px; padding: 0; position: absolute; top: 15px; width: 100%; } .cart.table-wrapper .product-item-details { white-space: normal; } .cart.table-wrapper .product-item-name { display: inline-block; font-weight: 300; margin-top: -6px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { font-size: 14px; margin-bottom: 16px; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 16px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 0 0 32px; } .cart-container .checkout-methods-items { margin-top: 32px; text-align: center; } .cart-container .checkout-methods-items .action.primary { width: 100%; } .cart-container .checkout-methods-items .item + .item { margin-top: 32px; } .cart-products-toolbar .toolbar-amount { margin: 32px 0 15px; padding: 0; text-align: center; } .cart-products-toolbar .pages { margin: 0 0 32px; text-align: center; } .cart-products-toolbar .pages .items > .item { border-bottom: 0; } .cart-products-toolbar-top { border-bottom: 1px solid #ddd; } .block.crosssell { margin-top: 70px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.price, .order-items.table-wrapper .col.qty, .order-items.table-wrapper .col.subtotal, .order-items.table-wrapper .col.msrp { text-align: right; } @media only screen and (max-width: 767px) { .cart.table-wrapper { overflow: inherit; } .cart.table-wrapper thead .col:not(.item) { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; text-align: center; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.msrp:before { content: attr(data-th) ":"; display: block; font-weight: 500; padding-bottom: 16px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } } @media only screen and (min-width: 768px) { .cart-container .widget { float: left; } .cart-summary { float: right; position: relative; width: 23%; } .column.main .cart-summary .actions-toolbar > .secondary { float: none; } .cart-summary .block .fieldset .field { margin: 0 0 32px; margin: 0 0 16px; } .cart-summary .block .fieldset .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .cart-summary .block .fieldset .field:not(.choice) > .control { float: none; width: auto; } .cart-summary .block .fieldset .field > .label { margin: 0 0 8px; display: inline-block; } .cart-summary .block .fieldset .field.choice:before, .cart-summary .block .fieldset .field.no-label:before { display: none; } .cart.table-wrapper .items { min-width: 100%; width: auto; } .cart.table-wrapper .item .col.item { padding: 27px 8px 16px; } .cart.table-wrapper .item-actions td { text-align: right; } .cart.table-wrapper .product-item-photo { display: table-cell; max-width: 100%; padding-right: 32px; position: static; vertical-align: top; width: 1%; } .cart.table-wrapper .product-item-details { display: table-cell; vertical-align: top; white-space: normal; width: 99%; } .cart.table-wrapper .item-actions .actions-toolbar { text-align: left; } .cart .action { margin-bottom: 16px; } .cart-products-toolbar .toolbar-amount { line-height: 30px; margin: 0; } .cart-products-toolbar .pages { float: right; margin: 0 0 1px; } .cart-products-toolbar .pages .item:last-child { margin-right: 0; } .cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col { padding-bottom: 7px; padding-top: 8px; } .cart.table-wrapper .cart + .cart-products-toolbar { margin-top: 32px; } } .block-minicart .items-total { float: left; margin: 0 16px; } .block-minicart .items-total .count { font-weight: 500; } .block-minicart .subtotal { margin: 0 16px 16px; text-align: right; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 20px; font-weight: 500; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 32px 0 32px; text-align: center; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; text-align: center; } .block-minicart .block-content > .actions > .primary { margin: 0 16px 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; margin-bottom: 15px; width: 100%; } .block-minicart .block-content > .actions > .primary .action.primary:last-child { margin-bottom: 0; } .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; } .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: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; 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: #8f8f8f; } .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: 35px; line-height: 33px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; 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: #8f8f8f; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: white; border: 1px solid #bbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; 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 white 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 { left: 10px; top: -12px; } .minicart-wrapper .block-minicart:after { left: 9px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 32px; right: 0; width: 320px; z-index: 101; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .block-minicart:after { left: auto; right: 25px; } .minicart-wrapper .block-minicart:before { left: auto; right: 26px; } .minicart-wrapper .product .actions { float: right; margin: -24px 0 0; text-align: right; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .action.close { display: inline-block; text-decoration: none; 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: 300; height: 40px; position: absolute; right: 0; top: 0; width: 40px; } .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: 32px; line-height: 32px; color: inherit; content: ""; font-family: "icons-blank-theme"; 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.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 { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { background: #e2001a; color: white; 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 .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #ccc; margin: 0 -32px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 32px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #ccc; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; width: 4.5rem; } .minicart-items .price-minicart { margin-bottom: 8px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .minicart-items .product .toggle { display: block; text-decoration: none; cursor: pointer; position: relative; } .minicart-items .product .toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product .toggle:after { position: static; right: 32px; top: 0; } .minicart-items .product.active > .toggle:after { content: ""; } .minicart-items .product-item-name { font-weight: 300; margin: 0 0 16px; } .minicart-items .product-item-name a { color: #e2001a; } .minicart-items .product-item-details { padding-left: 88px; } .minicart-items .product-item-details .price { font-weight: 500; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 8px 0 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 0.6875rem; } .minicart-items .product-item-details .details-qty { margin-top: 16px; } .minicart-items .product.options .tooltip.toggle { display: inline-block; text-decoration: none; } .minicart-items .product.options .tooltip.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.options .tooltip.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: inherit; content: ""; font-family: "icons-blank-theme"; 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 .tooltip.toggle .details { display: none; } .minicart-items .item-qty { margin-right: 16px; text-align: center; width: 40px; } .minicart-items .update-cart-item { font-size: 0.6875rem; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .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; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #303030; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #303030; } .minicart-items .action.delete:before { content: ""; } @media only screen and (max-width: 479px) { .minicart-wrapper .block-minicart { width: 290px; } } @media only screen and (max-width: 639px) { .minicart-wrapper { margin-top: 16px; } } @media only screen and (min-width: 768px) { .minicart-wrapper { margin-left: 13px; } .minicart-wrapper .block-minicart { right: -15px; width: 390px; } } .checkout-container { margin: 0 0 32px; } .opc-wrapper { margin: 0 0 32px; } .opc-wrapper .step-content { margin: 0 0 32px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } @media only screen and (max-width: 639px) { .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } } @media only screen and (min-width: 768px) { .opc-wrapper { width: 1500%; float: left; order: 1; padding-right: 32px; } .checkout-onepage-success .print { display: block; float: right; margin: 22px 0 0; } } .opc-estimated-wrapper { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; font-weight: 500; float: left; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 8px; } .opc-estimated-wrapper .minicart-wrapper .action.showcart:before { color: black; } @media only screen and (min-width: 768px) { .opc-estimated-wrapper { display: none; } } .opc-progress-bar { margin: 0 0 32px; counter-reset: i; font-size: 0; } .opc-progress-bar-item { margin: 0 0 16px; display: inline-block; position: relative; text-align: center; vertical-align: top; width: 50%; } .opc-progress-bar-item:before { background: #e4e4e4; top: 19px; content: ''; height: 7px; left: 0; position: absolute; width: 100%; } .opc-progress-bar-item:first-child:before { border-radius: 6px 0 0 6px; } .opc-progress-bar-item:last-child:before { border-radius: 0 6px 6px 0; } .opc-progress-bar-item > span { display: inline-block; padding-top: 45px; width: 100%; word-wrap: break-word; color: #e4e4e4; font-weight: 300; font-size: 1.125rem; } .opc-progress-bar-item > span:before, .opc-progress-bar-item > span:after { background: #e4e4e4; height: 38px; margin-left: -19px; width: 38px; border-radius: 50%; content: ''; left: 50%; position: absolute; top: 0; } .opc-progress-bar-item > span:after { background: white; height: 26px; margin-left: -13px; top: 6px; width: 26px; content: counter(i); counter-increment: i; color: black; font-weight: 500; font-size: 1.125rem; } .opc-progress-bar-item._active:before { background: #ff5501; } .opc-progress-bar-item._active > span { color: black; } .opc-progress-bar-item._active > span:before { background: #ff5501; } .opc-progress-bar-item._active > span:after { content: ""; font-family: "icons-blank-theme"; line-height: 1; font-size: 1.75rem; } .opc-progress-bar-item._complete { cursor: pointer; } .opc-progress-bar-item._complete > span { color: black; } .opc-progress-bar-item._complete > span:after { content: ""; font-family: "icons-blank-theme"; line-height: 1; font-size: 1.75rem; } @media only screen and (min-width: 768px) { .opc-progress-bar-item { width: 185px; } } .field.choice .field-tooltip { display: inline-block; margin-left: 16px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 21px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ff495e; } .opc-wrapper .fieldset > .field > .label { font-weight: 300; } @media only screen and (min-width: 768px) { .opc-wrapper .fieldset > .field.required, .opc-wrapper .fieldset > .field._required { position: relative; } .opc-wrapper .fieldset > .field.required > label, .opc-wrapper .fieldset > .field._required > label { padding-right: 25px; } .opc-wrapper .fieldset > .field.required > label:after, .opc-wrapper .fieldset > .field._required > label:after { margin-left: 16px; position: absolute; top: 9px; } } @media only screen and (min-width: 768px) { .checkout-index-index .modal-popup .form-shipping-address { max-width: 500px; } .checkout-index-index .modal-popup .modal-footer .action-save-address { float: right; margin: 0 0 0 16px; } } @media only screen and (min-width: 1024px) { .checkout-index-index .modal-popup .modal-inner-wrap { margin-left: -400px; width: 800px; left: 50%; } } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: black; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbb; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: black; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: black; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999; border-radius: 1px; font-size: 16px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 479px) { .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 32px; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 16px; margin-top: 16px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; line-height: 30px; margin: 0 0 32px; padding: 32px 37px 32px 32px; transition: 0.3s border-color; width: 50%; display: inline-block; font-size: 16px; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: white; content: ""; font-family: "icons-blank-theme"; height: 27px; width: 29px; font-size: 27px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 32px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 8px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 32px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 32px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 32px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { border-top: 1px solid #ccc; padding-bottom: 32px; padding-top: 32px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 16px; padding-top: 0; } @media only screen and (max-width: 639px) { .opc-wrapper .form-login { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 0 0 15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #ccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 37px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 45px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 16px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 1px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #303030; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #303030; } .opc-wrapper .edit-address-link:active:before { color: #303030; } } @media only screen and (min-width: 768px) { .checkout-shipping-method .actions-toolbar > .primary { float: right; } .checkout-shipping-method .actions-toolbar .action.primary { margin: 0; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { max-width: 500px; } .table-checkout-shipping-method { width: auto; } } @media only screen and (min-width: 1024px) { .opc-wrapper .shipping-address-item { width: 33.33333%; } .opc-wrapper .shipping-address-item:before { background: #ccc; height: calc(100% - 20px); content: ''; left: 0; position: absolute; top: 0; width: 1px; } .opc-wrapper .shipping-address-item:nth-child(3n + 1):before { display: none; } .opc-wrapper .shipping-address-item.selected-item:before { display: none; } .opc-wrapper .shipping-address-item.selected-item + .shipping-address-item:before { display: none; } .table-checkout-shipping-method { min-width: 500px; } } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #e2001a; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 32px; } @media only screen and (max-width: 639px) { .shipping-policy-block.field-tooltip { margin-bottom: 32px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } } @media only screen and (min-width: 768px) { .opc-sidebar { margin: 46px 0 32px; width: 700%; float: right; order: 2; } } .opc-block-shipping-information { padding: 0 32px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #ccc; margin: 0 0 32px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 2px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: black; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #8f8f8f; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 32px; } .opc-block-summary { background: #f5f5f5; padding: 22px 32px; margin: 0 0 32px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #999; display: block; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 0.875rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 300; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #ddd; padding: 16px 32px 16px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 12px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 16px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.125rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: ""; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 16px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: table-cell; padding-right: 8px; text-align: left; } .opc-block-summary .product-item .subtotal { display: table-cell; text-align: right; } .opc-block-summary .product-item .price { font-size: 1rem; font-weight: 300; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax { margin: 0; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 0.625rem; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #ddd; display: block; float: none; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } @media only screen and (min-width: 768px) { .opc-summary-wrapper .modal-header .action-close { display: none; } } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 32px; } .authentication-wrapper { float: right; margin-top: -48px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.625rem; border-bottom: 0; margin-bottom: 32px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 300; } .block-authentication .actions-toolbar { margin-bottom: 8px; } .block-authentication .actions-toolbar > .secondary { padding-top: 32px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 16px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 32px; padding-top: 32px; position: relative; } .block-authentication .block[class] + .block::before { height: 36px; line-height: 34px; margin: -19px 0 -18px; min-width: 36px; background: white; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 0.2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } @media only screen and (min-width: 768px) { .authentication-dropdown { background-color: white; border: 1px solid #aeaeae; position: absolute; text-align: left; top: 100%; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear 0.1s, visibility 0s linear 0.1s; visibility: hidden; width: 100%; } .authentication-dropdown._show { z-index: 100; transform: scale(1, 1); transition: transform linear 0.1s, visibility 0s linear 0s; visibility: visible; } .authentication-wrapper { width: 700%; text-align: right; } .block-authentication .block-title { font-size: 1.625rem; border-bottom: 0; margin-bottom: 32px; } .block-authentication .actions-toolbar > .primary { display: inline; float: right; margin-right: 0; } .block-authentication .actions-toolbar > .primary .action { margin-right: 0; } .block-authentication .actions-toolbar > .secondary { float: left; margin-right: 2rem; padding-top: 1rem; } .popup-authentication .modal-inner-wrap { min-width: 768px; width: 60%; } .popup-authentication .block-authentication { display: flex; flex-direction: row; border-top: 1px solid #c1c1c1; } .popup-authentication .block[class], .popup-authentication .form-login, .popup-authentication .fieldset, .popup-authentication .block-content { display: flex; flex-direction: column; flex-grow: 1; } .popup-authentication .block[class] { box-sizing: border-box; float: left; padding: 16px 32px 0 0; width: 50%; } .popup-authentication .block[class] + .block { border-left: 1px solid #c1c1c1; border-top: 0; margin: 0; padding: 16px 0 0 32px; } .popup-authentication .block[class] + .block::before { left: 0; top: 50%; } .popup-authentication .actions-toolbar { margin-bottom: 0; margin-top: auto; } } .checkout-payment-method .step-title { border-bottom: 0; margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #ccc; } .checkout-payment-method .payment-method-title { padding: 32px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 8px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 8px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 32px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 32px; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 32px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 16px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 32px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 32px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 32px 0; } @media only screen and (max-width: 767px) { .checkout-payment-method .payment-methods { margin: -15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 32px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 16px; } } @media only screen and (min-width: 768px) { .checkout-payment-method .actions-toolbar .primary { float: right; margin: 0; } .checkout-payment-method .fieldset > .field-select-billing > .control { float: none; width: 100%; } .checkout-payment-method .payment-method-content .fieldset > .field { margin: 0 0 32px; } .checkout-payment-method .payment-method-content .fieldset > .field.type .control { margin-left: 25.8%; } .checkout-payment-method .payment-method-content .fieldset > .field.type.no-detection .control { margin-left: 0; } .checkout-billing-address .action-update { float: right; } .checkout-billing-address .actions-toolbar .action-cancel { margin: 6px 32px 0 0; } } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: ""; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #ccc; padding: 32px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #e2001a; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: #8f8f8f; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: black; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #8f8f8f; } .checkout-payment-method .payment-option-content { padding: 0 0 32px 22px; } .checkout-payment-method .payment-option-inner { margin: 0 0 32px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 8px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 500; } .checkout-payment-method .credit-card-types .item._active img { filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: 0.4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { filter: grayscale(100%); transition: all 0.6s ease; } .checkout-payment-method .ccard .fields > .year { padding-left: 8px; } .checkout-payment-method .ccard .fields .select { padding-left: 8px; padding-right: 8px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { padding-right: 32px; width: auto; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } @media only screen and (max-width: 767px) { .checkout-payment-method .payment-option { margin: -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 32px; } } @media only screen and (min-width: 768px) { .checkout-payment-method .payment-option-title { padding-left: 22px; } .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar { margin-left: 0; } } .checkout-agreements-block .checkout-agreements { margin-bottom: 32px; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 32px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 32px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.125rem; } .login-container .fieldset:after { margin: 16px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 0.875rem; } .login-container .fieldset:after { margin-top: 35px; } .block-addresses-list .items.addresses > .item { margin-bottom: 32px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .form-address-edit #region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 26px; } .fieldset .fullname.field > .label + .control { width: 100%; } .account .column.main h2 { margin-top: 0; } .account .column.main .toolbar { text-align: center; } .account .column.main .toolbar .limiter-options { width: auto; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .table-wrapper .action { margin-right: 15px; } .account .table-wrapper .action:last-child { margin-right: 0; } .account-nav .content { background: #f5f5f5; padding: 15px 0; } .account-nav .item { margin: 3px 0 0; } .account-nav .item:first-child { margin-top: 0; } .account-nav .item a, .account-nav .item > strong { border-left: 3px solid transparent; display: block; padding: 8px 18px 8px 15px; } .account-nav .item a { text-decoration: none; } .account-nav .item a:hover { background: #e8e8e8; } .account-nav .item.current a, .account-nav .item.current strong { border-color: #ff5501; font-weight: 500; } .account-nav .item.current a { border-color: #ff5501; } .account-nav .item .delimiter { border-top: 1px solid #d1d1d1; display: block; margin: 16px 1.8rem; } .column.main .block:last-child { margin-bottom: 0; } .block .title { margin-bottom: 16px; } .block .title strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; } .column.main .block .title strong { font-size: 26px; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 8px; } .field.password .control { display: flex; flex-direction: column; } .field.password .control .mage-error { order: 2; } .field.password .control .input-text { order: 0; z-index: 2; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image { margin-top: 16px; } .control.captcha-image .captcha-img { vertical-align: middle; } @media only screen and (max-width: 639px) { .account .column.main, .account .sidebar-additional { margin: 0; } } @media only screen and (max-width: 767px) { .login-container .fieldset:after { text-align: center; } .account .page.messages { margin-bottom: 32px; } .control.captcha-image .captcha-img { margin-bottom: 16px; display: block; } .customer-account-index .page-title-wrapper { position: relative; } } @media only screen and (min-width: 768px) { .login-container .block.login .actions-toolbar > .primary { margin-bottom: 0; margin-right: 32px; } .login-container .block.login .actions-toolbar > .secondary { float: left; } .login-container .fieldset > .field > .control { width: 55%; } .fieldset .fullname .field .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset .fullname .field .control { width: 74.2%; float: left; } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account { min-width: 600px; width: 50%; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 22.3%; } .account.page-layout-2columns-left .column.main { width: 77.7%; } .block-addresses-list .items.addresses { font-size: 0; } .block-addresses-list .items.addresses > .item { display: inline-block; font-size: 16px; margin-bottom: 32px; vertical-align: top; width: 48.8%; } .block-addresses-list .items.addresses > .item:nth-last-child(1), .block-addresses-list .items.addresses > .item:nth-last-child(2) { margin-bottom: 0; } .block-addresses-list .items.addresses > .item:nth-child(even) { margin-left: 2.4%; } .control.captcha-image .captcha-img { margin: 0 16px 16px 0; } } .downloadable.samples { margin-bottom: 32px; } .downloadable.samples dd { margin: 0 0 16px; } .table-downloadable-products .product-name { margin-right: 15px; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: " (" attr(data-label) ": "; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { font-size: 0.875rem; display: inline; font-weight: 500; } .field.downloads .sample.link { float: right; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 32px; } .page-product-downloadable .product-options-bottom .field.qty { display: none !important; } @media only screen and (min-width: 768px) { .page-product-downloadable .product-options-wrapper { float: left; width: 55%; } .page-product-downloadable .product-options-bottom { float: right; width: 40%; } .page-product-downloadable .product-options-bottom .field.qty + .actions { padding-top: 0; } } .cart-summary .block.giftcard .action.check { line-height: 1.125rem; padding: 8px 12px; font-size: 0.85rem; margin-top: 32px; } .page-product-giftcard .giftcard-amount { margin-bottom: 0; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 32px; } .page-product-giftcard .product-options-wrapper .field:first-of-type { margin-top: 32px; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 32px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 32px; } .opc-wrapper .giftcard-account-info { margin: 0 0 32px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 16px; } .gift-message .field { margin-bottom: 32px; } .gift-message .field .label { color: #666; font-weight: 300; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { margin: 0 0 32px; } .gift-options-content .fieldset { margin: 0 0 32px; } .gift-summary .actions-toolbar > .secondary { float: none; } .gift-summary .actions-toolbar > .secondary .action { margin: 16px 32px 0 0; } .action-gift { display: inline-block; text-decoration: none; margin-bottom: 16px; margin-right: 16px; display: inline-block; text-decoration: none; } .action-gift:hover, .action-gift:active, .action-gift:focus { text-decoration: none; } .action-gift:last-child { margin-right: 0; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: inherit; } .action-gift:active:after { color: inherit; } .action-gift.active:after, .action-gift._active:after { content: ""; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin: 16px 0 32px; text-align: left; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .gift-item-block { margin: 0; } .gift-item-block._active .title:after { content: ""; } .gift-item-block .title { font-weight: 500; border-radius: 3px; background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 20px 0 0; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: inherit; } .gift-item-block .title:active:after { color: inherit; } .gift-item-block .title:focus, .gift-item-block .title:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .gift-item-block .title:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .gift-item-block .title.disabled, .gift-item-block .title[disabled], fieldset[disabled] .gift-item-block .title { opacity: 0.5; cursor: default; pointer-events: none; } .gift-item-block .title:active { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12); } .gift-item-block .content { border-bottom: 1px solid #c1c1c1; padding: 16px 16px 32px; position: relative; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 300; margin: 16px 0; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-items .action.show { display: inline-block; text-decoration: none; padding-right: 32px; position: relative; } .order-details-items .order-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .order-items .action.show:after { position: absolute; right: 0; top: -4px; } .order-details-items .order-items .action.show.expanded:after { content: ""; } .block-order-details-gift-message { border-top: 1px solid #ddd; padding-top: 16px; } @media only screen and (max-width: 767px) { .gift-options .actions-toolbar .action-update { font-size: 1.25rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .cart.table-wrapper .gift-content { margin-right: -16px; } } @media only screen and (max-width: 639px) { .cart.table-wrapper .gift-content { border-bottom: 1px solid #ddd; margin-bottom: 32px; } } @media only screen and (min-width: 768px) { .gift-message .field { margin-bottom: 32px; } .gift-options { position: relative; z-index: 1; } .gift-options .actions-toolbar { clear: both; float: right; position: static; } .gift-options .actions-toolbar .secondary { float: right; } .gift-options .actions-toolbar .secondary .action { float: right; margin-left: 32px; } .gift-options .actions-toolbar .secondary .action-cancel { display: block; float: left; margin-top: 6px; } .gift-options .actions-toolbar:nth-child(3):before { border-left: 1px solid #c1c1c1; bottom: 5rem; content: ''; display: block; left: 50%; overflow: hidden; position: absolute; top: 0; width: 0; } .gift-options-title { font-weight: 300; font-size: 1.125rem; } .cart.table-wrapper .action-gift { float: left; } .order-options .gift-wrapping, .table-order-review .gift-wrapping { max-width: 50%; } } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 32px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .table-giftregistry-items .product-image { float: left; margin-right: 16px; } .cart-summary .form.giftregistry .fieldset { margin: 25px 0 8px; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 16px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .cart-summary .form.giftregistry .fieldset .action.primary { margin-bottom: 0; } .form-giftregistry-search { margin-bottom: 64px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry-results .toolbar-giftregistry-results { text-align: center; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 32px; } .block-giftregistry-shared-items .item { border-bottom: 1px solid #ddd; } .block-giftregistry-shared-items .col { padding: 32px 8px 16px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.125rem; display: block; font-weight: 500; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin-bottom: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 16px 0; } .block-giftregistry-shared-items .product-item-name { display: block; margin: 0 0 8px; } @media only screen and (max-width: 639px) { .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 15px; } } @media only screen and (min-width: 768px) { .form-giftregistry-search .fieldset { margin-bottom: 29px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field { margin: 0 0 32px; box-sizing: border-box; } .form-giftregistry-search .fieldset > .fields-specific-options > .field > .label { margin: 0; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { content: ''; display: table; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { clear: both; } .form-giftregistry-search .fieldset > .fields-specific-options > .field.choice:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field.no-label:before { padding: 6px 15px 0 0; width: 25.8%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field .description { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .control { width: 74.2%; float: left; } .block-giftregistry-shared-items .product-item-photo { display: table-cell; max-width: 100%; padding: 0 32px 0 0; vertical-align: top; width: 1%; } .block-giftregistry-shared-items .product-item-details { display: table-cell; vertical-align: top; width: 99%; word-break: normal; } .block-giftregistry-shared-items .col.product { width: 48%; } .block-giftregistry-shared-items .col:not(.product) { text-align: center; } .block-giftregistry-shared-items .col.price { padding-top: 17px; } .block-giftregistry-shared-items .input-text.qty { margin-top: -4px; } } .gift-wrapping .label { margin: 0 0 8px; display: inline-block; } .gift-wrapping .field { margin-bottom: 16px; } .gift-wrapping-info { font-weight: 300; font-size: 20px; margin: 32px 0; } .gift-wrapping-list { list-style: none; margin: 32px 0 16px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 38px; line-height: 4rem; color: #494949; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 16px 16px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 16px 0; } .gift-wrapping-title .action-remove { margin-left: 8px; } .gift-options-content .fieldset > .field { margin: 0 0 8px; } .gift-options-content .fieldset > .field:before { display: none; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping, .table-order-review .gift-wrapping { margin: 32px 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title, .table-order-review .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content, .table-order-review .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img, .table-order-review .gift-wrapping .content > img { float: left; margin: 0 16px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ": "; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 500; } .order-options .item { padding-bottom: 32px; } .order-options .product { margin-bottom: 16px; } .order-options .product-image-container { float: left; padding-right: 16px; } .order-options .gift-wrapping { margin-bottom: 16px; } @media only screen and (max-width: 767px) { .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 32px; padding-bottom: 16px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } } @media only screen and (min-width: 768px) { .gift-options-cart-item .gift-wrapping, .cart-gift-item .gift-wrapping { box-sizing: border-box; float: left; padding-right: 32px; width: 50%; } .gift-options-cart-item .gift-wrapping + .gift-message, .cart-gift-item .gift-wrapping + .gift-message { border-left: 1px solid #c1c1c1; box-sizing: border-box; float: left; padding-left: 4.5rem; width: 50%; } } .table.grouped > thead > tr > th, .table.grouped > thead > tr > td, .table.grouped > tbody > tr > th, .table.grouped > tbody > tr > td, .table.grouped > tfoot > tr > th, .table.grouped > tfoot > tr > td { border-top: 1px solid #ddd; } .table.grouped > caption + thead > tr:first-child > th, .table.grouped > caption + thead > tr:first-child > td, .table.grouped > colgroup + thead > tr:first-child > th, .table.grouped > colgroup + thead > tr:first-child > td, .table.grouped > thead:first-child > tr:first-child > th, .table.grouped > thead:first-child > tr:first-child > td { border-top: 0; } .table.grouped > tbody + tbody { border-top: 1px solid #ddd; } .table.grouped > thead > tr > th { border-bottom: 0; } .table.grouped .product-item-name { font-weight: 300; } .table.grouped .price-box .price { font-size: 16px; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .table.grouped .row-tier-price td { border-top: 0; } .table.grouped .row-tier-price .prices-tier { margin: 0 -10px 10px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } @media only screen and (max-width: 767px) { .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 32px; } } @media only screen and (min-width: 768px) { .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 29px; } .table-invitations .col { width: 50%; } } .block.filter { margin-bottom: 32px; } .block.filter .filter-title { margin-bottom: 32px; } .block.filter .filter-title strong { font-size: 18px; } .block-subtitle { display: inline-block; margin-bottom: 16px; } .filter-current .item { margin-bottom: 16px; } .filter-current .filter-label { display: block; font-weight: 500; } .filter-current .filter-label:after { content: ':'; } .filter-current + .filter-actions { margin-bottom: 32px; } .filter-options { margin: 0; } .filter-options .filter-options-title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; margin: 0 0 16px; word-break: break-all; } .filter-options .filter-options-content { margin: 0 0 32px; } .filter-options .filter-options-content .item { margin-bottom: 3px; } .filter-options .count { color: #4a4a4a; } .filter-options .count:before { content: '('; } .filter-options .count:after { content: ')'; } .filtered .items { margin: 15px 0; } .filtered .item { margin-bottom: 6px; padding-left: 22px; position: relative; } .filtered .item .label { font-weight: 500; } .filtered .item .action.remove { left: -6px; position: absolute; top: 0; } .filtered + .actions { margin-bottom: 35px; } @media only screen and (max-width: 767px) { .page-with-filter .columns .sidebar-main { order: 0; } } .map-popup-wrapper.popup .action.close { top: 16px; } .map-popup { background: white; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 16px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .map-popup .popup-header .title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .map-popup .popup-content { margin: 16px 0 0; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; text-decoration: none; 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: 300; right: 16px; top: 16px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: inherit; } .map-popup .popup-actions .action.close:active:before { color: inherit; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin-bottom: 15px; } .map-popup .map-info-price .price-box { margin: 0 0 32px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .regular-price .price-label { display: none; } .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 16px; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info, .cart.table-wrapper .actions-toolbar > .map-show-info.action, .map-show-info.action-gift { 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: 300; line-height: 1.75; margin: 0; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .map-show-info.action:focus, .map-show-info.action-gift:focus, button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active { background: none; border: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { background: none; border: none; } button.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .map-show-info.disabled.action, .map-show-info.disabled.action-gift, button.map-show-info[disabled], .cart.table-wrapper .actions-toolbar > .map-show-info.action[disabled], .map-show-info.action-gift[disabled], fieldset[disabled] button.map-show-info, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .map-show-info.action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .map-show-info.action, fieldset[disabled] .map-show-info.action-gift { cursor: not-allowed; pointer-events: none; opacity: 0.5; } button.map-show-info:visited, .cart.table-wrapper .actions-toolbar > .map-show-info.action:visited, .map-show-info.action-gift:visited { color: #e2001a; text-decoration: none; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { color: #ff1631; text-decoration: underline; } button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active { color: #e2001a; text-decoration: underline; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover { color: #ff1631; } button.map-show-info:hover, .cart.table-wrapper .actions-toolbar > .map-show-info.action:hover, .map-show-info.action-gift:hover, button.map-show-info:active, .cart.table-wrapper .actions-toolbar > .map-show-info.action:active, .map-show-info.action-gift:active, button.map-show-info:focus, .cart.table-wrapper .actions-toolbar > .map-show-info.action:focus, .map-show-info.action-gift:focus { background: none; border: 0; } button.map-show-info.disabled, .cart.table-wrapper .actions-toolbar > .map-show-info.disabled.action, .map-show-info.disabled.action-gift, button.map-show-info[disabled], .cart.table-wrapper .actions-toolbar > .map-show-info.action[disabled], .map-show-info.action-gift[disabled], fieldset[disabled] button.map-show-info, fieldset[disabled] .cart.table-wrapper .actions-toolbar > .map-show-info.action, .cart.table-wrapper fieldset[disabled] .actions-toolbar > .map-show-info.action, fieldset[disabled] .map-show-info.action-gift { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } @media only screen and (max-width: 767px) { .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 16px; } } .wishlist.split.button { display: inline-block; position: relative; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button button.action.split, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action.split, .cart.table-wrapper .wishlist.split.button .actions-toolbar > .action.split, .wishlist.split.button .action.split.action-gift { border-bottom-right-radius: 0; border-top-right-radius: 0; } .wishlist.split.button button + .action.toggle, .wishlist.split.button .cart.table-wrapper .actions-toolbar > .action + .action.toggle, .cart.table-wrapper .wishlist.split.button .actions-toolbar > .action + .action.toggle, .wishlist.split.button .action-gift + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: black; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #ff1631; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: black; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #ff1631; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: white; border: 1px solid #bbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent white transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { text-align: left; } .wishlist.split.button .items .item:last-child:hover { background: #e8e8e8; } .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before { content: ""; } .table-comparison .wishlist.split.button > .action:active, .table-comparison .wishlist.split.button > .action:focus, .table-comparison .wishlist.split.button > .action:hover, .product-items .wishlist.split.button > .action:active, .product-items .wishlist.split.button > .action:focus, .product-items .wishlist.split.button > .action:hover { color: #ff1631; } .table-comparison .wishlist.split.button > .action.toggle:before, .product-items .wishlist.split.button > .action.toggle:before { border-left: 1px solid #4d4d4d; content: ''; float: left; height: 15px; margin-top: 3px; } .product-info-main .wishlist.split.button .action.split, .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.split, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.split, .product-add-form .wishlist.split.button .action.toggle { line-height: 1.125rem; padding: 8px 12px; font-size: 0.85rem; } .product-info-main .wishlist.split.button .action.toggle, .block-bundle-summary .wishlist.split.button .action.toggle, .product-add-form .wishlist.split.button .action.toggle { padding: 0; } .cart.table-wrapper .wishlist.split.button { margin-bottom: 16px; } .cart.table-wrapper .wishlist.split.button > .action.toggle { padding: 4px 8px; } .wishlist.window.popup { box-sizing: border-box; background: white; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .wishlist.window.popup .popup-header .title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; text-decoration: none; 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: 300; right: 16px; top: 16px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:active:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: black; z-index: 1000; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.5; filter: alpha(opacity=50); } .wishlist.overlay.active { display: block; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 500; } .block-wishlist-management .wishlist-title { margin-bottom: 16px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 16px; } .block-wishlist-management .wishlist-notice { color: #4a4a4a; display: inline-block; margin-right: 32px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 32px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 32px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 64px; max-width: 500px; } .block-wishlist-search-results .toolbar-wishlist-results { text-align: center; } .block-wishlist-info-items .block-title { margin-bottom: 32px; font-size: 1.375rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 32px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 16px; } .block-wishlist-info-items .split { clear: both; padding: 16px 0; } .block-wishlist-info-items .action.towishlist { padding: 16px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 16px; } @media only screen and (max-width: 767px) { .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #ddd; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { display: block; padding: 8px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 1.625rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 20px; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 32px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } } @media only screen and (min-width: 768px) { .wishlist.window.popup { bottom: auto; top: 20%; left: 50%; margin-left: -212px; width: 380px; right: auto; } .wishlist.window.popup .field { margin: 0 0 32px; } .wishlist.window.popup .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .wishlist.window.popup .field:not(.choice) > .control { float: none; width: auto; } .wishlist.window.popup .field > .label { margin: 0 0 8px; display: inline-block; } .wishlist.window.popup .field.choice:before, .wishlist.window.popup .field.no-label:before { display: none; } .block-wishlist-management { margin-bottom: 32px; } .block-wishlist-management .wishlist-select { border-bottom: 1px solid #e2001a; display: table; margin-bottom: 15px; width: 100%; } .block-wishlist-management .wishlist-select .wishlist-name { display: table-cell; margin-right: 16px; padding: 8px 16px 16px; vertical-align: top; white-space: nowrap; width: 5%; } .block-wishlist-management .wishlist-select-items { display: table-cell; padding-right: 160px; vertical-align: top; } .block-wishlist-management .wishlist-select-items .item { display: inline-block; margin-right: 16px; padding: 8px 16px 16px; } .block-wishlist-management .wishlist-select-items .item:last-child { margin-right: 0; } .block-wishlist-management .wishlist-select-items .current { border-bottom: 3px solid #e2001a; font-weight: 500; } .block-wishlist-management .wishlist-select .wishlist-name-current { display: none; } .block-wishlist-management .wishlist-add.item { position: absolute; right: 0; top: 0; } .block-wishlist-management .wishlist-title strong { font-size: 2.5rem; } .block-wishlist-management .wishlist-info { float: left; } .block-wishlist-management .wishlist-toolbar { float: right; } .block-wishlist-info-items .product-item-photo { margin-left: 0; } .products-grid.wishlist .product-item-checkbox { float: left; } .products-grid.wishlist .product-item-checkbox + .product-item-name { margin-left: 32px; } } .multicheckout .title { margin-bottom: 32px; } .multicheckout .title strong { font-weight: 300; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 300; margin-left: 16px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 32px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 32px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 16px; } .multicheckout .item-options { margin: 16px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #ddd; padding-bottom: 16px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 300; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #737373; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 1.5rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 32px; } .multicheckout .box-title span { margin-right: 16px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 500; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 8px; } .multicheckout .checkout-review .grand.totals { font-size: 1.5rem; margin-bottom: 32px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 300; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } @media only screen and (max-width: 639px) { .multicheckout .data.table .address:before { margin-bottom: 8px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 32px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout .actions-toolbar .action { margin-bottom: 32px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 32px; margin-right: 0; } } @media only screen and (min-width: 640px) { .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 16px; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 32px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 32px; padding-right: 32px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 32px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 32px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } } @media only screen and (max-width: 767px) { .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 32px; } } .block.newsletter { margin-bottom: 32px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 33px; color: #c2c2c2; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { padding-left: 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } @media only screen and (min-width: 768px) { .block.newsletter { width: 32%; } .block.newsletter .field { margin-right: 5px; } .block.newsletter .field .control { width: 100%; } .block.newsletter .action.subscribe { border-radius: 3px; } } .paypal.after:before { content: "- " attr(data-label) " -"; display: block; margin: 8px 8px 16px; text-transform: uppercase; } .paypal.before:before { content: "- " attr(data-label) " -"; display: block; margin: 16px 8px; text-align: center; text-transform: uppercase; } .paypal.acceptance { display: block; margin: 0 0 32px; } .paypal.acceptance img { max-width: 100%; } .box-tocart .paypal img, .block-minicart .paypal img { display: block; margin: 0 auto; } .paypal-review .paypa-review-title > strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; display: inline-block; } .paypal-review .items-qty .item { white-space: nowrap; } .paypal-review .items-qty .title:after { content: ': '; } .paypal-review .paypal-review-title > strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; display: inline-block; } .paypal-review .actions-toolbar { margin-top: 16px; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #ddd; margin: 32px 0; } .paypal-review-discount .block { margin-bottom: 0; } .paypal-review-discount .block .fieldset { padding: 16px 0 32px; } @media only screen and (min-width: 768px) { .paypal-review .paypal-review-title { border-bottom: 1px solid #ddd; } .paypal-review .block-content .box-order-shipping-address, .paypal-review .block-content .box-order-shipping-method, .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address { box-sizing: border-box; float: left; width: 33%; } .paypal-review .block-content .box-order-shipping-address { padding: 0 5%; width: 34%; } .paypal-review .col.subtotal, .paypal-review .mark, .paypal-review .amount { text-align: right; } } .fotorama-video-container:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: 0.6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 100px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: ""; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: ""; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .rating-summary .rating-result { margin-left: -5px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: ""; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:focus + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ff5501; font-family: "icons-blank-theme"; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: ""; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: ""; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: ""; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: ""; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: ""; } .block.add.review { margin-bottom: 32px; } .block.add.review > .title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .block.add.review .legend { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0 0 32px; } .block.add.review .field.rating { display: table-row; } .block.add.review .field.rating .label { display: table-cell; padding: 8px 0; vertical-align: middle; } .block.add.review .field.rating .control { display: table-cell; vertical-align: top; } .block.reviews.list > .title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .block.reviews.list .review.item { margin-bottom: 32px; } .block.reviews.list .review.title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer-review.view { margin-bottom: 32px; } .customer-review.view .review.title, .customer-review.view .ratings-summary, .customer-review.view .product-details { margin-bottom: 32px; } .product-reviews-summary { display: table; margin: 16px 0 12px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary.empty { margin-left: 0; } .product-reviews-summary .rating-summary { display: table-cell; left: -8px; position: relative; text-align: left; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: table-cell; line-height: 28px; vertical-align: middle; } .product-reviews-summary .reviews-actions a { margin-right: 8px; } @media only screen and (min-width: 768px) { .products.wrapper.list .product-reviews-summary { margin: 0; } } .customer-review .product-details { margin-bottom: 32px; } .customer-review .product-media { float: left; margin-right: 3%; max-width: 285px; width: 30%; } .customer-review .review-details .customer-review-rating { margin-bottom: 32px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 16px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: 500; margin-bottom: 32px; } .customer-review .review-details .review-content { margin-bottom: 32px; } .customer-review .product-reviews-summary .rating-summary, .customer-review .product-reviews-summary .reviews-actions { display: block; } .review-field-ratings .nested { display: table; } .review-field-ratings .review-field-rating { display: table-row; } .review-field-ratings .review-field-rating .label, .review-field-ratings .review-field-rating .control { display: table-cell; padding-bottom: 16px; vertical-align: top; } .review-field-ratings .review-field-rating .label { padding-right: 16px; padding-top: 6px; } .review-field-ratings .review-field-rating .control { padding-top: 2px; } .review-toolbar { border-top: 1px solid #c9c9c9; margin: 0 0 32px; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { border-bottom: 1px solid #c9c9c9; display: block; padding: 32px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; color: black; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .review-form .action.submit.primary:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .fieldset .review-legend.legend { margin-bottom: 32px; } .fieldset .review-legend.legend strong { display: block; margin-left: 0; } .review-field-rating .control { margin-bottom: 38.4px; margin-top: 16px; } .review-list { margin-bottom: 32px; } .review-list .block-title strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 32px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 16px; max-width: 100%; } .review-author { display: inline; } .review-title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0 0 32px; } .review-content { margin-bottom: 32px; } @media only screen and (min-width: 640px) { .review-form { max-width: 500px; } .review-ratings { float: left; margin-bottom: 0; max-width: 248px; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 32px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 16px; } @media only screen and (max-width: 767px) { .reward-settings + .actions-toolbar { margin-top: 10px; } } @media only screen and (min-width: 768px) { .reward-settings + .actions-toolbar { margin-top: -32px; } } .form-create-return .field .control > span, .form-create-return .field address { display: inline-block; padding-top: 6px; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 32px; } .form-create-return .field.comment { margin-top: 55px; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 300; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-returns-returns .page-title-wrapper .page-title, .magento-rma-guest-returns .page-title-wrapper .page-title, .magento-rma-returns-view .page-title-wrapper .page-title { margin-right: 25px; } @media only screen and (max-width: 767px) { .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 16px 0 0; } } @media only screen and (min-width: 768px) { .form-create-return .additional .field:last-child { margin-top: 29px; } .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box { margin-bottom: 32px; } .block-returns-tracking .block-title .action { margin: 0 0 0 30px; } .block-returns-tracking .block-title .actions-track { float: right; margin-top: 12px; } } .order-links { border-bottom: 1px solid #ddd; margin-bottom: 10px; } .order-links .item { display: inline-block; margin-right: 20px; } .order-actions-toolbar .action { margin: 0 20px 0 0; } .order-details-items { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; } .order-details-items .order-title > strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; display: inline-block; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .table-order-items .product-item-name { margin-top: 0; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #ddd; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .order-pager-wrapper .toolbar-amount { padding-top: 3px; } .order-pager-wrapper .pages-items .item:first-child, .order-pager-wrapper .pages-items .item:last-child { margin-right: 0; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { margin: 0; } .page-title-wrapper .order-date { margin: 0 0 32px; } .account .page-title-wrapper .page-title, [class^='sales-guest-'] .page-title-wrapper .page-title, .sales-guest-view .page-title-wrapper .page-title { margin-right: 32px; } .form-orders-search .field.email, .form-orders-search .field.zip { margin-bottom: 0; } .block-reorder .product-item .checkbox { position: relative; top: 2px; vertical-align: baseline; } .block-reorder .product-item .field.item { display: inline-block; } .block-reorder .product-item-name { display: inline-block; } .block-reorder .actions-toolbar { margin: 17px 0; max-width: 178px; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 500; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .box-content .payment-method .title { font-weight: 300; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 300; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .order-tracking { border-bottom: 1px solid #ddd; margin: 0; padding: 20px 0; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } @media only screen and (max-width: 639px) { .account .order-details-items .table-order-items .product-item-name, .account .order-details-items .table-order-items .price-including-tax, .account .order-details-items .table-order-items .price-excluding-tax, .account .order-details-items .table-order-items .items-qty { display: inline-block; vertical-align: top; } .account .toolbar .pages { float: right; } .account .toolbar .limiter { clear: both; } .order-details-items thead { display: block; } .order-details-items thead tr, .order-details-items thead td { display: block; } .table-wrapper .table.table-order-items tfoot td.order-pager-wrapper { width: 100%; } } @media only screen and (max-width: 767px) { .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } } @media only screen and (min-width: 768px) { .table-order-items .subtotal, .table-order-items .amount { text-align: right; } .table-order-items.creditmemo .col.qty, .table-order-items.creditmemo .col.discount, .table-order-items.creditmemo .col.subtotal { text-align: center; } .table-order-items.creditmemo .col.total { text-align: right; } .order-pager-wrapper .order-pager-wrapper-top { padding-left: 0; padding-right: 0; } .order-pager-wrapper .pages { float: right; } .order-actions-toolbar .action.print { display: block; float: right; } .page-title-wrapper .order-date { margin-top: -16px; } [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { margin-bottom: 32px; } } .opc-wrapper .form-discount { max-width: 500px; } .action.mailto.friend { margin-left: -7px; display: inline-block; text-decoration: none; } .action.mailto.friend:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action.mailto.friend span { display: inline-block; line-height: 28px; vertical-align: top; } .swatch-attribute-label { font-weight: bold; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required="1"]:after { content: '*'; color: red; position: absolute; right: -11px; top: -2px; font-weight: bold; font-size: 1em; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin-top: 10px; } .swatch-option { padding: 1px 2px; min-width: 30px; max-width: 90px; height: 20px; float: left; margin: 0 10px 5px 0; text-align: center; cursor: pointer; position: relative; border: 1px solid #dadada; overflow: hidden; text-overflow: ellipsis; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; padding: 4px 8px; min-width: 22px; margin-right: 7px; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #fff; color: #333; } .swatch-option.text.selected { background-color: #fff !important; } .clearfix:after { content: ''; visibility: hidden; display: block; height: 0; clear: both; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { color: black; background: #fff; border: 1px solid #fff; } .swatch-option:not(.disabled):hover { outline: 1px solid #999; border: 1px solid #fff; color: #333; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { outline: 2px solid #ee0000; border: 1px solid #fff; } .swatch-option.disabled { cursor: default; } .swatch-option.disabled:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, white 43%, white 46%, #ff5216 47%, #ff5216 53%, white 54%, white 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); } .swatch-option-tooltip { max-width: 140px; max-height: 100%; min-height: 20px; min-width: 20px; position: absolute; padding: 5px; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; text-align: center; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { left: 40%; position: absolute; bottom: 0; height: 8px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { content: ''; position: relative; top: 1px; left: -15px; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px; border-color: #fff transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { content: ''; position: relative; top: 2px; left: 0; width: 0; height: 0; border-style: solid; border-width: 8px 8.5px 0 8.5px; border-color: #adadad transparent transparent transparent; font-size: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; width: 130px; margin: 0 auto; } .swatch-option-tooltip .title { max-width: 140px; min-height: 20px; max-height: 200px; color: #282828; text-align: center; display: block; overflow: hidden; } .swatch-opt { margin: 20px 0; } .swatch-more { display: inline-block; margin: 2px 0; text-decoration: none !important; position: static; z-index: 1; } .swatch-option-link-layered { position: relative; margin: 0 !important; padding: 0 !important; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-tooltip-layered { width: 140px; position: absolute; background: #fff; color: #949494; border: 1px solid #adadad; display: none; z-index: 999; left: -47px; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-attribute-options .swatch-option-tooltip-layered .title { width: 100%; height: 20px; position: absolute; bottom: -5px; left: 0; color: #282828; text-align: center; margin-bottom: 10px; } .swatch-option-disabled:after { content: ''; position: absolute; width: 42px; height: 2px; background: red; transform: rotate(-30deg); z-index: 995; left: -4px; top: 10px; } .swatch-option-disabled { outline: none !important; cursor: default; border: 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-option-loading { content: url(../Magento_Swatches/images/loader-2.gif); } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } body { background-color: white; } .page-header { border-bottom: 1px solid #ddd; margin-bottom: 32px; } .header.content { padding-top: 16px; position: relative; } .logo { float: left; margin: 0 0 16px 32px; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; } .page-print .logo { float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 32px; } .action.skip:focus { background: #f0f0f0; padding: 16px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .action-skip-wrapper { height: 0; position: relative; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fdf0d5; color: #6f4400; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #e2001a; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #ff1631; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff1631; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 16px; } .message.global.demo { margin: 0 0 16px; padding: 16px 32px; display: block; line-height: 1.2em; font-size: 0.8125rem; background: #fdf0d5; color: #6f4400; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #e2001a; } .message.global.demo a:hover { color: #ff1631; } .message.global.demo a:active { color: #ff1631; } .page-footer { margin-top: auto; } .footer.content { border-top: 1px solid #ddd; margin-top: 25px; padding-bottom: 25px; padding-top: 25px; } .footer.content .links > li { margin: 0 0 8px; } .footer.content .switcher-store { margin: 0 0 30px; } .footer .copyright, .footer .bugs { display: block; margin: 20px 0 0; } .page-header .switcher, .page-footer .switcher { margin-right: 10px; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:before, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .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, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; 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, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .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, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; 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, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: white; 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, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:before, .page-footer .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, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent white transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { text-decoration: none; } .page-header .switcher li, .page-footer .switcher li { font-size: 14px; margin: 0; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 300; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 32px 0; } .ui-datepicker td { padding: 0; } @media only screen and (min-width: 768px) { html, body { height: 100%; } .page-wrapper { display: flex; flex-direction: column; min-height: 100%; } .page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget { box-sizing: border-box; width: 100%; } .ie10 .page-wrapper, .ie11 .page-wrapper { height: 100%; } .navigation ul { padding: 0 8px; } .header.panel > .header.links { float: right; font-size: 0; margin: 0; padding: 0; list-style: none none; margin-left: auto; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 16px; margin: 0 0 0 15px; } .header.panel > .header.links > li.welcome, .header.panel > .header.links > li a { line-height: 1.4; } .header.panel > .header.links > li.welcome a { padding-left: 8px; } .header.content { padding: 32px 32px 0; } .page-header { border: 0; margin-bottom: 0; } .page-header .panel.wrapper { border-bottom: 1px solid #e2001a; } .page-header .header.panel { padding-bottom: 16px; padding-top: 16px; } .page-header .switcher { display: inline-block; } .page-main > .page-title-wrapper .page-title { display: inline-block; } .page-main > .page-title-wrapper .page-title + .action { float: right; margin-top: 32px; } .logo { margin: -8px auto 25px 0; } .logo img { max-height: inherit; } .footer.content .block { float: right; } .footer.content .links { display: inline-block; margin-bottom: 20px; padding: 0 50px 0 0; vertical-align: top; } .footer.content .switcher.store { display: inline-block; padding-right: 50px; vertical-align: top; } } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { 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: 300; line-height: 1.75; margin: 0; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #e2001a; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #ff1631; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #e2001a; text-decoration: underline; } .my-credit-cards .action.delete:hover { color: #ff1631; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { 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: 300; line-height: 1.75; margin: 0; padding: 0; color: #e2001a; text-decoration: none; background: none; border: 0; display: inline; margin-right: 32px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #e2001a; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #ff1631; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #e2001a; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover { color: #ff1631; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #e2001a; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } @media only screen and (max-width: 767px) { .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } } @media only screen and (min-width: 768px) { .my-credit-cards .card-type img { display: block; } } .minilist .weee { display: table-row; font-size: 0.6875rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before { content: ""; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #ddd; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #ddd; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #ddd; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 16px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 16px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 16px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 16px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 500; } .block-wishlist .product-item-name { margin-right: 32px; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 16px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 16px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item .box-tocart input.qty { height: 32px; } @media only screen and (max-width: 639px) { .products-grid.wishlist .product-item { border-bottom: 1px solid #e2001a; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e2001a; } } @media only screen and (max-width: 767px) { .products-grid.wishlist { margin-bottom: 32px; margin-right: -16px; } .products-grid.wishlist .product-item { padding: 32px 16px 32px 32px; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 32px; } .products-grid.wishlist .product-item-name { font-size: 1rem; } .products-grid.wishlist .product-item-actions { display: block; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit { float: left; } .products-grid.wishlist .product-item-actions .action.delete { float: right; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 32px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } } @media only screen and (min-width: 640px) { .wishlist-index-index .products-grid .product-item { margin-bottom: 32px; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } } @media only screen and (min-width: 768px) { .products-grid.wishlist .product-item-tooltip { display: inline-block; } .products-grid.wishlist .product-item-actions { margin: 16px 0 0; } .products-grid.wishlist .product-item .fieldset .field.qty { margin-bottom: 16px; padding-right: 16px; } .products-grid.wishlist .product-item .fieldset .field.qty .label { width: auto; } .products-grid.wishlist .product-item .box-tocart .actions-primary { margin: 0; } .products-grid.wishlist .product-item .box-tocart .stock { margin: 32px 0 0; } .wishlist-index-index .product-item-info { width: 240px; } } @media only screen and (min-width: 1024px) { .wishlist-index-index .products-grid .product-items { margin: 0; } .wishlist-index-index .products-grid .product-item { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .wishlist-index-index .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 16px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 6px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 32px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 2px 0; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 31px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 32px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 16px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; text-decoration: none; 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: 300; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 22px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 32px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 32px; } .block-product-link-inline.widget { margin: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 0.75rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } @media only screen and (min-width: 640px) { .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333%; } } @media only screen and (min-width: 768px) { .block.widget .products-grid .product-item { width: 33.33333%; } .sidebar .block.widget .products-grid .product-item { margin-left: 0; width: 100%; } .sidebar .block.widget .products-grid .product-item .actions-secondary { display: block; padding: 10px 0; } .page-layout-1column .block.widget .products-grid .product-item { width: 25%; } .page-layout-3columns .block.widget .products-grid .product-item { width: 50%; } } @media only screen and (min-width: 1024px) { .block.widget .products-grid .product-item { width: 20%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: calc((100% - 5 * (100% / 6)) / 4); width: 16.66667%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: calc((100% - 5 * (100% / 6)) / 4); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) { margin-left: 0; } .page-layout-3columns .block.widget .products-grid .product-item { width: 25%; } .block.widget .products-grid .product-items { margin: 0; } .block.widget .products-grid .product-item { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } } @media only screen and (min-width: 768px) { .sidebar .block.widget .pager .pages-item-next { padding: 0; } .sidebar .block.widget .pager .pages-item-next .action { margin: 0; } } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: 0.5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: ""; font-family: "icons-blank-theme"; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: ""; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.125rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 1.625rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 0.8125rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.125rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.125rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 0.8125rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 16px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 16px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #e2001a; border: 1px solid #e2001a; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .block-event .slider-panel .slider .item .action.event:hover { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 32px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 32px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 32px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } h1, h2 { margin-left: -.06em; } h3 { margin-left: -.03em; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5 { margin-top: -16px; } @media only screen and (min-width: 768px) { h1 { font-size: 40px; margin-bottom: 16px; } } .grid-columns h1:first-child, .grid-columns h2:first-child, .grid-columns h3:first-child, .grid-columns h4:first-child, .grid-columns h5:first-child { margin-top: 0; } .grid-columns.span-4, .grid-columns.span-3, .grid-columns.span-2, .grid-columns.span-1 { font-size: 14px; } .grid-columns.span-4 h1, .grid-columns.span-3 h1, .grid-columns.span-2 h1, .grid-columns.span-1 h1 { font-size: 34px; } .grid-columns.span-4 h2, .grid-columns.span-3 h2, .grid-columns.span-2 h2, .grid-columns.span-1 h2 { font-size: 22.1px; } .grid-columns.span-4 h3, .grid-columns.span-3 h3, .grid-columns.span-2 h3, .grid-columns.span-1 h3 { font-size: 22.1px; } .grid-columns.span-4 h4, .grid-columns.span-3 h4, .grid-columns.span-2 h4, .grid-columns.span-1 h4 { font-size: 17px; } .grid-columns.span-4 h5, .grid-columns.span-3 h5, .grid-columns.span-2 h5, .grid-columns.span-1 h5 { font-size: 1rem; } .grid-columns.span-4 h6, .grid-columns.span-3 h6, .grid-columns.span-2 h6, .grid-columns.span-1 h6 { font-size: 0.85rem; } .layout-note { background-color: rgba(255, 255, 0, 0.5); padding: .1em 0; box-shadow: 0.2em 0 0 rgba(255, 255, 0, 0.5), -0.2em 0 0 rgba(255, 255, 0, 0.5); } a.is-standalone { display: inline-block; padding-left: 1.4em; padding-right: 0.46667em; margin-right: -0.46667em; color: #e2001a; text-decoration: none !important; position: relative; transition: padding 0.4s; } a.is-standalone::before { content: ""; font-family: "icons-blank-theme"; font-size: 1.5em; position: absolute; left: -2px; line-height: 1.16667; } a.is-standalone:hover { padding-left: 1.86667em; padding-right: 0; transition: padding 0.1s; } .list { list-style: none; padding-left: 0; line-height: 1.4; } .list > li:not(.item) { padding-left: 1.4em; position: relative; margin-bottom: 13.6px; } .list > li:not(.item)::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: -5px; position: relative; left: -1.1em; vertical-align: baseline; top: -.2em; background-color: #6f6f6f; border-radius: 50%; } .linkList { list-style: none; padding-left: 0; line-height: 1.4; } .linkList > li:not(.item) { padding-left: 1.4em; position: relative; margin-bottom: 13.6px; } .linkList > li:not(.item)::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: -5px; position: relative; left: -1.1em; vertical-align: baseline; top: -.2em; background-color: #6f6f6f; border-radius: 50%; } .linkList > li:not(.item) { padding-left: 0; } .linkList > li:not(.item)::before { display: none; } .linkList a { display: inline-block; padding-left: 1.4em; padding-right: 0.46667em; margin-right: -0.46667em; color: #e2001a; text-decoration: none !important; position: relative; transition: padding 0.4s; color: #222; } .linkList a::before { content: ""; font-family: "icons-blank-theme"; font-size: 1.5em; position: absolute; left: -2px; line-height: 1.16667; } .linkList a:hover { padding-left: 1.86667em; padding-right: 0; transition: padding 0.1s; } .linkList a::before { color: #e2001a; } html { min-height: 100%; min-width: 100%; height: auto; background-color: #eee; } body { min-height: 100%; min-height: 100vh; max-width: 1440px; margin: 0 auto; color: #333; background-color: white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); overflow-x: hidden; } .page-wrapper { overflow: hidden; } .page-main { padding-top: 48px; padding-bottom: 48px; } .breadcrumbs + .page-main { padding-top: 0; } @media (min-width: 769px) { .has-limited-width { width: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .has-limited-width:not(.has-limited-wrapper), .has-limited-width.has-limited-wrapper > .wrapper { max-width: 1280px; } } .has-limited-wrapper > .wrapper { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) { .has-limited-wrapper > .wrapper { max-width: 1280px; padding-left: 1rem; padding-right: 1rem; } } @media only screen and (min-width: 768px) { .page-layout-2columns-left .sidebar-main { width: 25%; } .page-layout-2columns-left .column.main { width: 75%; } } @media only screen and (min-width: 768px) { .grid-column, .grid-columns { min-height: 1px; } .grid-section { margin-bottom: 48px; } .grid-row { margin: 0 -1rem; } .grid-row:after { content: ""; display: table; clear: both; } } @media only screen and (min-width: 768px) { .grid-row .grid-column { width: 100%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-row.with-2-columns .grid-column { width: 50%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-row.with-2-columns .grid-column:nth-child(2n+1) { clear: left; } .grid-row.with-3-columns .grid-column { width: 33.33%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-row.with-3-columns .grid-column:nth-child(3n+1) { clear: left; } .grid-row.with-4-columns .grid-column { width: 25%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-row.with-4-columns .grid-column:nth-child(4n+1) { clear: left; } .grid-row.with-6-columns .grid-column { width: 16.66%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-row.with-6-columns .grid-column:nth-child(6n+1) { clear: left; } } @media only screen and (min-width: 768px) { .grid-columns { width: 100%; box-sizing: border-box; padding: 0 1rem; float: left; } .grid-columns.is-centered { float: none; margin-left: auto; margin-right: auto; } .span-1 { width: 8.33%; } .span-2 { width: 16.66%; } .span-3 { width: 25%; } .span-4 { width: 33.33%; } .span-5 { width: 41.66%; } .span-6 { width: 50%; } .span-7 { width: 58.33%; } .span-8 { width: 66.66%; } .span-9 { width: 75%; } .span-10 { width: 83.33%; } .span-11 { width: 91.66%; } .span-12 { width: 100%; clear: left; float: none; } } .module__grid header { display: none; } .module__grid header h100 { display: none; } .module__grid .grid-header { margin-bottom: 25px; } .module__grid .grid-header header { display: block; } .module__grid .grid-header header h100 { display: none; } .is-one-of-1 { width: 100%; } .is-one-of-2 { width: 50%; } .is-one-of-3 { width: 33.33%; } .is-one-of-4 { width: 25%; } .is-one-of-5 { width: 20%; } .is-one-of-6 { width: 16.66%; } .is-one-of-7 { width: 14.28%; } .is-one-of-8 { width: 12.5%; } .is-one-of-9 { width: 11.11%; } .is-one-of-10 { width: 10%; } .is-one-of-11 { width: 9.09%; } .is-one-of-12 { width: 8.33%; } .breadcrumbs { padding-top: 24px; margin-bottom: 16px; } .breadcrumbs.search { padding-top: 5px; padding-left: 0; margin-bottom: 0; } .breadcrumbs .item:not(:last-child) a, .breadcrumbs .item:not(:last-child) strong { line-height: 24.5px; } .breadcrumbs .item:not(:last-child)::after { line-height: 24.5px; vertical-align: middle; color: #222; } .abs-block-title, .abs-account-blocks .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .paypal-review .block .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title, .block-compare .block-title, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-results .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin-bottom: 15px; } .abs-block-title > strong, .abs-account-blocks .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .block-compare .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .block-reorder .block-title > strong, .widget .block-title > strong, .block-wishlist .block-title > strong { color: #303030; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; font-size: 1.1rem; margin-top: 1rem; margin-bottom: 1rem; } @font-face { font-family: "icons-blank-theme"; src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot"); src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf") format("truetype"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme") format("svg"); font-weight: normal; font-style: normal; } .icon { display: inline-block; min-width: 20px; min-height: 20px; vertical-align: middle; margin-top: -2px; margin-right: .5em; } .icon.is-bar-chart-2 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bar-chart-2.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-bookmark.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-certificate.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2222,12 19.9,14.1 20.7,17 17.8,17.7 17,20.7 14.1,19.9 12,22 9.9,19.9 7,20.7 6.3,17.7 3.3,17 4.1,14.1 2,12 4.1,9.9 3.3,7 6.3,6.2 7,3.3 9.9,4.1 12,2 14.1,4.1 17,3.3%22/%3E%3Cpolyline points=%2223,3 12,14 9,11%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-file-text.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22%3E%3C/path%3E%3Cpolyline points=%2214 2 14 8 20 8%22%3E%3C/polyline%3E%3Cline x1=%2216%22 y1=%2213%22 x2=%228%22 y2=%2213%22%3E%3C/line%3E%3Cline x1=%2216%22 y1=%2217%22 x2=%228%22 y2=%2217%22%3E%3C/line%3E%3Cpolyline points=%2210 9 9 9 8 9%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-globe.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-mail.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-percentage.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%227%22 cy=%227%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223%22/%3E%3Cpolyline points=%225,19 12,12 19,5%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-shopping-cart.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-menu.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-close.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-stopwatch.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%2219.1%22 y1=%226.9%22 x2=%2217.7%22 y2=%228.3%22/%3E%3Cline x1=%224.9%22 y1=%226.9%22 x2=%226.3%22 y2=%228.3%22/%3E%3Ccircle cx=%2212%22 cy=%2214%22 r=%228%22/%3E%3Cline x1=%2216.2%22 y1=%2211.6%22 x2=%2212%22 y2=%2214%22/%3E%3Cline x1=%2212%22 y1=%222%22 x2=%2212%22 y2=%226%22/%3E%3Cline x1=%2210%22 y1=%222%22 x2=%2214%22 y2=%222%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-thumbs-up.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-user.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-magnifier.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-negative { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-strong { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .icon.is-order-list.is-light { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .table:not(.cart):not(.totals):not(.table-totals) > tbody > tr > th:not(:last-child), .table:not(.cart):not(.totals):not(.table-totals) > tbody > tr > td:not(:last-child) { border-right: 1px solid white; } .table:not(.cart):not(.totals):not(.table-totals) > tbody > tr:nth-child(odd) > th, .table:not(.cart):not(.totals):not(.table-totals) > tbody > tr:nth-child(odd) > td { background-color: #eeeeee; } .table:not(.cart):not(.totals):not(.table-totals) > tbody > tr:last-child:nth-child(even) { border-bottom: 1px solid #eeeeee; } button, .cart.table-wrapper .actions-toolbar > .action, .action-gift { text-align: center; } .is-cta { background-image: none; background: #e2001a; border: 1px solid #e2001a; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; text-align: center; } .is-cta:focus, .is-cta:active { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .is-cta:hover { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .is-cta.disabled, .is-cta[disabled], fieldset[disabled] .is-cta { opacity: 0.5; cursor: default; pointer-events: none; } .is-cta:hover, .is-cta:active, .is-cta:focus { text-decoration: none; } .module__buttons header h100 { display: none; } .langhref { color: black; } .langhref:hover { color: #3395d1; text-decoration: none; } .mainNav-level2.resize { visibility: visible; display: block; } @media (max-width: 1024px) { .mainNav-level2.resize { top: 32px; left: -58px; width: 58px; } .mainNav-level2.resize ul { padding: 0; list-style: none; } .mainNav-level2.resize ul li { margin-bottom: 0; } } @media (max-width: 1024px) { .switcher-language .mainNav-level { transition: none; } } .switcher-language:hover .switcher-dropdown, .switcher-language:active .switcher-dropdown { display: block; } .switcher-language:hover .switcher-dropdown .switcher-option, .switcher-language:active .switcher-dropdown .switcher-option { text-align: center; } .module__teaser ul { list-style: none; padding: 0; } .module__teaser ul li { margin-bottom: 0; } .module__teaser ul li:last-child > a { padding-left: 0.4667em; font-size: 0.85rem; color: #e2001a; text-decoration: none; } .module__teaser ul li:last-child > a:before { display: none; } .module__textimage header, .module__contactmodul header, .module__downloadmodul header, .module__teaser header, .module__logo header { display: none; } .teaser-li ul { list-style: none; } .mainHeader { height: 150px; width: 100%; position: relative; z-index: 100; } .mainHeader > .wrapper { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) { .mainHeader > .wrapper { max-width: 1280px; padding-left: 1rem; padding-right: 1rem; } } .mainHeader > .wrapper { position: relative; height: 100%; width: 100%; } .mainHeader-logo { display: block; width: 228.84615px; height: 85px; position: absolute; top: 4px; text-indent: 110%; white-space: nowrap; overflow: hidden; background: url(../images/logo.png) 0 0 no-repeat; background-size: 100% auto; } @media (max-width: 768px) { .mainHeader-logo { width: 50%; height: auto; padding-bottom: 18.57143%; } } .mainHeader-search { position: absolute; } .mainHeader-search .field.search { width: 320px; height: 32px; } .mainHeader-search .minisearch { position: relative; } .mainHeader-search input[type="text"] { padding-right: 41px; } .mainHeader-search .actions { position: absolute; right: 0; top: 0; } .mainHeader-search .action.search { width: 32px; height: 32px; line-height: 32px; padding: 0; background-color: #e2001a; color: white; border: 1px solid #e2001a; border-radius: 0; opacity: 1; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; } .mainHeader-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mainHeader-search .action.search::before { position: relative; transform: scale(1); transition: 0.4s; } .mainHeader-search .action.search:not([disabled])::before { transform: scale(1.2); transition: 0.1s cubic-bezier(0.35, 0.7, 0.6, 2); } .mainHeader-search .action.search:hover { background-color: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .mainHeader-search .action.search:active::before { transform: scale(1.1); transition: 0.1s; } .mainHeader-search label { position: absolute; width: 100%; z-index: -1; text-indent: 100%; white-space: nowrap; overflow: hidden; } .mainHeader-search .action.advanced { display: none; } @media (min-width: 1025px) { .mainHeader-search { position: absolute; right: 1rem; top: 4px; margin-top: 82.45px; transform: translateY(-100%); } } @media (max-width: 1024px) { .mainHeader-search { display: none; } .mainHeader-search .field.search { width: 100%; } } .mainHeader-widgets { position: absolute; left: 50%; bottom: 49.33333px; bottom: calc(32px + 1.08333rem); transform: translateX(-50%); width: 100% !important; } @media (min-width: 769px) { .mainHeader-widgets { width: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .mainHeader-widgets:not(.has-limited-wrapper), .mainHeader-widgets.has-limited-wrapper > .wrapper { max-width: 1280px; } } .mainHeader-widgets > .wrapper { position: absolute; right: 1rem; height: 32px; padding: 0.54167rem 0; } @media (max-width: 1024px) { .mainHeader-widgets.is-stuck { top: auto !important; } } @media (min-width: 1025px) { .mainHeader-widgets.is-stuck { position: fixed; bottom: auto; top: 0; } } .mainHeader-widgets-list { float: right; padding: 0; margin: 0 -0.5rem; } .mainHeader-widgets-list:after { content: ""; display: table; clear: both; } .mainHeader-widgets-item { list-style: none; display: block; width: 32px; height: 32px; float: left; margin: 0 0.5rem; position: relative; } .mainHeader .searchWidget { width: 100%; height: 100%; } .mainHeader .searchWidget-label, .mainHeader .searchWidget-options, .mainHeader .searchWidget-trigger { width: 100%; height: 100%; } .mainHeader .searchWidget-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .searchWidget-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle class=%22a%22 cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cline class=%22a%22 x1=%2215.09%22 y1=%2215.1%22 x2=%2221.13%22 y2=%2221.13%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .searchWidget-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .searchWidget-dropdown li { list-style-type: none; } .mainHeader .switcher { width: 100%; height: 100%; } .mainHeader .switcher-label, .mainHeader .switcher-options, .mainHeader .switcher-trigger { width: 100%; height: 100%; } .mainHeader .switcher-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .switcher-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22%3E%3C/circle%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22%3E%3C/line%3E%3Cpath d=%22M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .switcher-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .switcher-dropdown li { list-style-type: none; } .mainHeader .accountWidget { width: 100%; height: 100%; } .mainHeader .accountWidget-label, .mainHeader .accountWidget-options, .mainHeader .accountWidget-trigger { width: 100%; height: 100%; } .mainHeader .accountWidget-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .accountWidget-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2%22%3E%3C/path%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22%3E%3C/circle%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .accountWidget-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .accountWidget-dropdown li { list-style-type: none; } .mainHeader .shoppingCart { width: 100%; height: 100%; } .mainHeader .shoppingCart-label, .mainHeader .shoppingCart-options, .mainHeader .shoppingCart-trigger { width: 100%; height: 100%; } .mainHeader .shoppingCart-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .shoppingCart-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .shoppingCart-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .shoppingCart-dropdown li { list-style-type: none; } .mainHeader .menuWidget { width: 100%; height: 100%; } .mainHeader .menuWidget-label, .mainHeader .menuWidget-options, .mainHeader .menuWidget-trigger { width: 100%; height: 100%; } .mainHeader .menuWidget-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .menuWidget-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%222%22 y1=%225%22 x2=%2222%22 y2=%225%22/%3E%3Cline x1=%222%22 y1=%2212%22 x2=%2222%22 y2=%2212%22/%3E%3Cline x1=%222%22 y1=%2219%22 x2=%2222%22 y2=%2219%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .menuWidget-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .menuWidget-dropdown li { list-style-type: none; } .mainHeader .quickorderWidget { width: 100%; height: 100%; } .mainHeader .quickorderWidget-label, .mainHeader .quickorderWidget-options, .mainHeader .quickorderWidget-trigger { width: 100%; height: 100%; } .mainHeader .quickorderWidget-label { display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; position: absolute; z-index: -1; } .mainHeader .quickorderWidget-trigger { display: block; background-color: #007ac5; transition: 0.1s; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpolyline points=%2216.7,2.7 20.2,2.7 20.2,22.9 4.4,22.9 4.4,2.7 8,2.7%22/%3E\a %3Cline x1=%2210.8%22 y1=%229%22 x2=%2217.7%22 y2=%229%22/%3E%3Cpolyline points=%226.3,8.4 7.6,9.8 9.9,7.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2214%22 x2=%2217.7%22 y2=%2214%22/%3E%3Cpolyline points=%226.3,13.4 7.6,14.8 9.9,12.4%22/%3E\a %3Cline x1=%2210.8%22 y1=%2219%22 x2=%2217.7%22 y2=%2219%22/%3E%3Cpolyline points=%226.3,18.4 7.6,19.8 9.9,17.4%22/%3E\a %3Crect x=%228%22 y=%221%22 width=%228.7%22 height=%223.7%22/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px; display: inline-block; text-indent: 150%; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; } .mainHeader .quickorderWidget-trigger:hover { background-color: #3395d1; background-size: 20px; } .mainHeader .quickorderWidget-dropdown li { list-style-type: none; } .mainHeader-widgets .searchWidget .mainHeader-search { top: 0; right: 0; margin-top: 0; transform: none; } @media (max-width: 1180px) { .mainHeader-widgets .searchWidget .mainHeader-search .field.search { width: 256px; } } @media (max-width: 1080px) { .mainHeader-widgets .searchWidget .mainHeader-search .field.search { width: 192px; } } @media (min-width: 1025px) { .mainHeader-widgets .searchWidget { display: block !important; visibility: visible; opacity: 1; transform: translateY(0); transition: opacity 0.1s, transform 0.1s, visibility 0.1s 0s; } .mainHeader-widgets .searchWidget-trigger { display: none; } .mainHeader-widgets:not(.is-stuck) .searchWidget { visibility: hidden; opacity: 0; transform: translateY(-100%); transition: opacity 0.1s, transform 0s 0.1s, visibility 0s 0.1s; } } .indicatorWidget { position: relative; } .indicatorWidget-indicator { text-indent: 0; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; overflow: hidden; line-height: 32px; font-weight: 300; text-align: center; } .indicatorWidget-indicator.empty { display: none; } .indicatorWidget-indicator::before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 9px; height: 9px; background-color: #e2001a; border-radius: 50%; box-sizing: border-box; border: 1px solid white; box-shadow: 0 0 3px white; transform: translate(-3px, 3px); transition: all 0.4s ease-in-out; } .indicatorWidget-indicator-state { color: white; position: relative; z-index: 1; opacity: 0; transition: 0.4s ease-in-out; } .indicatorWidget-trigger:hover .indicatorWidget-indicator::before { top: 50%; right: 50%; width: 150%; height: 150%; transform: translate(50%, -50%); border-color: rgba(255, 255, 255, 0); box-shadow: none; transition: all 0.1s ease-in-out; } .indicatorWidget-trigger:hover .indicatorWidget-indicator-state { opacity: 1; transition: 0.1s ease-in-out; } @media (min-width: 1025px) { .mainNav { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100% !important; width: 100vw !important; padding: 0.54167rem 0; background-color: white; display: inline-block; } .mainNav::after { content: ""; display: block; width: 100%; height: 4px; position: absolute; bottom: -4px; left: 0; background-color: rgba(0, 0, 0, 0.07); } } @media (min-width: 1025px) and (min-width: 769px) { .mainNav.is-stuck { position: fixed; bottom: auto; top: 0; } } @media (min-width: 1025px) { .mainNav-list { margin: 0; padding: 0; } .mainNav-item { list-style: none; } .mainNav a, .mainNav a:link, .mainNav a:visited { color: #222; text-decoration: none; } .mainNav a:hover { color: #3395d1; } .mainNav-level1 { position: relative; } .mainNav-level1 > .wrapper { box-sizing: border-box; width: 100%; } } @media (min-width: 1025px) and (min-width: 769px) { .mainNav-level1 > .wrapper { width: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .mainNav-level1 > .wrapper:not(.has-limited-wrapper), .mainNav-level1 > .wrapper.has-limited-wrapper > .wrapper { max-width: 1280px; } } @media (min-width: 1025px) { .mainNav-level1-list { margin: 0 -0.66667rem; } .mainNav-level1-list:after { content: ""; display: table; clear: both; } .mainNav-level1-item { float: left; margin: 0 0.66667rem; position: relative; } .mainNav-level1-item, .mainNav-level1-item > a { color: black; transition: 0.4s; } .mainNav-level1-item.is-current { background-color: #007ac5; } .mainNav-level1-item.is-current > a { color: white; } .mainNav-level1-item > a { padding: 0 0.66667rem; font-size: 1.125rem; font-family: "Nunito", "Helvetica", "Arial", sans-serif; line-height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: relative; z-index: 102; } .mainNav-level1-item > a::after { content: ""; display: block; width: 100%; height: 0; position: absolute; bottom: -4px; left: 0; z-index: 1; border-top: 0.54167rem solid white; border-bottom: 4px solid #007ac5; margin-bottom: -0.54167rem; opacity: 0; } .mainNav-level1-item:hover { background-color: #3395d1; } .mainNav-level1-item:hover > a { color: white !important; transition: 0.1s; } .mainNav-level1-item:hover > a::after { opacity: 1; } .mainHeader.has-1-widget .mainNav-level1 > .wrapper { padding-right: 4rem; } .mainHeader.has-2-widgets .mainNav-level1 > .wrapper { padding-right: 7rem; } .mainHeader.has-3-widgets .mainNav-level1 > .wrapper { padding-right: 10rem; } .mainHeader.has-4-widgets .mainNav-level1 > .wrapper { padding-right: 13rem; } .mainHeader.has-5-widgets .mainNav-level1 > .wrapper { padding-right: 16rem; } .mainNav-level2 { position: absolute; left: 0; z-index: 101; min-width: 100%; font-size: 1rem; line-height: 1.3; display: none; } .mainNav-level2 > .wrapper { padding: 12px 16px; margin-left: -16px; margin-right: -16px; margin-top: 0.54167rem; background-color: white; border: solid #ddd; border-width: 4px 1px; border-color: #cbcbcb #ddd; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } .mainNav-level1-item:hover .mainNav-level2 { display: block; } .mainNav-level2-item:last-child { margin-bottom: 0; } .mainNav-level2-item:hover > a { color: #3395d1; } .mainNav.js-hoverDelay.is-active .mainNav-level1-item:hover > a::after { opacity: 0; } .mainNav.js-hoverDelay.is-active .mainNav-level1-item.is-hovered > a::after { opacity: 1; } .mainNav.js-hoverDelay.is-active .mainNav-level1-item:hover .mainNav-level2 { display: none; } .mainNav.js-hoverDelay.is-active .mainNav-level1-item.is-hovered .mainNav-level2 { display: block; } .mainNav-level3-item.is-link-to-overview > a, .mainNav-level4-item.is-link-to-overview > a { color: #007ac5; font-size: 0.85rem; } .mainNav-level3-item.is-link-to-overview > a::after, .mainNav-level4-item.is-link-to-overview > a::after { content: " …"; } .mainNav-level3-item.is-link-to-overview > a:hover, .mainNav-level4-item.is-link-to-overview > a:hover { color: #3395d1; text-decoration: underline; } .has-mega-menu.mainNav-level1-item { position: static; } .has-mega-menu .mainNav-level2 { min-width: 0; width: 100%; } .has-mega-menu .mainNav-level2 > .wrapper { padding-left: 0; padding-right: 0; min-height: 400px; margin-bottom: -5.33333px; } } @media (min-width: 1025px) and (min-width: 769px) { .has-mega-menu .mainNav-level2 > .wrapper { width: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .has-mega-menu .mainNav-level2 > .wrapper:not(.has-limited-wrapper), .has-mega-menu .mainNav-level2 > .wrapper.has-limited-wrapper > .wrapper { max-width: 1280px; } } @media (min-width: 1025px) { .has-mega-menu .mainNav-level2-list { width: 20%; margin: 0; position: relative; } .has-mega-menu .mainNav-level2-item { box-sizing: border-box; width: 100%; padding: 0 1rem; margin: 0; } .has-mega-menu .mainNav-level2-item > a { display: block; padding: 6.8px 0; } .has-mega-menu .mainNav-level2-item:not(:last-child) > a { border-bottom: 1px solid #ddd; } .has-mega-menu .mainNav-level2-item > a { font-size: 1.125rem; font-family: "Nunito", "Helvetica", "Arial", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .has-mega-menu .mainNav-level3 { display: none; position: absolute; top: 0; left: 100%; width: 266.65%; min-height: 100%; box-sizing: border-box; padding: 0 1rem; columns: 2; column-gap: 2rem; } .has-mega-menu .mainNav-level3-item, .has-mega-menu .mainNav-level3 .mainNav-level4 { break-inside: avoid; } .has-mega-menu .mainNav-level3-item { margin-bottom: 0; } .has-mega-menu .mainNav-level3-item:last-child { margin-bottom: 0; } .has-mega-menu .mainNav-level3-item > a { display: block; padding: 6.8px 0; line-height: 1.4625rem; } .has-mega-menu .mainNav-level3-item:not(.is-link-to-overview) > a { color: #222; } .has-mega-menu .mainNav-level3-item:not(.is-link-to-overview) > a:hover { color: #3395d1; } .has-mega-menu .mainNav-level3-item.has-children > a { font-weight: 400; border-bottom: 1px solid #ddd; } .has-mega-menu .mainNav-level2-item:hover .mainNav-level3, .has-mega-menu .mainNav-level3:hover { display: block; } .has-mega-menu .mainNav-level4-list { margin-top: .3rem; margin-bottom: 6.8px; } .has-mega-menu .mainNav-level4-item { line-height: 1.75; margin-bottom: 0; } .has-mega-menu .mainNav-teaser { position: absolute; right: 0; top: 0; transform: translateX(100%); width: 50.00938%; box-sizing: border-box; padding: 0 1rem; } .has-mega-menu .mainNav-teaser > a:only-child:hover p { color: #222; } .has-mega-menu .mainNav-teaser p { margin-top: 0; margin-bottom: 0; } .has-mega-menu .mainNav-teaser-image img { display: block; width: 100%; height: auto; } .has-mega-menu .mainNav-teaser-title { display: block; font-size: 20px; font-family: "Nunito", "Helvetica", "Arial", sans-serif; margin-top: 8px; margin-bottom: 8px; margin-bottom: 0; } .has-mega-menu .mainNav-teaser-description { display: block; } .has-mega-menu .mainNav-teaser-cta { display: block; background-image: none; background: #e2001a; border: 1px solid #e2001a; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; margin-top: 8px; } .has-mega-menu .mainNav-teaser-cta:focus, .has-mega-menu .mainNav-teaser-cta:active { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .has-mega-menu .mainNav-teaser-cta:hover { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .has-mega-menu .mainNav-teaser-cta.disabled, .has-mega-menu .mainNav-teaser-cta[disabled], fieldset[disabled] .has-mega-menu .mainNav-teaser-cta { opacity: 0.5; cursor: default; pointer-events: none; } .has-mega-menu .mainNav-teaser a:hover .mainNav-teaser-cta { background-color: #ff1631; border-color: 1px solid 1px solid #e2001a; } } @media (max-width: 1024px) { .mainContainer:before { content: ""; display: block; width: 0; height: 150px; } .mainHeader { border-bottom: 4px solid #cbcbcb; } .mainNav { position: absolute; top: 0; left: 0; width: 100%; font-size: 16px; line-height: 1.75; } .mainNav.is-stuck { position: absolute !important; top: 0 !important; } .mainNav > .limited-width-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mainNav ul { margin: 0; list-style: none; padding: 0; } .mainNav li { margin: 0; } .mainNav a { text-decoration: none; display: block; color: #222; } .mainNav-bar, .mainNav-search { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; overflow: hidden; display: none; pointer-events: none; } .mainNav-bar:before, .mainNav-search:before { content: ""; display: block; width: 0; height: 150px; } .mainNav-bar > *, .mainNav-search > * { pointer-events: all; } .mainNav-bar { height: 100%; height: 100vh; } .mainNav-search > .wrapper { padding: 15px; background-color: white; border-top: 4px solid #cbcbcb; border-bottom: 4px solid #cbcbcb; } .mainNav-teaser, .mainNav-item.is-header { display: none; } .mainNav-level { background-color: white; } .mainNav-level::before, .mainNav-level::after { content: ""; display: block; width: 100%; height: 0; left: 0; z-index: 2; border-bottom: 4px solid #cbcbcb; } .mainNav-level { visibility: hidden; transform: translateX(100%); position: absolute; top: 0; left: 0; z-index: 3; height: auto; width: 100%; transition: transform 0.4s, visibility 0s 0.4s; } .mainNav-level.is-current-level { visibility: visible; z-index: 4; transition: transform 0.4s; } .mainNav-level.is-current-ancestor { visibility: visible; transform: translateX(-100%); transition: transform 0.4s; } .mainNav-level.is-current-ancestor .is-current-ancestor { transform: translateX(0); } .mainNav-level1 { top: auto; transform: translateX(0); } .mainNav-item:not(:last-child) { border-bottom: 1px solid #ddd; } .mainNav-item > a { padding: 10px 15px; } .mainNav-item.is-link-to-overview { background-color: white; } .mainNav-item.is-link-to-overview > a { color: #e2001a; font-size: 14px; } .mainNav .js-offCanvasMenu-go-back > a::before, .mainNav .js-offCanvasMenu-proceed > a::before { display: inline-block; font-family: "icons-blank-theme"; font-size: 1.5em; line-height: 28px; vertical-align: middle; position: relative; margin: 0 -.33em; } .mainNav .js-offCanvasMenu-go-back { font-size: 0.85rem; background-color: #eeeeee; color: #222; border-bottom: none; } .mainNav .js-offCanvasMenu-go-back > a { padding: 5px 15px; } .mainNav .js-offCanvasMenu-go-back > a::before { content: ""; margin-right: 0; } .mainNav .js-offCanvasMenu-proceed > a::before { content: ""; float: right; margin-left: 0; } .mainNav .js-offCanvasMenu-show-parent-page { background-color: transparent; color: #222; border-bottom: 4px solid #007ac5; } .mainNav .js-offCanvasMenu-show-parent-page > a { padding: 10px 15px; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-size: 1.125rem; line-height: 1.55556; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } @media (min-width: 1025px) { .has-mega-menu .js-menuAim.aiming-is-active .mainNav-level2-item:hover .mainNav-level3, .has-mega-menu .js-menuAim.aiming-is-active .mainNav-level3:hover { display: none; } .has-mega-menu .js-menuAim.aiming-is-active .mainNav-level2-item:hover > a { color: #222; } .has-mega-menu .js-menuAim.aiming-is-active .mainNav-item.is-aiming > a { color: #3395d1; } .has-mega-menu .js-menuAim.aiming-is-active .mainNav-item.is-aiming > .mainNav-level { display: block; } } @media (min-width: 1025px) { .js-offCanvasMenu-triggers, .js-offCanvasMenu-trigger, .js-offCanvasMenu-go-back, .js-offCanvasMenu-show-parent-page { display: none !important; } .js-offCanvasMenu-target { min-height: 0 !important; } } @media (max-width: 1024px) { .js-offCanvasMenu-target.is-visible { display: block; } .menuWidget.is-on .menuWidget-trigger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cline x1=%224%22 y1=%224%22 x2=%2219%22 y2=%2219%22/%3E%3Cline x1=%224%22 y1=%2219%22 x2=%2219%22 y2=%224%22/%3E%3C/svg%3E"); } } .removeMarker:after { background: none !important; } .removeMarker:before { background: none !important; } .mainStage-figure { height: 400px; background: 50% 50% no-repeat; background-size: cover; position: relative; } .mainStage-figure::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGJJREFUeNrs2cEJACAIQFFrpfafzWgCb0LyPniOhzeLaCwzz5vON3cMDxAQEBAQEBAQEBAQEBAQEBAQEBAQcFir+5Rugz/n8wUQEBAQEBAQEBAQEBAQEBAQEBAQEBCw6gowAErIEFyJc7NxAAAAAElFTkSuQmCC") 50% 50%; } .mainStage-figure::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2400 400%22 fill=%22%23fff%22 opacity=%220.5%22%3E%3Cpath class=%22b%22 d=%22M0,339.1V356H667.7c18.3.2,18.1-16.8,18.2-16.9l14.9-155.6,14.9,155.6c.8,4.5,1.1,21.5,18.2,21.5,14.1.1,18.5-13,19.8-21.5L764,279.7l12,59.4c3.5,18.1,20,17.1,20.2,16.9H2400V339.1H802.3c.1.1-9.2,1.1-11.2-7.8L762.6,199.2,738.2,329.7c0-.1-3.7,12-7.4-.4L701.6,29.1l-34.3,308c-2.3,2.2-.6,2.2-6.6,2.1H0Z%22/%3E%3C/svg%3E") 50% 50% no-repeat; background-size: auto 100%; } @media (min-height: 0) { .mainStage-figure { height: 300px; } .mainStage-figure::after { left: -112.5px; } } @media (min-height: 700px) { .mainStage-figure { height: 350px; } .mainStage-figure::after { left: -56.25px; } } @media (min-height: 760px) { .mainStage-figure { height: 400px; } .mainStage-figure::after { left: 0px; } } .mainStage-image { display: none; } .mainStage-caption { height: 100%; position: relative; z-index: 1; color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0; } @media (min-width: 769px) { .mainStage-caption { width: auto; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .mainStage-caption:not(.has-limited-wrapper), .mainStage-caption.has-limited-wrapper > .wrapper { max-width: 1280px; } } @media (max-width: 768px) { .mainStage-caption { font-size: 0.85rem; } } @media (max-width: 640px) { .mainStage-caption { border-radius: 0; bottom: 0; height: auto; left: 0; position: absolute; width: 100%; margin-bottom: 0; margin-top: 0; } } .mainStage-caption-box { display: inline-block; max-width: 33.33333%; box-sizing: border-box; padding: 1.5rem 2rem 1.33333rem; position: absolute; top: 50%; right: 1rem; margin-right: 16.66667%; margin-right: calc(16.66667% - 2rem); margin-top: 1.60417rem; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 640px) { .mainStage-caption-box { display: inline-block; box-sizing: border-box; padding: 1.5rem 2rem 1.33333rem; position: unset; top: 0; right: 0; margin-right: 0; margin-top: 0; width: 100%; max-width: 100%; transform: translateY(0); } } .mainStage-caption-topline { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; display: inline-block; position: absolute; top: 0.75rem; left: -2rem; transform: translateY(-100%); padding: 0.66667rem 1rem; background-color: #007ac5; color: white; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 640px) { .mainStage-caption-topline { left: 0; top: 0; width: 100%; box-sizing: border-box; margin-top: 0; margin-bottom: 0; } } @keyframes benefitsBar_items_fade-in { from { margin-top: -2.4875rem; opacity: 0; } to { margin-top: 0; opacity: 1; } } .benefitsBar { padding: 0.5rem 0; background-color: #eeeeee; border-bottom: #ddd solid 1px; font-size: 0.85rem; line-height: 1.75; height: 1.4875rem; text-align: center; position: relative; animation-fill-mode: both; } .benefitsBar > .wrapper { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) { .benefitsBar > .wrapper { max-width: 1280px; padding-left: 1rem; padding-right: 1rem; } } .benefitsBar-list { padding: 0; margin: 0 -1rem; display: inline-block; text-align: left; } .benefitsBar-list:after { content: ""; display: table; clear: both; } .benefitsBar-item { list-style: none; display: block; float: left; padding: 0 1rem; margin-bottom: 0; } .benefitsBar-item:nth-child(1) { animation: benefitsBar_items_fade-in 0.1s 0.6s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(2) { animation: benefitsBar_items_fade-in 0.1s 0.7s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(3) { animation: benefitsBar_items_fade-in 0.1s 0.8s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(4) { animation: benefitsBar_items_fade-in 0.1s 0.9s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(5) { animation: benefitsBar_items_fade-in 0.1s 1s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(6) { animation: benefitsBar_items_fade-in 0.1s 1.1s ease-out; animation-fill-mode: both; } .benefitsBar-item:nth-child(7) { animation: benefitsBar_items_fade-in 0.1s 1.2s ease-out; animation-fill-mode: both; } @media (max-width: 768px) { .benefitsBar { display: none; } } .mainFooter { padding: 24px 0 48px; background-color: #eeeeee; border-top: #ddd solid 1px; } .mainFooter > .wrapper { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) { .mainFooter > .wrapper { max-width: 1280px; padding-left: 1rem; padding-right: 1rem; } } .mainFooter-logos img { display: block; width: 100%; max-width: 120px; } .mainFooter .footerImprint { position: relative; top: 48px; } .footerNav-list { padding: 0; } .footerNav-item { list-style: none; } .footerNav-item a, .footerNav-item a:link, .footerNav-item a:visited { color: #222; } .footerNav-item a:hover { color: #3395d1; } .footerNav-level1-item > a { display: inline-block; margin-bottom: 8px; font-size: 1.125rem; font-family: "Nunito", "Helvetica", "Arial", sans-serif; line-height: 1.3; } .footerNav-level1-item > a:hover { text-decoration: none; } @media (min-width: 481px) { .footerNav-level1-list { margin: 0 -1rem; } .footerNav-level1-list:after { content: ""; display: table; clear: both; } .footerNav-level1-item { padding: 0 1rem; box-sizing: border-box; float: left; } .footerNav-level1-item { width: 50%; } .footerNav-level1-item:nth-child(2n+1) { clear: both; } } @media (min-width: 641px) { .footerNav-level1-item { width: 33.33333%; } .footerNav-level1-item:nth-child(3n+1) { clear: both; } .footerNav-level1-item:nth-child(2n+1) { clear: none; } } @media (min-width: 769px) { .footerNav-level1-item { width: 25%; } .footerNav-level1-item:nth-child(4n+1) { clear: both; } .footerNav-level1-item:nth-child(3n+1) { clear: none; } } @media (min-width: 1025px) { .footerNav-level1-item { width: 16.66667%; } .footerNav-level1-item:nth-child(6n+1) { clear: both; } .footerNav-level1-item:nth-child(4n+1) { clear: none; } } .footerNav-level2 { font-size: 0.85rem; line-height: 1.3; } .footerNav-level2 li.footerNav-level2-item { margin-bottom: 10.66667px; } .footerImprint { position: relative; z-index: 1; } .footerImprint::before { content: ""; display: block; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); background: #666; } .footerImprint-list { padding: 0; margin: 0 -1rem; } .footerImprint-list:after { content: ""; display: table; clear: both; } .footerImprint-item { list-style: none; padding: 0 1rem; margin: 0; float: left; } .footerImprint-item a { display: inline-block; margin-bottom: 8px; font-size: 0.85rem; line-height: 1.3; } .footerImprint-item a, .footerImprint-item a:link, .footerImprint-item a:visited { color: white; } .footerImprint-item a:hover { color: white; } ul.teaserGrid { list-style: none; } @media only screen and (min-width: 768px) { .teaserGrid { margin: 0 -0.5rem; padding: 0; } .teaserGrid:after { content: ""; display: table; clear: both; } .teaserGrid-item { width: 25%; box-sizing: border-box; padding: 0 0.5rem; margin-bottom: 1rem; float: left; } } .teaserBox { position: relative; padding-bottom: 3.18889rem; background-color: #eeeeee; overflow: hidden; } .teaserBox-link { display: block; text-decoration: none !important; } .teaserBox-figure { height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; position: relative; } .teaserBox-figure::after { content: ""; display: block; width: 100%; height: 20%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0)); opacity: 1; transition-duration: 0.4s; transition: 0.4s; } .teaserBox-link:hover .teaserBox-figure::after { opacity: .5; transition-duration: 0.1s; transition: 0.1s; } .teaserBox-image { display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%) translateZ(0); transform-origin: 0 0; transition-duration: 0.4s; transition: 0.4s; } .teaserBox-link:hover .teaserBox-image { transform: scale(1.05) translate(-50%, -50%) translateZ(0); transition-duration: 0.1s; transition: 0.1s; } .teaserBox-title { position: absolute; bottom: 0; left: 0; display: block; width: 100%; box-sizing: border-box; padding: 0.88889rem 1.33333rem 0.8rem; color: white; font-size: 20px; line-height: 1.2; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; transition-duration: 0.4s; transition: 0.4s; } .teaserBox-title a { padding: 0.88889rem 1.33333rem 0.8rem; margin: -0.88889rem -1.33333rem -0.8rem; color: white; transition-duration: 0.1s; transition: 0.1s; } .teaserBox-link:hover .teaserBox-title, .teaserBox-title:hover .teaserBox-link { opacity: 0.8; color: white; transition-duration: 0.1s; transition: 0.1s; } .teaserBox-figure + .teaserBox-title { margin-top: -1px; } .teaserBox-content { position: absolute; top: 100%; left: 0; bottom: -100%; transform: translateY(-3.18889rem); display: block; width: 100%; height: 100%; background-color: #eeeeee; transition-duration: 0.4s; transition: 0.4s; } .teaserBox:hover .teaserBox-content { transform: translateY(-100%); margin-top: -1px; transition-duration: 0.1s; transition: 0.1s; } .teaserBox-content .teaserBox-title { position: static; } .teaserBox-sections { padding: 0.8rem 1.33333rem; } .teaserBox-sections-list { list-style: none; padding: 0; margin: 0; } .teaserBox-sections-item { margin-bottom: 0 !important; } .teaserBox-sections-item:last-child { margin-bottom: 0; } .teaserBox-sections a { color: #222; text-decoration: none; } .teaserBox-sections a:hover { color: #ff1631; } .teaserBox-sections a:active { color: #e2001a; } .teaserBox-sections a.is-link-to-overview { font-size: 0.85rem; color: #e2001a; } .teaserBox-sections a.is-link-to-overview::after { content: " …"; } .teaserBox-sections a.is-link-to-overview:hover { color: #ff1631; text-decoration: underline !important; } .teaserBox-sections a.is-link-to-overview:active { color: #e2001a; } .teaserBox-sections-list.linkList .teaserBox-sections-item { margin-left: -0.46667em; } .teaserBox-sections-list.linkList .teaserBox-sections-item a.is-link-to-overview { padding-left: 0.46667em; } .teaserBox-sections-list.linkList .teaserBox-sections-item a.is-link-to-overview::before { display: none; } .span-3 .figureModule h5 { margin-bottom: 0; margin-top: 0; } .span-3 .figureModule .figureModule-figure.is-one-half { padding: 0; } .figureModule { clear: both; } .figureModule ul { line-height: 1; } .figureModule-figure { display: block; margin: 0 0 16px; box-sizing: border-box; } .figureModule-image { display: block; max-width: 100%; height: auto; } .figureModule-caption { padding: 0.53333rem 1.33333rem 0.53333rem; font-size: 0.85rem; line-height: 1.33; color: #666; border-bottom: #ddd solid 1px; } .figureModule-figure.is-one-third { float: left; clear: both; margin-top: 0.4375rem; margin-right: 1rem; padding: 0 1rem 0 0; width: 33.33333%; } .figureModule-figure.is-one-half { float: left; clear: both; margin-top: 0.4375rem; margin-right: 1rem; padding: 0 1rem 0 0; width: 50%; } .figureModule-figure.is-one-half + * { clear: right; } .figureModule-figure.is-one-half.float-right + * { clear: left; } .figureModule-figure.is-two-third { float: left; clear: both; margin-top: 0.4375rem; margin-right: 1rem; padding: 0 1rem 0 0; width: 66.66667%; } .figureModule-figure.is-two-third + * { clear: right; } .figureModule-figure.is-two-third.float-right + * { clear: left; } .figureModule-figure.float-right { float: right; margin-right: 0; margin-left: 1rem; padding-right: 0; padding-left: 1rem; } h1, h2, h3, table { clear: both; } .ctaModule { padding-top: 16px; border-top: #ddd solid 1px; margin-top: 48px; } .ctaModule-list { list-style: none; padding: 0; margin-left: -1rem; margin-right: -1rem; } .ctaModule-list:after { content: ""; display: table; clear: both; } .ctaModule-item { float: left; padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; width: 50%; } .ctaModule-button { background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 0; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; display: block; width: 100%; text-align: center; } .ctaModule-button:focus, .ctaModule-button:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .ctaModule-button:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .ctaModule-button.disabled, .ctaModule-button[disabled], fieldset[disabled] .ctaModule-button { opacity: 0.5; cursor: default; pointer-events: none; } .ctaModule-button:hover, .ctaModule-button:active, .ctaModule-button:focus { text-decoration: none; } .ctaModule-button.is-primary { background-image: none; background: #e2001a; border: 1px solid #e2001a; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; } .ctaModule-button.is-primary:focus, .ctaModule-button.is-primary:active { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .ctaModule-button.is-primary:hover { background: #ff1631; border: 1px solid 1px solid #e2001a; color: white; } .ctaModule-button.is-primary.disabled, .ctaModule-button.is-primary[disabled], fieldset[disabled] .ctaModule-button.is-primary { opacity: 0.5; cursor: default; pointer-events: none; } .ctaModule-button.is-primary.blue { background-color: #007ac5; border: 1px solid #ddd; } .ctaModule-button.is-primary.blue:hover { background-color: rgba(0, 0, 0, 0.067); color: #333; } .ctaModule-button.is-primary.red { background-color: #e2001a; border: 1px solid #ddd; } .ctaModule-button.is-primary.red:hover { background-color: rgba(0, 0, 0, 0.067); color: #333; } .contactWidget { padding: 0.8rem 1.33333rem; margin-bottom: 48px; background-color: #eeeeee; } .contactWidget-header { box-sizing: border-box; padding: 0.88889rem 1.33333rem 0.8rem; background-color: #222; color: white; margin: -0.8rem -1.33333rem 0.8rem; } .contactWidget-header > *:first-child { margin-top: 0; } .contactWidget-header > *:last-child { margin-bottom: 0; } .contactWidget-title { font-size: 20px; line-height: 1.2; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; } .contactWidget-footer { margin: 0.8rem -1.33333rem 0; padding: 1.33333rem 1.33333rem 0.53333rem; border-top: 1px solid white; } .contactWidget-footer .is-cta { width: 100%; } .contactWidget dt { border-bottom: #ddd solid 1px; } .module__download header { display: none; } .downloadsWidget { padding: 0.8rem 1.33333rem; margin-bottom: 48px; background-color: #eeeeee; } .downloadsWidget-header { box-sizing: border-box; padding: 0.88889rem 1.33333rem 0.8rem; background-color: #222; color: white; margin: -0.8rem -1.33333rem 0.8rem; } .downloadsWidget-header > *:first-child { margin-top: 0; } .downloadsWidget-header > *:last-child { margin-bottom: 0; } .downloadsWidget-title { font-size: 20px; line-height: 1.2; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; } .downloadsWidget-section { margin-left: -1.33333rem; margin-right: -1.33333rem; padding-left: 1.33333rem; padding-right: 1.33333rem; } .downloadsWidget-section + .downloadsWidget-section { margin-top: 1.33333rem; border-top: 1px solid white; } .downloadsWidget-section-title { margin-bottom: 8px; } .downloadsWidget-list { list-style: none; padding-left: 0; line-height: 1.4; } .downloadsWidget-list > li:not(.item) { padding-left: 1.4em; position: relative; margin-bottom: 13.6px; } .downloadsWidget-list > li:not(.item)::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: -5px; position: relative; left: -1.1em; vertical-align: baseline; top: -.2em; background-color: #6f6f6f; border-radius: 50%; } .downloadsWidget-list > li:not(.item) { padding-left: 0; } .downloadsWidget-list > li:not(.item)::before { display: none; } .downloadsWidget-list a { display: inline-block; padding-left: 1.4em; padding-right: 0.46667em; margin-right: -0.46667em; color: #e2001a; text-decoration: none !important; position: relative; transition: padding 0.4s; color: #222; } .downloadsWidget-list a::before { content: ""; font-family: "icons-blank-theme"; font-size: 1.5em; position: absolute; left: -2px; line-height: 1.16667; } .downloadsWidget-list a:hover { padding-left: 1.86667em; padding-right: 0; transition: padding 0.1s; } .downloadsWidget-list a::before { color: #e2001a; } @media only screen and (min-width: 1024px) { .span-7.grid-columns .downloadsWidget-list, .span-8.grid-columns .downloadsWidget-list, .span-9.grid-columns .downloadsWidget-list, .span-10.grid-columns .downloadsWidget-list, .span-11.grid-columns .downloadsWidget-list, .span-12.grid-columns .downloadsWidget-list { margin-left: -0.66667rem; margin-right: -0.66667rem; } .span-7.grid-columns .downloadsWidget-list:after, .span-8.grid-columns .downloadsWidget-list:after, .span-9.grid-columns .downloadsWidget-list:after, .span-10.grid-columns .downloadsWidget-list:after, .span-11.grid-columns .downloadsWidget-list:after, .span-12.grid-columns .downloadsWidget-list:after { content: ""; display: table; clear: both; } .span-7.grid-columns .downloadsWidget-list > li, .span-8.grid-columns .downloadsWidget-list > li, .span-9.grid-columns .downloadsWidget-list > li, .span-10.grid-columns .downloadsWidget-list > li, .span-11.grid-columns .downloadsWidget-list > li, .span-12.grid-columns .downloadsWidget-list > li { padding-left: 0.66667rem; padding-right: 0.66667rem; box-sizing: border-box; width: 50%; float: left; } .span-10.grid-columns .downloadsWidget-list > li, .span-11.grid-columns .downloadsWidget-list > li, .span-12.grid-columns .downloadsWidget-list > li { width: 33.33%; } } .dataTable:not(.pulsestorm-data-table), .contenttable { color: #333; font-size: 0.9rem; } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table), .contenttable { width: 100%; } } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) thead > tr, .contenttable thead > tr { position: absolute; top: -9999px; left: -9999px; } } .dataTable:not(.pulsestorm-data-table) thead > tr > th, .dataTable:not(.pulsestorm-data-table) thead > tr > td, .contenttable thead > tr > th, .contenttable thead > tr > td { padding: 8px; } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) thead > tr > th, .dataTable:not(.pulsestorm-data-table) thead > tr > td, .contenttable thead > tr > th, .contenttable thead > tr > td { border: solid 1px #666; } } .dataTable:not(.pulsestorm-data-table) thead > tr > th, .contenttable thead > tr > th { text-align: center; } .dataTable:not(.pulsestorm-data-table) thead > tr > th:first-child, .contenttable thead > tr > th:first-child { text-align: left; } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) > tbody > tr, .contenttable > tbody > tr { display: block; margin-bottom: 30px; } } .dataTable:not(.pulsestorm-data-table) > tbody > tr > td, .contenttable > tbody > tr > td { text-align: center; } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) > tbody > tr > td, .contenttable > tbody > tr > td { display: block; margin-bottom: 5px; border: solid 1px #666; } } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) > tbody > tr > th:first-child, .contenttable > tbody > tr > th:first-child { display: block; margin-bottom: 5px; border: solid 1px #666; } } .dataTable:not(.pulsestorm-data-table) > tbody > tr > th, .dataTable:not(.pulsestorm-data-table) > tbody > tr > td, .contenttable > tbody > tr > th, .contenttable > tbody > tr > td { padding: 4px 8px; } .dataTable:not(.pulsestorm-data-table) > tbody > tr > th:not(:last-child), .dataTable:not(.pulsestorm-data-table) > tbody > tr > td:not(:last-child), .contenttable > tbody > tr > th:not(:last-child), .contenttable > tbody > tr > td:not(:last-child) { border-right: 1px solid white; } @media (max-width: 768px) { .dataTable:not(.pulsestorm-data-table) > tbody > tr > th:not(:last-child), .dataTable:not(.pulsestorm-data-table) > tbody > tr > td:not(:last-child), .contenttable > tbody > tr > th:not(:last-child), .contenttable > tbody > tr > td:not(:last-child) { border-right: 1px solid #666; } } .dataTable:not(.pulsestorm-data-table) > tbody > tr:nth-child(odd) > th, .dataTable:not(.pulsestorm-data-table) > tbody > tr:nth-child(odd) > td, .contenttable > tbody > tr:nth-child(odd) > th, .contenttable > tbody > tr:nth-child(odd) > td { background-color: #eeeeee; } .dataTable:not(.pulsestorm-data-table) > tbody > tr:last-child:nth-child(even), .contenttable > tbody > tr:last-child:nth-child(even) { border-bottom: 1px solid #eeeeee; } .dataTable:not(.pulsestorm-data-table) > caption, .contenttable > caption { font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-bottom: 16px; margin-top: 19.2px; } .dataTable:not(.pulsestorm-data-table)-caption, .contenttable-caption { text-align: left; clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .logoGrid { margin-left: -0.5rem; margin-right: -0.5rem; } .logoGrid:after { content: ""; display: table; clear: both; } .logoGrid-item { padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; width: 25%; float: left; } @media (max-width: 1024px) { .logoGrid-item { width: 25%; } } @media (max-width: 640px) { .logoGrid-item { width: 50%; } } @media (max-width: 480px) { .logoGrid-item { width: 100%; } } .logoGrid-item .logoBox-figure { padding-bottom: 60%; } .logoGrid ul { list-style: none; padding: 0; } .logoGrid nav { margin-left: 0.5rem; margin-right: 0.5rem; } .logoBox { display: block; box-sizing: border-box; width: 100%; padding: 1.33333rem; border: 1px solid #ddd; } .logoBox-figure { width: 100%; height: 0; padding-bottom: 100%; position: relative; } .logoBox-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; transform: translate3d(0, 0, 0); } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; transform: translate3d(0, 0, 0); } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-nav { position: relative; } .slick-nav:after { content: ""; display: table; clear: both; } .slick-nav::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; display: block; margin-left: 48px; margin-right: 48px; border-bottom: #ddd solid 1px; } .slick-arrow { border: #ddd solid 1px; line-height: 32px; cursor: pointer; width: 32px; height: 32px; text-indent: 48px; white-space: nowrap; overflow: hidden; position: relative; } .slick-arrow::before { content: ""; text-indent: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: auto; height: 100%; text-align: center; font-family: "icons-blank-theme"; font-size: 46px; line-height: 32px; } .slick-arrow.slick-disabled { cursor: default; color: #ddd; } .slick-arrow:not(.slick-disabled):hover { color: #ff1631; } .slick-prev { float: left; } .slick-prev::before { content: ""; } .slick-next { float: right; } .slick-next::before { content: ""; } .headerSlider .slick-slide img { display: none; } .cookieConsent { position: fixed; bottom: 0; left: 0; z-index: 200; display: block; width: 100%; padding: 0.8rem 0 1.6rem; background-color: white; border-top: 4px solid #e2001a; color: #666; font-size: 0.85rem; line-height: 1.33; animation: cookieConsent_fade-in 0.3s 1.5s ease-out; animation-fill-mode: both; } .cookieConsent > .wrapper { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } @media (min-width: 1025px) { .cookieConsent > .wrapper { max-width: 1280px; padding-left: 1rem; padding-right: 1rem; } } .cookieConsent-message, .cookieConsent-compliance { display: table-cell; vertical-align: top; } .cookieConsent-compliance { padding-left: 2rem; } .cookieConsent-action { background-image: none; background: rgba(0, 0, 0, 0.067); border: 1px solid #ddd; border-radius: 3px; color: black; cursor: pointer; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 500; margin: 0; padding: 7px 15px; font-size: 1rem; line-height: 1.125rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; } .cookieConsent-action:focus, .cookieConsent-action:active { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: black; } .cookieConsent-action:hover { background: rgba(0, 0, 0, 0.0335); border: 1px solid #ddd; color: #555; } .cookieConsent-action.disabled, .cookieConsent-action[disabled], fieldset[disabled] .cookieConsent-action { opacity: 0.5; cursor: default; pointer-events: none; } .cookieConsent-action:hover, .cookieConsent-action:active, .cookieConsent-action:focus { text-decoration: none; } @keyframes cookieConsent_fade-in { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .minicart-wrapper::before, .minicart-wrapper::after { margin-top: 0; } .product-image-container { border: 1px solid #ddd; background-color: white; width: 100%; } .product-logo-container { display: inline-block; border: 1px solid #ddd; margin: 16px 0 16px; } .product-logo-photo { display: block; height: auto; margin: auto; max-width: 100%; } .product.info.detailed .additional-attributes { width: auto; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 4px 16px 4px 16px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 4px 16px 4px 16px; } .product-info-main .page-title-wrapper .page-title { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; margin-top: 0; margin-bottom: .1em; } .product-info-main .stock { font-size: 1.25rem; } .product-info-main .stock::before { content: ""; display: inline-block; width: 0.8em; height: 0.8em; position: relative; bottom: -1px; margin-right: .2em; background-color: #ddd; border-radius: 50%; } .product-info-main .stock.available, .product-info-main .stock.unavailable { font-weight: 300; margin-right: .5em; text-transform: none; } .product-info-main .stock.available::before { background-color: #2f9638; } .product-info-main .stock.unavailable::before { background-color: #e2001a; } .product-info-main .product.description { font-size: 1.25rem; } .product-info-main .product.attribute.sku { display: block; } .product-info-main .product.attribute.sku .type { margin-right: 0; } .product-info-main .product.attribute.sku .type::after { content: ":"; } .product-info-main .product.attribute.delivery_time .value { display: inline; } .product-info-main .product.attribute.delivery_time .type::after { content: ":"; } .product-info-main .price-box { margin-top: 16px; } .product-info-main .price-details, .product-item .price-details { color: #666; } .product-info-main .price-details a, .product-item .price-details a { color: #666; text-decoration: underline; } .product-info-main .price-details a:hover, .product-item .price-details a:hover { color: #ff1631; text-decoration: none; } .product-info-main .price-box .price-wrapper .price, .product-options-bottom .price-box .price-wrapper .price { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .product-info-main .price-box .price, .product-options-bottom .price-box .price { white-space: nowrap; } .product-info-main .box-tocart, .product-options-bottom .box-tocart { margin: 8px 0 21.33333px; } .product-info-main .box-tocart .field.qty, .product-options-bottom .box-tocart .field.qty { padding-right: 0.5rem; } .product-info-main .box-tocart .field.qty label, .product-options-bottom .box-tocart .field.qty label { margin-bottom: 0; } .product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty { line-height: 1.125rem; padding: 7px 7px; width: calc(2.55em + 7px); height: auto; } .product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart { padding: 7px 4rem; position: relative; } .product-info-main .box-tocart .action.tocart > span, .product-options-bottom .box-tocart .action.tocart > span { margin-left: .5em; } .product-info-main .box-tocart .action.tocart::before, .product-options-bottom .box-tocart .action.tocart::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; position: relative; top: -1px; left: -2px; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-info-main .box-tocart .action.tocart > span, .product-options-bottom .box-tocart .action.tocart > span { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; margin: 0; padding: 0; user-select: none; pointer-events: none; text-indent: 10000%; white-space: nowrap; overflow: hidden; } .product-info-main .product-addto-links, .product-options-bottom .product-addto-links { margin: 0 0 16px; } .product-info-main .action.tocompare, .product-options-bottom .action.tocompare { vertical-align: middle; } .product-info-main .action.tocompare > span, .product-options-bottom .action.tocompare > span { margin-left: .5em; } .product-info-main .action.tocompare::before, .product-options-bottom .action.tocompare::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; position: relative; top: -2px; left: 0; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .block.related .block-actions { display: none; } .product-info-main .product-info-form-wrapper { margin-bottom: 2rem; overflow: hidden; display: table; } .product-info-main .product-info-form-wrapper .box-tocart { display: table-cell; margin: 0; } .product-info-main .product-info-form-wrapper .inquiry-wrapper { display: table-cell; vertical-align: bottom; padding-left: 2px; } @media only screen and (min-width: 768px) { .product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions { padding-top: 1rem; } .product-info-main .product-logo-container, .product-options-bottom .product-logo-container { width: 50%; } } @media only screen and (min-width: 768px) { .page-layout-1column .product.media { width: 33.33%; box-sizing: border-box; padding-right: 1rem; } .page-layout-1column .product-info-main { width: 66.66%; box-sizing: border-box; padding-left: 1rem; } } .minicart-wrapper .minicart-items-wrapper { max-height: calc( 100vh - 500px); } .minicart-wrapper .block-minicart { padding-bottom: 0; } .minicart-wrapper .block-minicart .block-content > .actions { margin-bottom: 15px; } .minicart-wrapper .block-minicart .product-item { padding-bottom: 15px; } .minicart-wrapper .block-minicart .product-item-details { padding-left: 95px; } .minicart-wrapper .block-minicart .product-item-details .wrapper .details-qty { display: inline-block; min-width: 75%; } .minicart-wrapper .block-minicart .product-item-details .wrapper .details-qty .label { width: unset; } .minicart-wrapper .block-minicart .product-item-details .wrapper .details-qty .item-qty { margin: 0; } .minicart-wrapper .block-minicart .product-item-details .wrapper .details-qty .update-cart-item { padding: 6px 14px; } .minicart-wrapper .block-minicart .product-item-details .wrapper .product.actions { display: inline-block; float: unset; margin: 0; } .checkout-shipping-method a .col-price { padding: 0; } .checkout-shipping-method .col-carrier { font-weight: 500; } #custom-checkout-form .fieldset > .field:not(.choice) > .control { width: 100% !important; padding-top: 48px; } #custom-checkout-form label { display: none; } .column.main #checkout .block .title strong { font-size: unset; font-weight: unset; font-family: unset; } .opc-block-summary .table-totals .totals.shipping, .opc-block-summary .table-totals .totals-tax, .opc-block-summary .table-totals .grand.totals.incl, .cart-summary .cart-totals .totals.shipping, .cart-summary .cart-totals .totals-tax, .cart-summary .cart-totals .grand.totals.incl { display: none; } .opc-block-summary .table-totals .grand.totals.excl .mark strong, .opc-block-summary .table-totals .grand.totals.excl .amount strong, .cart-summary .cart-totals .grand.totals.excl .mark strong, .cart-summary .cart-totals .grand.totals.excl .amount strong { font-size: 16px; font-weight: 500; } .opc-block-summary .items-in-cart > .title { margin-bottom: 32px; } .opc-block-summary .product-item .product-item-inner { margin: 0; } .opc-wrapper .fieldset > .field.choice:before { width: 0; } .minicart-items .item-qty, .abs-input-qty, .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .cart.table-wrapper .col.qty .input-text, .account .table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .control .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty, .product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty { width: 4em; } .checkout-payment-method .payment-method-content, .checkout-payment-method .payment-method-title { margin: 0; padding: 0; } .payment-methods .payment-method-title input[style*="display: none"] + label { display: none; } @media only screen and (min-width: 768px) { .opc-wrapper { width: 66.67% !important; } .opc-sidebar { width: 33.33% !important; } } .products { margin: 0 0 16px; } .product-item-actions { display: block; } .product-item-name { margin: 0 0 8px; } .product-item-info { width: 100%; box-sizing: border-box; } .page-products .product-item-info { width: 100%; } .product-item:not(:last-child) .product-item-info { padding-right: 0; } .product-item-actions { white-space: nowrap; } .product-item .price-box { margin: 0; } .product-item .price-box .price { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; } .product-item .price-details { font-size: 0.7rem; margin-bottom: 8px; } .product-item .shipping-cost-details { white-space: nowrap; } .product-item .action.tocompare { font-size: 16px; line-height: 18px; padding: 7px 7px; border: 1px solid transparent; } .product-item .action.tocompare > span { margin-left: .5em; } .product-item .action.tocompare::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-item .action.tocompare:hover::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Crect x=%2210%22 y=%223%22 width=%224%22 height=%2218%22%3E%3C/rect%3E%3Crect x=%2218%22 y=%228%22 width=%224%22 height=%2213%22%3E%3C/rect%3E%3Crect x=%222%22 y=%2213%22 width=%224%22 height=%228%22%3E%3C/rect%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-item .tocart { padding: 7px 15px; position: relative; } .product-item .tocart > span { margin-left: .5em; } .product-item .tocart::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; position: relative; top: -1px; left: -2px; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-item .tocart > span { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; margin: 0; padding: 0; user-select: none; pointer-events: none; text-indent: 10000%; white-space: nowrap; overflow: hidden; } .product-item .inquiry { padding: 7px 15px; line-height: 1.125rem; position: relative; } .product-item .inquiry > span { margin-left: .5em; } .product-item .inquiry::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z%22%3E%3C/path%3E%3Cpolyline points=%2222,6 12,13 2,6%22%3E%3C/polyline%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-item .inquiry > span { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; margin: 0; padding: 0; user-select: none; pointer-events: none; text-indent: 10000%; white-space: nowrap; overflow: hidden; } .product-item .inquiry-no-qty-input { width: 3em; display: inline-block; } .product-item input[name="qty"] { line-height: 1.125rem; padding: 7px 7px; width: 3em; height: auto; text-align: center; vertical-align: middle; } .column.main .product-items { margin-left: 0; } .column.main .product-item { padding-left: 0; } .products-list .product-item-details { vertical-align: middle; } .products-list .product-item-logo { width: 140px; display: table-cell; } .products-list .product-item-logo .product-image-container { width: unset !important; } .products-list .product .price::after { content: "*"; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 300; font-size: .8em; line-height: 1.33; margin-left: .2em; vertical-align: top; } @media only screen and (min-width: 640px) { .product-item-actions .actions-primary + .actions-secondary { padding-left: 10.5px; } .products-grid .product-items { display: flex; align-items: stretch; margin: 0 -1rem 16px; } .products-grid .product-items:after { content: ""; display: table; clear: both; } .products-grid .product-item { display: block; box-sizing: border-box; padding: 0 1rem; float: left; } .products-grid .product-item-info { height: 100%; display: flex; flex-direction: column; } .products-grid .product-item-info:not(:last-child) { padding-right: 0; } .products-grid .product-item-details { flex-grow: 100; display: flex; flex-direction: column; } .products-grid .product-item-name { flex-grow: 100; } } .products-footnote { text-align: right; padding: 0 16px; margin-bottom: 16px; } .products-list + .products-footnote { margin-top: -8px; } .products-footnote .price-details { display: inline-block; } @media only screen and (min-width: 1024px) { .products-list .product-item { padding: 12px 16px !important; table-layout: fixed; } .products-list .product-item:nth-child(odd) { background-color: #eeeeee; } .products-list .product-item:nth-child(even):last-child { border-bottom: 1px solid #eeeeee; } .products-list .product-item-logo { padding: 0 16px 0 0; vertical-align: middle; } .products-list .product-item-logo .product-image-container { vertical-align: middle; } .products-list .product-item-logo .product-image { max-width: unset; } .products-list .product-item-details > * { display: table-cell; vertical-align: middle; } .products-list .product-item-details > *:not(:last-child) { padding-right: 8px; padding-left: 8px; } .products-list .product-item-details > *:last-child { text-align: right; } .products-list .product-item-details .product-item-name { width: 100%; } .products-list .product-item-details .price-box { min-width: 7em; text-align: right; } .products-list .product-item-details .price-box, .products-list .product-item-details .price-box .price { font-size: 16px; line-height: 25.27px; } .products-list .product-item-name { line-height: 25.27px; } .products-list .product-item-name .product-item-link { font-weight: 500; } .products-list .product-item-sku { white-space: nowrap; min-width: 10em; line-height: 25.27px; } .products-list .product-item-sku .type { display: none; } } .toolbar-amount { padding: 0; } .toolbar-products { text-align: left; padding: 0 16px 8px; margin-bottom: 16px; border-bottom: #ddd solid 1px; } .page-products .toolbar-products { margin-top: -10px; } .page-products .products-list + .toolbar-products, .page-products .products-footnote + .toolbar-products { border-bottom: none; border-top: #ddd solid 1px; padding-top: 8px; padding-bottom: 0; margin-bottom: 0; margin-top: 16px; } .sorter { padding: 0; } @media only screen and (min-width: 768px) { .toolbar-amount { float: none; display: table-cell; width: 100%; } .sorter { float: none; display: table-cell; white-space: nowrap; } } .fotorama__stage { width: 100% !important; height: 0 !important; padding-bottom: 100%; box-sizing: border-box; border: 1px solid #ddd; } .fotorama__stage__shaft { width: 100% !important; height: 100% !important; position: absolute; } .fotorama__stage__frame { max-height: 100vh; } .fotorama__thumb-border { border: 1px solid #007ac5 !important; /* Important because the border-width is set additionally by JavaScript */ background-image: none; } .fotorama__thumb { box-sizing: border-box; background-color: transparent; border: 1px solid #ddd; cursor: pointer; } .fotorama__stage__frame .fotorama__img { max-width: 90%; max-height: 90%; } .fotorama__caption { display: none; } .block .title { margin-bottom: 16px; } .block .title strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .column.main .block .title strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.3; font-size: 1.625rem; margin-top: 2rem; margin-bottom: 1rem; } .customer-account-index .page-title-wrapper { position: relative; } .customer-account-index .page-title-wrapper .logout-button { position: absolute; top: 0; right: 0; } .block.filter .filter-title, .block-compare .block-title, .block-wishlist .block-title { border-bottom: 1px solid #ddd; margin-bottom: 8px; } .block.filter .filter-title strong, .block-compare .block-title strong, .block-wishlist .block-title strong { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; } .block.filter .filter-subtitle { font-weight: 300; margin-top: 0; margin-bottom: 0; display: none; } .filter-options { margin: 0; } .filter-options .filter-options-title { color: #303030; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; font-size: 0.85rem; margin-top: 1rem; margin-bottom: 0; margin: 16px 0 0.6em; } .filter-options .filter-options-content { margin: 0 0 16px; } .filter-options *[data-collapsible="true"] { cursor: pointer; } .filter-options *[data-collapsible="true"]:hover { color: #ff1631; text-decoration: underline; } .filter-options *[data-collapsible="true"]:active { color: #e2001a; text-decoration: underline; } .product-info-main .action.towishlist > span, .product-options-bottom .action.towishlist > span, .block-bundle-summary .action.towishlist > span { margin-left: .5em; } .product-info-main .action.towishlist::before, .product-options-bottom .action.towishlist::before, .block-bundle-summary .action.towishlist::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; position: relative; top: -1px; left: 0; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-items .action.towishlist, .products.list.items .action.towishlist, .table-comparison .action.towishlist { font-size: 16px; line-height: 18px; padding: 7px 7px; border: 1px solid transparent; } .product-items .action.towishlist > span, .products.list.items .action.towishlist > span, .table-comparison .action.towishlist > span { margin-left: .5em; } .product-items .action.towishlist::before, .products.list.items .action.towishlist::before, .table-comparison .action.towishlist::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%233c3c3c%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .product-items .action.towishlist:hover::before, .products.list.items .action.towishlist:hover::before, .table-comparison .action.towishlist:hover::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22%23e2001a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Cpath d=%22M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .quickorder-table { width: auto; border-bottom: 1px solid #ddd; } .quickorder .col-first { padding-left: 2rem; vertical-align: baseline; } .quickorder .col-second input { width: 15rem; } .quickorder .col-third { padding-right: 2rem; } .quickorder .col-third input { width: 3rem; text-align: right; } .quickorder-tocart.action { position: relative; margin-top: 16px; padding: 7px 4rem; } .quickorder-tocart.action > span { margin-left: .5em; } .quickorder-tocart.action::before { content: "\00a0"; font-size: 1.2em; line-height: 0; display: inline-block; height: 1.2em; width: 1.2em; margin: -1em -0.1em; position: relative; top: -1px; left: -2px; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%2224%22 height=%2224%22 fill=%22none%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 vector-effect=%22non-scaling-stroke%22%3E%3Ccircle cx=%228%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Ccircle cx=%2220%22 cy=%2221%22 r=%222%22%3E%3C/circle%3E%3Cpath d=%22M5.67 6H23l-1.68 8.39a2 2 0 0 1-2 1.61H8.75a2 2 0 0 1-2-1.74L5.23 2.74A2 2 0 0 0 3.25 1H1%22%3E%3C/path%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; } .quickorder-tocart.action > span { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; margin: 0; padding: 0; user-select: none; pointer-events: none; text-indent: 10000%; white-space: nowrap; overflow: hidden; } .quickorder-item.odd { background: #f5f5f5; } .sidebar .block.categories { background-color: #eeeeee; padding: 16px; } .sidebar .block.categories > h3 { color: #303030; font-family: "Nunito", "Helvetica", "Arial", sans-serif; font-weight: 800; line-height: 1.5; font-size: 1.25rem; margin-top: 1.2rem; margin-bottom: 1rem; margin-top: -.2em; margin-bottom: 8px; border-bottom: 1px solid white; } .sidebar .block.categories > .o-list { margin: 0 0 32px; } .sidebar .block.categories > .o-list:last-child { margin-bottom: 0; } .sidebar .block.categories > .o-list:last-child > li:last-child, .sidebar .block.categories > .o-list:last-child > ul:last-child > li:last-child { margin-bottom: 0; } .sidebar .o-list { list-style: none; padding-left: 0; } .sidebar .o-list li { color: #303030; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; font-size: 0.85rem; margin-top: 1rem; margin-bottom: 0; line-height: 1.275rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none; position: relative; } .sidebar .o-list .expand { cursor: pointer; position: absolute; right: 0; top: 0; display: block; height: 100%; padding-left: 8px; background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, #eeeeee 16px, #eeeeee); } .sidebar .o-list .expand::after { content: ""; font-family: "icons-blank-theme"; font-weight: normal; font-size: 30px; line-height: inherit; display: inline-block; text-align: center; vertical-align: middle; position: relative; top: -2px; overflow: hidden; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .sidebar .o-list .expand:hover { color: #ff1631; } .sidebar .o-list .expand:active { color: #e2001a; } .sidebar .o-list .expand .fa { display: none; } .sidebar .o-list li.active > .expand::after { content: ""; } .sidebar .o-list a { display: inline-block; line-height: inherit; color: #303030; } .sidebar .o-list a:hover { color: #ff1631; text-decoration: underline; } .sidebar .o-list a:active { color: #e2001a; text-decoration: underline; } .sidebar .o-list a.active { color: #e2001a; } .sidebar .o-list .level0, .sidebar .o-list .level1, .sidebar .o-list .level2 { display: block; margin: 8px 0; } .sidebar .o-list .level0 { margin: 16px 0; } .sidebar .o-list .level1 { font-weight: 300; } .sidebar .o-list .level2 { font-weight: 300; margin-left: 1rem; } .sidebar .o-list .level2:last-child { margin-bottom: 0; } .sidebar .o-list .o-list { display: none; } .sidebar .o-list li.active > .o-list { display: block; } }