html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /*! Bootstrap v3.3.6 (http://getbootstrap.com) Copyright 2011-2015 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } header { position: relative; z-index: 1; } #overlay-sitebody, #overlay-search { z-index: 1; } #bar-sortfilter { z-index: 2; } #filterdiv { z-index: 1; } #cookiebar { z-index: 1; } #mobilesearch, #sortdd, #checkout-ordersummary, #checkout-ordersummary-link { z-index: 1; } .slick-slider, .slick-megamenu { z-index: 0; } .slick-prev, .slick-next { z-index: 1; } #ajax-holders { z-index: 2; } .articlebody { font-size: 14px; line-height: 150%; } .articlebody a:not(.cta1):not(.cta2) { text-decoration: underline; } .no-touchevents .articlebody a:not(.cta1):not(.cta2):not(.no-hover):hover { opacity: 0.5; } .articlebody a:not(.cta1):not(.cta2):visited { opacity: 0.7; } .articlebody ul { list-style: disc; } .articlebody ul li { margin: 13px 24px; } .articlebody strong { font-weight: 700; } .articlebody em { font-style: italic; } .accordion-body { line-height: 120%; } .accordion-body a { text-decoration: underline; } .accordion-body ul { list-style: disc; } .accordion-body ul li { margin: 13px 24px; } .accordion-body p { margin: 16px 0; } .tabletab > span { display: inline-block; padding: 0 8px; position: relative; } .tabletab > span:after { content: "|"; position: absolute; right: -4px; } .tabletab > span:last-child:after { content: ""; } .sizeguidetable .divTable { display: table; width: 100%; border-bottom: 1px solid #e2e8ee; border-left: 1px solid #e2e8ee; } .sizeguidetable .divTableRow { display: table-row; } .sizeguidetable .divTableHeading { background-color: #e2e8ee; display: table-header-group; } .sizeguidetable .divTableCell, .sizeguidetable .divTableHead { border-top: 1px solid #e2e8ee; border-right: 1px solid #e2e8ee; display: table-cell; padding: 4px 8px; } .sizeguidetable .divTableHeading { background-color: #e2e8ee; display: table-header-group; font-weight: bold; } .sizeguidetable .divTableFoot { background-color: #e2e8ee; display: table-footer-group; font-weight: bold; } .sizeguidetable .divTableBody { display: table-row-group; } [data-line] { position: relative; } [data-line]:before, [data-line]:after { content: ''; position: absolute; left: 50%; height: 1px; } [data-line~=thin]:before { display: none; } [data-line~=xshort]:before, [data-line~=xshort]:after { width: 20px; margin-left: -10px; } [data-line~=short]:before, [data-line~=short]:after { width: 40px; margin-left: -20px; } [data-line~=medium]:before, [data-line~=medium]:after { width: 70px; margin-left: -35px; } [data-line~=long]:before, [data-line~=long]:after { width: 100px; margin-left: -50px; } [data-line~=top]:before { top: 0; } [data-line~=top]:after { top: 1px; } [data-line~=middle]:before { top: calc(50% - 1px); } [data-line~=middle]:after { top: calc(50%); } [data-line~=bottom]:before { bottom: -8px; } [data-line~=bottom]:after { bottom: -7px; } [data-line~=color0]:before, [data-line~=color0]:after, [data-line~=white]:before, [data-line~=white]:after { background: white; } [data-line~=color1]:before, [data-line~=color1]:after { background: #081f2c; } [data-line~=color4]:before, [data-line~=color4]:after { background: #c8ccd0; } [data-line~=color5]:before, [data-line~=color5]:after { background: #e2e8ee; } [data-line~=color11]:before, [data-line~=color11]:after { background: #f9d100; } [data-line~=color12]:before, [data-line~=color12]:after { background: #e04b65; } [data-line~=color13]:before, [data-line~=color13]:after { background: #68c0b2; } .breadcrumb span, .breadcrumb a { color: #999999; } .breadcrumb .breadcrumb-separator { padding: 0 8px; } .breadcrumb .breadcrumb-current { color: #081f2c !important; cursor: default; display: inline-block; } .outline { border: solid 2px transparent; outline: solid 2px white; } .errorbox { border: solid 0px #D2232A; color: #D2232A; background: #fceaea; padding: 16px 20px; font-weight: 500; font-size: 16px; } .successbox { border: solid 1px #68c0b2; color: #68c0b2; background: white; padding: 16px; font-weight: bold; } .captionlink1 { position: relative; } .captionlink1:after { content: ""; position: absolute; width: 100%; left: 0; bottom: -2px; height: 2px; background: #999999; } .captionlink1:hover:after { background: #f9d100; } @media (max-width: 1024px) { [data-breadcrumb] { display: none; } } .hotspot { display: block; position: absolute; background: url(/images/core/hotspot-sprite.png) 0 0; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .hotspot:hover { background-position: 0 -50px; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .hotspot:hover .hotspot-content { display: block; } .hotspot .hotspot-content { display: none; position: absolute; width: 180px; height: 80px; padding: 10px; background: #fff; border: 1px solid #00233c; margin-top: -102px; margin-left: -76px; letter-spacing: 0; font-size: 12px; text-align: center; } .no-touchevents .bg-maparea-darkhover:hover { background-color: rgba(0, 36, 60, 0.2); } .no-touchevents .bg-maparea-lighthover:hover { background-color: rgba(255, 255, 255, 0.2); } /*#977662 START*/ .ez-enabled-in, .ez-enabled-out { overflow: hidden; } .ez-enabled-in > *, .ez-enabled-out > * { -webkit-transition-duration: 4s; transition-duration: 4s; } .ez-enabled-in.ez-quick > *, .ez-enabled-out.ez-quick > * { -webkit-transition-duration: 2s; transition-duration: 2s; } .ez-enabled-in.ez-xquick > *, .ez-enabled-out.ez-xquick > * { -webkit-transition-duration: 1s; transition-duration: 1s; } .ez-enabled-in.ez-xxquick > *, .ez-enabled-out.ez-xxquick > * { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .ez-enabled-in.ez-xxxquick > *, .ez-enabled-out.ez-xxxquick > * { -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .ez-enabled-in > * { transform: scale(1); } .ez-enabled-in > *.ez { transform: scale(1.01); } .ez-zoom.ez-enabled-in > .ez, .ez-zoom.ez-enabled-out > * { transform: scale(1.02); } .ez-xzoom.ez-enabled-in > .ez, .ez-xzoom.ez-enabled-out > * { transform: scale(1.04); } .ez-xxzoom.ez-enabled-in > .ez, .ez-xxzoom.ez-enabled-out > * { transform: scale(1.06); } .ez-xxxzoom.ez-enabled-in > .ez, .ez-xxxzoom.ez-enabled-out > * { transform: scale(1.08); } .ez-xxxxzoom.ez-enabled-in > .ez, .ez-xxxxzoom.ez-enabled-out > * { transform: scale(1.1); } .ez-enabled-out > * { transform: scale(1.01); } .ez-enabled-out > .ez { transform: scale(1); } /*#977662 END*/ #sitebody.popup-active { position: fixed; overflow: hidden; } .popup-active #ajax-holders { z-index: 5; } .popup-active { overflow: hidden; position: relative; height: 100%; } .popup { display: none; position: fixed !important; left: 50%; top: calc(50% + 22px); transform: translate(-50%, -50%); width: 90%; max-width: 1000px; max-height: calc(90% - 44px); } .popup:not(.popup-hasiframe) { background-color: white; -webkit-box-shadow: #081f2c 1px 1px 2px 2px; box-shadow: #081f2c 1px 1px 2px 2px; } .popup.popup-small { max-width: 500px; } .popup .popup-content { max-height: calc(90vh - 44px); overflow-y: auto; } .addresspopupcontainer { padding: 0 0 32px 0 !important; /*@include respond-min-width($breakpointSM){padding:$unit*1.5!important;}*/ } .addresspopupcontainer .addaddresscancel { position: absolute; left: 32px; width: 32px; height: 32px; cursor: pointer; top: calc(40% - 16px); } .addresspopupcontainer .addaddresscancel:before { content: ""; position: absolute; width: 50%; height: 2px; top: 33%; left: 0; transform: rotate(-45deg); background: #999999; } .addresspopupcontainer .addaddresscancel:after { content: ""; position: absolute; width: 50%; height: 2px; top: 62%; left: 0; transform: rotate(45deg); background: #999999; } .addresspopupcontainer [data-addressbook] { display: flex; flex-direction: column; flex-wrap: wrap; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] { flex-direction: row; } } .addresspopupcontainer [data-addressbook] > div { display: block; margin: 16px -24px; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div { width: calc(33.33% - 32px); margin: 16px; } } .addresspopupcontainer [data-addressbook] > div.addaddress { display: flex; align-items: center; border: 2px solid #081f2c; margin: 16px -8px !important; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress { border: 1px solid #e2e8ee; margin: 16px !important; } } .addresspopupcontainer [data-addressbook] > div.addaddress .addaddresscontent { display: flex; flex-direction: row; justify-content: center; align-items: center; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress .addaddresscontent { display: flex; flex-direction: column; } } .addresspopupcontainer [data-addressbook] > div.addaddress .addicon { width: 12px; height: 12px; position: relative; display: inline-block; cursor: pointer; margin-right: 16px; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress .addicon { width: 64px; height: 64px; margin: 0; } } .addresspopupcontainer [data-addressbook] > div.addaddress .addicon:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 25%; transform: rotate(90deg); background: #081f2c; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress .addicon:before { top: 0; height: 4px; background: #e2e8ee; } } .addresspopupcontainer [data-addressbook] > div.addaddress .addicon:after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 26.5%; background: #081f2c; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress .addicon:after { top: 0; height: 4px; background: #e2e8ee; } } .addresspopupcontainer [data-addressbook] > div.addaddress .addlabel { font-size: 12px; font-weight: 600; letter-spacing: 1.2px; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addressbook] > div.addaddress .addlabel { font-size: 16px; font-weight: bold; } } .addresspopupcontainer [data-addnewaddress] .f-heading-popup-checkout { padding-left: 64px !important; } @media screen and (min-width: 64em), print { .addresspopupcontainer [data-addnewaddress] .f-heading-popup-checkout { padding: 24px !important; } } /*#955268*/ #ajaxNewsletter { width: 100%; } @media screen and (min-width: 64em), print { #ajaxNewsletter { width: 90%; max-width: 800px; } } #ajaxSocial { width: 100%; } @media screen and (min-width: 64em), print { #ajaxSocial { width: 90%; max-width: 800px; } } .popup-tab { position: absolute; top: -43px; right: 0; width: 64px; height: 44px; line-height: 44px; text-align: center; color: #081f2c; background-color: white; overflow: hidden; cursor: pointer; border-radius: 3px 3px 0 0; } .popup-tab.address { position: relative !important; right: 8px; top: 8px; width: auto !important; float: right; } @media screen and (min-width: 64em), print { .popup-tab.address { top: -43px; right: 0; position: absolute !important; float: none; } } .popup-fullscreenonnarrow { width: 100%; top: 0%; bottom: 0; left: 0; transform: translate(0, 0); max-height: 100%; } .popup-fullscreenonnarrow .popup-content { max-height: 100vh; } .popup-fullscreenonnarrow .popup-tab { position: static; width: 100%; text-align: right; } .popup-fullscreenonnarrow .popup-tab + .popup-content { max-height: calc(100vh - 44px); padding-bottom: 40px; } @media screen and (min-width: 64em), print { .popup-fullscreenonnarrow .popup-tab + .popup-content { padding-bottom: 0; } } @media screen and (min-width: 64em), print { .popup-fullscreenonnarrow { padding-bottom: 0; top: 50%; bottom: auto; left: 50%; transform: translate(-50%, -50%); width: 90%; max-height: calc(90% - 44px); } .popup-fullscreenonnarrow .popup-content { max-height: calc(90vh - 44px) !important; } .popup-fullscreenonnarrow .popup-tab { position: absolute; width: 64px; text-align: center; } } /*#998870 KA 21 Jul 20*/ .popup[style="display: block;"]:not(#ajaxReview) { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; padding-bottom: 2px; } .popup[style="display: block;"]:not(#ajaxReview) .popup-content { width: 100%; } #filterpopup { height: auto !important; } #filterpopup ::-webkit-scrollbar { width: 8px; } #filterpopup ::-webkit-scrollbar-thumb { background: #081f2c; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } #videopopup { min-height: 0; } #videoholder { position: relative; height: 0; padding-top: 56.25%; } #videoholder iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #ajaxReview .popup-content::-webkit-scrollbar { width: 10px; background: #e2e8ee; cursor: pointer; } #ajaxReview .popup-content::-webkit-scrollbar-thumb { background: #666666; cursor: pointer; border-radius: 5px; } .no-webkit #reviewformscroll { overflow-y: auto; max-height: 100vh; } .no-webkit #reviewformscroll .simplebar-scroll-content { height: 100vh; } @media screen and (min-width: 30em), print { .no-webkit #reviewformscroll { max-height: calc(90vh - 44px); } .no-webkit #reviewformscroll .simplebar-scroll-content { height: 90vh; } } input, select, textarea, a.button, a[class*=btn-] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border: solid 1px #c8ccd0; max-width: 100%; height: 40px; padding: 8px; overflow: hidden; font-weight: 400; color: #666666; border-radius: 0; } input:focus, select:focus, textarea:focus, a.button:focus, a[class*=btn-]:focus { outline: none; } input:focus, textarea:focus, a.button:focus, a[class*=btn-]:focus { border-color: #f9d100; } input.short, select.short, textarea.short, label.short, a.button.short, a[class*=btn-].short { max-width: 96px !important; } input.xshort, select.xshort, textarea.xshort, label.xshort, a.button.xshort, a[class*=btn-].xshort { max-width: 48px !important; } .button.applepay { display: flex; align-items: center; justify-content: center; background: black; font-size: 16px; font-weight: normal; text-transform: none; position: relative; height: 50px !important; } .button.applepay > span { display: inline-block; line-height: 1; } .button.applepay > span.applepayicon { position: absolute; right: 16px; top: 8px; } .button.applepay.lined { background: white; color: #081f2c; border: solid 2px #081f2c; } .button.applepay.lined:hover { background-color: white !important; color: #081f2c !important; border: solid 2px #f9d100; } .button.applepay svg { outline: none; } .button.applepay path:not(#outline) { stroke-width: 0; } .button.outlined { background: none; border: 2px solid #081f2c; color: #081f2c; } #applepay-bsk-container button { width: 100%; border-radius: 0; } input[type=button], input[type=submit], input[type=image], span.button, a.button, a[class*=btn-] { display: inline-block; text-decoration: none; text-transform: uppercase; border-width: 0; text-align: center; cursor: pointer; font-size: 13px; font-weight: bold; letter-spacing: 0.08333em; background-color: #081f2c; color: white; } input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=image]::-moz-focus-inner, span.button::-moz-focus-inner, a.button::-moz-focus-inner, a[class*=btn-]::-moz-focus-inner { padding: 0; border: 0; } input[type=button]:not(.flat), input[type=submit]:not(.flat), input[type=image]:not(.flat), span.button:not(.flat), a.button:not(.flat), a[class*=btn-]:not(.flat) { height: 50px; line-height: 50px; padding: 0 60px; } input[type=button].flat, input[type=submit].flat, input[type=image].flat, span.button.flat, a.button.flat, a[class*=btn-].flat { line-height: 40px; padding: 0 30px; } input[type=button].slim, input[type=submit].slim, input[type=image].slim, span.button.slim, a.button.slim, a[class*=btn-].slim { line-height: 50px; padding: 0 30px; } .bg-reversebuttons input[type=button], .bg-reversebuttons input[type=submit], .bg-reversebuttons input[type=image], .bg-reversebuttons span.button, .bg-reversebuttons a.button, .bg-reversebuttons a[class*=btn-] { background-color: white; color: #081f2c; } .no-touchevents input[type=button]:not(.btn-secondary):hover, .no-touchevents input[type=submit]:not(.btn-secondary):hover, .no-touchevents input[type=image]:not(.btn-secondary):hover, .no-touchevents span.button:not(.btn-secondary):hover, .no-touchevents a.button:not(.btn-secondary):hover, .no-touchevents a[class*=btn-]:not(.btn-secondary):hover { background-color: #f9d100; color: #081f2c; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } input[type=button].atb-ing, input[type=submit].atb-ing, input[type=image].atb-ing, span.button.atb-ing, a.button.atb-ing, a[class*=btn-].atb-ing { background-color: #f9d100; color: #081f2c; } input[type=button].btn-secondary, input[type=submit].btn-secondary, input[type=image].btn-secondary, span.button.btn-secondary, a.button.btn-secondary, a[class*=btn-].btn-secondary { background-color: white; color: #081f2c; border: solid 2px #081f2c; } input[type=button].btn-secondary:not(.flat), input[type=submit].btn-secondary:not(.flat), input[type=image].btn-secondary:not(.flat), span.button.btn-secondary:not(.flat), a.button.btn-secondary:not(.flat), a[class*=btn-].btn-secondary:not(.flat) { height: 50px; line-height: 46px; } input[type=button].btn-secondary.flat, input[type=submit].btn-secondary.flat, input[type=image].btn-secondary.flat, span.button.btn-secondary.flat, a.button.btn-secondary.flat, a[class*=btn-].btn-secondary.flat { line-height: 36px; } input[type=button].btn-secondary.slim, input[type=submit].btn-secondary.slim, input[type=image].btn-secondary.slim, span.button.btn-secondary.slim, a.button.btn-secondary.slim, a[class*=btn-].btn-secondary.slim { line-height: 46px; padding: 0 30px; } .bg-reversebuttons input[type=button].btn-secondary, .bg-reversebuttons input[type=submit].btn-secondary, .bg-reversebuttons input[type=image].btn-secondary, .bg-reversebuttons span.button.btn-secondary, .bg-reversebuttons a.button.btn-secondary, .bg-reversebuttons a[class*=btn-].btn-secondary { background-color: #081f2c; color: white; border-color: white; } .no-touchevents input[type=button].btn-secondary:not(.no-hover):hover, .no-touchevents input[type=submit].btn-secondary:not(.no-hover):hover, .no-touchevents input[type=image].btn-secondary:not(.no-hover):hover, .no-touchevents span.button.btn-secondary:not(.no-hover):hover, .no-touchevents a.button.btn-secondary:not(.no-hover):hover, .no-touchevents a[class*=btn-].btn-secondary:not(.no-hover):hover { border-color: #f9d100; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; /*#880334*/ } input[type=button].btn-secondary.icon > *, input[type=submit].btn-secondary.icon > *, input[type=image].btn-secondary.icon > *, span.button.btn-secondary.icon > *, a.button.btn-secondary.icon > *, a[class*=btn-].btn-secondary.icon > * { display: inline-block; vertical-align: middle; } input[type=button].btn-secondary.icon svg, input[type=submit].btn-secondary.icon svg, input[type=image].btn-secondary.icon svg, span.button.btn-secondary.icon svg, a.button.btn-secondary.icon svg, a[class*=btn-].btn-secondary.icon svg { margin: 0 8px; } input[type=button].inactive, input[type=submit].inactive, input[type=image].inactive, span.button.inactive, a.button.inactive, a[class*=btn-].inactive { background: #999999; } .no-touchevents input[type=button].inactive:hover, .no-touchevents input[type=submit].inactive:hover, .no-touchevents input[type=image].inactive:hover, .no-touchevents span.button.inactive:hover, .no-touchevents a.button.inactive:hover, .no-touchevents a[class*=btn-].inactive:hover { background: #999999 !important; color: white; } input[type=button].inactive, input[type=submit].inactive, input[type=image].inactive, span.button.inactive, a.button.inactive, a[class*=btn-].inactive, .wait-button.inactive { background: #999999; } .no-touchevents input[type=button].inactive:hover, .no-touchevents input[type=submit].inactive:hover, .no-touchevents input[type=image].inactive:hover, .no-touchevents span.button.inactive:hover, .no-touchevents a.button.inactive:hover, .no-touchevents a[class*=btn-].inactive:hover, .no-touchevents .wait-button.inactive:hover { background: #999999; color: white; } .wait-button { background-color: #999999; } .select-wrapper { overflow: hidden; border: solid 1px #c8ccd0; position: relative; padding-right: 16px; } .select-wrapper svg { width: 10px; height: 10px; position: absolute; right: 12px; top: 50%; margin-top: -5px; } .select-wrapper select { width: calc(100% + 43px) !important; max-width: none; border-width: 0; background: transparent; position: relative; } .checkbox-wrapper { overflow: hidden; position: relative; } .checkbox-wrapper label { cursor: pointer; } .checkbox-wrapper input[type=checkbox] { position: absolute; left: -100px; } .checkbox-wrapper input[type=checkbox]:not(:checked) + label .bd-color3 { border-color: #d9dee1; } .checkbox-wrapper input[type=checkbox]:not(:checked) + label svg { display: none; } textarea:not(.flat) { height: 70px; padding-top: 8px; padding-bottom: 8px; } textarea.noresize { resize: none; /*#956154*/ } input[type=image] { background-color: transparent; } input[type=radio], input[type=checkbox], input[type=image] { border-width: 0; outline: none; height: auto; margin: 0; } input[type=radio], input[type=checkbox] { vertical-align: top; width: 16px; margin-right: 4px; margin-top: 2px; } input[type=radio] + label[for], input[type=checkbox] + label[for] { cursor: pointer; font-weight: 400; letter-spacing: normal; /*#880334*/ } .radio-slider > div, .radio-slider > div input { position: relative; } .radio-slider > div:not(:last-child):before { content: ''; position: absolute; bottom: 8px; height: 1px; background: #c8ccd0; width: 100%; left: 50%; } label { font-weight: 500; letter-spacing: 0.04em; /*#880334*/ } .fieldbelowlabel label { display: block; margin-bottom: 8px; font-size: 15px; } .fieldbelowlabel input[type=text], .fieldbelowlabel input[type=email], .fieldbelowlabel input[type=password], .fieldbelowlabel input[type=number], .fieldbelowlabel input[type=tel], .fieldbelowlabel input[type=button], .fieldbelowlabel input[type=submit], .fieldbelowlabel input[type=image], .fieldbelowlabel input:not([type]), .fieldbelowlabel a.button, .fieldbelowlabel a[class*=btn-], .fieldbelowlabel select, .fieldbelowlabel textarea { display: block; width: 100%; margin-bottom: 16px; } .fieldbelowlabel.form-wide input, .fieldbelowlabel.form-wide select, .fieldbelowlabel.form-wide textarea, .fieldbelowlabel.form-wide a.button, .fieldbelowlabel.form-wide a[class*=btn-], .fieldbelowlabel.form-wide .errorbox, .fieldbelowlabel.form-wide iframe, .fieldbelowlabel.form-wide .formwidthdiv { max-width: 400px; } .fieldbelowlabel.form-wide .select-wrapper { max-width: 400px; } .fieldbelowlabel.form-wide .select-wrapper select { max-width: 427px; } .fieldwithlabel input[type=text], .fieldwithlabel input[type=email], .fieldwithlabel input[type=password], .fieldwithlabel input[type=number], .fieldwithlabel input[type=tel] { height: 50px; } .fieldwithlabel label { float: left; margin-right: 8px; width: 150px; padding-top: 8px; font-size: 15px; } .fieldwithlabel label.long { width: 182px; } .fieldwithlabel label.xlong { width: 214px; } .fieldwithlabel label + div { overflow: hidden; margin-bottom: 16px; } .fieldwithlabel label + div > * { width: 100%; } .fieldwithlabel label + div.therating { margin-bottom: 6px; } .fieldwithlabel [type="radio"] { margin-top: 12px; } input[type=number] { -moz-appearance: textfield; } @media screen and (min-width: 48em), print { input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } /*fixes Chrome & Safari but not Opera*/ } .cta1 { font-weight: 900; text-transform: uppercase; letter-spacing: 0.08333em; position: relative; } .cta1.edit { font-weight: 600; display: inline-block; font-size: 12px; line-height: 18px; letter-spacing: 1.2px; cursor: pointer; } .cta1:after { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; background: #c8ccd0; } .cta1:hover:after { background: #f9d100; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } /*#1037384 START*/ .cta2, .cta2reversed { font-weight: 700; text-transform: uppercase; letter-spacing: 0.08333em; } .cta2:after, .cta2reversed:after { content: ''; background: url("data:image/svg+xml;utf8,") white no-repeat; display: inline-block; vertical-align: baseline; width: 10px; height: 10px; } .cta2:hover:after, .cta2reversed:hover:after { border-color: transparent #f9d100; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } /*#1037384 END*/ .cta2reversed { padding-right: 0; padding-left: 8px; } .cta2reversed:after { right: auto; left: 0; border-width: 4px 4px 4px 0; } [data-method-head] { cursor: pointer; } /*#880334 START*/ input[type=text]::-ms-clear, input[type=email]::-ms-clear, input[type=password]::-ms-clear, input[type=number]::-ms-clear, input[type=tel]::-ms-clear, select::-ms-clear, textarea::-ms-clear { display: none; } input[type=text].inputFAIL, input[type=email].inputFAIL, input[type=password].inputFAIL, input[type=number].inputFAIL, input[type=tel].inputFAIL { border: 1px solid #e04b65; } input[type=text].inputPASS + div .error, input[type=text].inputPASS + div .f-error, input[type=email].inputPASS + div .error, input[type=email].inputPASS + div .f-error, input[type=password].inputPASS + div .error, input[type=password].inputPASS + div .f-error, input[type=number].inputPASS + div .error, input[type=number].inputPASS + div .f-error, input[type=tel].inputPASS + div .error, input[type=tel].inputPASS + div .f-error { display: none; } [data-errorfor] { color: #D2232A; margin-bottom: 16px; } .optionbox-wrap { position: relative; cursor: pointer; border: 4px solid #e2e8ee; padding: 0 5%; } .optionbox-wrap .optionbox { border: 0px solid #e2e8ee; padding: 16px 0; } .optionbox-wrap.selected { cursor: default; border-color: #081f2c; } .optionbox-wrap-downtime { position: relative; cursor: pointer; border: 4px solid #e2e8ee; padding: 0 5%; } .optionbox-wrap-downtime .optionbox-downtime { position: relative; cursor: default; padding: 16px 0; display: flex; align-items: center; } .optionbox { position: relative; cursor: pointer; border: 4px solid #e2e8ee; padding: 8px 5%; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .optionbox:before { content: ''; -webkit-box-flex: 0 0 12px; -moz-box-flex: 0 0 12px; -webkit-flex: 0 0 12px; -ms-flex: 0 0 12px; flex: 0 0 12px; height: 12px; border: 3px solid white; border-radius: 12px; -webkit-box-shadow: 0 0 0 1.5px #c8ccd0; box-shadow: 0 0 0 1.5px #c8ccd0; } .optionbox.optionbox-selected { cursor: default; border-color: #081f2c; } .optionbox.optionbox-selected:before { background: #081f2c; } .optionbox > div { /*@include flex(1 1 auto)*/ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 5%; flex: auto; } .optionbox > div > div { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; margin: 4px 0; width: 100%; align-items: flex-start; } @media screen and (min-width: 66em), print { .optionbox > div > div > span:first-child { width: 65px; } } @media screen and (min-width: 66em), print { .optionbox > div > div > span:first-child.int { width: 65px; } } .optionbox > svg.delivery-group { -webkit-box-flex: 0 0 85px; -moz-box-flex: 0 0 85px; -webkit-flex: 0 0 85px; -ms-flex: 0 0 85px; flex: 0 0 85px; height: 50px; } .optionbox input[type="radio"] { position: absolute; left: -999em; } .pretty-radio { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; } .pretty-radio label:before { content: ''; -webkit-box-flex: 0 0 12px; -moz-box-flex: 0 0 12px; -webkit-flex: 0 0 12px; -ms-flex: 0 0 12px; flex: 0 0 12px; height: 12px; margin-right: 16px; border: 3px solid white; border-radius: 12px; -webkit-box-shadow: 0 0 0 1.5px #c8ccd0; box-shadow: 0 0 0 1.5px #c8ccd0; } .pretty-radio input[type="radio"]:checked + label:before { background: #081f2c; } .pretty-radio input[type="radio"] { position: absolute; left: -999em; } /*#880334 END*/ .passshowhide img { opacity: 0.5; } .clearfield { position: absolute; right: 16px; top: 36px; cursor: pointer; display: none; } /*#1009656*/ #paypal-button-container { position: relative; z-index: 0; } #paypal-button-container > div { vertical-align: bottom; } #ajaxQuickview .ctaloader { position: absolute; margin: 10px; right: calc(50% - 32px); } .ctaloader { position: absolute; margin: 10px; right: calc(50% - 32px); } @media screen and (min-width: 48em), print { .ctaloader { right: calc(50% - 48px); } } .loaderbtn-cont { clear: both; display: table; width: 100%; } .cta-loader-tbn { display: flex; align-items: center; justify-content: center; } #pdp-atb-button:disabled { color: #c8ccd0; } @media screen and (min-width: 48em), print { #pdp-atb-button:disabled { color: #c8ccd0; } } #pdp-atb-button:disabled:hover { color: #c8ccd0; } @media screen and (min-width: 48em), print { #pdp-atb-button:disabled:hover { color: #999; } } .errorbox, .infobox { display: flex; flex-direction: row; } .errorbox > span:first-child, .infobox > span:first-child { width: 20px; margin-right: 10px; min-width: 20px; } .errorbox > span:last-child, .infobox > span:last-child { flex: 1 auto; text-align: left; } .privbox { display: flex; flex-direction: row; } @media screen and (min-width: 48em), print { .privbox { justify-content: center; align-items: center; } } .privbox > span:first-child { width: 33%; margin-right: 10px; } @media screen and (min-width: 48em), print { .privbox > span:first-child { width: 40px; } } .privbox > span:last-child { flex: 1 auto; text-align: left; } footer.footergap { margin-top: 32px; } .no-touchevents footer a:hover svg { fill: #f9d100; stroke: #f9d100; } footer a { text-decoration: none; } #footer-newsletter #frmsignup { max-width: 484px; margin: 0 auto; } #footer-newsletter #footeremail { height: 50px; } @media screen and (min-width: 48em), print { #footer-newsletter input[type=submit] { margin-left: 8px; } } .footer-links-section { padding: 0 16px 16px 16px; border-top: solid 1px #e2e8ee; } @media screen and (min-width: 48em), print { .footer-links-section { border-top-width: 0; padding: 0 16px; } } .footer-links-heading { font-weight: 500; font-size: 15px; padding: 12px 0 0 0; cursor: pointer; position: relative; padding-left: 32px; letter-spacing: 0.08333em; } @media screen and (min-width: 48em), print { .footer-links-heading { padding: 12px 0 20px 0; } } .footer-links-heading:before { content: '+'; font-size: 30px; font-weight: 300; position: absolute; left: 0; top: 0; } .footer-links-heading.footer-links-selected:before { content: '-'; } @media screen and (min-width: 48em), print { .footer-links-heading { cursor: default; font-size: 18px; padding-left: 0; } .footer-links-heading:before, .footer-links-heading.footer-links-selected:before { content: ''; } } .footer-links-list { display: none; font-size: 15px; } @media screen and (min-width: 48em), print { .footer-links-list { display: block !important; margin-bottom: 16px; } } .footer-links-list a { display: block; padding: 6px 0 6px 32px; } @media screen and (min-width: 48em), print { .footer-links-list a { padding-left: 0; } } .no-touchevents .footer-links-list a:hover { text-decoration: underline; } .footer-links-social { margin: 32px 0 16px; } @media screen and (min-width: 48em), print { .footer-links-social { margin: 8px 0 24px; } } @media (max-width: 767px) { #backtotop { display: none !important; } } #header-hamburger path { stroke: #081f2c; stroke-width: 2px; } #header-main { padding: 0 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #header-main a { text-align: center; text-decoration: none; } #header-main a, #header-main > * { padding: 10px; } @media screen and (min-width: 64em), print { #header-main { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #header-main a:not(#header-logo) { width: 80px; padding: 10px 0; } } #header-logo { min-height: 67px; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; /*height:67px;*/ /*#1019044 CLS PREVENTION (rolled back)*/ } @media screen and (min-width: 64em), print { #header-logo { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 85px; /*#1019044 CLS PREVENTION*/ } } #header-search { display: none; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-box-flex: 0 0 calc(100% + 20px); -moz-box-flex: 0 0 calc(100% + 20px); -webkit-flex: 0 0 calc(100% + 20px); -ms-flex: 0 0 calc(100% + 20px); flex: 0 0 calc(100% + 20px); margin-left: -10px; margin-right: -10px; background-color: #e2e8ee; } #header-search > form { display: flex; flex-direction: row; border: none; align-items: center; } #header-search > form #searchINPUT { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; background: transparent; } #header-search > form #searchSubmit { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #header-search > form #searchSubmit > svg { width: 30px; height: 30px; } @media screen and (min-width: 64em), print { #header-search { display: inline-block !important; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; width: 12.5%; background-color: none; margin-left: 0; margin-right: 0; background-color: white; } #header-search > form { display: block; border: 1px solid #c8ccd0; } #header-search > form #searchSubmit > svg { width: 20px; height: 20px; } } @media screen and (min-width: 66em), print { #header-search { margin-right: 10px; } } @media screen and (min-width: 64em), print { #fmHeaderSearch { max-width: 230px; } } #searchINPUT { -webkit-appearance: none; width: calc(100% - 38px); } @media screen and (-webkit-min-device-pixel-ratio: 0) { #searchINPUT { line-height: 2.8; } } #searchINPUT::-webkit-input-placeholder { color: inherit; font-size: 13.5px; } #searchINPUT::-moz-placeholder { color: inherit; opacity: 1; font-size: 13.5px; } #searchINPUT:-ms-input-placeholder { color: inherit; opacity: 1; font-size: 13.5px; } #searchINPUT:-moz-placeholder { color: inherit; font-size: 13.5px; } #searchINPUT::placeholder { color: inherit; font-size: 13.5px; } header svg { display: inline-block; vertical-align: bottom; max-width: 100%; } header svg + * { padding-top: 4px; } @media screen and (min-width: 64em), print { #header-nav { width: 100%; height: 40px; } } .header-bubble { position: absolute; min-width: 16px; height: 16px; line-height: 16px; background: #f9d100; color: white; border-radius: 16px; font-weight: 700; font-size: 13px; text-align: center; padding: 0 4px; } .header-bubble.cdnWishlist { left: 13px; top: 9px; } .header-bubble.cdnBasket { right: 3px; top: 9px; } @media screen and (min-width: 64em), print { .header-bubble.cdnWishlist { left: 50%; top: 19px; } .header-bubble.cdnBasket { right: 20px; top: 8px; } } #accountDropdown .header-bubble.cdnWishlist { left: 11px; top: 14px; } @media screen and (min-width: 64em), print { #header-account, #header-basket { width: 80px; } } #ajaxMiniBasket { width: 400px; } #accountDropdown { width: 340px; padding-right: 90px; } #accountDropdown:before { content: ''; position: absolute; top: -6px; right: 114px; border: solid 16px #e2e8ee; transform: rotate(45deg); } #accountDropdown a svg { width: 20px; height: 20px; margin-right: 16px; } /*#ajaxMiniBasket,*/ #accountDropdown { display: none; position: absolute; top: 85px; right: 0; } @media screen and (min-width: 1540px), print { #accountDropdown { right: 50%; margin-right: -770px; } } .promo-slider-exists #accountDropdown { top: 125px; } #ajaxMiniBasket { display: none; position: absolute; right: 0; } @media screen and (min-width: 1540px), print { #ajaxMiniBasket { right: 50%; margin-right: -770px; } } .promo-slider-exists #ajaxMiniBasket { top: 125px; } #ajaxAddToBagMessage { display: none; position: fixed; right: 0; width: 100%; padding: 16px; color: white; background: #081f2c; text-align: center; } #minibasket-items { max-height: 284px; /*#880334*/ overflow-y: auto; border-bottom: solid 1px #c8ccd0; } #minibasket-items .simplebar-scroll-content { height: 318px; /*#880334*/ } #minibasket-items .listing:last-child { border-bottom-width: 0; } #minibasket-items::-webkit-scrollbar { width: 10px; background: #e2e8ee; cursor: pointer; } #minibasket-items::-webkit-scrollbar-thumb { background: #666666; cursor: pointer; border-radius: 5px; } #ajaxSearch { display: none; position: absolute; top: 85px; right: 0; } .promo-slider-exists #ajaxSearch { top: 187px; } @media screen and (min-width: 64em), print { .promo-slider-exists #ajaxSearch { top: 125px; } } #ajaxSearch #search-products { -webkit-box-flex: 1 1 75%; -moz-box-flex: 1 1 75%; -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%; flex: 1 1 75%; } #ajaxSearch #search-other { -webkit-box-flex: 1 1 25%; -moz-box-flex: 1 1 25%; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; } #ajaxSearch #search-other a { display: block; padding: 4px 0; } #ajaxSearch [data-listing="wishlist"], #ajaxSearch [data-listing="quickview"] { display: none; } @media screen and (min-width: 1540px), print { #ajaxSearch { width: 1540px; left: 50%; margin-left: -770px; } } #promo-slider { height: 40px; } #promo-slider .slick-slider { visibility: visible !important; } .cookiebar { background: #081f2c; color: white; padding: 8px; text-align: center; position: relative; } .cookiebar a { color: white; } @media screen and (min-width: 66em), print { .cookiebar { position: fixed; bottom: 0; width: 100%; left: 0; z-index: 1; } } @media screen and (min-width: 66em), print { .cookiebaron #sitebody { padding-bottom: 34px; } } #productDataOnPage { padding: 0 16px; } @media screen and (min-width: 48em), print { #productDataOnPage { padding: 0; } .container-sidebar-listing { padding: 0 8px; } } .container-cols { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listing { display: block; position: relative; text-align: center; overflow: hidden; background-color: white; font-size: 14px; margin: 8px 0; } .listing [data-listing] { display: block; } .listing [data-url] { cursor: pointer; } .container-cols .listing { height: 100%; } .container-cols .listing, .slick-slide .listing { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0; } .slick-slide .listing { margin-left: 8px; margin-right: 8px; } .listing .listing-image { position: relative; min-height: 1%; /*for IE11*/ } .listing .listing-image [data-listing="image"] { display: block; position: absolute; left: 0; top: 0; width: 100%; height: auto; /*#1052543*/ } .listing .listing-details { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .listing .listing-details [data-listing], .listing .listing-footer [data-listing] { margin: 8px 16px; } .listing [data-listing="name"] { font-size: 16px; line-height: 18px; } .listing [data-listing="price"] { font-size: 16px; font-weight: 600; } .listing [data-listing="quickview"] { display: none; position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); background: #e2e8ee; opacity: 0.8; padding: 8px 16px; white-space: nowrap; font-weight: 700; font-size: 13px; cursor: pointer; } .listing [data-listing="wishlist"] { position: absolute; top: 2.5%; right: 3%; cursor: pointer; } @media screen and (min-width: 48em), print { .listing [data-listing="wishlist"] { display: none; } } .listing [data-listing="deletewishlist"] { position: absolute; top: 2.5%; left: 3%; cursor: pointer; } @media screen and (min-width: 48em), print { .touchevents .listing .listing-showonhover, .no-touchevents .listing:hover .listing-showonhover { display: inline-block; } } .listing [data-listing="swatches"] .swatch { display: inline-block; margin: 2px; cursor: pointer; } .listing [data-listing="swatches"] .swatch.current { position: relative; overflow: visible; border-color: white; } .listing [data-listing="swatches"] .swatch.current:after { content: ""; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); left: -2px; top: -2px; border: 1px solid #081f2c; } .listing [data-listing="swatches"] .listing-swatches-moreless { cursor: pointer; display: inline-block; vertical-align: middle; font-weight: 700; font-size: 12px; width: 55px; } .listing [data-listing="swatches"] .listing-swatches-extra { display: none; } .listing#listing-sidebar { text-align: left; margin: 0; } .listing .swatch { cursor: pointer; display: inline-block; border: 1px solid #c8ccd0; width: 20px; height: 20px; vertical-align: middle; margin: 0 2px; position: relative; overflow: hidden; line-height: 1.2; /*#1041371*/ } .no-touchevents .listing:not(.no-hover):hover a, .no-touchevents .listing:not(.no-hover):hover span[data-listing="name"] { color: #081f2c; } .no-touchevents .listing:not(.no-hover):hover [data-listing="swatches"] { visibility: visible; } .listing #facetMiddleBlock > div:last-child { border-bottom: none !important; } .promoA > span { display: inline-block; padding: 0 16px; height: 24px; line-height: 24px; font-weight: 700; } .promo-white { background: white; } .promo-navy { background: #081f2c; } .promo-dark-grey { background: #999999; } .promo-mist { background: #c8ccd0; } .promo-dove, .promo-taupe { background: #e2e8ee; } .promo-pumpkin, .promo-red { background: #e04b65; } .no-touchevents .listing.blog:not(.no-hover):hover { background-color: white; color: #081f2c; } .no-touchevents .listing.blog:not(.no-hover):hover a, .no-touchevents .listing.blog:not(.no-hover):hover [data-url], .no-touchevents .listing.blog:not(.no-hover):hover [data-name] { color: #081f2c; } .listing-pagination { text-align: center; margin: 16px 0; } .listing-pagination > * { display: inline-block; vertical-align: middle; width: 24px; max-width: 5%; } .listing-pagination > *:not(:last-child) { margin-right: 8px; } .listing-pagination > *:not([class*=pagination-arrow]) { border-bottom: 4px solid transparent; } .listing-pagination .page-current, .listing-pagination a:hover { border-bottom-color: #f9d100; } .listing-pagination .pagination-arrow:hover svg { fill: #f9d100; stroke: #f9d100; } .listing-pagination .pagination-arrow-disabled svg { fill: #e2e8ee; stroke: #e2e8ee; } .bubble-parent { position: relative; } .bubble-parent .bubble { width: 24px; height: 24px; line-height: 24px; position: absolute; top: -12px; right: -12px; text-align: center; } [data-scrollfrom="150"] { max-height: 150px; } [data-scrollfrom="160"] { max-height: 160px; } [data-scrollfrom="170"] { max-height: 170px; } [data-scrollfrom="180"] { max-height: 180px; } [data-scrollfrom="190"] { max-height: 190px; } [data-scrollfrom] { overflow-y: auto; } .webkit .scroll-pane { overflow: hidden; overflow-y: auto; } .webkit .scroll-pane::-webkit-scrollbar { width: 8px; background: #e2e8ee; cursor: pointer; } .webkit .scroll-pane::-webkit-scrollbar-thumb { background: #081f2c; cursor: pointer; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .plus, .minus { cursor: pointer; position: relative; } .plus:before, .minus:before { position: absolute; right: 0; font-size: 2em; line-height: 0.5em; } h3.plus:before, h3.minus:before { line-height: 0.3em; } .plus:before { content: '+'; top: 5px; } .minus:before { content: '-'; top: 3px; } @media screen and (min-width: 48em), print { .plus-narrowonly, .minus-narrowonly { cursor: default; } .plus-narrowonly:before, .minus-narrowonly:before { content: ''; } .plus-narrowonly + *, .minus-narrowonly + * { display: block !important; } } #filterdiv { display: none; } @media screen and (min-width: 64em), print { #filterdiv { display: block; } } #filterdiv.filterdiv-fixed { display: block; position: fixed; background: white; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; } @media screen and (min-width: 64em), print { #filterdiv.filterdiv-fixed { position: static; } } .facet-breadcrumbs { margin: 8px 0; } .remove-facet { position: relative; display: inline-block; color: white; background: #c8ccd0; line-height: 16px; padding: 2px 6px 2px 23px; margin: 8px; cursor: pointer; } .remove-facet:before { content: 'X'; position: absolute; left: 0; line-height: 16px; height: 16px; width: 16px; text-align: center; color: #666666; border-right: 1px solid #999999; } .el-facetblock { padding: 0 8px 16px; border-bottom: 1px solid #c8ccd0; } .el-facetheading { display: block; font-weight: 700; padding-top: 16px; text-transform: uppercase; font-size: 15px; } .el-facetheading:before { display: inline-block; font-size: 2em; font-weight: 400; line-height: 0; position: relative; width: 16px; } .el-facetheading.minus:before { font-size: 2.4em; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .el-facetheading:before { font-size: 16px; top: 2px; } } .el-facetheading + div { padding-top: 8px; } [data-elfacet] { display: block; } .facet a { position: relative; text-align: left; padding-top: 6px; line-height: 17px; margin-top: 4px; text-transform: uppercase; margin-left: 16px; padding-left: 24px; } .facet a:before { content: ''; position: absolute; left: 0; top: 6px; width: 14px; height: 14px; border: 1px solid #c8ccd0; } .facet a.checked:after { content: ''; position: absolute; left: 2px; top: 9px; width: 11px; height: 5px; border-bottom: 1px solid #081f2c; border-left: 1px solid #081f2c; transform: rotate(-45deg); } .facet a.unavailable:before { background: #c8ccd0; } .listing-saveicon { position: absolute; right: 8px; bottom: 8px; } .list-sort-dropdown { position: relative; } .list-sort-dropdown > div { text-align: left; max-width: 90%; white-space: nowrap; } .list-sort-dropdown > div:first-child { padding: 8px 32px 8px 8px; border: 1px solid #c8ccd0; cursor: pointer; } @media screen and (min-width: 48em), print { .list-sort-dropdown > div:first-child { background: url(../images/core/drop_arrow.svg) no-repeat 95%; background-size: 16px; } } .list-sort-dropdown > div:last-child { position: absolute; left: 0; z-index: 1; background: white; border: 1px solid #c8ccd0; width: auto; margin-top: -1px; } .list-sort-dropdown > div:last-child a { white-space: nowrap; padding: 8px; } .list-sort-dropdown > div:last-child a:hover { background-color: #e2e8ee !important; } @media screen and (min-width: 48em), print { .list-sort-dropdown > div { min-width: 240px; max-width: 100%; } } #filtersortbar, #prodsfound { border-top: 1px solid #e2e8ee; } @media screen and (min-width: 64em), print { #filtersortbar, #prodsfound { border-top-width: 0; } } #sortby { border-left: 1px solid #e2e8ee; } #sortby > div { width: 16px; overflow: hidden; background: url(/images/core/plp_sortby.svg) no-repeat center center; } #sortby select { float: right; background: transparent; border-width: 0; max-width: none; width: 200px; margin-right: -32px; } @media screen and (min-width: 64em), print { #sortby { border-left-width: 0; } #sortby > div { width: 200px; margin-left: 8px; background-position: right 8px center; border: 1px solid #c8ccd0; cursor: pointer; height: 32px; } #sortby select { float: none; width: 232px; height: 32px; padding: 0 8px; margin-right: 0; } } .swatch-wrapper-colors > div, .swatch-wrapper-colors > a { display: inline-block; width: 40px; height: 40px; border: solid 1px #c8ccd0; margin: 3px; } .swatch-wrapper-colors > div.swatch-current, .swatch-wrapper-colors > a.swatch-current { outline: solid 2px #081f2c !important; } .swatch-wrapper-colors > div.swatch-disabled, .swatch-wrapper-colors > a.swatch-disabled { cursor: default; position: relative; } .swatch-wrapper-colors > div.swatch-disabled:after, .swatch-wrapper-colors > a.swatch-disabled:after { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } .swatch-wrapper-colors > div.swatch-disabled:before, .swatch-wrapper-colors > a.swatch-disabled:before { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(-45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } .swatch-wrapper-sizes { margin: -3px; } .swatch-wrapper-sizes > div { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: inline-block; width: 40px; height: 40px; border: solid 2px #c8ccd0; line-height: 36px; /*40px - 2*2px border*/ margin: 3px; text-align: center; font-weight: 700; position: relative; } .swatch-wrapper-sizes > div.swatch-current { background: #081f2c; color: white; border-color: #081f2c; } .swatch-wrapper-sizes > div.swatch-disabled { background: #c8ccd0; color: #999999; position: relative; } .swatch-wrapper-sizes > div.swatch-disabled:before, .swatch-wrapper-sizes > div.swatch-disabled:after { content: ""; position: absolute; left: -9px; top: 50%; height: 1px; width: 53.74px; background: #666666; opacity: 0.5; } .swatch-wrapper-sizes > div.swatch-disabled:before { transform: rotate(45deg); } .swatch-wrapper-sizes > div.swatch-disabled:after { transform: rotate(-45deg); } .swatch-wrapper-sizes > div > span.stockonsize { display: none; position: absolute; padding: 4px; background: white; font-weight: normal; border: 1px solid #999999; left: 25%; top: -100%; white-space: nowrap; color: #081f2c; } .swatch-wrapper-sizes > div > span.stockonsize:after { content: ""; position: absolute; width: 4px; height: 4px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; transform: rotate(45deg); bottom: -4px; left: 8px; z-index: 1; background: white; } .no-touchevents .swatch-wrapper-sizes > div:hover .stockonsize { display: block; } .navcat { width: 770px; max-width: 100%; margin: 16px auto; padding: 0 16px; text-align: center; } .navcat .navcat-linklist { border-top: solid 1px #081f2c; padding-top: 4px; text-transform: uppercase; margin-bottom: 16px; } .navcat .navcat-linklist a { display: inline-block; padding: 6px 16px 4px; font-size: 13px; letter-spacing: 0.08333em; font-weight: 700; border-bottom: 3px solid transparent; } .navcat .navcat-linklist a:hover, .navcat .navcat-linklist a:active, .navcat .navcat-linklist a.navcat-current { border-color: #f9d100; } #pdp-images { margin-left: -16px; margin-right: -16px; min-height: 60vh; } @media screen and (min-width: 48em), print { #pdp-images { margin-left: 0; margin-right: 0; padding-right: 16px; border-right: 1px solid #e2e8ee; min-height: initial; } #pdp-details { padding-left: 16px; } } @media screen and (min-width: 66em), print { #pdp-images { padding-right: 48px; } #pdp-details { padding-left: 48px; } } .insideIframe #pdp-images { margin-left: 0; margin-right: 0; padding-right: 12px; border-right-width: 0; } .insideIframe #pdp-details { padding-left: 12px; } .insideIframe [href="#pdesc"] { display: none; } /*#details-inner{ transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; }*/ #pdp-details { /*will-change: min-height;*/ } @media screen and (min-width: 48em), print { #pdp-details { top: 0; position: -webkit-sticky; position: sticky; } } @media screen and (min-width: 48em) and (min-height: 56.25em), print { #pdp-details { /*top:0; position: -webkit-sticky; position:sticky;*/ /*.stick-stage1{position:relative;} .stick-stage2{position:relative;}*/ } } @media screen and (min-width: 48em) and (max-height: 56.25em), print { #pdp-details { top: -270px; /*position:relative;*/ /*.stick-stage1{top:0; position:sticky; z-index:0;} .stick-stage2{top:0; position:sticky; background:$color0; z-index:1; padding-bottom:50%; }*/ } #pdp-details.descopened { top: -800px; } } [data-wishlist="true"] > span:first-child { display: none; } [data-wishlist="false"] > span:last-child { display: none; } .wishlist-off .wishlist-controlled { display: none !important; } @media screen and (min-width: 48em), print { .collectionpopup { display: flex; flex-direction: row; } } .collectionpopup .collectionVariant { position: relative; } @media screen and (min-width: 66em), print { .collectionpopup .collectionVariant { position: absolute; bottom: 8px; top: auto; left: 8px; right: 8px; } } .collectionpopup .div-img-collection-listing { position: relative; } .collectionpopup .div-img-collection-listing:after { content: ""; height: 0; position: absolute; left: 8px; top: 8px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .collectionpopup .div-img-collection-listing.current { position: relative; } .collectionpopup .div-img-collection-listing.current:after { content: ""; height: calc(100% - 16px); width: calc(100% - 16px); background: rgba(255, 255, 255, 0.5); -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .collectionpopup .div-img-collection-listing .collection-stock-overlay { position: absolute; display: flex; background: rgba(0, 0, 0, 0.5); height: calc(100% - 16px); width: calc(100% - 16px); z-index: 1; justify-content: center; align-items: center; } .collectionpopup .div-img-collection-listing .collection-stock-overlay > span { color: white; } .collectionpopup .resetselected { position: absolute; right: 0; top: calc(50% - 8px); cursor: pointer; } .content-spot[data-size="2x1"], .content-spot[data-size="2x2"] { width: 100%; } @media screen and (min-width: 48em), print { [data-cols-sm="3"] .content-spot[data-size="2x1"], [data-cols-sm="3"] .content-spot[data-size="2x2"] { width: 66.66667%; } } @media screen and (min-width: 48em), print { [data-cols-sm="4"] .content-spot[data-size="2x1"], [data-cols-sm="4"] .content-spot[data-size="2x2"] { width: 50%; } } @media screen and (min-width: 48em), print { [data-cols-sm="5"] .content-spot[data-size="2x1"], [data-cols-sm="5"] .content-spot[data-size="2x2"] { width: 40%; } } @media screen and (min-width: 48em), print { [data-cols-sm="6"] .content-spot[data-size="2x1"], [data-cols-sm="6"] .content-spot[data-size="2x2"] { width: 33.33333%; } } @media screen and (min-width: 48em), print { [data-cols-sm="7"] .content-spot[data-size="2x1"], [data-cols-sm="7"] .content-spot[data-size="2x2"] { width: 28.57143%; } } @media screen and (min-width: 48em), print { [data-cols-sm="8"] .content-spot[data-size="2x1"], [data-cols-sm="8"] .content-spot[data-size="2x2"] { width: 25%; } } @media screen and (min-width: 66em), print { [data-cols-md="3"] .content-spot[data-size="2x1"], [data-cols-md="3"] .content-spot[data-size="2x2"] { width: 66.66667%; } } @media screen and (min-width: 66em), print { [data-cols-md="4"] .content-spot[data-size="2x1"], [data-cols-md="4"] .content-spot[data-size="2x2"] { width: 50%; } } @media screen and (min-width: 66em), print { [data-cols-md="5"] .content-spot[data-size="2x1"], [data-cols-md="5"] .content-spot[data-size="2x2"] { width: 40%; } } @media screen and (min-width: 66em), print { [data-cols-md="6"] .content-spot[data-size="2x1"], [data-cols-md="6"] .content-spot[data-size="2x2"] { width: 33.33333%; } } @media screen and (min-width: 66em), print { [data-cols-md="7"] .content-spot[data-size="2x1"], [data-cols-md="7"] .content-spot[data-size="2x2"] { width: 28.57143%; } } @media screen and (min-width: 66em), print { [data-cols-md="8"] .content-spot[data-size="2x1"], [data-cols-md="8"] .content-spot[data-size="2x2"] { width: 25%; } } @media screen and (min-width: 66em), print { [data-cols-md="9"] .content-spot[data-size="2x1"], [data-cols-md="9"] .content-spot[data-size="2x2"] { width: 22.22222%; } } @media screen and (min-width: 66em), print { [data-cols-md="10"] .content-spot[data-size="2x1"], [data-cols-md="10"] .content-spot[data-size="2x2"] { width: 20%; } } /*#948775 START*/ [id^=grouped-link-location-] > * { display: block; } [id^=grouped-link-location-]:not(.marginless) { padding: 0 16px; } @media screen and (min-width: 48em), print { [id^=grouped-link-location-]:not(.marginless) { padding: 0 32px; } } [id^=grouped-link-location-]:not(.marginless) > * { margin: 32px 0; padding: 0 16px; } @media screen and (min-width: 66em), print { [id^=grouped-link-location-]:not(.marginless) > * { margin: 64px 0; padding: 0 32px; } } [id^=grouped-link-location-]:not(.marginless) + [id^=grouped-link-location-]:not(.marginless) > * { margin-top: 0; } [id^=grouped-link-location-].fixedwidth.marginless { width: 1508px; } /*#948775 END*/ .backoffice-linklocationempty { background-color: #c8ccd0; padding: 8px; } .page-header { display: flex; flex-direction: column; justify-content: center; } @media screen and (min-width: 48em), print { .page-header { display: block; } } .page-header .page-heading-image { position: relative; } @media screen and (min-width: 48em), print { .page-header .page-heading-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; } } /*#967714 START*/ .flex-equalSM > span[id^=divEditLiveSite] { max-width: calc(100% - 64px); } .flex-equalSM.marginless > span[id^=divEditLiveSite] { max-width: 100%; } @media screen and (min-width: 48em), print { .flex-equalSM > span[id^=divEditLiveSite]:nth-child(2):last-child { max-width: calc(50% - 64px); } .flex-equalSM.marginless > span[id^=divEditLiveSite]:nth-child(2):last-child { max-width: 50%; } .flex-equalSM > span[id^=divEditLiveSite]:nth-child(3):last-child { max-width: calc(100%/3 - 64px); } .flex-equalSM.marginless > span[id^=divEditLiveSite]:nth-child(3):last-child { max-width: 33.33333%; } .flex-equalSM > span[id^=divEditLiveSite]:nth-child(4):last-child { max-width: calc(25% - 64px); } .flex-equalSM.marginless > span[id^=divEditLiveSite]:nth-child(4):last-child { max-width: 25%; } } .flex-equalSM.marginless .carouselproduct { padding: 0 24px; } /*#967714 END*/ nav { position: fixed; overflow: auto; left: -288px; top: 68px; bottom: 0; width: 288px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: white; } @media screen and (min-width: 48em), print { nav { left: -50%; width: 50%; } .promo-slider-exists nav { top: 126px; } } @media screen and (min-width: 64em), print { nav { position: absolute; text-align: center; left: 0; top: 86px; bottom: auto; -webkit-transition-duration: 0s; transition-duration: 0s; overflow: visible; width: 100%; background: #081f2c; padding-bottom: 0; } } #sitebody { position: relative; left: 0; top: 0; width: 100%; background-color: white; opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .slidingmenu nav { left: 0; } .slidingmenu #sitebody { position: fixed; overflow: hidden; } .slidingmenu #overlay-sitebody { display: block; cursor: pointer; } @media screen and (min-width: 64em), print { #nav-wrapper { /*#963424*/ width: 1540px; max-width: 100%; margin: 0 auto; padding: 0; } #nav-wrapper:before, #nav-wrapper:after { content: ''; -webkit-box-flex: 0.5 0 auto; -moz-box-flex: 0.5 0 auto; -webkit-flex: 0.5 0 auto; -ms-flex: 0.5 0 auto; flex: 0.5 0 auto; } } #nav-wrapper .nav-level0, #nav-wrapper .nav-level1, #nav-wrapper .nav-level2 { display: block; text-decoration: none; cursor: pointer; padding: 16px; border-bottom: 1px solid #d9dee1; color: #081f2c; position: relative; font-size: 15px; line-height: 18px; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0, #nav-wrapper .nav-level1, #nav-wrapper .nav-level2 { border-bottom-width: 0; padding: 8px 16px; line-height: normal; background-color: transparent !important; } } #nav-wrapper .nav-level0, #nav-wrapper .nav-level1 { text-transform: uppercase; letter-spacing: 0.16667em; } #nav-wrapper .nav-level0:before, #nav-wrapper .nav-level1:before { content: '+'; position: absolute; right: 16px; top: 16px; font-size: 2em; } #nav-wrapper .nav-level0.nav-current:before, #nav-wrapper .nav-level1.nav-current:before { content: '-'; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0:before, #nav-wrapper .nav-level1:before { display: none; } } #nav-wrapper .nav-level0 { font-weight: 500; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0 { display: inline-block; line-height: 40px; padding: 0; color: white; } #nav-wrapper .nav-level0.nav-current:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #f9d100; } #nav-wrapper .nav-level0.nosub:hover:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #f9d100; } } #nav-wrapper .nav-level0 img { display: inline-block; margin: 0 8px 4px 0; height: 12px; width: auto; /*#971585*/ } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0 img { margin-bottom: 14px; /*#971585*/ } } #nav-wrapper .nav-level0.imgsub { /*&:hover{ & + div.nav-dropdown{ @include respond-min-width($breakpointHB){ display:flex;} } }*/ } @media screen and (max-width: 1023px), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown { display: block; } } @media screen and (max-width: 1023px), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown.ishidden { height: 0; overflow: hidden; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column { display: block !important; } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock { position: relative; height: inherit; margin: 0; padding: 8px; transform: scaleY(1); /*transition:height 1s;*/ } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock { margin: 8px; padding: 32px 24px; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock.navmagic { height: 0; margin: 0; overflow: hidden; transform: scaleY(0); transform-origin: top; transition: transform 1s ease; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock.navmagic { height: auto; margin: 8px 0px 8px 0px; transform: scaleY(1); } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock + div.nav-column { padding-top: 0; margin-top: 0; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock + div.nav-column { margin-top: 8px; padding-top: 32px; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock .slick-megamenu { max-height: none; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column.imagenavblock .slick-megamenu { max-height: 330px; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix { display: block !important; } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix .slick-megamenu { display: block !important; max-height: max-content; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix .slick-megamenu { max-height: 350px; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix .slick-megamenu .slick-list { display: block !important; } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix .slick-megamenu .slick-list .slick-track { display: flex !important; } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column .slick-flexfix .slick-megamenu .slick-list .slick-track .slick-slide { width: 100%; } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column a { display: block; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column a.title { margin-top: 16px; } } #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column img { display: block; width: 100%; margin: 0; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level0.imgsub + div.nav-dropdown .nav-column { margin: 0; display: inline-block !important; } } #nav-wrapper .nav-level1 { background-color: rgba(226, 232, 238, 0.5); } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level1 { font-weight: 900; } } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level1.title { margin-top: 16px; } } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level1.nolink { padding-left: 0; padding-right: 0; margin-top:16px;} } #nav-wrapper .nav-level2 { background-color: #e2e8ee; text-transform: capitalize; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-level2:hover { text-decoration: underline; } #nav-wrapper .nav-level2.title { margin-top: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.16667em; } #nav-wrapper .nav-level2.title:hover { text-decoration: none; } } #nav-wrapper div { display: block; } #nav-wrapper div.nav-linklist { display: none; } @media screen and (min-width: 64em), print { #nav-wrapper div { display: none; } } @media screen and (min-width: 64em), print { #nav-wrapper .nav-dropdown { position: absolute; left: 0; top: 40px; width: 100%; background: white; text-align: left; } } @media screen and (min-width: 64em) and (min-width: 1540px), print { #nav-wrapper .nav-dropdown { width: 1540px; left: 50%; margin-left: -770px; } } #nav-wrapper .nav-column { display: block; } #nav-wrapper .nav-column.navmagic { height: 0; margin: 0; overflow: hidden; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-column.navmagic { height: inherit; transform: scaleY(1); } } @media screen and (min-width: 64em), print { #nav-wrapper .nav-column { display: inline-block; vertical-align: top; width: 20%; padding: 32px 24px; } #nav-wrapper .nav-column div, #nav-wrapper .nav-column a { display: block; } #nav-wrapper .nav-column a { padding: 2px 0; } #nav-wrapper .nav-column:nth-child(4):nth-last-of-type(1) { width: 40%; } #nav-wrapper .nav-column:first-child:nth-last-of-type(2), #nav-wrapper .nav-column:nth-child(2):nth-last-of-type(1) { width: 50%; } } #nav-wrapper .nav-footer { display: none; } @media screen and (min-width: 64em), print { #nav-wrapper .nav-footer { display: block; } } #nav-wrapper .nav-close { /*#963424*/ display: none; } @media screen and (min-width: 64em), print { .touchevents #nav-wrapper .nav-close { display: block; } } #nav-wrapper img { /*display:none;*/ margin: 8px 8px 0 8px; width: calc(100% - 16px); } @media screen and (min-width: 64em), print { #nav-wrapper img { display: block; width: 100%; margin: 0; } } #header-hamburger { height: 45px; width: 45px; } #header-hamburger:before, #header-hamburger:after { display: block; content: ''; width: 25px; height: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #header-hamburger:before { border-top: 2px solid #081f2c; border-bottom: 1px solid #081f2c; margin-top: 4px; } #header-hamburger:after { border-top: 1px solid #081f2c; border-bottom: 2px solid #081f2c; } .slidingmenu #header-hamburger:before, .slidingmenu #header-hamburger:after { width: 25px; height: 1px; } .slidingmenu #header-hamburger:before { transform: rotate(315deg); margin-top: 10px; border-width: 1px 0 0; } .slidingmenu #header-hamburger:after { transform: rotate(-315deg); margin-top: -1px; border-width: 0 0 1px; } [id^=overlay] { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(8, 31, 44, 0.6); color: white; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.5s; /*webkit bugfixes*/ } .progressbar { position: relative; } .progressbar:before { content: ''; position: absolute; top: 15px; right: 16.66667%; left: 16.66667%; border-top: 1px solid #e2e8ee; } .progressbar > div { display: inline-block; width: 33.33333%; position: relative; text-align: center; } .progressbar > div .progressbar-number { display: inline-block; background-color: #c8ccd0; color: white; height: 32px; width: 32px; line-height: 32px; } .progressbar > div .progressbar-name { display: block; line-height: 32px; } .progressbar > div.progress-reached .progressbar-number { background-color: #081f2c; } @media screen and (min-width: 48em), print { .progressbar > div.progress-reached .progressbar-name { color: #081f2c; font-weight: 700; } } /*#880334 START*/ .progressbar2019 { width: 800px; max-width: 100%; margin: 0 auto; align-items: center !important; } .progressbar2019 > div { width: 33.33%; white-space: nowrap; text-align: center; line-height: 40px; letter-spacing: 0.16667em; font-weight: bold; } .progressbar2019 > div.progress-reached { color: #f9d100; } /*#880334 END*/ @media screen and (min-width: 64em), print { #listing-sidebar, #listing-list { padding-left: 8px; padding-right: 8px; } } @media screen and (min-width: 66em), print { #listing-wrapper { position: relative; margin: 0; width: calc(100% + 380px); left: -380px; -webkit-transition: left 0.5s, width 0.5s; -o-transition: left 0.5s, width 0.5s; transition: left 0.5s, width 0.5s; } #listing-wrapper #listing-sidebar, #listing-wrapper #listing-list { display: inline-block; vertical-align: top; } #listing-wrapper #listing-sidebar { width: 380px; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } #listing-wrapper #listing-list { margin-left: 0; width: calc(100% - 380px); } #listing-wrapper.sidebar-visible { width: 100%; left: 0; } #listing-wrapper.sidebar-visible #listing-sidebar { opacity: 1; } } @media screen and (min-width: 64em), print { .container-sidebar-listing > * { display: inline-block; vertical-align: top; -webkit-transition: width 0.5s; -o-transition: width 0.5s; transition: width 0.5s; width: 75%; } .container-sidebar-listing > *:first-child { width: 25%; } .container-sidebar-listing > * #showsidebar { display: none !important; } .container-sidebar-listing.hidesidebar > * { width: 100%; } .container-sidebar-listing.hidesidebar > *:first-child { width: 0; overflow: hidden; opacity: 0; } .container-sidebar-listing.hidesidebar > * #showsidebar { display: block !important; } .container-sidebar-listing.hidesidebar > * [data-cols-sm="3"] > * { width: 25%; } } @media screen and (min-width: 64em), print { .container-sidebar-other { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; margin-left: -8px; margin-right: -8px; } .container-sidebar-other > * { padding-left: 8px; padding-right: 8px; width: 25%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .container-sidebar-other > *:first-child { width: 75%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } .arnav { margin: 16px 0; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #e2e8ee; } @media screen and (min-width: 48em), print { .arnav { margin: 0; padding-top: 0; padding-bottom: 0; border-top-width: 0px; } } #variant-grid-area { overflow: visible; } /*#948249 START*/ .img-pan-wrapper { overflow: hidden; position: relative; width: 100%; padding-top: 127.77778%; margin-bottom: 16px; } .img-pan-wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .img-pan-wrapper.pan img + img { cursor: move; } .img-pan-toggle { position: absolute; bottom: 0; right: 0; cursor: pointer; padding: 8px; background: white; } /*#948249 END*/ #pdp-images { position: relative; } .pd_video { position: absolute; top: 16px; right: 16px; display: block; cursor: pointer; } @media screen and (min-width: 48em), print { .pd_video { top: 16px; right: 32px; } } @media screen and (min-width: 66em), print { .pd_video { top: 16px; right: 64px; } } .pd_video svg { width: 40px !important; } .pd_video:hover svg { fill: #f9d100; } #productVideo { position: fixed; top: calc(50% + 22px); transform: translate(2.5%, -50%); width: 95%; } @media screen and (min-width: 48em), print { #productVideo { width: 90%; transform: translate(5%, -50%); } } @media screen and (min-width: 66em), print { #productVideo { width: 70%; transform: translate(20%, -50%); } } #productVideo .productVideoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } #productVideo .productVideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #productVideo .close-video { position: absolute; right: 0; top: -30px; background: white; display: block; width: 42px; height: 42px; border-radius: 3px 3px 0 0; cursor: pointer; } /*#1020202 START*/ #pdp-firstimage-placeholder + div { position: absolute; top: 0; left: 0; right: 0; } @media screen and (min-width: 48em), print { #pdp-firstimage-placeholder + div { right: 48px; } } #pp_flex { background: url("/images/core/ppflex-placeholder.gif") no-repeat; } @media screen and (min-width: 66em), print { #pp_flex { height: 24px; } } #pp_flex iframe { background: white !important; } /*#1020202 END*/ .tablet-pinch { display: none; } @media screen and (min-width: 48em), print { .tablet-pinch { display: block; } } #pinchImageTab { position: absolute; left: 0; right: 0; top: 0; bottom: 16px; overflow: hidden; } .gvx-amount { display: flex; flex-wrap: wrap; } .gvx-amount.gvx-amout-ds { display: none; } @media screen and (min-width: 48em), print { .gvx-amount.gvx-amout-ds { display: flex; } } .gvx-amount > div[data-gcamt] { padding: 7px 9px; border: 1px solid #c8ccd0; margin: 4px; font-weight: 400; font-size: 14px; line-height: 27px; transition: border-color 0.3s ease; } .gvx-amount > div[data-gcamt]:hover { background: white; border: 1px solid #081f2c; } .gvx-amount > div[data-gcamt].selected { background: #081f2c; color: white; font-weight: 400; } .gvx-amout-drop.gvx-amout-mob { display: block; } @media screen and (min-width: 48em), print { .gvx-amout-drop.gvx-amout-mob { display: none; } } .gvx-amout-drop.gvx-amout-mob select { width: 100%; height: 50px; border: 1px solid #C8CCD0; padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/images/icons/amt_drop_arrows.svg) no-repeat 95% center; } .cstamoutlabel { font-size: 16px; font-style: normal; font-weight: 400; line-height: 115%; letter-spacing: 0.04em; /*text-decoration-line: underline;*/ margin: 20px 0 16px 0; } .gvx-ajxcontainer .gvx-amount { margin-left: -3px; } .gvx-ajxcontainer .gvx-amount.gvx-amout-ds { display: none; } @media screen and (min-width: 48em), print { .gvx-ajxcontainer .gvx-amount.gvx-amout-ds { display: flex; } } .gvx-ajxcontainer .gvx-amount.gvx-amout-mob { display: block; } @media screen and (min-width: 48em), print { .gvx-ajxcontainer .gvx-amount.gvx-amout-mob { display: none; } } @media screen and (min-width: 64em), print { .gvx-ajxcontainer .gvx-amount [data-gcamt] { padding: 6px 10px; } } .egc_message { margin-bottom: 8px !important; } .gvx_textcount { text-align: right; color: #081f2c; margin-top: 10px; font-size: 14px; font-style: normal; font-weight: 390; line-height: normal; } .gvx-timing { display: flex; align-items: flex-start; flex-direction: column; } .gvx-timing .gvx-timing-radio { display: flex; align-items: center; flex-direction: row; } .gvx-timing .gvx-timing-radio label { font-size: 16px !important; } .gvx-bsktedit { padding: 0; } @media screen and (min-width: 64em), print { .gvx-bsktedit { padding: 0; } } .gvx-bsktedit .gvx-edit-heading { padding: 16px; border-bottom: 4px solid #081f2c; text-transform: uppercase; font-size: 16px; line-height: 120%; letter-spacing: 0.4em; font-weight: 700; } @media screen and (min-width: 64em), print { .gvx-bsktedit .gvx-edit-heading { padding: 32px; } } .gvx-bsktedit .gvx-popup-inner { padding: 0; } @media screen and (min-width: 64em), print { .gvx-bsktedit .gvx-popup-inner { padding: 0; } } #ajaxBASKETGiftcard .giftcardpop { /*top:0;*/ } @media screen and (min-width: 48em), print { #ajaxBASKETGiftcard .giftcardpop { /*top:$unit;*/ } } .gvx-frm { margin-top: 16px; /*border-top:1px solid $color5;*/ } .gvx-frm label { margin-top: 8px; line-height: 115%; } .gvx-frm input { margin-bottom: 8px !important; } .gvx-frm input[type="radio"] { margin: 8px 8px 0 0 !important; } .gvx-frm .errorbox { padding: 8px !important; } .gvx-frm #egc_message { min-height: 150px; display: block; } .egift { background: white; border: 4px solid #F2F2F2; margin: 16px 0; padding: 8px; } .egift > span { font-size: 16px; padding: 4px 8px; margin: 8px 0; display: flex; flex-direction: column; } @media screen and (min-width: 48em), print { .egift > span { flex-direction: row; } } .egift > span > span { width: 100%; } @media screen and (min-width: 48em), print { .egift > span > span:first-child { width: 40%; } } .egift > span > span.attr { flex: 1; } @media screen and (min-width: 48em), print { .egift > span > span.attr { width: 60%; } } .egift .gvx-message-para .truncated { word-break: break-word; } .egift .gvx-message-para .more-text { display: none; word-break: break-word; } .egift .gvx-message-para .show-less { margin-left: 8px; } .bskt-gvx-edit { font-size: 12px; display: inline-block; font-weight: 700; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.06em; } .bskt-gvx-edit + div .bskt-item-price { font-weight: 500 !important; } .bskt-item-info.gvx-item { position: relative; align-self: flex-start; } .bskt-item-info.gvx-item .bskt-gvx-edit { position: absolute; left: 0; bottom: 0; } [data-pdp-badges] { min-height: 24px; } .prd-sdesc { min-height: 48px; } .gvx-images#pdp-images { border: none; min-height: initial; } .nd-gvx .nd-parentcat { margin: 16px 0; } .nd-gvx .nd-parentcat > a { display: flex; align-items: flex-start; } .nd-gvx .nd-parentcat > a > span { margin: 0 8px; text-transform: capitalize; font-weight: 400; } @media screen and (min-width: 48em), print { .nd-gvx .nd-parentcat { display: none; } } .nd-gvx h1 { text-transform: capitalize; font-size: 24px; line-height: 28.8px; letter-spacing: 1.92px; padding: 10px 0; } @media screen and (min-width: 48em), print { .nd-gvx h1 { font-size: 32px; line-height: 130%; letter-spacing: 0.1em; padding: 0; } } @media screen and (min-width: 66em), print { .nd-gvx h1 { font-size: 32px; line-height: 130%; letter-spacing: 0.08em; } } .nd-gvx [data-pdp-badges] { min-height: 0; } .nd-gvx .gvx-review-price { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0; position: relative; margin-bottom: 0; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-price { padding: 0; margin: 8px 0; width: 100%; flex-direction: column; } } @media screen and (min-width: 66em), print { .nd-gvx .gvx-review-price { padding: 0; margin: 0; } } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-price > div { margin: 8px 0; width: 100%; } } .nd-gvx .gvx-review-price .nd-theprices { display: flex; flex-direction: column; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-price .nd-theprices { flex-direction: row; white-space: nowrap; } } .nd-gvx .gvx-review-price .nd-theprices .nd-pice { font-size: 18px; text-transform: none; font-weight: 700; letter-spacing: 0.08em; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-price .nd-theprices .nd-pice { font-size: 24px; } } @media screen and (min-width: 66em), print { .nd-gvx .gvx-review-price .nd-theprices .nd-pice { font-size: 32px; } } .nd-gvx .gvx-review-sec { display: flex; align-items: center; } .nd-gvx .gvx-review-sec > div { white-space: nowrap; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-sec > div { width: 100%; } } .nd-gvx .gvx-review-sec .gvx-freedel { width: 100%; flex: 1; } @media screen and (min-width: 66em), print { .nd-gvx .gvx-review-sec .gvx-freedel { width: auto; } } .nd-gvx .gvx-review-sec .gvx-noreview { display: flex; align-items: center; } .nd-gvx .gvx-review-sec .gvx-noreview .gvx-noreviewstars { color: #c8ccd0; margin-right: 8px; } .nd-gvx .gvx-review-sec .nd-reviewstars > svg, .nd-gvx .gvx-review-sec .nd-reviewstarsbg > svg { margin: 0 1px; } .nd-gvx .gvx-box { padding: 40px 20px; border: 4px solid #F2F2F2; margin-top: 8px; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-box { padding: 40px 30px; } } .nd-gvx .gvx-box .gvx-personalise-title { font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 30px; } .nd-gvx .gvx-box input:not([type="radio"]) { height: 50px; margin-bottom: 20px !important; } .nd-gvx .gvx-box input:not([type="radio"]).inputFAIL { margin-bottom: 0 !important; } .nd-gvx .gvx-box label { font-weight: 700; } .gvx-frm .currencydisp { position: relative; margin-bottom: 18px; } .gvx-frm .currencydisp:after { content: "\00A3"; /* or content: "\0020AC"; */ position: absolute; left: 10px; top: 17px; } .gvx-frm .currencydisp input { padding-left: 20px; height: 50px; } .gvx-frm .currencydisp input::placeholder { color: #fff; } .gvx-frm .gvx-cta-sect { display: flex; align-items: center; column-gap: 8px; margin: 24px 0; } @media screen and (min-width: 48em), print { .gvx-frm .gvx-cta-sect { margin: 32px 0; } } .gvx-frm .gvx-cta-sect.sticky { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; padding: 0 16px; background: #fff; } .gvx-frm .gvx-cta-sect .gvx-cta { flex: 1 auto; display: block; } .gvx-frm .gvx-cta-sect .gvx-cta #gcaddtobag { height: 50px; font-size: 12px !important; display: block; } .gvx-frm .gvx-cta-sect .gvx-wish { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } .gvx-frm .gvx-cta-sect .gvx-wish .wishlist-controlled { box-sizing: border-box; border: 2px solid #081f2c; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .gvx-frm .gvx-cta-sect .gvx-wish .wishlist-controlled > div { width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; } [data-line].f-24 { font-size: 24px !important; } .is-affixed { padding-bottom: 100px; } @media screen and (min-width: 48em), print { .stickyflex { display: flex; flex-direction: column; } } @media only screen and (max-width: 767px) { #main { z-index: 0; position: relative; } } .nd-pdp { /*svg{ &:not(.img-pan-toggle) {stroke: none;} &:not(.tablet-pinch) {stroke: none;} }*/ /* Generate a list of values from $i to $max */ /* Loop through the values and apply style A */ } @media screen and (min-width: 48em), print { .nd-pdp { padding-bottom: 0; display: flex; align-items: flex-start; } } .nd-pdp .gvx-frm { width: 100%; border: none; } .nd-pdp .gvx-frm .currencydisp { position: relative; margin-bottom: 18px; } .nd-pdp .gvx-frm .currencydisp:after { content: "\00A3"; /* or content: "\0020AC"; */ position: absolute; left: 10px; top: 17px; } .nd-pdp .gvx-frm .currencydisp input { padding-left: 20px; height: 50px; } .nd-pdp .gvx-frm .currencydisp input::placeholder { color: #fff; } .nd-pdp #pdp-images { border-right: none; min-height: initial; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-images { padding-right: 32px; min-height: 60vh; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-images { padding-right: 64px; /*min-height:initial; min-height:75vh;*/ padding-bottom: 64px; /*margin-bottom: $unit*4;*/ } } .nd-pdp #pdp-images .pdp-stylitics .pdp-stylitic-link { left: 16px; right: auto; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-images .pdp-stylitics .pdp-stylitic-link { left: auto; right: 48px; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-images .pdp-stylitics .pdp-stylitic-link { left: auto; right: 80px; } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-images #gallery-inner { display: flex; flex-direction: column; } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-images.sticked { position: sticky; top: 0; } } .nd-pdp #pdp-details { /*top:-300px;*/ } @media screen and (min-width: 48em), print { .nd-pdp #pdp-details { position: relative; top: 0; padding-left: 0; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-details { /*padding-left:$unit*2;*/ padding-left: 0; min-height: 60vh; padding-bottom: 64px; } } @media only screen and (max-width: 767px) { .nd-pdp #pdp-details.is-affixed > div { position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-details #details-inner { display: flex; flex-direction: column; } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-details.sticked { position: sticky; top: 0; } } .nd-pdp #pinchImageTab { bottom: 0; } .nd-pdp .nd-parentcat { margin: 16px 0; } .nd-pdp .nd-parentcat > a { display: flex; align-items: flex-start; } .nd-pdp .nd-parentcat > a > span { margin: 0 8px; text-transform: capitalize; font-weight: 400; } @media screen and (min-width: 48em), print { .nd-pdp .nd-parentcat { display: none; } } .nd-pdp .stick-stage1 { display: flex; flex-direction: column; } @media screen and (min-width: 48em), print { .nd-pdp .stick-stage1 { align-items: center; justify-content: flex-start; } } .nd-pdp .stick-stage1 .nd-title { order: 1; margin-top: 16px; } @media screen and (min-width: 48em), print { .nd-pdp .stick-stage1 .nd-title { order: 1; width: 100%; margin-bottom: 12px; margin-top: 0; } } .nd-pdp .stick-stage1 .nd-title .promoicoEm { margin: 0 0 12px 0; } @media screen and (min-width: 48em), print { .nd-pdp .stick-stage1 .nd-title .promoicoEm { margin-top: 0; margin-bottom: 8px; } } .nd-pdp .stick-stage1 .nd-review-price { order: 2; } @media screen and (min-width: 48em), print { .nd-pdp .stick-stage1 .nd-review-price { order: 2; } } .nd-pdp .stick-stage1 .nd-rest { order: 3; } @media screen and (min-width: 48em), print { .nd-pdp .stick-stage1 .nd-rest { width: 100%; } } .nd-pdp .stick-stage1 .errorbox { background: none; padding: 8px 0 !important; } @media screen and (min-width: 66em), print { .nd-pdp .tablet-pinch { display: none; } } .nd-pdp #pdp-firstimage-placeholder { overflow: hidden; } @media screen and (min-width: 66em), print { .nd-pdp #pdp-firstimage-placeholder { overflow: inherit; } } .nd-pdp #pdp-firstimage-placeholder img { height: auto; min-width: 100vw; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-firstimage-placeholder img { height: auto; min-width: auto; } } .nd-pdp #pdp-firstimage-placeholder.nd-placeholder { display: flex; flex-direction: row; column-gap: 16px; row-gap: 16px; flex-wrap: nowrap; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-firstimage-placeholder.nd-placeholder { column-gap: 18px; row-gap: 18px; flex-wrap: wrap; } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture { width: calc(50% - 18px); } } .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:not(:first-child) { /*display:none;*/ } @media screen and (min-width: 66em), print { .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:not(:first-child) { display: block; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:first-child { order: 1; width: calc(50% - 9px); } .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:nth-child(2) { order: 2; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:nth-child(3) { order: 3; width: calc(50% - 9px); } .nd-pdp #pdp-firstimage-placeholder.nd-placeholder > picture:nth-child(4) { order: 4; width: calc(50% - 16px); flex: 1; } } .nd-pdp #pdp-firstimage-placeholder + div { position: absolute; top: 0; left: 0; right: 0; } @media screen and (min-width: 66em), print { .nd-pdp #pdp-firstimage-placeholder + div { right: 64px; } } .nd-pdp .gallery-counter { position: absolute; z-index: 9; padding: 8px; right: 0; } @media screen and (min-width: 48em), print { .nd-pdp .gallery-counter { display: none; } } .nd-pdp .pinchzoom-overlay { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 998; } .nd-pdp #pinchImage { height: 0; position: fixed; background: #fff; bottom: 0; left: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; } .nd-pdp #pinchImage.active { padding: 32px 0; height: 100vh; transition: height 0.5s ease; overflow: hidden; } .nd-pdp #pinchImage.active .pinchzoom-close { position: fixed; bottom: 80vh; right: 16px; z-index: 9999991; background: #ffffff; padding: 16px 20px; font-size: 20px; font-weight: bold; border-radius: 48px; line-height: 1; } .nd-pdp #pinchImage.active .pinchzoom-info { position: fixed; bottom: 24px; width: 100%; text-align: center; padding: 16px; left: 0; font-size: 16px; } .nd-pdp #pinch-image-zoom-in, .nd-pdp #pinch-image-zoom-out { color: #081f2c; width: 28px; height: 28px; pointer-events: none; } @media screen and (min-width: 66em), print { .nd-pdp #pinch-image-zoom-in, .nd-pdp #pinch-image-zoom-out { pointer-events: inherit; } } .nd-pdp #pinch-image-zoom-out { bottom: 32px; } .nd-pdp .pinch-image-container-pre { height: 100vh; display: flex; align-items: center; } @media only screen and (max-width: 767px) { .nd-pdp #pinch-image-container { padding-top: 10vh; } } @media only screen and (max-width: 767px) { .nd-pdp #pinch-image-container .loaded { padding-top: 0; } } @media only screen and (max-width: 767px) { .nd-pdp .nd-product-imgs { min-width: 100vw; scroll-snap-align: start; } .nd-pdp .nd-product-imgs:last-child { margin-right: 0; } } .nd-pdp .nd-product-imgs:hover { cursor: zoom-in; } .nd-pdp .gallery-holder { width: 100vw; /*overflow-x: auto; overflow-y: hidden; position: relative; */ overflow: hidden; transition: height 1s ease; } @media screen and (min-width: 48em), print { .nd-pdp .gallery-holder { width: auto; overflow: hidden; } } .nd-pdp .gallery-holder.opened { height: auto; } @media only screen and (max-width: 767px) { .nd-pdp .gallerysnapper { position: relative; /* own stacking context */ z-index: 0; /* fixed, independent of #main */ contain: layout paint style; /* isolate layout and paint */ transform: translate3d(0, 0, 0); /* force GPU compositing */ backface-visibility: hidden; overflow-anchor: none; } } .nd-pdp .gallerysnapper .mobslidearrow { position: absolute; top: calc(50% - 16px); z-index: 3; width: 50px; height: 50px; display: none; border: none; background: transparent; } @media only screen and (min-width: 768px) { .nd-pdp .gallerysnapper .mobslidearrow { display: none; } } .nd-pdp .gallerysnapper .mobslidearrow.infin { display: block; } @media only screen and (min-width: 768px) { .nd-pdp .gallerysnapper .mobslidearrow.infin { display: none; } } .nd-pdp .gallerysnapper .mobslidearrow.prev-slide { left: 0; } .nd-pdp .gallerysnapper .mobslidearrow.prev-slide:after { content: ''; position: absolute; width: 20px; height: 20px; border-style: solid; border-color: white; transform: rotate(45deg); border-width: 0 0 3px 3px; top: 14px; left: 16px; } @media only screen and (min-width: 768px) { .nd-pdp .gallerysnapper .mobslidearrow.prev-slide:after { display: none; } } .nd-pdp .gallerysnapper .mobslidearrow.next-slide { right: 0; } .nd-pdp .gallerysnapper .mobslidearrow.next-slide:after { content: ''; position: absolute; width: 20px; height: 20px; border-style: solid; border-color: white; transform: rotate(45deg); border-width: 3px 3px 0 0; top: 14px; right: 16px; } @media only screen and (min-width: 768px) { .nd-pdp .gallerysnapper .mobslidearrow.next-slide:after { display: none; } } @media only screen and (max-width: 767px) { .nd-pdp #pdp-slick-slider { /* display: flex; flex-direction:row; flex-wrap:nowrap; width:max-content; position: relative; scroll-snap-type: x mandatory; overflow-x: scroll; overflow-x: hidden;*/ display: flex; align-items: center; overflow-x: scroll; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; /* GPU + Safari isolation */ transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; will-change: transform, scroll-position; contain: layout paint style; /* Stability fixes */ position: relative; z-index: 0; min-height: 300px; /* adjust to your image height */ } } @media screen and (min-width: 48em), print { .nd-pdp #pdp-slick-slider { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 16px; row-gap: 16px; width: auto; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-slick-slider { column-gap: 18px; row-gap: 18px; } } @media only screen and (max-width: 767px) { .nd-pdp #pdp-slick-slider img { -webkit-user-drag: none; /* disable drag ghost */ user-drag: none; -webkit-touch-callout: none; /* disable long press save dialog */ -webkit-tap-highlight-color: transparent; user-select: none; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: transform; } } @media only screen and (max-width: 767px) { .nd-pdp #pdp-slick-slider .nd-product-imgs { scroll-snap-align: start; } } .nd-pdp #pdp-slick-slider .slick-arrow { display: none !important; } .nd-pdp #pdp-slick-slider .slick-track { display: flex; } .nd-pdp #pdp-slick-slider .slick-dots { transform: none; left: 16px; bottom: 24px; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-slick-slider .slick-dots { display: none; } } .nd-pdp #pdp-slick-slider .slick-dots > li { background: none; } .nd-pdp #pdp-slick-slider .slick-dots > li button { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.3); } .nd-pdp #pdp-slick-slider .slick-dots > li.slick-active button { background: white; } .nd-pdp #pdp-slick-slider .img-pan-wrapper { padding-top: 0; position: relative; margin-bottom: 0; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-slick-slider .img-pan-wrapper { padding-top: 0 !important; margin-bottom: 0; } } .nd-pdp #pdp-slick-slider .img-pan-wrapper img { position: relative; left: 0; top: 0; transform: translate(0, 0); height: auto; } .nd-pdp #pdp-slick-slider .img-pan-wrapper .img-pan-toggle { background: none; color: white; display: none; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-slick-slider .img-pan-wrapper .img-pan-toggle { display: block; } } @media screen and (min-width: 66em), print { .nd-pdp #pdp-slick-slider .img-pan-wrapper .img-pan-toggle { display: none !important; } } .nd-pdp #pdp-slick-slider .img-pan-wrapper:hover { cursor: zoom-in; } @media screen and (min-width: 48em), print { .nd-pdp #pdp-slick-slider { /* //case for 4 images &[data-imgcount="4"]{ .nd-product-imgs{ &[data-index="3"]{order:4;width:100%;} } } //case for 2 images &[data-imgcount="2"]{ .nd-product-imgs{ &[data-index="0"]{order:1;width:100%;} &[data-index="1"]{order:2;width:100%;} } } //case for 6 images &[data-imgcount="7"]{ .nd-product-imgs{ &[data-index="5"]{order:6; width:calc(50% - 9px);} &[data-index="6"]{order:7;width:50%; flex:1;} } } */ } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs, .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs { /* &[data-index="0"]{order:1; width:calc(50% - 9px);} &[data-index="1"]{order:2; width:calc(50% - 16px); flex:1;} &[data-index="2"]{order:3; width:100%; } &[data-index="3"]{order:4;width:calc(50% - 9px);} &[data-index="4"]{order:5;width:50%; flex:1;} &[data-index="5"]{order:6; width:100%;} &[data-index="6"]{order:7;width:calc(50% - 9px);} &[data-index="7"]{order:8;width:50%; flex:1;} &[data-index="8"]{order:9; width:100%;} */ } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs.img-pan-wrapper, .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs.img-pan-wrapper { margin-bottom: 0; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="0"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="0"] { order: 1; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="1"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="1"] { order: 2; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="2"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="2"] { order: 3; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="3"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="3"] { order: 4; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="4"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="4"] { order: 5; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="5"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="5"] { order: 6; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="6"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="6"] { order: 7; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="7"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="7"] { order: 8; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="8"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="8"] { order: 9; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="9"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="9"] { order: 10; width: calc(50% - 16px); flex: 1; } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="10"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="10"] { order: 9; width: calc(50% - 9px); } .nd-pdp #pdp-slick-slider[data-imgcount="3"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="4"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="5"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="6"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="7"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="8"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="9"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="10"] .nd-product-imgs[data-index="11"], .nd-pdp #pdp-slick-slider[data-imgcount="11"] .nd-product-imgs[data-index="11"] { order: 10; width: calc(50% - 16px); flex: 1; } } .nd-pdp .gallery-extbtns { display: none; } @media screen and (min-width: 48em), print { .nd-pdp .gallery-extbtns { padding: 16px 0; text-align: center; display: flex; align-items: center; justify-content: center; } } @media screen and (min-width: 48em), print { .nd-pdp .gallery-extbtns .gallery-showmore, .nd-pdp .gallery-extbtns .gallery-showless { padding: 12px 32px 12px 16px; border: 2px solid #081f2c; text-transform: uppercase; font-size: 12px; text-align: center; cursor: pointer; font-weight: 600; letter-spacing: 1.6px; position: relative; height: 50px; line-height: 25px; } } .nd-pdp .gallery-extbtns .gallery-showmore:after { content: ""; position: absolute; width: 6px; height: 6px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(135deg); right: 16px; top: 18px; } .nd-pdp .gallery-extbtns .gallery-showless:after { content: ""; position: absolute; width: 6px; height: 6px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(-45deg); right: 16px; top: 21px; } .nd-pdp h1 { text-transform: capitalize; font-size: 20px; line-height: 120%; letter-spacing: 0.08em; margin: 0 0 12px 0 !important; display: block; } @media screen and (min-width: 48em), print { .nd-pdp h1 { font-size: 32px; font-style: normal; font-weight: 500; line-height: 130%; margin: 8px 0 0 0 !important; } } @media screen and (min-width: 66em), print { .nd-pdp h1 { font-size: 32px; line-height: 130%; } } .nd-pdp .nd-review-price { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 0 16px 0; position: relative; } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-price { padding: 0; margin: 0; width: 100%; flex-direction: column; } } @media screen and (min-width: 66em), print { .nd-pdp .nd-review-price { padding: 0; margin-bottom: 0; } } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-price > div { margin: 0 0 8px 0; width: 100%; } } .nd-pdp .nd-review-price .nd-theprices { display: flex; flex-direction: row; flex-wrap: wrap; } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-price .nd-theprices { flex-direction: row; white-space: nowrap; align-items: baseline; flex-wrap: wrap; margin-bottom: 12px; } } .nd-pdp .nd-review-price .nd-theprices .nd-pice { font-size: 20px; text-transform: none; font-weight: 700; letter-spacing: 0.08em; margin-bottom: 12px !important; margin-right: 16px !important; white-space: nowrap; } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-price .nd-theprices .nd-pice { font-size: 32px; margin-right: 8px !important; } } @media screen and (min-width: 66em), print { .nd-pdp .nd-review-price .nd-theprices .nd-pice { font-size: 32px; } } .nd-pdp .nd-review-price .nd-theprices [class*=f-heading] * { text-transform: none; } .nd-pdp .nd-review-sec { /*margin-top: $unit;*/ } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-sec { margin-bottom: 0; } } .nd-pdp .nd-review-sec > div { white-space: nowrap; } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-sec > div { width: 100%; } } .nd-pdp .nd-review-sec .nd-noreview { display: flex; align-items: center; } .nd-pdp .nd-review-sec .nd-noreview .nd-noreviewstars { color: #c8ccd0; margin-right: 8px; display: flex; } .nd-pdp .nd-review-sec .nd-noreview .nd-noreviewstars > svg { margin: 0 1px; } .nd-pdp .nd-review-sec .promoA > span { height: 22px; padding: 0 16px 0 0; } @media screen and (min-width: 48em), print { .nd-pdp .nd-review-sec .promoA > span { /*padding:0 $unit;*/ margin-right: 16px; } } .nd-pdp .nd-review-sec .nd-reviewstars > svg, .nd-pdp .nd-review-sec .nd-reviewstarsbg > svg { margin: 0 1px; } .nd-pdp .nd-cta-sect-pos { /*height:1px; visibility:hidden;*/ position: fixed; bottom: 0; height: 80px; width: 100vw; left: 0; background: #fff; z-index: 98; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect-pos { display: none; } } .nd-pdp [data-mobdropsection] { /*transition: z-index 0.2s ease; position: relative; z-index: 1;*/ /*> fieldset{ &:after{content:"ADD TO BAG"; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:$color6; color:$color0; cursor:pointer; font-size:12px; letter-spacing:0.08333em; font-weight:bold; text-transform:uppercase; pointer-events:none; opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events:none;} }*/ } @media only screen and (max-width: 767px) { .nd-pdp [data-mobdropsection] { position: fixed !important; bottom: 8px; width: calc(50vw - 32px); z-index: 99 !important; } } @media screen and (min-width: 48em), print { .nd-pdp [data-mobdropsection] { position: relative; bottom: auto; width: auto; z-index: inherit; } } .nd-pdp [data-mobdropsection].sticky { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; padding: 16px; z-index: 1; background: white; } .nd-pdp [data-mobdropsection].sticky > fieldset { width: calc(100% - 58px); position: relative; margin-left: 0; margin-right: 0; } .nd-pdp [data-mobdropsection].sticky > fieldset:after { content: "ADD TO BAG"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #081f2c; color: white; cursor: pointer; font-size: 12px; letter-spacing: 0.08333em; font-weight: bold; text-transform: uppercase; pointer-events: none; } .nd-pdp [data-mobdropsection].sticky > fieldset.itemadded:after { content: "ADDED TO BAG"; background: #f9d100; color: #081f2c; } .nd-pdp .nd-cta-sect { display: flex; align-items: flex-start; column-gap: 8px; margin: 8px 0; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect { margin: 16px 0 32px 0; position: relative; bottom: auto; right: auto; width: auto; z-index: inherit; } } .nd-pdp .nd-cta-sect.sticky { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; padding: 16px; background: #fff; margin: 0; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect.sticky { position: relative; padding: 0; } } .nd-pdp .nd-cta-sect .nd-cta { flex: 1 auto; } @media only screen and (max-width: 767px) { .nd-pdp .nd-cta-sect .nd-cta { position: fixed; bottom: 0; z-index: 99; width: calc(100vw - 96px); margin: 10px 16px; left: 0; } } .nd-pdp .nd-cta-sect .nd-cta #pdp-atb-button { height: 50px; font-size: 12px !important; } .nd-pdp .nd-cta-sect .nd-cta #pdp-atb-button.notready { display: none; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect .nd-cta #pdp-atb-button.notready { display: block; } } .nd-pdp .nd-cta-sect .nd-cta #atb-simul { display: block; font-size: 12px; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect .nd-cta #atb-simul { display: none; } } .nd-pdp .nd-cta-sect .nd-cta #atb-simul.used { display: none; } .nd-pdp .nd-cta-sect .nd-cta input.nd-dumatb { background: #c8ccd0; } .nd-pdp .nd-cta-sect .nd-cta input.nd-dumatb:hover { color: white; } .nd-pdp .nd-cta-sect .nd-cta .singlevar #atb-simul { display: none; } .nd-pdp .nd-cta-sect .nd-cta .singlevar #pdp-atb-button { display: block; } .nd-pdp .nd-cta-sect .nd-cta .singlevar #pdp-atb-button.notready { display: block; } .nd-pdp .nd-cta-sect .nd-wish { height: 50px; display: flex; align-items: center; justify-content: center; /*width:100%;*/ width: 50px; } @media screen and (min-width: 48em), print { .nd-pdp .nd-cta-sect .nd-wish { width: 50px; } } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled { box-sizing: border-box; border: 2px solid #081f2c; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled:hover { border: 2px solid #f9d100; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div { width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div.wishlistbtns span:last-child { display: none; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div.wishlistbtns[data-wishlist="true"] > span:first-child { display: none !important; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div.wishlistbtns[data-wishlist="true"] > span:last-child { display: block !important; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div.wishlistbtns[data-wishlist="false"] > span:first-child { display: block !important; } .nd-pdp .nd-cta-sect .nd-wish .wishlist-controlled > div.wishlistbtns[data-wishlist="false"] > span:last-child { display: none !important; } .nd-pdp .nd-notifystock { /*display:none!important;*/ } .nd-pdp .nd-notifystock[data-outstock="true"] { /*display:block!important;*/ } .nd-pdp .nd-notifystock[data-outstock="true"].hidden { display: none !important; } .nd-pdp .nd-notifystock[data-outstock="true"] .nd-notifystock-inner { display: flex; align-items: center; padding: 0 0 16px 0; } .nd-pdp .nd-notifystock[data-outstock="true"] .nd-notifystock-inner > span { margin: 0 8px; font-size: 16px; text-decoration: underline; } .nd-pdp .nd-inlineemwa { padding: 20px; border: 4px solid #F2F2F2; } .nd-pdp .nd-csinfo { margin: 16px -16px; background-color: #F2F2F2; } @media screen and (min-width: 48em), print { .nd-pdp .nd-csinfo { margin: 16px 0; } } .nd-pdp .nd-csinfo > div:last-child { border-bottom: none; } .nd-pdp .nd-csinfo > div > span:first-child { /*width:32px; height:32px;*/ display: inline-flex; align-items: center; justify-content: center; } .nd-pdp .nd-csinfo > div > span:first-child + span { flex: 1; } .nd-pdp .nd-csinfo .nd-freedelinfo, .nd-pdp .nd-csinfo .nd-returninfo, .nd-pdp .nd-csinfo .nd-ccstoreinfo { width: calc(100% - 32px); padding: 8px 0; display: flex; align-items: center; /*&:hover{ .svginfo{ opacity:1; } }*/ } .nd-pdp .nd-csinfo .nd-freedelinfo > span, .nd-pdp .nd-csinfo .nd-returninfo > span, .nd-pdp .nd-csinfo .nd-ccstoreinfo > span { margin: 0 8px; font-size: 16px; } .nd-pdp .nd-csinfo .nd-freedelinfo .svginfo, .nd-pdp .nd-csinfo .nd-returninfo .svginfo, .nd-pdp .nd-csinfo .nd-ccstoreinfo .svginfo { opacity: 0.2; transition: opacity .3s ease; } .nd-pdp .nd-csinfo .nd-freedelinfo .svginfo:hover, .nd-pdp .nd-csinfo .nd-returninfo .svginfo:hover, .nd-pdp .nd-csinfo .nd-ccstoreinfo .svginfo:hover { opacity: 1; } .nd-pdp .nd-csinfo .nd-freedelinfo { border-bottom: 1px solid #c8ccd0; margin: 0 16px; } .nd-pdp .nd-csinfo .nd-freedelinfo > span:first-child { /*width:30px; height:30px;*/ display: inline-flex; align-items: center; justify-content: center; } .nd-pdp .nd-csinfo .nd-freedelinfo > span:first-child + span { flex: 1; } .nd-pdp .nd-csinfo.isgvx .nd-freedelinfo { border-bottom: none !important; } .nd-pdp .nd-csinfo .nd-returninfo { border-bottom: 1px solid #c8ccd0; margin: 0 16px; } .nd-pdp .nd-csinfo .nd-ccstoreinfo { border-bottom: 1px solid #c8ccd0; margin: 0 16px; } .nd-pdp .nd-size-fit-cont { display: flex; align-items: center; justify-content: space-between; } .nd-pdp .nd-size-fit-cont .nd-sizefit-sect { display: flex; padding: 8px 0; } .nd-pdp .nd-size-fit-cont .nd-sizefit-sect .nd-fitinfo { flex: 1; font-size: 16px; font-weight: 420; margin-right: 16px; line-height: 24px; } .nd-pdp .nd-size-fit-cont .nd-sizefit-sect .nd-sizeguide { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; column-gap: 8px; } .nd-pdp .nd-size-fit-cont .nd-sizefit-sect .nd-sizeguide.mbonly { display: flex; } @media screen and (min-width: 48em), print { .nd-pdp .nd-size-fit-cont .nd-sizefit-sect .nd-sizeguide.mbonly { display: none; } } .nd-pdp .swatch-wrapper-sizes { column-gap: 8px; display: flex; flex-wrap: wrap; } .nd-pdp .swatch-wrapper-sizes.singlevar { display: none !important; } .nd-pdp .swatch-wrapper-sizes > div { font-weight: normal; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; margin: 3px; border-width: 1px; margin-bottom: 8px; } .nd-pdp .swatch-wrapper-sizes > div:hover { border-color: #081f2c; } .nd-pdp .swatch-wrapper-sizes > div.swatch-current { background: white; color: #081f2c; box-sizing: border-box; border: solid 2px #081f2c; } @media only screen and (max-width: 767px) { .nd-pdp .swatch-wrapper-sizes .nd-opt2-label { display: none !important; } } .nd-pdp .swatch-wrapper-sizes .stockonsize { top: -55px; } .nd-pdp .ndsizeopt-infos { display: none; } @media screen and (min-width: 48em), print { .nd-pdp .ndsizeopt-infos { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; } } .nd-pdp .ndsizeopt-infos.isonesize { justify-content: flex-end; } .nd-pdp .nd-swatch-wrapper-colors { position: relative; overflow: hidden; } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner { overflow-x: auto; padding-bottom: 4px; } @media screen and (min-width: 66em), print { .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner { padding-bottom: 4px; } } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner { display: contents; width: fit-content; } @media screen and (min-width: 66em), print { .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner { flex-wrap: wrap; width: 100%; gap: 3px; } } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > div, .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > a { display: inline-block; width: 40px; height: 40px; border: solid 1px white; margin: 2px; } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > div.swatch-current, .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > a.swatch-current { outline: solid 2px #081f2c !important; border: solid 1px white; } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > div.swatch-disabled, .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > a.swatch-disabled { cursor: default; position: relative; } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > div.swatch-disabled:after, .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > a.swatch-disabled:after { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > div.swatch-disabled:before, .nd-pdp .nd-swatch-wrapper-colors > div.nd-swatch-inner > div.nd-swatchelm-inner > a.swatch-disabled:before { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(-45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } @media screen and (min-width: 48em), print { .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper { display: flex; flex-wrap: wrap; } } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide { width: 42px; height: 42px; margin-right: 8px; margin-bottom: 4px; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a { position: relative; display: inline-block; width: 40px; height: 40px; border: solid 1px white; margin: 2px; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a.swatch-current { outline: solid 2px #081f2c !important; border: solid 1px white; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a.swatch-disabled { cursor: default; position: relative; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a.swatch-disabled:after { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a.swatch-disabled:before { content: ''; position: absolute; top: 18px; left: -1px; width: 100%; height: 0; border: solid 1px #081f2c; transform: rotate(-45deg); -webkit-box-shadow: 0 0 10px 0 white; box-shadow: 0 0 10px 0 white; } .nd-pdp .nd-swatch-wrapper-colors .ko-swatch-slider .swiper-wrapper .swiper-slide a img { width: 38px; height: 38px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="6"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="7"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="8"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="9"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="10"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="11"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="12"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="13"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="14"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="15"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="16"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="17"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="18"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="19"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="20"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="21"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="22"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="23"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="24"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="25"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="26"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="27"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="28"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="29"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="30"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="31"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="32"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="33"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="34"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="35"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="36"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="37"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="38"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="39"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner { position: relative; /*padding-right:84px; padding-left:16px;*/ } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner { padding-right: 0; /*padding-left:0;*/ } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner.active { padding-right: 0; padding-left: 0; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner .openswatches { display: none !important; } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner .openswatches { display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c8ccd0; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .nd-swatchelm-inner .openswatches.tohide { opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .doscrollx { display: flex; align-items: center; justify-content: center; position: absolute; right: -2px; width: 80px; height: 42px; top: 0; margin: 2px; border: 0 solid #e2e8ee; padding-left: 16px; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%); font-size: 18px; } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .doscrollx:after { content: ""; position: absolute; right: 8px; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(45deg); } @media screen and (min-width: 66em), print { .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .doscrollx { display: none; } } .nd-pdp div.nd-swatch-wrapper-colors[data-slength="40"] .doscrollx.onscroll { opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } @media screen and (min-width: 66em), print { .nd-pdp .nd-swatchelm-inner.ds-norm > a:nth-child(n + 13) { display: none !important; } } .nd-pdp div.nd-swatch-wrapper-colors .nd-swatchelm-inner { position: relative; } .nd-pdp div.nd-swatch-wrapper-colors .nd-swatchelm-inner .openswatches { display: none !important; } .nd-pdp div.nd-swatch-wrapper-colors .doscrollx { display: none; } .nd-pdp fieldset.singlevar { display: none; } .nd-pdp .mopt2selectcont fieldset { position: relative; } .nd-pdp .mopt2selectcont fieldset:after { content: ""; position: absolute; width: 8px; height: 8px; top: calc(50% - 6px); right: 16px; border-top: 2px solid #081f2c; border-right: 2px solid #081f2c; transform: rotate(135deg); } @media screen and (min-width: 48em), print { .nd-pdp .mopt2selectcont fieldset:after { display: none; } } .nd-pdp #pdp-size-org { padding: 10px; height: 50px; background: #ffffff; -webkit-appearance: none; margin-right: 0; margin-left: 0; } .nd-pdp #pdp-size-opt { padding: 10px; height: 50px; background: #ffffff; -webkit-appearance: none; } .nd-pdp .mob-stock-message { margin: 8px 0; } .nd-pdp .nd-accordion .accordion-tab { padding: 24px 0; font-size: 16px; font-weight: normal; } .nd-pdp .nd-accordion .accordion-tab:before { left: auto; right: 4px; content: ""; width: 10px; height: 10px; border-top: 1px solid #081f2c; border-right: 1px solid #081f2c; transform: rotate(135deg); top: 24px; } .nd-pdp .nd-accordion .accordion-tab.accordion-tab-selected:before { transform: rotate(-45deg); top: 32px; } .nd-pdp .nd-accordion .accordion-body { line-height: 27px; font-size: 18px; } .nd-pdp .nd-edition { padding: 40px 20px; border: 4px solid #F2F2F2; margin-top: 8px; } @media screen and (min-width: 48em), print { .nd-pdp .nd-edition { padding: 40px 30px; } } .nd-pdp .nd-edition .nd-personalise-title { font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 30px; } .nd-pdp .nd-edition .gvx_textcount { text-align: right; color: #081f2c; margin-top: 10px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .nd-pdp .nd-edition .nd-gfmessage textarea { min-height: 150px; display: block; } .nd-pdp .nd-edition label { margin: 16px 0 8px 0 !important; } .nd-pdp .nd-edition input:not([type="radio"]) { height: 50px; margin-bottom: 20px !important; } .nd-pdp .nd-edition input:not([type="radio"]).inputFAIL { margin-bottom: 0 !important; } .nd-review-sect { background: #F2F2F2; padding: 40px 0; margin-top: 40px; } @media screen and (min-width: 48em), print { .nd-review-sect { padding: 60px 0; margin-top: 0; } } .nd-review-sect .prodreviewlist { padding: 32px 0 0 0; border-top: 1px solid #c8ccd0; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list { max-width: 725px; margin: 0 auto; } } .nd-review-sect .nd-review-list .prodreviewlist { padding: 32px 0 0 0; } @media screen and (min-width: 66em), print { .nd-review-sect .nd-review-list .prodreviewlist { padding: 32px 0 0 0; } } .nd-review-sect .nd-review-list .prodreviewlist > div { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #c8ccd0; } .nd-review-sect .nd-review-list .prodreviewlist > div:last-child { border-bottom: none; margin-bottom: 0 !important; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewratings { order: 2; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewheader { order: 1; width: calc(100% - 100px); } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewheader .reviewtitle { font-weight: bold; text-transform: capitalize !important; font-size: 18px; letter-spacing: 1.44px; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents { width: 100%; order: 3; padding: 0; font-size: 18px; display: flex; flex-wrap: wrap; align-items: center; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.reviewcustomers { width: 100%; padding: 16px 0; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.nd-review-recommend { border: none; flex: 1; display: flex; width: 100%; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.nd-review-recommend { width: auto; margin-bottom: 24px; } } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.nd-review-recommend > div { margin-right: 16px; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.nd-review-recommend > div > span > span:last-child { font-weight: bold; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.nd-review-recommend .reviewextra { font-size: 16px; } .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.revieweddate { color: #081F2C; font-size: 14px; width: 100%; margin-top: 13px; opacity: 0.7; margin-bottom: 24px; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list .prodreviewlist > div .reviewcontents > div.revieweddate { width: auto; margin-top: 0; } } .nd-review-sect .nd-review-list .nd-review-infograph { display: flex; flex-direction: column; margin: 24px 0; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list .nd-review-infograph { flex-direction: row; column-gap: 24px; margin: 56px 0; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-summarybox { width: 100%; } @media screen and (min-width: 66em), print { .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-summarybox { width: 50%; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-rate { width: 100%; background: white; padding: 16px; margin-bottom: 24px; } @media screen and (min-width: 66em), print { .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-rate { width: 100%; margin-bottom: 0; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-rate .nd-review-rate-inner { display: flex; column-gap: 16px; font-size: 21px; align-items: center; font-weight: 500; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-rate .nd-review-rate-inner .nd-rstars { display: flex; width: 100%; flex-wrap: nowrap; height: 28px; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-rate .nd-review-rate-inner .nd-rstars-filled { position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } @media screen and (min-width: 66em), print { .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar { width: 50%; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div { padding: 8px 0; display: flex; justify-content: space-between; align-items: center; font-size: 14px; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div > span:first-child { width: 36px; white-space: nowrap; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div progress { flex: 1 auto; margin: 0 16px; border-radius: 0; height: 6px; -webkit-appearance: none; appearance: none; box-shadow: none; border: none; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div progress::-webkit-progress-value { background-color: #081f2c; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div progress::-webkit-progress-bar { background-color: #D9D9D9; border-radius: 0; box-shadow: none; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-bar > div progress::-moz-progress-bar { background-color: #081f2c; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits { padding: 16px 0 0 0; display: none; flex-direction: column; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits { display: flex; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits.mobvers { display: flex; } @media screen and (min-width: 48em), print { .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits.mobvers { display: none; } } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits .nd-review-fits-title { font-weight: 600; font-size: 16px; margin-bottom: 16px; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits .nd-review-fitscont { position: relative; display: flex; height: 24px; align-items: center; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits .nd-review-fitscont .nd-review-fits-bar { width: 100%; height: 4px; background: #D9D9D9; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits .nd-review-fitscont .nd-review-fits-gage { width: 4px; height: 16px; background: #081f2c; position: absolute; top: 4px; } .nd-review-sect .nd-review-list .nd-review-infograph .nd-review-fits .nd-review-fits-label { padding: 8px 0; display: flex; align-items: center; justify-content: space-between; font-size: 14px; } @media screen and (min-width: 66em), print { .nd-review-sect .morereviewcont { margin: 0; } } .nd-blurfilter { filter: blur(4px); } #bluredoverlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 0.3); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.5s; /*webkit bugfixes*/ } [data-ndpdp="true"] #stylitics-widget-pdp-container { margin-bottom: 0 !important; } [data-ndpdp="true"] #ajaxArticlend.popup { box-shadow: none; width: 100%; top: 0; left: 0; transform: translate(0, 100vh); transition: transform 0.5s ease; max-height: 100%; height: 100%; } @media screen and (min-width: 48em), print { [data-ndpdp="true"] #ajaxArticlend.popup { width: 768px; top: calc(50% + 22px); left: 50%; transform: translate(-50%, -50%); max-height: calc(90vh - 44px); height: auto; } } [data-ndpdp="true"] #ajaxArticlend.popup .popup-tab { top: 8px; z-index: 2; } [data-ndpdp="true"] #ajaxArticlend.popup .popup-content { max-height: 100%; } @media screen and (min-width: 48em), print { [data-ndpdp="true"] #ajaxArticlend.popup .popup-content { max-height: calc(90vh - 44px); } } [data-ndpdp="true"] #ajaxArticlend.popup .popup-content .f-heading-popup { color: #000; text-align: justify; font-size: 14px; font-style: normal; font-weight: 450; line-height: 28.8px; letter-spacing: 3.2px; text-transform: uppercase; position: relative; } [data-ndpdp="true"] #ajaxArticlend.popup .popup-content .f-heading-popup:after { content: ""; position: absolute; bottom: -16px; width: calc(100% + 48px); height: 4px; background: #081f2c; left: -24px; } [data-ndpdp="true"] #ajaxArticlend.popup .popup-content table { max-width: 100% !important; } [data-ndpdp="true"] #ajaxArticlend.popup .popup-content table .TEXT, [data-ndpdp="true"] #ajaxArticlend.popup .popup-content table .TEXTCenter { font-size: 11px; } @media screen and (min-width: 48em), print { [data-ndpdp="true"] #ajaxArticlend.popup .popup-content table .TEXT, [data-ndpdp="true"] #ajaxArticlend.popup .popup-content table .TEXTCenter { font-size: 14px; } } [data-ndpdp="true"].popup-active #ajaxArticlend.popup { transform: translate(0, 0); } @media screen and (min-width: 48em), print { [data-ndpdp="true"].popup-active #ajaxArticlend.popup { transform: translate(-50%, -50%); } } .nd-gvx .gvx-amount { margin-left: -3px; } .nd-gvx .gvx-amount.gvx-amout-ds { display: none; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-amount.gvx-amout-ds { display: flex; } } .nd-gvx .gvx-amount > div[data-gcamt] { transition: border-color 0.3s ease; } .nd-gvx .gvx-amount > div[data-gcamt].selected { background: white; color: #081f2c; border: 1px solid #081f2c; outline: 1px solid #081f2c; } .nd-gvx .gvx-amout-drop.gvx-amout-mob { display: block; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-amout-drop.gvx-amout-mob { display: none; } } .nd-gvx .gvx-amout-drop.gvx-amout-mob select { width: 100%; height: 50px; border: 1px solid #C8CCD0; } .nd-gvx .gvx-review-sec > div { white-space: nowrap; } @media screen and (min-width: 48em), print { .nd-gvx .gvx-review-sec > div { width: 100%; } } .nd-gvx .gvx-review-sec .nd-noreview { display: flex; align-items: center; } .nd-gvx .gvx-review-sec .nd-noreview .nd-noreviewstars { color: #c8ccd0; margin-right: 8px; display: flex; } .nd-gvx .gvx-review-sec .nd-noreview .nd-noreviewstars > svg { margin: 0 1px; } .nd-gvx .gvx-review-sec .promoA > span { height: 22px; } .mob-zoom-active header { z-index: 0; } /* Viewer styles */ #mobimageviewer { position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; background: white; overflow: hidden; z-index: 999; } #mobimageviewer .closemobviewer { position: absolute; top: 16px; right: 16px; padding: 4px; /*font-size: 24px;*/ cursor: pointer; background: #fff; border-radius: 50%; line-height: 0; } .product-viewer { width: 100%; height: 100%; overflow: auto; display: flex; min-height: 0; } .product-viewer-image { width: auto; height: auto; object-fit: contain; max-width: 100%; margin: auto; } .product-viewer-instruction { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 0 16px; display: flex; align-items: center; justify-content: center; height: 34px; padding: 0 16px; } .is-zoomed .product-viewer-instruction { display: none; } .custom-alert { background-color: #D2232A; color: white; padding: 8px 16px; font-size: 16px; text-align: center; position: absolute; top: -48px; left: calc(50% - 25px); width: 140px; white-space: nowrap; } .custom-alert:after { content: ""; position: absolute; bottom: -5px; width: 10px; height: 10px; transform: rotate(45deg); background-color: #D2232A; left: calc(50% - 5px); } #mbstick-sentinel { height: 1px; } [data-mbstick] { transition: all 0.3s ease; display: none; } @media (max-width: 768px) { .mobnav .sticky-on #main { z-index: 0; } .sticky-on #main { z-index: 3; } [data-mbstick].is-sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: white; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); background: #ffffff; padding: 8px 16px; display: flex; flex-direction: row; } [data-mbstick].is-sticky fieldset { margin-bottom: 0 !important; position: relative; flex: 1 auto; } [data-mbstick].is-sticky fieldset:after { content: "ADD TO BAG"; width: 100%; height: 100%; position: absolute; display: flex; text-align: center; align-items: center; justify-content: center; background: #081f2c; color: #fff; top: 0; left: 0; font-size: 13px; font-weight: bold; pointer-events: none; z-index: 1; } [data-mbstick].is-sticky fieldset select { background-color: #081f2c !important; color: white; font-size: 13px; font-weight: bold; text-align: center; position: relative; z-index: 0; } [data-mbstick].is-sticky.optselected fieldset:after { content: "ADDED TO BAG"; background: #f9d100; color: #081f2c; pointer-events: auto; } [data-mbstick].is-sticky .wishlist-controlled { box-sizing: border-box; border: 2px solid #081f2c; display: flex; align-items: center; justify-content: center; } [data-mbstick].is-sticky .wishlist-controlled > div { width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; min-width: 38px; } } .swiper { position: relative; width: 100%; height: 100%; overflow: hidden; } .swiper-wrapper { display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; } .dynamicsticky-cont { position: relative; flex: 1 auto; margin-right: 8px; } .dynamicsticky-cont .dynamicbtn { display: inline-block; text-decoration: none; text-transform: uppercase; border-width: 0; text-align: center; cursor: pointer; font-size: 13px; font-weight: bold; letter-spacing: 0.08333em; background-color: #081f2c; color: white; height: 50px; } .dynamicsticky-cont .dynamicbtn[data-active="false"] { display: none; pointer-events: none; } .dynamicsticky-cont .dynamicbtn[data-active="true"] { display: block; } .dynamicsticky-cont .dynamicbtn.atb-loader { position: relative; background-color: #f9d100; color: #081f2c; } .dynamicsticky-cont .dynamicbtn.atb-loader:before { content: ""; position: absolute; right: 32px; top: 50%; width: 16px; height: 16px; border: 2px solid #000; border-top-color: transparent; border-radius: 50%; transform: translateY(-50%); animation: spin 0.8s linear infinite; } .dynamicsticky-cont .dynamicbtn.notaddable { background-color: #081f2c; cursor: default; } .tabgroup .tab { display: block; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 20px; padding-top: 16px; padding-bottom: 8px; cursor: pointer; text-align: center; } .tabgroup .tab:not(:hover) { color: #999999; } .tabgroup .tab:hover { color: #081f2c; } .tabgroup .tab:after { content: '+'; position: absolute; right: 16px; } .tabgroup .tab.selected:after { content: '-'; padding-right: 0.125em; } .tabgroup .tab + * { display: none; } @media screen and (min-width: 48em), print { .tabgroup, .tabgroup .tab:first-child { position: relative; } .tabgroup .tab { clear: none; position: absolute; top: 0; width: 32%; margin: 0 2% 0 0; padding: 8px 0; } .tabgroup .tab { left: 0%; } .tabgroup .tab + div + .tab { left: 34%; } .tabgroup .tab + div + .tab + div + .tab { left: 68%; } .tabgroup .tab + div { position: relative; } .tabgroup .tab:after { display: none; } .tabgroup .tab.selected { color: #081f2c; cursor: default; } } @media screen and (min-width: 48em), print { .flextabs { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } .flextabs .tab { display: block; position: relative; padding: 16px; color: #999999; text-transform: uppercase; font-size: 20px; } .flextabs .tab:hover { color: #081f2c; cursor: pointer; } .flextabs .tab.selected { color: #081f2c; cursor: default; } .flextabs .tab:after { content: '+'; position: absolute; right: 16px; } .flextabs .tab.selected:after { content: '-'; } @media screen and (min-width: 48em), print { .flextabs .tab { display: inline-block; vertical-align: middle; order: 1; } .flextabs .tab:after { content: ''; } .flextabs .tab.selected:after { content: ''; } } @media screen and (min-width: 66em), print { .flextabs .tab { font-size: 28px; padding: 16px 24px; } } .flextabs .tab + div { width: 100%; } @media screen and (min-width: 48em), print { .flextabs .tab + div { order: 2; } } .flextabs .tab.selected + div { display: block; } .accordion-tab { padding: 16px 0 16px 2.75em; margin: 0; border-top: 1px solid #e2e8ee; cursor: pointer; position: relative; font-size: inherit; font-weight: bold; } .accordion-tab.rightset { padding: 16px 2.75em 16px 0; } .accordion-tab.rightset:before { left: auto; right: 4px; } .accordion-tab:before { content: '+'; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); font-size: 3em; font-weight: 300; } .accordion-tab.accordion-tab-selected:before { content: '-'; transform: translateY(-60%); } .accordion-body { display: none; padding-bottom: 16px; font-size: 16px; } /*#880334 START*/ .halftabs > div { width: 50%; display: inline-block; vertical-align: middle; background: #e2e8ee; border: solid 2px #e2e8ee; border-width: 2px 2px 0; line-height: 40px; cursor: pointer; } .halftabs > div.halftabs-selected { background: white; border-color: #c8ccd0; position: relative; cursor: default; } /*#880334 END*/ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 56px; color: #666666; font-size: 14px; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; height: 32px; } .irs-line-mid, .irs-line-left, .irs-line-right { background: #d9dee1; } .irs-line-mid, .irs-bar { position: absolute; display: block; width: 100%; height: 4px; top: 14px; } .irs-line-left, .irs-min { left: 0; } .irs-line-right, .irs-max { right: 0; } .irs-bar { background: #666666; } .irs-slider { cursor: default; border: 2px solid #081f2c; background: white; cursor: pointer; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .irs-slider, .irs-line-left, .irs-line-right { display: block; position: absolute; top: 0; width: 32px; height: 32px; border-radius: 18px; } .irs-slider.type_last { z-index: 2; } .irs-slider.state_hover, .irs-slider:hover { -webkit-box-shadow: inset 0 0 3px 3px #081f2c; box-shadow: inset 0 0 3px 3px #081f2c; border-color: #081f2c; } .irs-min, .irs-max { position: absolute; cursor: default; text-shadow: none; bottom: 0; color: #d9dee1; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #999999; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; bottom: 0; left: 0; cursor: default; white-space: nowrap; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999999; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid { height: 70px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; opacity: 0.5; background: #666666; } .irs-grid-pol.small { height: 4px; background: #999999; } .irs-grid-text { position: absolute; left: 0; bottom: 5px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #999999; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background-color: transparent; z-index: 2; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .webwidget_rating_simple { margin: 6px 0; } .webwidget_rating_simple > span { display: inline-block; width: 16px; height: 16px; vertical-align: bottom; cursor: pointer; } .webwidget_rating_simple span span { display: none; } .at-resp-share-element .at-share-btn { transform: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; background: #081f2c !important; } .at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover { background: #f9d100 !important; } .blog-addthis .at-resp-share-element .at-share-btn { margin: 0 0 0 16px !important; } .grid-item { width: 100%; } @media screen and (min-width: 30em), print { .grid-item { width: 50%; } } @media screen and (min-width: 48em), print { .grid-item { width: 33.33333%; } } @media screen and (min-width: 66em), print { .grid-item { width: 25%; } } .pcatext.pcanotification.pcavisible, .pcatext.pcanotification.pcafade { display: none !important; } .pcaautocomplete.pcatext { right: 16px; max-width: 400px; } .no-webkit .scrollbar-overboard { margin-right: -17px; } [data-simplebar] { position: relative; overflow: hidden !important; -webkit-overflow-scrolling: touch; } [data-simplebar="init"] { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .simplebar-scroll-content { overflow-x: hidden; overflow-y: scroll; min-width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100%; } .simplebar-track { z-index: 1; position: absolute; right: 0; top: 0; bottom: 0; width: 10px; background: #e2e8ee; } .simplebar-track.horizontal { display: none; } .simplebar-track.vertical[style="visibility: hidden;"] ~ .simplebar-scroll-content { height: auto; } .simplebar-scrollbar { position: absolute; width: 10px; min-height: 10px; background: #666666; border-radius: 5px; } #recaptcha1 > div, #recaptcha1 iframe { width: 100% !important; } #ajxStoreMap .gm-style-iw.gm-style-iw-c { min-width: 300px !important; max-width: 300px !important; } #ajxStoreMap .gm-style-iw.gm-style-iw-c .gm-style-iw-d { width: 100% !important; max-width: none !important; max-height: none !important; } /*#1043025 START*/ .adyen-checkout__payment-methods-list { margin-bottom: 16px !important; } .adyen-checkout__payment-method__details { padding: 32px 16px 16px !important; } .adyen-checkout__payment-method { border-radius: 0 !important; border-width: 0 !important; background: #e2e8ee !important; } .adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header { display: none !important; } .adyen-checkout__label__text { font-weight: 500 !important; letter-spacing: 0.04em; margin-bottom: 8px; font-size: 15px !important; color: inherit !important; line-height: inherit !important; padding-bottom: 0 !important; } .adyen-checkout__checkbox__label { letter-spacing: normal !important; font-size: 15px !important; color: inherit !important; } .adyen-checkout__input { color: inherit !important; caret-color: inherit !important; border-radius: 0 !important; border: solid 1px #c8ccd0 !important; } .adyen-checkout__input:active { outline: none; } .adyen-checkout__input--focus, .adyen-checkout__input:focus { border-color: #f9d100 !important; box-shadow: none !important; } .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label::before { border-bottom-color: #666666 !important; border-right-color: #666666 !important; } .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label::after, .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label::after, .adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label::after { border-radius: 0 !important; background: white !important; box-shadow: none !important; border-color: #c8ccd0 !important; } .adyen-checkout__payment-method__radio--selected { background-color: #081f2c !important; } .adyen-checkout__payment-method__radio--selected:hover { box-shadow: none !important; } .adyen-checkout__button.adyen-checkout__button--link { color: #081f2c !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 0.04em; position: relative; } .adyen-checkout__button.adyen-checkout__button--link:hover { text-decoration: none !important; } .adyen-checkout__button.adyen-checkout__button--link:after { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; background: #c8ccd0; } .adyen-checkout__button.adyen-checkout__button--link:hover:after { background: #f9d100; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; } .adyen-checkout__card-input { margin-bottom: 16px !important; background-color: #e2e8ee; padding: 16px; } /* .adyen-checkout__card-input > div > div:last-child {display:flex;flex-direction:column;} .adyen-checkout__card__holderName {order:1;margin-top:0!important;} .adyen-checkout__card__form {order:2;margin-top:$unit;} .adyen-checkout__store-details {order:3;} */ .adyen-checkout__threeds2__challenge { width: 100% !important; border: solid 4px #081f2c; padding: 16px; margin-bottom: 16px; } .adyen-checkout__threeds2__challenge iframe { width: 100%; position: static; } /*#1043025 END*/ /* Cookie bot theme overrides */ #CybotCookiebotDialog { font-family: inherit !important; border-radius: 0 !important; line-height: 1 !important; background-color: rgba(8, 31, 44, 0.95) !important; height: 65vh; } @media screen and (min-width: 48em), print { #CybotCookiebotDialog { height: auto; } } #CybotCookiebotDialog.active { padding-top: 20px; } #CybotCookiebotDialog h2 { line-height: 1 !important; font-size: 18px; letter-spacing: 0.08333em !important; } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton { border-radius: 0 !important; text-transform: uppercase; font-size: 13px; letter-spacing: .08333em; } #CybotCookiebotDialogBodyContentText { padding-bottom: 3px !important; } #CybotCookiebotDialogHeader { display: none !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink { text-transform: uppercase !important; font-size: 13px; letter-spacing: .08333em; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active { color: inherit !important; } .CybotCookiebotDialogBodyBottomWrapper { display: none !important; } #CybotCookiebotDialogDetailBodyContentTextAbout, .CybotCookiebotDialogDetailBodyContentCookieTypeIntro { font-size: 16px !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { background-color: transparent !important; } #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover { background-color: #f9d100 !important; border-color: #f9d100 !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItem:first-of-type { display: none !important; } #CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider { background-color: rgba(255, 255, 255, 0.5) !important; } #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #f9d100 !important; } #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before, #CybotCookiebotDialog[dir=rtl] #CybotCookiebotDialogTabContent input + .CybotCookiebotDialogBodyLevelButtonSlider:before { background-color: #081f2c !important; } #CybotCookiebotDialogPoweredByText, #CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount { display: none !important; } .CybotCookiebotDialogDetailBodyContentCookieContainerButton { font-size: 18px !important; } @media screen and (min-width: 601px) and (max-width: 1279px) { #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type), #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) { width: auto !important; flex: 1; } } @media screen and (min-width: 1280px) { #CybotCookiebotDialogTabContent { margin-bottom: 16px !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons { max-width: none !important; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper { flex-direction: column !important; align-items: center; text-align: center; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper { flex-direction: row !important; } } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline { background: none; color: #fff; border: 2px solid #fff !important; order: 0 !important; margin-left: 0 !important; margin-bottom: 0.6em !important; } @media screen and (min-width: 768px) { #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline { margin-bottom: 0 !important; } } @media screen and (min-width: 1280px) { #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline { margin-right: 0.5em !important; order: -1 !important; } } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonDecline:hover { background: transparent !important; border-color: #f9d100 !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { order: 4 !important; margin-left: 0 !important; } @media screen and (min-width: 1280px) { #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { order: 4 !important; margin-left: 0 !important; } } .pdp-stylitics .pdp-stylitic-link { position: absolute; background: white; padding: 4px; width: 70px; height: 70px; right: 16px; top: 16px; border-radius: 70px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (min-width: 48em), print { .pdp-stylitics .pdp-stylitic-link { right: 32px; } } @media screen and (min-width: 66em), print { .pdp-stylitics .pdp-stylitic-link { right: 64px; width: 70px; height: 70px; padding: 8px; border-radius: 88px; } } .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-icon { display: block; line-height: 0; } .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-icon svg { stroke-width: 0; } .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-label { font-size: 10px; display: block; text-align: center; font-weight: bold; padding: 5px 0; } @media screen and (min-width: 66em), print { .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-label { padding: 5px 0; } } .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-arrow { display: block; line-height: 0; } .pdp-stylitics .pdp-stylitic-link .pdp-stylitics-arrow svg { stroke-width: 0; } #stylitics-widget-pdp-container { margin-bottom: 60px; } #stylitics-widget-pdp-container .stylitics-bundle-container { --border-color: #E2E8EE !important; } #stylitics-widget-pdp-container .stylitics-view-item-details-cta, #stylitics-widget-pdp-container .stylitics-cta a.svelte-classic-ugndxl { font-family: "brandon-grotesque",sans-serif; font-size: 12px; line-height: 1; font-weight: bold; border-bottom: 2px solid #999; letter-spacing: 1.6px; text-transform: uppercase; padding-top: 0; padding-bottom: 3px; color: #081F2C; display: inline-block; } #stylitics-widget-pdp-container .stylitics-view-item-details-cta:hover, #stylitics-widget-pdp-container .stylitics-cta a.svelte-classic-ugndxl:hover { border-bottom-color: #F9D100; opacity: 1; } #stylitics-widget-pdp-container .stylitics-item-brand { font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-size: 10px; text-transform: uppercase; letter-spacing: 0.025em; display: none; } #stylitics-widget-pdp-container .stylitics-item-name { font-family: "brandon-grotesque", sans-serif !important; font-weight: 400 !important; color: #081F2C !important; font-size: 16px; letter-spacing: 0.025em; } #stylitics-widget-pdp-container .stylitics-item-name:hover { opacity: 0.7; } #stylitics-widget-pdp-container .stylitics-item-price-and-cta { padding-top: 6px; } #stylitics-widget-pdp-container .stylitics-item-price { font-weight: 700; font-size: 14px; font-family: "brandon-grotesque", sans-serif !important; margin-bottom: 4px; } #stylitics-widget-pdp-container .stylitics-item-regular-price { font-weight: inherit !important; color: #081F2C !important; font-family: inherit !important; font-size: inherit; } #stylitics-widget-pdp-container .stylitics-item-container { border-bottom-width: 1px !important; padding: 15px 0 !important; } #stylitics-widget-pdp-container .stylitics-bundle-details-header:empty { display: none; } #stylitics-widget-pdp-container .stylitics-arrow-btn svg { display: none; } #stylitics-widget-pdp-container .stylitics-arrow-btn { width: 40px; height: 40px; background-color: rgba(226, 232, 238, 0.7); } #stylitics-widget-pdp-container .stylitics-arrow-btn:hover { opacity: 1; background-color: #e2e8ee; } #stylitics-widget-pdp-container .stylitics-arrow-btn.stylitics-previous::after { content: ""; border-top: 2px solid #081f2c; border-right: 2px solid #081f2c; width: 11px; height: 11px; top: calc(50% - 7px); left: calc(50% - 4px); position: absolute; transform: rotate(-135deg); } #stylitics-widget-pdp-container .stylitics-arrow-btn.stylitics-next::after { content: ""; border-top: 2px solid #081f2c; border-right: 2px solid #081f2c; width: 11px; height: 11px; top: calc(50% - 7px); right: calc(50% - 4px); position: absolute; transform: rotate(45deg); } #stylitics-widget-pdp-container .stylitics-close { background-color: rgba(226, 232, 238, 0.7); opacity: 1; } #stylitics-widget-pdp-container .stylitics-close:hover { background-color: #e2e8ee; } .slick-slider, .slick-megamenu { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*-ms-touch-action:pan-y;touch-action:pan-y;*/ -webkit-tap-highlight-color: transparent; } @media screen and (min-width: 64em), print { .slick-megamenu { max-height: 330px; } } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list, .slick-megamenu .slick-track, .slick-megamenu .slick-list { transform: translate3d(0, 0, 0); } .slick-slider:not(.slick-initialized) > a ~ a, .slick-slider:not(.slick-initialized) .slick-slide ~ .slick-slide, .slick-megamenu:not(.slick-initialized) > a ~ a, .slick-megamenu:not(.slick-initialized) .slick-slide ~ .slick-slide { display: none; /*#1019044*/ } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; position: relative; outline: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-slide.dragging img { pointer-events: none; } .str .slick-slide img:not(.fullwidth):not([data-listing="image"]) { width: auto; } #slide-video { position: relative; padding-bottom: 43%; padding-top: 0; height: 0; overflow: hidden; } #slide-video iframe, #slide-video object, #slide-video embed #slide-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slick-dots { position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap; } @media screen and (min-width: 48em), print { .slick-dots { bottom: 16px; } } .slick-dots > li { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 8px; padding: 0; border-radius: 100%; background: #081f2c; -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05); } .slick-dots > li > button { vertical-align: top; background: white; border-width: 0; color: transparent; width: 8px; height: 8px; margin: 1px; padding: 0; border-radius: 100%; } .slick-dots > li > button:focus { outline: none; } .slick-dots > li.slick-active { background: white; } .slick-dots > li.slick-active:only-child { display: none; } .slick-dots > li.slick-active > button { background: #081f2c; } /*#1022137 START*/ .slick-prev, .slick-next { width: 48px; height: 48px; padding: 0; color: transparent; background: transparent; border-width: 0; position: absolute; top: 50%; transform: translateY(-50%); } .slick-slidesperview:not(.slick-arrows-dark) .slick-prev, .slick-slidesperview:not(.slick-arrows-dark) .slick-next { background: rgba(8, 31, 44, 0.25); } .slick-slidesperview:not(.slick-arrows-dark) .slick-prev:hover, .slick-slidesperview:not(.slick-arrows-dark) .slick-next:hover { background: #081f2c; } .slick-prev:after, .slick-next:after { content: ''; position: absolute; top: 18px; width: 12px; height: 12px; border-style: solid; border-color: white; transform: rotate(45deg); } .slick-arrows-dark .slick-prev:after, .slick-arrows-dark .slick-next:after { border-color: #081f2c; } .slick-prev { /*left:2*$unit*/ left: 0; } .slick-prev:after { border-width: 0 0 2px 2px; left: 20px; } .slick-slidesperview:not(.slick-arrows-dark) .slick-prev { left: -16px; } @media screen and (min-width: 48em), print { .slick-prev-centerSM .slick-prev { left: 50%; margin-left: -16px; } } .slick-next { /*right:2*$unit*/ right: 0; } .slick-next:after { border-width: 2px 2px 0 0; right: 20px; } .slick-slidesperview:not(.slick-arrows-dark) .slick-next { right: -16px; } @media screen and (min-width: 48em), print { .slick-next-centerSM .slick-next { right: 50%; margin-right: -16px; } } /*#1022137 END*/ #mainImages > .ko-img { display: none; } #promo-slider { width: 100%; overflow: hidden; } #promo-slider .slick-slide, #promo-slider [class*="bg-color"] { height: 40px; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } #promo-slider .slick-slider:not(.slick-initialized), #promo-slider .slick-megamenu:not(.slick-initialized) { visibility: hidden; /*#1019044*/ } @media screen and (min-width: 66em), print { #promo-slider .slick-slide:not(:first-child) > div { position: relative; } #promo-slider .slick-slide:not(:first-child) > div > div:before { content: ''; position: absolute; left: 0; background: #081f2c; width: 1px; height: 20px; top: 10px; } #promo-slider [data-slidecount="2"] .slick-slide[aria-hidden="false"] > div:before, #promo-slider [data-slidecount="2"] .slick-slide.slick-active > div:before, #promo-slider [data-slidecount="1"] .slick-slide[aria-hidden="false"] > div:before, #promo-slider [data-slidecount="1"] .slick-slide.slick-active > div:before { display: none !important; } #promo-slider [data-slidecount="2"] .slick-slide[aria-hidden="false"] > div > div:before, #promo-slider [data-slidecount="2"] .slick-slide.slick-active > div > div:before, #promo-slider [data-slidecount="1"] .slick-slide[aria-hidden="false"] > div > div:before, #promo-slider [data-slidecount="1"] .slick-slide.slick-active > div > div:before { display: none !important; } #promo-slider .slick-prev { left: calc(33% - 48px); } #promo-slider .slick-next { right: calc(33% - 48px); } } @media screen and (min-width: 1540px), print { #promo-slider .slick-prev { left: 50%; margin-left: -770px; } #promo-slider .slick-next { right: 50%; margin-right: -770px; } } .slick-flexfix { min-width: 0; min-height: 0; } #pdp-slick-slider { width: 1px; min-width: 100%; *width: 100%; } .bubble-tab { position: relative; top: 1px; border: none; width: 100% !important; clear: both; overflow: hidden; } .bubble-tab > div.tab-element { border: none !important; border-radius: 0 !important; font-size: 14px; color: #081f2c; background-color: white !important; } .bubble-tab > div.tab-element.initactive { color: #999999; background-color: #e2e8ee !important; } .bubble-close { position: absolute; right: 4px; top: 0; } .tabcontainer { height: auto !important; } .tabcontainer .bubble-tab-details .ibStore .ibTitle { font-size: 16px; padding: 8px 0; font-weight: bold; } .storelocator-filter { /*padding:$unit;*/ } .storelocator-filter select { width: calc(100% - 32px); margin: 16px; } .store-list { padding: 16px; } .store-list .store-heading { position: relative; padding-left: 16px; } .store-list .store-heading:before { content: ""; width: 8px; height: 8px; border: 1px solid #081f2c; border-top-color: white; border-left-color: white; left: -16px; position: absolute; top: calc(50% - 6px); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .store-list .store-heading.opened:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .store-list .store-details { padding: 8px 16px; } .storemap { width: calc(100vw - 32px); height: 350px; } @media screen and (min-width: 48em), print { .storemap { width: 100%; } } #map-canvas { height: 500px; } @media screen and (min-width: 48em), print { #map-canvas { height: 700px; } } .store-detail-block { margin: 0 16px 16px 16px; border-bottom: 1px solid #e2e8ee; padding-bottom: 16px; } .store-hour-block { margin: 16px; border-bottom: 1px solid #e2e8ee; padding-bottom: 16px; } .store-type-block { margin: 16px; } .storelistall { margin: 32px; padding: 16px 0; } @media screen and (min-width: 48em), print { .storelistall { column-count: 3; } } @media screen and (min-width: 66em), print { .storelistall { column-count: 4; } } .storelistall [data-letter] { margin-bottom: 32px; } .storelistall [data-letter] > div { margin: 8px 0; } .storelistall [data-letter] > div .feature4 { color: #68c0b2; } /*.storelistall{ >div {width:25%; display:inline-block; vertical-align:top} [data-letter]{ > div {margin:$unit/4 0;} } }*/ .store-panel { width: 100%; } @media screen and (min-width: 48em), print { .store-panel { width: 33.333%; } } #storeMapHolder { display: flex; flex-direction: column; flex-wrap: nowrap; } @media screen and (min-width: 48em), print { #storeMapHolder { display: block !important; } } #map-canvas { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media screen and (min-width: 48em), print { #map-canvas { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } #panel { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media screen and (min-width: 48em), print { #panel { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } .feature1 { color: #081f2c; } .feature2 { color: #68c0b2; } .feature3 { color: #e04b65; } .gfs-paypalerror { position: absolute; bottom: -24px; } /*#1022137 START*/ .narrowsection, .xnarrowsection, .xxnarrowsection { max-width: 100%; margin-left: auto !important; margin-right: auto !important; } .narrowsection { width: 1024px; -webkit-box-flex: 0 0 1024px !important; -moz-box-flex: 0 0 1024px !important; -webkit-flex: 0 0 1024px !important; -ms-flex: 0 0 1024px !important; flex: 0 0 1024px !important; } .xnarrowsection { width: 800px; -webkit-box-flex: 0 0 800px !important; -moz-box-flex: 0 0 800px !important; -webkit-flex: 0 0 800px !important; -ms-flex: 0 0 800px !important; flex: 0 0 800px !important; } .xxnarrowsection { width: 576px; -webkit-box-flex: 0 0 576px !important; -moz-box-flex: 0 0 576px !important; -webkit-flex: 0 0 576px !important; -ms-flex: 0 0 576px !important; flex: 0 0 576px !important; } /*#1022137 END*/ .blog-nonresponsive .blog-emsection { border: 1px dashed #7c8c8f; padding: 10px 5px; margin: 10px 0; } .blog-nonresponsive .blog-emsection.solid { border: 1px solid #ccc !important; } .blog-nonresponsive .blog-emsection:hover { background-color: #fafafa; -webkit-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; transition: background-color 500ms linear; } .blog-nonresponsive .blog-emind { padding: 5px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #00243d; text-align: center; margin-bottom: 10px; border-radius: 5px; } .blog-nonresponsive .emblock1 { background-color: #d5e8d4; } .blog-nonresponsive .emblock2 { background-color: #dae8fc; } .blog-nonresponsive .emblock3 { background-color: #fff2cc; } .blog-nonresponsive .emintro { background-color: #f8cecc; } .blog-nonresponsive .emprod { background-color: #e1d5e7; } .blog-nonresponsive .emrealted { background-color: #b3b3b3; } .blog-nonresponsive .blog-emsection:hover .emblock1, .blog-nonresponsive .blog-emsection:hover .emblock2, .blog-nonresponsive .blog-emsection:hover .emblock3 { background-color: #00243d; -webkit-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; transition: background-color 500ms linear; color: #fff; } .blog-nonresponsive .blog-emsection:hover span[id*="divEditLiveSite"] > div { background-color: #ccc !important; } .blog-nonresponsive .crewj-heading { padding: 10px 20px; text-align: center; } .blog-nonresponsive .crewj-heading > div.date { padding: 10px; text-transform: uppercase; font-size: 11px; line-height: 100%; } .blog-nonresponsive .crewj-heading > h1 { font-size: 28px; font-weight: normal; padding: 10px 10px 22px 10px; margin: 0; position: relative; line-height: 100%; } .blog-nonresponsive .crewj-heading > h1::after { content: ""; width: 5%; border-bottom: #7c8c8f 2px solid; position: absolute; bottom: 0; left: 47.5%; box-sizing: border-box; } .blog-nonresponsive .crewj-heading > div.contbody { padding: 20px 200px 10px 200px; font-size: 14px; letter-spacing: normal; line-height: 150%; } .blog-nonresponsive .contbody { padding: 10px 210px 10px 210px; font-size: 14px; letter-spacing: normal; line-height: 150%; text-align: center; } .blog-nonresponsive .crewj-cont { padding: 0 20px; margin: 0; clear: both; } .blog-nonresponsive .crewjlink h2 { font-size: 15px; text-transform: uppercase; padding: 0; margin: 0; line-height: 150%; } .blog-nonresponsive .crewjlink > div.subcont { font-size: 13px; letter-spacing: normal; line-height: 150%; } .blog-nonresponsive .crewjlink[class*="linktype-"] { clear: both; overflow: hidden; } .blog-nonresponsive .crewjlink[class*="linktype-"] img { width: 100%; display: block; } .blog-nonresponsive .crewjlink.linktype-full { margin-bottom: 20px; } .blog-nonresponsive .crewjlink.linktype-col2 { margin-bottom: 20px; } .blog-nonresponsive .crewjlink.linktype-col2 > div { width: 49%; display: inline-block; vertical-align: top; } .blog-nonresponsive .crewjlink.linktype-col2 > div img { margin-bottom: 20px; } .blog-nonresponsive .crewjlink.linktype-col2 > div:first-child { margin-right: 2%; } .blog-nonresponsive .crewjlink.linktype-text { margin-bottom: 20px; } .blog-nonresponsive .crewjlink.linktype-carousel { border-top: 2px solid #e3e8ee; box-sizing: border-box; padding: 40px 0; } .blog-nonresponsive .crewjlink.linktype-carousel:last-child { border-bottom: 2px solid #e3e8ee; } .blog-nonresponsive .crewjlink.linktype-carousel h3 { font-size: 22px; font-weight: normal; padding: 0 10px 22px 10px; margin: 0; position: relative; line-height: 100%; text-align: center; } .blog-nonresponsive .crewjlink.linktype-carousel h3::after { content: ""; width: 5%; border-bottom: #7c8c8f 1px solid; position: absolute; bottom: 0; left: 47.5%; box-sizing: border-box; } .blog-nonresponsive .crewjlink.linktype-carousel > div { margin: 20px 0 0 0; } .blog-nonresponsive p { margin-top: 13px; margin-bottom: 13px; line-height: inherit; font-size: 20px; } .blog-nonresponsive em { font-style: italic; } /*#880334 START*/ @media screen and (min-width: 64em), print { .checkout-narrowsection { max-width: 500px; margin-left: auto !important; margin-right: auto !important; /*position:sticky; top:0;*/ } .checkout-narrowsection.besticky { position: sticky; top: 0; } } @media screen and (min-width: 64em), print { .checkout-narrowsection.addminwidth { min-width: 500px; } } .mobileordersummarylink { display: block; } @media screen and (min-width: 64em), print { .mobileordersummarylink { display: none; } } #results_head { font-size: 14px; line-Height: 20px; opacity: 0.7; color: #081f2c; } .store-list-header { color: #081f2c; font-family: "brandon-grotesque", sans-serif; font-size: 16px; letter-spacing: 3.2px; line-height: 19px; padding: 16px 0 0 0; } #ajaxStores { position: relative; /*&:before { position:absolute; content:''; right:0; top:76px; width:100vw; height:2px; background:$color4; }*/ } #ajaxStores .storelist-map { width: 100%; height: 250px; } #ajaxStores .storelist-less:before, #ajaxStores .storelist-more:before { font-size: 20px; display: inline-block; vertical-align: text-bottom; font-weight: 300; } #ajaxStores .storelist-less:before { content: '- '; line-height: 1.2; } #ajaxStores .storelist-more:before { content: '+ '; line-height: 1; } #ajaxStores .gm-style .gm-style-iw-c { border-radius: 0; padding: 24px 16px 16px; } #ajaxStores button.gm-ui-hover-effect { top: -3px !important; right: 0 !important; } #ajaxStores button.gm-ui-hover-effect > img { width: 20px !important; height: 20px !important; } #ajaxStores #results_head + div { position: relative; } #ajaxStores #results_head + div:before { position: absolute; content: ''; right: -32px; bottom: 0; width: 100vw; height: 2px; background: #c8ccd0; } .storelist-details .storelist-map { width: 100%; height: 250px; } #checkout-ordersummary { position: fixed; -webkit-transition: top 0.5s; -o-transition: top 0.5s; transition: top 0.5s; top: 100%; left: 0; right: 0; bottom: 48px; overflow: auto; background: white; padding: 16px; } #checkout-ordersummary.mobile-ordersummary-visible { top: 0; } @media screen and (min-width: 64em), print { #checkout-ordersummary { position: static; height: 100%; padding: 48px 32px 48px 48px; border-left: solid 1px #e2e8ee; } } /*#880334 END*/ .addnewaddress-pop { padding: 32px; max-width: 100%; } @media screen and (min-width: 48em), print { .addnewaddress-pop { border: 0px solid #c8ccd0; padding: 32px; max-width: 60%; margin: 0 auto; } } @media screen and (min-width: 48em), print { .addnewaddress-pop #form-billingaddress { max-width: 75%; margin: 0 auto; } } /*#1043025 START*/ [data-paymentoption] > div { margin-left: 16px; } [data-paymentoption] ~ .optionbox-aligned { margin-left: 34px; } [data-paymentoption] > img { max-width: 120px; max-height: 22px; } @media screen and (min-width: 48em), print { [data-paymentoption] > img { max-width: none; } } /*#1043025 END*/ .cfm-account { padding: 32px; border: 4px solid #081f2c; text-align: center; position: relative; } .cfm-account .cfm-fast { position: absolute; top: -40px; width: calc(100% - 64px); } .cfm-account input.cfm-password { width: 100%; background: white; max-width: none; line-height: 50px; height: 50px; margin-bottom: 0; } .confirm-ordertable-heading { display: none; } @media screen and (min-width: 48em), print { .confirm-ordertable-heading { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-weight: 600; padding: 16px 0; border-bottom: #081f2c solid 2px; } } .confirm-ordertable-heading > div:first-child { width: 55%; } .confirm-ordertable-heading > div:nth-child(2) { width: 15%; text-align: center; } .confirm-ordertable-heading > div:nth-child(3) { width: 15%; text-align: center; } .confirm-ordertable-heading > div:last-child { width: 15%; text-align: right; } .confirm-ordertable { border-top: 1px solid #e2e8ee; } @media screen and (min-width: 48em), print { .confirm-ordertable { border-top: none; } } .confirm-ordertable > div { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } @media screen and (min-width: 48em), print { .confirm-ordertable > div { border-bottom: 1px solid #e2e8ee; } .confirm-ordertable > div:last-child { border-bottom: none; } } .confirm-ordertable > div .cfm-image { width: 20%; padding: 16px 0; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-image { width: 15%; } } .confirm-ordertable > div .cfm-container { display: flex; flex-direction: row; width: 80%; padding: 16px; flex-wrap: wrap; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-container { flex-direction: row; width: 85%; padding: 16px 0 16px 16px; } } .confirm-ordertable > div .cfm-container .cfm-details { width: 100%; margin-bottom: 8px; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-container .cfm-details { width: 47%; } } .confirm-ordertable > div .cfm-container .cfm-size { width: calc(30% - 32px); margin-bottom: 8px; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-container .cfm-size { width: 17.66%; text-align: center; } } .confirm-ordertable > div .cfm-container .cfm-qty { width: calc(55% - 32px); margin-bottom: 8px; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-container .cfm-qty { width: 17.66%; text-align: center; } } .confirm-ordertable > div .cfm-container .cfm-price { width: 100%; margin-bottom: 8px; } @media screen and (min-width: 48em), print { .confirm-ordertable > div .cfm-container .cfm-price { width: 17.66%; text-align: right; } } .cfm-decorliner { position: relative; } .cfm-decorliner:before { content: ""; position: absolute; width: 100%; height: 1px; background: #d9dee1; left: 0; top: 50%; z-index: 0; } .cfm-decorliner > * { z-index: 1; position: relative; } .cfm-checkbox { display: flex; flex-direction: row; align-items: flex-start; } .cfm-checkbox input[type=radio], .cfm-checkbox input[type=checkbox] { width: auto; } #pp_cpstoreopt input[type=radio] + label[for], #pp_cpstoreopt input[type=checkbox] + label[for] { max-width: 70%; display: flex; } @media screen and (min-width: 48em), print { #pp_cpstoreopt input[type=radio] + label[for], #pp_cpstoreopt input[type=checkbox] + label[for] { max-width: none; } } #pcSearchCheckout { background: url(../images/core/search-sml.svg) no-repeat 8px center; background-size: 16px; padding-left: 40px !important; } /*#956154*/ #giftwrap-info { left: 50%; width: 200px; margin-left: -100px; bottom: 100%; margin-bottom: 24px; -webkit-box-shadow: 0 0 8px 0 #c8ccd0; box-shadow: 0 0 8px 0 #c8ccd0; } #giftwrap-info:before { content: ''; position: absolute; bottom: 0; width: 16px; height: 16px; border-bottom: 1px solid #c8ccd0; border-right: 1px solid #c8ccd0; transform: rotate(45deg); left: 50%; margin-left: -8px; bottom: -9px; margin-top: -1px; background: inherit; -webkit-box-shadow: 0 0 8px 0 #c8ccd0; box-shadow: 0 0 8px 0 #c8ccd0; } @media screen and (min-width: 64em), print { .basket-main-cont { display: flex; flex-direction: row; } } @media screen and (min-width: 64em), print { .basket-main-cont.applepay-maincont { flex-wrap: wrap; } } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-sect { border-right: 1px solid #e2e8ee; padding-bottom: 18px; min-height: 65vh; } } .basket-main-cont .bskt-items-sect h1 { font-size: 18px; letter-spacing: 3.2px; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-sect h1 { font-size: 24px; } } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont { padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 66em), print { .basket-main-cont .bskt-items-cont { padding-right: 68px; padding-left: 68px; } } .basket-main-cont .bskt-items-cont.applepay-cont { padding-right: 16px; padding-left: 16px; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont.applepay-cont { padding-right: 68px; padding-left: 68px; } } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-subtotal { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; border-top: 2px solid #081f2c; border-bottom: 2px solid #081f2c; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-subtotal > div > span { font-size: 14px; text-transform: none; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-subtotal.applepay { font-size: 14px; margin-bottom: 0; margin-top: 0; border-bottom: none; padding: 10px 0; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-delivery { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 14px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; border-top: 2px solid #081f2c; border-bottom: 2px solid #081f2c; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-delivery > div > span.delmethod-applepay { font-weight: normal; letter-spacing: normal; font-size: 14px; display: block; margin-top: 8px; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-delivery.applepay { font-size: 14px; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; border-top: 0; text-transform: none; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-total { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-total > div > span { font-size: 14px; text-transform: none; } .basket-main-cont .bskt-items-cont.applepay-cont .bskt-total.applepay { margin-bottom: 0; } .basket-main-cont .bskt-items-cont .bskt-msubtotal { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; justify-content: space-between; background: #e2e8ee; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-msubtotal { display: none; } } .basket-main-cont .bskt-items-cont .bskt-msubtotal.fixed { z-index: 3; } .basket-main-cont .bskt-items-cont .bskt-msubtotal .bskt-mtotallabel { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .basket-main-cont .bskt-items-cont .bskt-msubtotal .bskt-mtotalval { font-size: 18px; letter-spacing: 2px; } .basket-main-cont .bskt-items-cont .bskt-msubtotal > div.mobcta-cont { display: flex; align-items: center; justify-content: center; } .basket-main-cont .bskt-items-cont .bskt-msubtotal > div.mobcta-cont .btn-primary { height: 40px; line-height: 40px; display: block; } .basket-main-cont .bskt-items-cont .bskt-listing { padding: 13px 0; border-top: 1px solid #e2e8ee; } .basket-main-cont .bskt-items-cont .bskt-listing:first-child { border-top: 0px solid #e2e8ee; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing:first-child { border-top: 1px solid #e2e8ee; } } .basket-main-cont .bskt-items-cont .bskt-listing:last-child { border-bottom: 0px solid #e2e8ee; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing:last-child { border-bottom: 1px solid #e2e8ee; } } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing { padding: 20px 0; } } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details { display: flex; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details [data-listing] { margin: 0; display: inline; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details [data-listing].f-error { font-weight: 500 !important; padding: 8px 0 14px 0; font-size: 16px; display: inline-block; /*background:#fceaea;*/ } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-img { width: 25%; margin-right: 24px; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-img { width: 20%; margin-right: 24px; } } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-namegroup { display: flex; align-items: flex-start; justify-content: space-between; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-namegroup [data-listing="name"] { font-size: 16px; letter-spacing: 1px; font-weight: 400; margin-bottom: 8px; display: block; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-namegroup [data-listing="name"] { font-size: 18px; } } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-namegroup .bskt-item-remove a { display: block; padding: 4px; margin-left: 8px; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info { display: flex; flex-direction: column; flex: 1; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-qnpgroup { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 4px 0 14px 0; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-qnpgroup .bskt-item-qty { display: flex; align-items: center; font-size: 14px; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-qnpgroup .bskt-item-qty .label { display: none; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-qnpgroup .bskt-item-qty .label { display: block; } } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-qnpgroup .bskt-item-price { display: flex; font-weight: 600; font-size: 16px; } .basket-main-cont .bskt-items-cont .bskt-listing .listing-details .bskt-item-info .bskt-item-discount { font-size: 14px; } .basket-main-cont .bskt-summary-cont { padding-right: 16px; padding-left: 16px; margin-top: 24px; position: relative; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-summary-cont { padding-left: 16px; margin-top: 0; position: sticky; top: 0; } } @media screen and (min-width: 66em), print { .basket-main-cont .bskt-summary-cont { padding-left: 50px; } } .basket-main-cont .bskt-summary-cont .bskt-summary-title { display: none; } @media screen and (min-width: 64em), print { .basket-main-cont .bskt-summary-cont .bskt-summary-title { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 16px; letter-spacing: 3.2px; padding-top: 48px; padding-bottom: 16px; } } .basket-main-cont .bskt-summary-cont .bskt-subtotal { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; border-top: 2px solid #081f2c; border-bottom: 2px solid #081f2c; } .basket-main-cont .bskt-summary-cont .bskt-subtotal > div > span { font-size: 14px; text-transform: none; } .basket-main-cont .bskt-summary-cont .bskt-subtotal.applepay { font-size: 14px; margin-bottom: 0; margin-top: 0; border-bottom: none; } .basket-main-cont .bskt-summary-cont .bskt-delivery { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 14px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; border-top: 2px solid #081f2c; border-bottom: 2px solid #081f2c; } .basket-main-cont .bskt-summary-cont .bskt-delivery > div > span.delmethod-applepay { font-weight: normal; letter-spacing: normal; font-size: 14px; display: block; } .basket-main-cont .bskt-summary-cont .bskt-delivery.applepay { font-size: 14px; margin-bottom: 0; padding-top: 0; border-top: 0; text-transform: none; } .basket-main-cont .bskt-summary-cont .bskt-total { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; padding: 16px 0; margin-bottom: 16px; } .basket-main-cont .bskt-summary-cont .bskt-total > div > span { font-size: 14px; text-transform: none; } .basket-main-cont .bskt-summary-cont .bskt-delopt-item { display: flex; align-items: flex-start; } .basket-main-cont .bskt-summary-cont .bskt-delopt-item label { max-width: 80%; font-weight: normal; white-space: normal; } .basket-main-cont .bskt-summary-cont .bskt-continue { font-size: 12px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; display: inline-block; padding: 4px 0; position: relative; } .basket-main-cont .bskt-summary-cont .bskt-continue:after { content: ""; height: 2px; width: 100%; background: #666666; left: 0; bottom: 0; position: absolute; } .basket-main-cont .bskt-summary-cont .bskt-continue:hover:after { background: #f9d100; } .basket-main-cont .bskt-promolabel { padding-left: 24px !important; font-size: 18px; line-height: 27px; padding-bottom: 16px !important; font-weight: bold; } .basket-main-cont .bskt-promolabel.openstate { position: relative; } .basket-main-cont .bskt-promolabel.openstate:before { content: ''; width: 14px; height: 2px; background: #081f2c; position: absolute; left: 0; top: 36.5%; } .basket-main-cont .bskt-promolabel.openstate:after { content: ''; width: 14px; height: 2px; background: #081f2c; position: absolute; left: 0; top: 36.5%; opacity: 0; transition: all 0.2s ease-in-out; } .basket-main-cont .bskt-promolabel.closestate { position: relative; } .basket-main-cont .bskt-promolabel.closestate:before { content: ''; width: 14px; height: 2px; background: #081f2c; position: absolute; left: 0; top: 36.5%; } .basket-main-cont .bskt-promolabel.closestate:after { content: ''; width: 14px; height: 2px; background: #081f2c; position: absolute; left: 0; top: 36.5%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; } .basket-main-cont [data-moredeloptsbtn] { font-size: 16px; line-height: 27px; } .basket-main-cont #mmWrapper { margin: 10px 0 16px 0; } .bskt-delopt-item { display: flex; align-items: flex-start; } .bskt-delopt-item label { max-width: 80%; font-weight: normal; white-space: normal; } @media screen and (min-width: 64em), print { .bskt-inspired, .bskt-wishlist { /*display:flex;flex-direction:row; margin-top:18px!important*/ padding-right: 16px; padding-left: 16px; } } @media screen and (min-width: 66em), print { .bskt-inspired, .bskt-wishlist { padding-right: 68px; padding-left: 68px; } } .bskt-inspired .bskt-recommendations-cont, .bskt-wishlist .bskt-recommendations-cont { /*border-top:1px solid $color5;*/ } .bskt-inspired .bskt-recommendations-cont > div.mlr0-5, .bskt-wishlist .bskt-recommendations-cont > div.mlr0-5 { margin-right: 0 !important; } @media screen and (min-width: 64em), print { .bskt-inspired .bskt-recommendations-cont > div.mlr0-5, .bskt-wishlist .bskt-recommendations-cont > div.mlr0-5 { margin-right: 8px !important; } } @media screen and (min-width: 64em), print { .bskt-inspired .bskt-recommendations-cont, .bskt-wishlist .bskt-recommendations-cont { /*padding-right:32px;border-right:1px solid $color5; border-top:0px solid $color5;*/ } } @media screen and (min-width: 66em), print { .bskt-inspired .bskt-recommendations-cont, .bskt-wishlist .bskt-recommendations-cont { /*padding-right:135px;*/ } } .bskt-inspired .bskt-recommendations-cont .slick-track, .bskt-wishlist .bskt-recommendations-cont .slick-track { margin: 0 !important; } .bskt-orderbuild { padding: 16px; text-align: left; background: #fef6cc; font-weight: 700; font-size: 16px; line-height: 19.2px; display: flex; align-items: center; justify-content: flex-start; } @media screen and (min-width: 64em), print { .bskt-orderbuild { align-items: center; justify-content: center; font-size: 18px; line-height: 25.74px; } } .bskt-orderbuild > span { margin: 0 8px; } .bskt-orderbuild > span:first-child { width: 55px; } .bskt-orderbuild > span:last-child { text-align: left; } @media screen and (min-width: 64em), print { .bskt-orderbuild > span:last-child { text-align: left; } } #ajaxMiniBasket .bskt-orderbuild { font-size: 14px; line-height: 16px; } #stickytotal-placeholder { display: flex; top: 0; } [data-bsktinspired="desk"] { display: none; } @media screen and (min-width: 64em), print { [data-bsktinspired="desk"] { display: block; } } [data-bsktinspired="mob"] { border-top: 1px solid #e2e8ee; } @media screen and (min-width: 64em), print { [data-bsktinspired="mob"] { border-top-width: 0px; } } .basketheader-container { padding: 16px 16px; } @media screen and (min-width: 64em), print { .basketheader-container { padding: 30px 16px 40px 16px; } } .bskt-continue { font-size: 12px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; display: inline-block; padding: 4px 0; position: relative; } .bskt-continue:after { content: ""; height: 2px; width: 100%; background: #666666; left: 0; bottom: 0; position: absolute; } .bskt-continue:hover:after { background: #f9d100; } .ajax-basket-loading { opacity: 0.5; } /*#1009897 START*/ @media screen and (min-width: 64em), print { .notornicon { display: none; } } @keyframes fade-out { from { opacity: 0; } to { opacity: 1; } } .fade-out { animation: fade-in 1s ease; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .fade-in { animation: fade-in 2s ease; } .applepay-del .bskt-delopt-item { padding: 24px 20px !important; border: 3px solid #e2e8ee; margin-bottom: 16px; display: flex; align-items: center; } .applepay-del .bskt-delopt-item.isSelected { border-color: #081f2c; } .applepay-del .bskt-delopt-item > div { font-weight: 600; } .baskt-applepay-sum { display: none; } @media screen and (min-width: 64em), print { .baskt-applepay-sum { display: block; } } .applepay-order-delopt { order: 2; } @media screen and (min-width: 64em), print { .applepay-order-delopt { order: 1; } } .applepay-order-summary { order: 1; } @media screen and (min-width: 64em), print { .applepay-order-summary { order: 2; } } .applepay-total-ds { display: none; } @media screen and (min-width: 64em), print { .applepay-total-ds { display: block; } } .applepay-total-mb { display: block; } @media screen and (min-width: 64em), print { .applepay-total-mb { display: none; } } .applepaypref label { line-height: 1.5; cursor: pointer; } #applepay-bsk-loading { text-align: center; width: 100%; } .applepay-wait { width: 100vw; height: 100vh; background: rgba(128, 128, 128, 0.7); position: fixed; top: 0; left: 0; text-align: center; } .applepay-wait > div { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; } .applepay-wait > div > div { display: inline-block; white-space: nowrap; } #applepay-container button, #googlepay-container button { width: 100%; border-radius: 0; } .gvx-message-para { font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } .gvx-bskt-message { line-height: normal; } /*#1009897 START*/ @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .iframe-spintowin .u-width-full { width: 100%; display: block; } .iframe-spintowin .u-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .iframe-spintowin .SpinToWinForm-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; border: none; background: #081f2c; color: white; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 1.2; padding: 10px; min-height: 54px; letter-spacing: .05em; cursor: pointer; -webkit-transition: opacity 0.15s linear, background 0.15s linear; -o-transition: opacity 0.15s linear, background 0.15s linear; transition: opacity 0.15s linear, background 0.15s linear; } .iframe-spintowin .SpinToWinForm-button:disabled { cursor: not-allowed; } .iframe-spintowin .SpinToWinForm-button:disabled:not(.is-loading) { opacity: .5; } .iframe-spintowin .SpinToWin { padding-bottom: 75px; } @media screen and (min-width: 48em), print { .iframe-spintowin .SpinToWin { background: url("/images/articles/spintowin-background.jpg") 66.66667% 50%/cover; padding: 0; position: relative; } } @media screen and (min-width: 1384px), print { .iframe-spintowin .SpinToWin { background-position: center; } } .iframe-spintowin .SpinToWin-inner { max-width: 1540px; margin: 32px auto 0; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 48em), print { .iframe-spintowin .SpinToWin-inner { padding: 0 16px; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .iframe-spintowin .SpinToWin-form { padding: 40px; text-align: left; -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; order: 1; } @media screen and (min-width: 48em), print { .iframe-spintowin .SpinToWin-form { padding: 25px 40px 20px; background: #fff; max-width: 360px; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .iframe-spintowin .SpinToWinWheel { position: relative; z-index: 1; } .iframe-spintowin .SpinToWinWheel-pin { position: absolute; top: -32px; left: 50%; z-index: 1; margin-left: -5%; width: 10%; max-width: none; height: auto; display: block; } .iframe-spintowin .SpinToWin-wheel { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; max-width: 100%; display: block; height: auto; background: url("/images/articles/spintowin-background-m.jpg") center center; background-size: cover; padding: 0; position: relative; } @media screen and (min-width: 48em), print { .iframe-spintowin .SpinToWin-wheel { margin-right: 0; position: relative; z-index: 1; -webkit-box-flex: 2 1 auto; -moz-box-flex: 2 1 auto; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; background: none; } } @media screen and (min-width: 1384px), print { .iframe-spintowin .SpinToWin-wheel { padding-left: 360px; } } .iframe-spintowin .SpinToWinWheel-wheel { height: auto; } .iframe-spintowin .SpinToWin-message { font-weight: 700; color: #e04b65; margin: 0; } .iframe-spintowin .SpinToWinForm, .iframe-spintowin .SpinToWinForm-row { margin: 0 0 15px; } .iframe-spintowin .SpinToWinForm-label { display: block; margin: 0 0 10px; } .iframe-spintowin .SpinToWinForm-input { border-radius: 0; width: 100%; display: block; line-height: 1; padding: 9px 10px; border: 1px solid #00223b; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .iframe-spintowin .SpinToWinForm-input:focus { outline: none; } .iframe-spintowin .SpinToWinForm-input:invalid { -webkit-box-shadow: none; box-shadow: none; } .iframe-spintowin .SpinToWinForm-input:disabled { opacity: .5; } .iframe-spintowin .SpinToWinForm-checkbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-align: start; align-items: flex-start; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .iframe-spintowin .SpinToWinForm-checkbox input { margin-top: .15em; margin-right: 10px; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 16px; } .iframe-spintowin .SpinToWinForm-checkbox label { font-size: 12px; } .iframe-spintowin .SpinToWinForm-checkbox:disabled { opacity: .5; } .iframe-spintowin .SpinToWinForm-button { width: 100%; } .iframe-spintowin .SpinToWinForm-button:before { content: ""; display: inline-block; vertical-align: -.15em; border-radius: 50%; border: 0; height: .8em; width: 0; transform: translateZ(0); -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } .iframe-spintowin .SpinToWinForm-button.is-loading:before { border: 0.2em solid rgba(255, 255, 255, 0.2); border-left-color: #fff; -webkit-animation: rotate .5s linear infinite; animation: rotate .5s linear infinite; width: .8em; margin: 0 8px 0 0; -webkit-transition-delay: 1s; transition-delay: 1s; } .iframe-spintowin .grecaptcha-badge { z-index: 1; bottom: 5px !important; } /*#1009897 END*/ /*#948775 START*/ .video-wrapper { position: relative; } .video-wrapper .playbutton { width: 25%; max-width: 120px; position: absolute; top: 50%; left: 50%; cursor: pointer; } .video-wrapper .playbutton > div { width: 100%; padding-top: 100%; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); border-radius: 100%; } .video-wrapper .playbutton img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-wrapper .playbutton img[src="/images/icons/play-reverse.svg"] { display: none; } .video-wrapper .playbutton.playbutton-reverse img[src="/images/icons/play-reverse.svg"] { display: block; } .video-wrapper .playbutton.playbutton-reverse img[src="/images/icons/play.svg"] { display: none; } /*#948775 END*/ /********************GENERIC - STYLES FOR USE THROUGHOUT THE SITE, NOT SPECIFIC TO PARTICULAR PAGES********************/ body, input, textarea, select { font-family: "brandon-grotesque", sans-serif; color: #081f2c; -webkit-text-size-adjust: none; } body { font-size: 15px; -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } body * { line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nuqlium-container { min-height: 80vh; } p { font-size: 16px; line-height: 150%; } sup { font-size: 50%; line-height: 50% !important; vertical-align: 150%; } img { max-width: 100%; vertical-align: bottom; } img.baseline { vertical-align: baseline; } img.no-max { max-width: none; } .no-max { max-width: none !important; } .max-fullwidth { max-width: 100% !important; /*#1022137*/ } .str img:not(.no-str) { width: 100%; /*#1022137*/ } *:focus { outline: none; } a { text-decoration: none; color: #081f2c; outline: none !important; } .decor, .f-decor, .nodecor:hover .decorsection, .decor-persist:focus, .decor-persist:hover { text-decoration: underline; } [data-url], [data-image], [data-video] { cursor: pointer; } [data-url]:hover:not(input):not([class*=persist]), [data-image]:hover:not(input):not([class*=persist]), [data-video]:hover:not(input):not([class*=persist]) { color: #081f2c; } .no-decor:hover, .nodecor:hover, .nodecor-links a:hover { text-decoration: none; } .pointer, .decor { cursor: pointer; } .nopointer { cursor: default !important; } .wait * { cursor: wait !important; } .linethrough { text-decoration: line-through; } .break-word { word-wrap: break-word; /*#956154*/ } .fullwidth { width: 100%; } .fullwidth-important { width: 100% !important; /*#956154*/ } .fullheight { height: 100%; } .fixedwidth, .halffixedwidth { width: 1540px; max-width: 100%; margin: 0 auto; } .halffixedwidth { width: 770px; } .reducedwidth .fixedwidth { width: 1000px; } .width0 { width: 0px; } .height0 { height: 0px; } .width0-5 { width: 8px; } .height0-5 { height: 8px; } .width1 { width: 16px; } .height1 { height: 16px; } .width1-5 { width: 24px; } .height1-5 { height: 24px; } .width2 { width: 32px; } .height2 { height: 32px; } .width2-5 { width: 40px; } .height2-5 { height: 40px; } .width3 { width: 48px; } .height3 { height: 48px; } .width3-5 { width: 56px; } .height3-5 { height: 56px; } .width4 { width: 64px; } .height4 { height: 64px; } .width4-5 { width: 72px; } .height4-5 { height: 72px; } .width5 { width: 80px; } .height5 { height: 80px; } .width5-5 { width: 88px; } .height5-5 { height: 88px; } .height10-important { height: 160px !important; /*#956154*/ } .widthauto, .auto { width: auto !important; } .heightauto, .auto { height: auto !important; } .showoverflow { overflow: visible; } .showoverflow-important { overflow: visible !important; } .hideoverflow { overflow: hidden; } .autooverflow-y { overflow-y: auto; } .float-left { float: left; } .float-right { float: right; } .float-lefttoright { float: left; } @media screen and (min-width: 48em), print { .float-lefttoright { float: right; } } .float-righttoleft { float: right; } @media screen and (min-width: 48em), print { .float-righttoleft { float: left; } } .clear { clear: both; } .nowrap { white-space: nowrap; } .wrapnormal { white-space: normal; } .screenreader { position: absolute; left: -999em; top: auto; width: 0.1em; height: 0.1em; overflow: hidden; } .hideifonly:only-of-type { display: none; } .absolute, .absolutetorelative { position: absolute; } .absolute-important { position: absolute !important; } .relative, .relative-children > *, .relativetoabsolute { position: relative; } .relative-important { position: relative !important; } .fixed { position: fixed; } .fixed-important { position: fixed !important; } .visibility-hidden { visibility: hidden; } .top0 { top: 0px; } .right0 { right: 0px; } .bottom0 { bottom: 0px; } .left0 { left: 0px; } .top1 { top: 16px; } .right1 { right: 16px; } .bottom1 { bottom: 16px; } .left1 { left: 16px; } .top2 { top: 32px; } .right2 { right: 32px; } .bottom2 { bottom: 32px; } .left2 { left: 32px; } .top3 { top: 48px; } .right3 { right: 48px; } .bottom3 { bottom: 48px; } .left3 { left: 48px; } .top4 { top: 64px; } .right4 { right: 64px; } .bottom4 { bottom: 64px; } .left4 { left: 64px; } .top5 { top: 80px; } .right5 { right: 80px; } .bottom5 { bottom: 80px; } .left5 { left: 80px; } .top6 { top: 96px; } .right6 { right: 96px; } .bottom6 { bottom: 96px; } .left6 { left: 96px; } .left0-5 { left: 8px; } .left0-25 { left: 4px; } .right0-5 { right: 8px; } .right0-25 { right: 4px; } .top0-5 { top: 8px; } .top0-25 { top: 4px; } .right1-5 { right: 24px; } .left1-5 { left: 24px; } .tophalf { top: 50%; } .righthalf { right: 50%; } .bottomhalf { bottom: 50%; } .lefthalf { left: 50%; } .bd-color0, .bd-white { border: solid 1px white; } .bd-color1, .bd-dark { border: solid 1px #081f2c; } .bd-color2 { border: solid 1px #666666; } .bd-color3, .bd-light { border: solid 1px #999999; } .bd-color4, .bd-xlight { border: solid 1px #c8ccd0; } .bd-color4a { border: solid 1px #d9dee1; } .bd-color5, .bd-xxlight { border: solid 1px #e2e8ee; } .bd-color6, .bd-brand { border: solid 1px #081f2c; } .bd-color7 { border: solid 1px #e04b65; } .bd-error, .bd-color7a { border: solid 1px #D2232A; } .bd-success { border: solid 1px #68c0b2; } .bd-info { border: solid 1px #296bb2; } .bd-color11 { border: solid 1px #f9d100; } .bd-color12 { border: solid 1px #e04b65; } .bd-color13 { border: solid 1px #68c0b2; } /*#971585 START*/ .bd-color15 { border: solid 1px #eacfcf; } .bd-color16 { border: solid 1px #2f4168; } .bd-color17 { border: solid 1px #d2232a; } .bd-color18 { border: solid 1px #efe2a2; } .bd-color19 { border: solid 1px #ed6863; } .bd-color20 { border: solid 1px #eb7b38; } .bd-color21 { border: solid 1px #b07748; } .bd-color22 { border: solid 1px #306d5e; } .bd-color23 { border: solid 1px #7b495f; } .bd-color24 { border: solid 1px #8FAED4; } /*#971585 END*/ .bd-color30 { border: solid 1px #50E975; } .bd-color31 { border: solid 1px #5DF6FC; } .bd-color32 { border: solid 1px #FCE524; } .bd-color33 { border: solid 1px #DBB8FD; } .bd-color34 { border: solid 1px #FF8E78; } .bd-color35 { border: solid 1px #4d0000; } .bd-trans { border: solid 1px transparent; } .bd-none { border-width: 0 !important; } .bd-double { border-width: 2px; } .bd-triple { border-width: 3px; } .bd-quadruple { border-width: 4px; } .bd-halfunit { border-width: 8px; } .bd-thick, .bd-unit { border-width: 16px; } .bd-dotted { border-style: dotted; } .bd-dashed { border-style: dashed; } .bd-wideonly { border-width: 0; } .bd-top0 { border-top-width: 0; } .bd-toponly { border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .bd-bottomonly { border-top-width: 0; border-right-width: 0; border-left-width: 0; } .bd-topbottomonly { border-right-width: 0; border-left-width: 0; } .bd-topleftonly { border-right-width: 0; border-bottom-width: 0; } .bd-sidesonly, .bd-leftright { border-top-width: 0; border-bottom-width: 0; } .bd-leftonly { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; } .bd-rightonly { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; } .noshadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .nooutline { outline: none; } .bg-none { background: none !important; } .bg-transparent { background-color: transparent !important; } .bg-inherit { background-color: inherit; /*#956154*/ } .bg-color0, .bg-white { background-color: white; } .bg-color1 { background-color: #081f2c; color: white; } .bg-color2 { background-color: #666666; color: white; } .bg-color3 { background-color: #999999; } .bg-color4 { background-color: #c8ccd0; } .bg-color4a { background-color: #d9dee1; } .bg-color5 { background-color: #e2e8ee; } .bg-color5-tophalf { background: linear-gradient(#e2e8ee 0% 50%, white 50% 100%); /*#1022137*/ } .bg-color5-bottomhalf { background: linear-gradient(white 0% 50%, #e2e8ee 50% 100%); /*#1022137*/ } .bg-color5a { background-color: #f6f8f9; /*#956154*/ } .bg-color6, .bg-brand { background-color: #081f2c; } .bg-error { background-color: #e04b65; } .bg-success { background-color: #68c0b2; } .bg-info { background-color: #296bb2; } .bg-color10, .bg-black { background-color: black; color: white; } .bg-color11 { background-color: #f9d100; } .bg-color12 { background-color: #e04b65; } .bg-color13 { background-color: #68c0b2; } .bg-paypal { background-color: #0070ba; color: white; /*#1038846*/ } /*#971585 START*/ .bg-color15 { background-color: #eacfcf; } .bg-color16 { background-color: #2f4168; } .bg-color17 { background-color: #d2232a; } .bg-color18 { background-color: #efe2a2; } .bg-color19 { background-color: #ed6863; } .bg-color20 { background-color: #eb7b38; } .bg-color21 { background-color: #b07748; } .bg-color22 { background-color: #306d5e; } .bg-color23 { background-color: #7b495f; } .bg-color24 { background-color: #8FAED4; } /*#971585 END*/ .bg-color30 { background-color: #50E975; } .bg-color31 { background-color: #5DF6FC; } .bg-color32 { background-color: #FCE524; } .bg-color33 { background-color: #DBB8FD; } .bg-color34 { background-color: #FF8E78; } .bg-color35 { background-color: #4d0000; } .bg-color1-10 { background-color: rgba(8, 31, 44, 0.1); color: white; } .bg-color1-20 { background-color: rgba(8, 31, 44, 0.2); color: white; } .bg-color1-30 { background-color: rgba(8, 31, 44, 0.3); color: white; } .bg-color1-40 { background-color: rgba(8, 31, 44, 0.4); color: white; } .bg-color1-50 { background-color: rgba(8, 31, 44, 0.5); color: white; } .bg-color1-60 { background-color: rgba(8, 31, 44, 0.6); color: white; } .bg-color1-70 { background-color: rgba(8, 31, 44, 0.7); color: white; } .bg-color1-80 { background-color: rgba(8, 31, 44, 0.8); color: white; } .bg-color1-90 { background-color: rgba(8, 31, 44, 0.9); color: white; } .bg-color1-95 { background-color: rgba(8, 31, 44, 0.95); color: white; } .bg-color0-80 { background-color: rgba(255, 255, 255, 0.8); color: #081f2c; } .bg-color20-80 { background-color: rgba(235, 123, 56, 0.8); color: #eb7b38; } .bg-color20-20 { background-color: rgba(235, 123, 56, 0.1); color: #eb7b38; } .bg-color20-10 { background-color: rgba(235, 123, 56, 0.1); color: #eb7b38; } .bg-reversible { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .no-touchevents .bg-reversible.f-color0:hover { background-color: white; color: #081f2c; } .no-touchevents .bg-reversible.f-color1:hover { background-color: #081f2c; color: white; } .bg-center-cover, .bg-center-cover-with-min-height { background-position: center center; background-size: cover; /*#1022137*/ } .bg-center-cover-with-min-height { min-height: 500px; /*#1022137*/ } @media print { .bg-color5, .bg-color5a, .bg-color6a, .bg-color6b { background-color: none; } } h1, h2, h3, h4, h5, [class*=f-heading] { margin: 8px 0; } h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, [class*=f-heading], [class*=f-heading] * { text-transform: uppercase; letter-spacing: 0.16667em; } h1, .f-heading1 { font-size: 28px; font-weight: 500; } @media screen and (min-width: 48em), print { h1, .f-heading1 { font-size: 38px; } } @media screen and (min-width: 66em), print { h1, .f-heading1 { font-size: 48px; } } h2, .f-heading2 { font-size: 24px; font-weight: 500; } @media screen and (min-width: 48em), print { h2, .f-heading2 { font-size: 30px; } } @media screen and (min-width: 66em), print { h2, .f-heading2 { font-size: 36px; } } h3, .f-heading3, .f-heading-popup, .f-heading-popup-checkout { font-size: 20px; font-weight: 500; } @media screen and (min-width: 48em), print { h3, .f-heading3, .f-heading-popup, .f-heading-popup-checkout { font-size: 22px; } } @media screen and (min-width: 66em), print { h3, .f-heading3, .f-heading-popup, .f-heading-popup-checkout { font-size: 24px; } } h4, .f-heading4 { font-size: 16px; font-weight: 400; } h5, .f-heading5 { font-size: 13px; font-weight: 900; } .f-heading-popup-checkout { font-size: 16px; } .f-family1 { font-family: "brandon-grotesque", sans-serif; } .f-family2 { font-family: "Lora"; } h1.f-family2, h2.f-family2, h3.f-family2, h4.f-family2, h5.f-family2, [class*=f-heading].f-family2 { font-weight: 400; text-transform: none; letter-spacing: 0.08333em; } .f-100, .f-thin { font-weight: 100; } .f-300, .f-light { font-weight: 300; } .f-400, .f-regular { font-weight: 400; } .f-500, .f-medium { font-weight: 500; } .f-600 { font-weight: 600; } .f-700, .f-bold { font-weight: 700; } .f-900, .f-xbold { font-weight: 900; } .f-italic { font-style: italic; } .f-noitalic { font-style: normal; } .f-upper { text-transform: uppercase; } .f-lower { text-transform: lowercase; } .f-capi { text-transform: capitalize; } .f-normalcase, .f-nocase { text-transform: none !important; } .f-color0, .f-color0-links a, .f-color0-persist:focus, .f-color0-persist:hover { color: white; } .f-color0-important { color: white !important; } .f-color1, .f-color1-links a, .f-color1-persist:focus, .f-color1-persist:hover { color: #081f2c; } .f-color2, .f-color2-links a { color: #666666; } .f-color3, .f-color3-links a { color: #999999; } .f-color4, .f-color4-links a, .f-color4-persist:focus, .f-color4-persist:hover { color: #c8ccd0; } .f-color4-important { color: #c8ccd0 !important; } .f-color4a, .f-color4a-links a { color: #d9dee1; } .f-color5, .f-color5-links a { color: #e2e8ee; } .f-color6, .f-color6-links a, .f-brand, .f-color6-persist:focus, .f-color6-persist:hover, .f-brand-persist:focus, .f-brand-persist:hover, .f-brand-persist-descendents:focus *, .facet a:focus *, .f-brand-persist-descendents:hover *, .facet a:hover *, .f-brand-persist-links a:focus, .f-brand-persist-links a:hover { color: #081f2c; } .f-color7 { color: #e04b65; } .f-color7a, .f-error, .error, .f-sale { color: #D2232A; } .red { color: #e04b65 !important; } .f-color8, .f-success { color: #68c0b2; } .f-info { color: #296bb2; } .f-color10, .f-color10-links a { color: black; } .f-color11, .f-color11-links a { color: #f9d100; } .f-color12, .f-color12-links a { color: #e04b65; } .f-color13, .f-color13-links a { color: #68c0b2; } .f-color12 { color: #e04b65; } /*#971585 START*/ .f-color15, .f-color15-links a { color: #eacfcf; } .f-color16, .f-color16-links a { color: #2f4168; } .f-color17, .f-color17-links a { color: #d2232a; } .f-color18, .f-color18-links a { color: #efe2a2; } .f-color19, .f-color19-links a { color: #ed6863; } .f-color20, .f-color20-links a, .f-info20 { color: #eb7b38; } .f-color21, .f-color21-links a { color: #b07748; } .f-color22, .f-color22-links a { color: #306d5e; } .f-color23, .f-color23-links a { color: #7b495f; } .f-color24, .f-color24-links a { color: #8FAED4; } /*#971585 END*/ .f-color30, .f-color30-links a { color: #50E975; } .f-color31, .f-color31-links a { color: #5DF6FC; } .f-color32, .f-color32-links a { color: #FCE524; } .f-color33, .f-color33-links a { color: #DBB8FD; } .f-color34, .f-color34-links a { color: #FF8E78; } .f-color35, .f-color35-links a { color: #4d0000; } .f-transparent, .f-trans { color: transparent; } .f-transparent-important, .f-trans-important { color: transparent !important; } .f-10 { font-size: 10px; } .f-xsmall, .f-11 { font-size: 11px; } .f-small, .f-12 { font-size: 12px; } .f-medium, .f-13 { font-size: 13px; } .f-mediumlarge, .f-14 { font-size: 14px; } .f-large, .f-15 { font-size: 15px; } .f-default, .f-16 { font-size: 16px; } .f-xlarge, .f-18 { font-size: 18px; } .f-xxlarge, .f-20 { font-size: 20px; } .f-21 { font-size: 21px; } .f-xxxlarge, .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-36 { font-size: 36px; } .f-40 { font-size: 40px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-60 { font-size: 60px; } /*#880334*/ [data-font="11"], [data-font-xs="11"] { font-size: 11px; } [data-font="12"], [data-font-xs="12"] { font-size: 12px; } [data-font="13"], [data-font-xs="13"] { font-size: 13px; } [data-font="14"], [data-font-xs="14"] { font-size: 14px; } [data-font="15"], [data-font-xs="15"] { font-size: 15px; } [data-font="16"], [data-font-xs="16"] { font-size: 16px; } [data-font="18"], [data-font-xs="18"] { font-size: 18px; } [data-font="20"], [data-font-xs="20"] { font-size: 20px; } [data-font="24"], [data-font-xs="24"] { font-size: 24px; } [data-font="28"], [data-font-xs="28"] { font-size: 28px; } [data-font="32"], [data-font-xs="32"] { font-size: 32px; } [data-font="36"], [data-font-xs="36"] { font-size: 36px; } [data-font="40"], [data-font-xs="40"] { font-size: 40px; } [data-font="50"], [data-font-xs="50"] { font-size: 50px; } [data-font="60"], [data-font-xs="60"] { font-size: 60px; } @media screen and (min-width: 48em), print { [data-font-sm="11"] { font-size: 11px; } [data-font-sm="12"] { font-size: 12px; } [data-font-sm="13"] { font-size: 13px; } [data-font-sm="14"] { font-size: 14px; } [data-font-sm="15"] { font-size: 15px; } [data-font-sm="16"] { font-size: 16px; } [data-font-sm="18"] { font-size: 18px; } [data-font-sm="20"] { font-size: 20px; } [data-font-sm="24"] { font-size: 24px; } [data-font-sm="28"] { font-size: 28px; } [data-font-sm="32"] { font-size: 32px; } [data-font-sm="36"] { font-size: 36px; } [data-font-sm="40"] { font-size: 40px; } [data-font-sm="50"] { font-size: 50px; } [data-font-sm="60"] { font-size: 60px; } } @media screen and (min-width: 66em), print { [data-font-md="11"] { font-size: 11px; } [data-font-md="12"] { font-size: 12px; } [data-font-md="13"] { font-size: 13px; } [data-font-md="14"] { font-size: 14px; } [data-font-md="15"] { font-size: 15px; } [data-font-md="16"] { font-size: 16px; } [data-font-md="18"] { font-size: 18px; } [data-font-md="20"] { font-size: 20px; } [data-font-md="24"] { font-size: 24px; } [data-font-md="28"] { font-size: 28px; } [data-font-md="32"] { font-size: 32px; } [data-font-md="36"] { font-size: 36px; } [data-font-md="40"] { font-size: 40px; } [data-font-md="50"] { font-size: 50px; } [data-font-md="60"] { font-size: 60px; } } .f-space-normal { line-height: normal; } .f-space { line-height: 1.4; } .f-xspace, .f-xspace-children > *, .f-xspace-descendents *, .f-xspace-links a { line-height: 150%; } .f-xxspace, .f-xxspace-children > *, .f-xsspace-descendents *, .f-xxspace-links a { line-height: 200%; } .f-letterspacing-normal { letter-spacing: normal; } .f-letterspacing { letter-spacing: 0.08333em; } .f-letterspacing-large { letter-spacing: 0.16667em; } .f-letterspacing-small { letter-spacing: 0.04em; } .f-shadow { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } .align-left, .align-lefttocenter, .align-lefttoright, .align-lefttoright-MD { text-align: left; } .align-center, .align-centre, .align-centertoleft, .align-centertoright, .align-centertojustify, .align-centertoright-MD, .align-centertoleft-MD { text-align: center; } .align-right, .align-righttocenter, .align-righttoleft { text-align: right; } .align-justify { text-align: justify; } .valign-top { vertical-align: top; } .valign-top-important, .valign-top-children > * { vertical-align: top !important; } .valign-middle { vertical-align: middle; align-self: center; /*#1022137*/ } .valign-middle-important, .valign-middle-children > * { vertical-align: middle !important; align-self: center !important; /*#1022137*/ } .valign-baseline { vertical-align: baseline; } .valign-bottom { vertical-align: bottom; } .valign-bottom-important, .valign-bottom-children > * { vertical-align: bottom !important; } .valign-top-children > *, .valign-middle-children > *, .valign-bottom-children > * { display: inline-block; } .valign-center:not([class*=flex]) { top: 50%; transform: translateY(-50%); } @media screen and (min-width: 48em), print { .valign-center-SM:not([class*=flex]) { top: 50%; transform: translateY(-50%); } } .center-both { left: 50%; top: 50%; transform: translate(-50%, -50%); } .mt, .mtb, .m { margin-top: 16px !important; } .pt, .ptb, .pad, .ptb1to3, .ptb1to2, .ptb1to2-5 { padding-top: 16px !important; } .mb, .mtb, .m { margin-bottom: 16px !important; } .pb, .ptb, .pad, .ptb1to3, .ptb1to2, .ptb1to2-5 { padding-bottom: 16px !important; } .ml, .mlr, .m { margin-left: 16px !important; } .pl, .plr, .pad, .plr1to0 { padding-left: 16px !important; } .mr, .mlr, .m { margin-right: 16px !important; } .pr, .plr, .pad, .plr1to0 { padding-right: 16px !important; } .mt0, .mtb0, .m0 { margin-top: 0px !important; } .pt0, .ptb0, .p0 { padding-top: 0px !important; } .mb0, .mtb0, .m0 { margin-bottom: 0px !important; } .pb0, .ptb0, .p0 { padding-bottom: 0px !important; } .ml0, .mlr0, .m0 { margin-left: 0px !important; } .pl0, .plr0, .p0 { padding-left: 0px !important; } .mr0, .mlr0, .m0 { margin-right: 0px !important; } .pr0, .plr0, .p0 { padding-right: 0px !important; } .mt1, .mtb1, .m1 { margin-top: 16px !important; } .pt1, .ptb1, .p1 { padding-top: 16px !important; } .mb1, .mtb1, .m1 { margin-bottom: 16px !important; } .pb1, .ptb1, .p1 { padding-bottom: 16px !important; } .ml1, .mlr1, .m1 { margin-left: 16px !important; } .pl1, .plr1, .p1 { padding-left: 16px !important; } .mr1, .mlr1, .m1 { margin-right: 16px !important; } .pr1, .plr1, .p1 { padding-right: 16px !important; } .mt2, .mtb2, .m2 { margin-top: 32px !important; } .pt2, .ptb2, .p2 { padding-top: 32px !important; } .mb2, .mtb2, .m2 { margin-bottom: 32px !important; } .pb2, .ptb2, .p2 { padding-bottom: 32px !important; } .ml2, .mlr2, .m2 { margin-left: 32px !important; } .pl2, .plr2, .p2 { padding-left: 32px !important; } .mr2, .mlr2, .m2 { margin-right: 32px !important; } .pr2, .plr2, .p2 { padding-right: 32px !important; } .mt3, .mtb3, .m3 { margin-top: 48px !important; } .pt3, .ptb3, .p3 { padding-top: 48px !important; } .mb3, .mtb3, .m3 { margin-bottom: 48px !important; } .pb3, .ptb3, .p3 { padding-bottom: 48px !important; } .ml3, .mlr3, .m3 { margin-left: 48px !important; } .pl3, .plr3, .p3 { padding-left: 48px !important; } .mr3, .mlr3, .m3 { margin-right: 48px !important; } .pr3, .plr3, .p3 { padding-right: 48px !important; } .mt4, .mtb4, .m4 { margin-top: 64px !important; } .pt4, .ptb4, .p4 { padding-top: 64px !important; } .mb4, .mtb4, .m4 { margin-bottom: 64px !important; } .pb4, .ptb4, .p4 { padding-bottom: 64px !important; } .ml4, .mlr4, .m4 { margin-left: 64px !important; } .pl4, .plr4, .p4 { padding-left: 64px !important; } .mr4, .mlr4, .m4 { margin-right: 64px !important; } .pr4, .plr4, .p4 { padding-right: 64px !important; } .mt5, .mtb5, .m5 { margin-top: 80px !important; } .pt5, .ptb5, .p5 { padding-top: 80px !important; } .mb5, .mtb5, .m5 { margin-bottom: 80px !important; } .pb5, .ptb5, .p5 { padding-bottom: 80px !important; } .ml5, .mlr5, .m5 { margin-left: 80px !important; } .pl5, .plr5, .p5 { padding-left: 80px !important; } .mr5, .mlr5, .m5 { margin-right: 80px !important; } .pr5, .plr5, .p5 { padding-right: 80px !important; } .mtbauto { margin-top: auto; margin-bottom: auto; } .mlrauto { margin-left: auto; margin-right: auto; } .m0-25 { margin: 4px !important; } .p0-25, .p0-25children > *, .p0-25inherit * { padding: 4px !important; } .m0-5, .m0-5children > * { margin: 8px !important; } .p0-5, .p0-5children > * { padding: 8px !important; } .m0-75 { margin: 12px !important; } .p0-75 { padding: 12px !important; } .m1-25 { margin: 20px !important; } .p1-25 { padding: 20px !important; } .m1-5 { margin: 24px !important; } .p1-5 { padding: 24px !important; } .mt0inherit * { margin-top: 0 !important; } .pt0inherit * { padding-top: 0 !important; } .mt0-125 { margin-top: 2px !important; } .pt0-125 { padding-top: 2px !important; } .mt0-25 { margin-top: 4px !important; } .pt0-25 { padding-top: 4px !important; } .mt0-5, .mt0-5to1 { margin-top: 8px !important; } .pt0-5, .pt0-5to1 { padding-top: 8px !important; } .mt0-75 { margin-top: 12px !important; } .pt0-75 { padding-top: 12px !important; } .mt1-25 { margin-top: 20px !important; } .pt1-25 { padding-top: 20px !important; } .mt1-5 { margin-top: 24px !important; } .pt1-5 { padding-top: 24px !important; } .mt1-75 { margin-top: 28px !important; } .pt1-75 { padding-top: 28px !important; } .mt2-5 { margin-top: 40px !important; } .pt2-5 { padding-top: 40px !important; } .mt-negative { margin-top: -16px !important; } .mt2-negative { margin-top: -32px !important; } .mb0inherit * { margin-bottom: 0 !important; } .pb0inherit * { padding-bottom: 0 !important; } .pb0-125 { padding-bottom: 2px !important; /*#956154*/ } .mb0-25 { margin-bottom: 4px !important; } .pb0-25 { padding-bottom: 4px !important; } .mb0-5, .mb0-5children > * { margin-bottom: 8px !important; } .pb0-5, .pb0-5children > * { padding-bottom: 8px !important; } .mb0-75 { margin-bottom: 12px !important; } .pb0-75 { padding-bottom: 12px !important; } .mb1-25 { margin-bottom: 20px !important; } .pb1-25 { padding-bottom: 20px !important; } .mb1-5, .mb1-5to2-5 { margin-bottom: 24px !important; } .pb1-5, .pb1-5to2-5 { padding-bottom: 24px !important; } .mb2-5 { margin-bottom: 40px !important; } .pb2-5 { padding-bottom: 40px !important; } .mb1to2 { margin-bottom: 16px !important; } .pb1to2 { padding-bottom: 16px !important; } .mtb0inherit * { margin-top: 0 !important; margin-bottom: 0 !important; } .ptb0inherit * { padding-top: 0 !important; padding-bottom: 0 !important; } .mtb0-125inherit *, .mtb0-125to0inherit * { margin-top: 2px !important; margin-bottom: 2px !important; } .ptb0-125inherit *, .ptb0-125to0inherit * { padding-top: 2px !important; padding-bottom: 2px !important; } .mtb0-25, .mtb0-25inherit *, .mtb0-25children > * { margin-top: 4px !important; margin-bottom: 4px !important; /*#880334*/ } .ptb0-25, .ptb0-25inherit * { padding-top: 4px !important; padding-bottom: 4px !important; } .mtb0-5, .mtb0-5to1, .mtb0-5to0, .mtb0-5inherit * { margin-top: 8px !important; margin-bottom: 8px !important; } .ptb0-5, .ptb0-5to1, .ptb0-5to0, .ptb0-5children > *, .ptb0-5inherit * { padding-top: 8px !important; padding-bottom: 8px !important; } .mtb0-75 { margin-top: 12px !important; margin-bottom: 12px !important; } .ptb0-75 { padding-top: 12px !important; padding-bottom: 12px !important; } .mtbchildren > * { margin-top: 16px !important; margin-bottom: 16px !important; } .ptbchildren > * { padding-top: 16px !important; padding-bottom: 16px !important; } .mtb1-5 { margin-top: 24px !important; margin-bottom: 24px !important; } .ptb1-5 { padding-top: 24px !important; padding-bottom: 24px !important; } .mtb0to1 { margin-top: 0 !important; margin-bottom: 0 !important; } .ptb0to1 { padding-top: 0 !important; padding-bottom: 0 !important; } .mtb1-5to0-5 { margin-top: 24px !important; margin-bottom: 24px !important; } .ptb1-5to0-5 { padding-top: 24px !important; padding-bottom: 24px !important; } .ml0-125 { margin-left: 2px !important; } .pl0-125 { padding-left: 2px !important; } .ml0-25 { margin-left: 4px !important; } .pl0-25 { padding-left: 4px !important; } .ml0-5 { margin-left: 8px !important; } .pl0-5 { padding-left: 8px !important; } .ml0-75 { margin-left: 12px !important; } .pl0-75 { padding-left: 12px !important; } .ml1-25 { margin-left: 20px !important; } .pl1-25 { padding-left: 20px !important; } .ml1-5 { margin-left: 24px !important; } .pl1-5 { padding-left: 24px !important; } .ml1-75 { margin-left: 28px !important; } .pl1-75 { padding-left: 28px !important; } .ml2-5 { margin-left: 40px !important; } .pl2-5 { padding-left: 40px !important; } .ml-negative { margin-left: -16px !important; } .mr0-125 { margin-right: 2px !important; } .pr0-125 { padding-right: 2px !important; } .mr0-25 { margin-right: 4px !important; } .pr0-25 { padding-right: 4px !important; } .mr0-5 { margin-right: 8px !important; } .pr0-5 { padding-right: 8px !important; } .mr0-75 { margin-right: 12px !important; } .pr0-75 { padding-right: 12px !important; } .mr1-5 { margin-right: 24px !important; } .pr1-5 { padding-right: 24px !important; } .mr2-5 { margin-right: 40px !important; } .pr2-5 { padding-right: 40px !important; } .mr-negative { margin-right: -16px !important; } .mlrinherit *, .mlrchildren > * { margin-left: 16px !important; margin-right: 16px !important; /*#1022137*/ } .plrinherit *, .plrchildren > * { padding-left: 16px !important; padding-right: 16px !important; } .mlr0to2 { margin-left: 0 !important; margin-right: 0 !important; } .plr0to2 { padding-left: 0 !important; padding-right: 0 !important; } .mlr0-125 { margin-left: 2px !important; margin-right: 2px !important; } .plr0-125 { padding-left: 2px !important; padding-right: 2px !important; } .mlr0-25 { margin-left: 4px !important; margin-right: 4px !important; } .plr0-25 { padding-left: 4px !important; padding-right: 4px !important; } .mlr0-5, .mlr0-5inherit *, .mlr0-5children > * { margin-left: 8px !important; margin-right: 8px !important; } .plr0-5, .plr0-5inherit *, .plr0-5children > *, .plr0-5to0 { padding-left: 8px !important; padding-right: 8px !important; } .mlr0-75 { margin-left: 12px !important; margin-right: 12px !important; } .plr0-75 { padding-left: 12px !important; padding-right: 12px !important; } .mlr1-25 { margin-left: 20px !important; margin-right: 20px !important; } .plr1-25 { padding-left: 20px !important; padding-right: 20px !important; } .mlr1-5 { margin-left: 24px !important; margin-right: 24px !important; } .plr1-5 { padding-left: 24px !important; padding-right: 24px !important; } .mlr2-25 { margin-left: 36px !important; margin-right: 36px !important; } .plr2-25 { padding-left: 36px !important; padding-right: 36px !important; } .mlr2-5 { margin-left: 40px !important; margin-right: 40px !important; } .plr2-5 { padding-left: 40px !important; padding-right: 40px !important; } .mlr-negative { margin-left: -16px !important; margin-right: -16px !important; } .mlr0-5-negative { margin-left: -8px !important; margin-right: -8px !important; } .mlr2-negative { margin-left: -32px !important; margin-right: -32px !important; /*#948775*/ } .mlr1to2 { margin-left: 16px !important; margin-right: 16px !important; } .plr1to2 { padding-left: 16px !important; padding-right: 16px !important; } .rounded, .bd-round { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .rounded-left { border-radius: 3px 0 0 3px; } .rounded-right { border-radius: 0 3px 3px 0; } .xrounded { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .circular, .bubble-parent .bubble { -webkit-clip-path: circle(50% at center); -moz-clip-path: circle(50% at center); -ms-clip-path: circle(50% at center); clip-path: circle(50% at center); -webkit-border-radius: 99999px !important; -moz-border-radius: 99999px !important; border-radius: 99999px !important; } .transition, .transition-children > *, .transition-descendents *, .transition-links a { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .flex-equal { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .flex-equal > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .flex-equal.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .opacity0-25 { opacity: 0.25; } .opacity0-5 { opacity: 0.5; } .opacity0-75 { opacity: 0.75; } .opacity1-descendants-hover:hover * { opacity: 1; } .imghovereffect img { opacity: 1; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .imghovereffect img:hover { opacity: 0.9; } .grayscale0-25 { -webkit-filter: grayscale(0.25); filter: grayscale(0.25); } .grayscale0-5 { -webkit-filter: grayscale(0.5); filter: grayscale(0.5); } .grayscale0-75 { -webkit-filter: grayscale(0.75); filter: grayscale(0.75); } .grayscale1 { -webkit-filter: grayscale(1); filter: grayscale(1); } .grayscale0-descendants-hover:hover * { -webkit-filter: grayscale(0); filter: grayscale(0); } .invert { -webkit-filter: invert(100%); filter: invert(100%); } svg { fill: currentColor; stroke: currentColor; } @media screen and (min-width: 30em), print { .flex-equalMS { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .flex-equalMS > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .flex-equalMS.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } @media screen and (min-width: 48em), print { .align-lefttocenter, .align-righttocenter { text-align: center; } .align-centertoleft, .align-righttoleft { text-align: left; } .align-centertoright, .align-lefttoright { text-align: right; } .align-centertojustify { text-align: justify; } .bd-narrowonly { border-width: 0; } .bd-wideonly { border-width: initial; } .mb2-notnarrow { margin-bottom: 32px !important; } .pt50percent-notnarrow { padding-top: 50%; } .pb50percent-notnarrow { padding-bottom: 50%; } .ptb0-5to0 { padding-top: 0 !important; padding-bottom: 0 !important; } .ptb1to2 { padding-top: 32px !important; padding-bottom: 32px !important; } .ptb1to2-5 { padding-top: 40px !important; padding-bottom: 40px !important; } .ptb1to3 { padding-top: 48px !important; padding-bottom: 48px !important; } .mt1-5-negative-notnarrow { margin-top: -24px !important; } .mlr0to1 { margin-left: 16px !important; margin-right: 16px !important; } .plr0to1 { padding-left: 16px !important; padding-right: 16px !important; } .mlr1to2, .mlr0to2 { margin-left: 32px !important; margin-right: 32px !important; } .plr1to2, .plr0to2 { padding-left: 32px !important; padding-right: 32px !important; } /*#880334 START*/ .plr4-notnarrow { padding-left: 64px !important; padding-right: 64px !important; } .plr8-notnarrow { padding-left: 128px !important; padding-right: 128px !important; } /*#880334 END*/ .pl2-notnarrow { padding-left: 32px !important; } .pr2-5-notnarrow { padding-right: 40px !important; } .plr0-5to0, .plr1to0 { padding-left: 0 !important; padding-right: 0 !important; } .plrSM2MD3 { padding-left: 32px !important; padding-right: 32px !important; } .flex-equalSM { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .flex-equalSM > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .flex-equalSM.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .relativetoabsolute { position: absolute; } .absolutetorelative { position: relative; } } @media screen and (min-width: 66em), print { .flex-equalMD { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .flex-equalMD > * { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .flex-equalMD.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .plrSM2MD3 { padding-left: 48px !important; padding-right: 48px !important; } .align-lefttoright-MD { text-align: right; } .align-centertoright-MD { text-align: right; } .align-centertoleft-MD { text-align: left; } } /* MENU SELECTOR STYLES #1030597 */ .tab-menu { display: flex; align-items: center; justify-content: center; list-style: none; margin-bottom: 3rem; } .tab-item { flex-basis: 25%; background: transparent; border-bottom: 1.5px solid transparent; color: #000; cursor: pointer; text-align: center; padding: 1em 0; } .tab-item:hover { border-bottom-color: #05301a; } .tab-item_active { border-bottom-color: #aaa; } .widgets-list { list-style: none; } .widget-item_hidden { display: none; } .hidden { display: none; } .hidden-important { display: none !important; } .inline { display: inline; } .block, .blocktoinlineblock, .block-children > *, .block-links a, .block-inherit *, .blockinherit * { display: block; } .block-important { display: block !important; } .inline-block, .inline-block-children > *, .inlineblock-children > * { display: inline-block; vertical-align: middle; } .inline-block-important { display: inline-block !important; /*#956154*/ } .hideonnarrow, .hideonnarrowinline, .hideonnarrowinlineblock, .hideonhb, .hideonhbinlineblock, .showonwide, .showonwideinline, .showonwideinlineblock, .hideonnarrow-unlessonlychild:not(:only-child) { display: none !important; } .showonnarrowinlineblock { display: inline-block !important; } .elite-flexbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .elite-flexbox-vertical { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .elite-flexbox, .flexbox-SM-upwards, .flexbox-HB-upwards, .flexbox-MD-upwards, .elite-flexbox-vertical { -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .elite-flexbox.valign-center, .flexbox-SM-upwards.valign-center, .flexbox-HB-upwards.valign-center, .flexbox-MD-upwards.valign-center, .elite-flexbox-vertical.valign-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .elite-flexbox.valign-top, .flexbox-SM-upwards.valign-top, .flexbox-HB-upwards.valign-top, .flexbox-MD-upwards.valign-top, .elite-flexbox-vertical.valign-top { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: start; align-items: start; } .elite-flexbox.valign-bottom, .flexbox-SM-upwards.valign-bottom, .flexbox-HB-upwards.valign-bottom, .flexbox-MD-upwards.valign-bottom, .elite-flexbox-vertical.valign-bottom { -webkit-box-align: flex-end; -moz-box-align: flex-end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; /*#880334*/ } .elite-flexbox.flex-wrap, .flexbox-SM-upwards.flex-wrap, .flexbox-HB-upwards.flex-wrap, .flexbox-MD-upwards.flex-wrap, .elite-flexbox-vertical.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .elite-flexbox > *, .flexbox-SM-upwards > *, .flexbox-HB-upwards > *, .flexbox-MD-upwards > *, .elite-flexbox-vertical > * { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .elite-flexbox > *.flexshrinkgrow0, .elite-flexbox > *.flexgrow0, .elite-flexbox > *.flexgrow0to1, .flexbox-SM-upwards > *.flexshrinkgrow0, .flexbox-SM-upwards > *.flexgrow0, .flexbox-SM-upwards > *.flexgrow0to1, .flexbox-HB-upwards > *.flexshrinkgrow0, .flexbox-HB-upwards > *.flexgrow0, .flexbox-HB-upwards > *.flexgrow0to1, .flexbox-MD-upwards > *.flexshrinkgrow0, .flexbox-MD-upwards > *.flexgrow0, .flexbox-MD-upwards > *.flexgrow0to1, .elite-flexbox-vertical > *.flexshrinkgrow0, .elite-flexbox-vertical > *.flexgrow0, .elite-flexbox-vertical > *.flexgrow0to1 { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .elite-flexbox > *.flexshrinkgrow1, .flexbox-SM-upwards > *.flexshrinkgrow1, .flexbox-HB-upwards > *.flexshrinkgrow1, .flexbox-MD-upwards > *.flexshrinkgrow1, .elite-flexbox-vertical > *.flexshrinkgrow1 { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .elite-flexbox > *.flexshrink1, .flexbox-SM-upwards > *.flexshrink1, .flexbox-HB-upwards > *.flexshrink1, .flexbox-MD-upwards > *.flexshrink1, .elite-flexbox-vertical > *.flexshrink1 { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .elite-flexbox > *.flexshrink2, .flexbox-SM-upwards > *.flexshrink2, .flexbox-HB-upwards > *.flexshrink2, .flexbox-MD-upwards > *.flexshrink2, .elite-flexbox-vertical > *.flexshrink2 { -webkit-box-flex: 0 2 auto; -moz-box-flex: 0 2 auto; -webkit-flex: 0 2 auto; -ms-flex: 0 2 auto; flex: 0 2 auto; } .elite-flexbox > *.flexgrow1, .elite-flexbox > *.flexgrow1to0, .flexbox-SM-upwards > *.flexgrow1, .flexbox-SM-upwards > *.flexgrow1to0, .flexbox-HB-upwards > *.flexgrow1, .flexbox-HB-upwards > *.flexgrow1to0, .flexbox-MD-upwards > *.flexgrow1, .flexbox-MD-upwards > *.flexgrow1to0, .elite-flexbox-vertical > *.flexgrow1, .elite-flexbox-vertical > *.flexgrow1to0 { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .elite-flexbox > *.flexgrow2, .flexbox-SM-upwards > *.flexgrow2, .flexbox-HB-upwards > *.flexgrow2, .flexbox-MD-upwards > *.flexgrow2, .elite-flexbox-vertical > *.flexgrow2 { -webkit-box-flex: 2 0 auto; -moz-box-flex: 2 0 auto; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; } @media screen and (min-width: 48em), print { .elite-flexbox > *.flexgrow1to0, .flexbox-SM-upwards > *.flexgrow1to0, .flexbox-HB-upwards > *.flexgrow1to0, .flexbox-MD-upwards > *.flexgrow1to0, .elite-flexbox-vertical > *.flexgrow1to0 { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .elite-flexbox > *.flexgrow0to1, .flexbox-SM-upwards > *.flexgrow0to1, .flexbox-HB-upwards > *.flexgrow0to1, .flexbox-MD-upwards > *.flexgrow0to1, .elite-flexbox-vertical > *.flexgrow0to1 { -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media screen and (min-width: 1540px), print { .elite-flexbox > *.fixedwidth, .flexbox-SM-upwards > *.fixedwidth, .flexbox-HB-upwards > *.fixedwidth, .flexbox-MD-upwards > *.fixedwidth, .elite-flexbox-vertical > *.fixedwidth { -webkit-box-flex: 0 0 1540px; -moz-box-flex: 0 0 1540px; -webkit-flex: 0 0 1540px; -ms-flex: 0 0 1540px; flex: 0 0 1540px; } } .flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 48em), print { .flex-nowrap-SM { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media screen and (min-width: 66em), print { .flex-nowrap-MD { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .order1 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order2 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order3 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } @media screen and (min-width: 48em), print { .order1-SM { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order2-SM { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order3-SM { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } @media screen and (min-width: 66em), print { .order1-MD { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .order2-MD { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .order3-MD { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } } .justify-flexstart { -webkit-box-pack: flex-start; -moz-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .justify-flexend { -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .align-self-center { align-self: center; /*#1022137*/ } @media screen and (min-width: 48em), print { .hideonnarrow, .hideonnarrow-unlessonlychild:not(:only-child) { display: block !important; } .hideonnarrowinline { display: inline !important; } .hideonnarrowinlineblock { display: inline-block !important; } td.hideonnarrow, th.hideonnarrow { display: table-cell !important; } .elite-flexbox > .hideonnarrow { -webkit-box-flex: 1 0 auto !important; -moz-box-flex: 1 0 auto !important; -webkit-flex: 1 0 auto !important; -ms-flex: 1 0 auto !important; flex: 1 0 auto !important; } .showonnarrow, .showonnarrowinlineblock { display: none !important; } .blocktoinlineblock { display: inline-block; } .flexbox-SM-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } } @media screen and (min-width: 64em), print { .hideonhb { display: block !important; } .hideonhbinlineblock, .inlineblock-HB-upwards { display: inline-block !important; } .showonhb { display: none !important; } .flexbox-HB-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } } @media screen and (min-width: 66em), print { .showonwide { display: block !important; } .showonwideinline { display: inline !important; } .showonwideinlineblock { display: inline-block !important; } td.showonwide, th.showonwide { display: table-cell !important; } .hideonwide { display: none !important; } .flexbox-MD-upwards { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } } @media print { .hideonprint { display: none !important; } } [data-cols], [data-cols-xs], [data-cols-ms], [data-cols-sm], [data-cols-md] { margin-left: -8px; margin-right: -8px; } [data-cols] > *, [data-cols-xs] > *, [data-cols-ms] > *, [data-cols-sm] > *, [data-cols-md] > * { display: inline-block; vertical-align: top; width: 100%; padding-left: 8px; padding-right: 8px; } [data-cols="1"] > *, [data-cols-xs="1"] > * { width: 100%; } [data-cols="2"] > *, [data-cols-xs="2"] > * { width: 50%; } [data-cols="3"] > *, [data-cols-xs="3"] > * { width: 33.33333%; } [data-cols="4"] > *, [data-cols-xs="4"] > * { width: 25%; } @media screen and (min-width: 30em), print { [data-cols-ms="1"] > * { width: 100%; } [data-cols-ms="2"] > * { width: 50%; } [data-cols-ms="3"] > * { width: 33.33333%; } [data-cols-ms="4"] > * { width: 25%; } [data-cols-ms="5"] > * { width: 20%; } [data-cols-ms="6"] > * { width: 16.66667%; } } @media screen and (min-width: 48em), print { [data-cols-sm="1"] > * { width: 100%; } [data-cols-sm="2"] > * { width: 50%; } [data-cols-sm="3"] > * { width: 33.33333%; } [data-cols-sm="4"] > * { width: 25%; } [data-cols-sm="5"] > * { width: 20%; } [data-cols-sm="6"] > * { width: 16.66667%; } [data-cols-sm="7"] > * { width: 14.28571%; } [data-cols-sm="8"] > * { width: 12.5%; } } @media screen and (min-width: 64em), print { [data-cols-sm="1"] > * { width: 100%; } [data-cols-sm="2"] > * { width: 50%; } [data-cols-sm="3"] > * { width: 33.33333%; } [data-cols-sm="4"] > * { width: 25%; } [data-cols-sm="5"] > * { width: 20%; } [data-cols-sm="6"] > * { width: 16.66667%; } [data-cols-sm="7"] > * { width: 14.28571%; } [data-cols-sm="8"] > * { width: 12.5%; } } @media screen and (min-width: 66em), print { [data-cols-md="1"] > * { width: 100%; } [data-cols-md="2"] > * { width: 50%; } [data-cols-md="3"] > * { width: 33.33333%; } [data-cols-md="4"] > * { width: 25%; } [data-cols-md="5"] > * { width: 20%; } [data-cols-md="6"] > * { width: 16.66667%; } [data-cols-md="7"] > * { width: 14.28571%; } [data-cols-md="8"] > * { width: 12.5%; } [data-cols-md="9"] > * { width: 11.11111%; } [data-cols-md="10"] > * { width: 10%; } } [data-width] { display: inline-block; vertical-align: top; } [data-width="auto"] { width: auto; } [data-width="0"] { width: 0; } [data-width="1"] { width: 100%; } [data-width="1/2"] { width: 50%; } [data-width="1/3"] { width: 33.33333%; } [data-width="2/3"] { width: 66.66667%; } [data-width="1/4"] { width: 25%; } [data-width="3/4"] { width: 75%; } [data-width="1/5"] { width: 20%; } [data-width="2/5"] { width: 40%; } [data-width="3/5"] { width: 60%; } [data-width="4/5"] { width: 80%; } [data-width="1/6"] { width: 16.66667%; } [data-width="5/6"] { width: 83.33333%; } [data-width="1/7"] { width: 14.28571%; } [data-width="2/7"] { width: 28.57143%; } [data-width="3/7"] { width: 42.85714%; } [data-width="4/7"] { width: 57.14286%; } [data-width="6/7"] { width: 85.71429%; } [data-width="1/8"] { width: 12.5%; } [data-width="3/8"] { width: 37.5%; } [data-width="5/8"] { width: 62.5%; } [data-width="7/8"] { width: 87.5%; } [data-width="1/9"] { width: 11.11111%; } [data-width="2/9"] { width: 22.22222%; } [data-width="4/9"] { width: 44.44444%; } [data-width="5/9"] { width: 55.55556%; } [data-width="8/9"] { width: 88.88889%; } [data-width="1/10"] { width: 10%; } [data-width="9/10"] { width: 90%; } [data-width="2"] { width: 200%; max-width: initial !important; } [data-width-xs] { display: inline-block; vertical-align: top; } [data-width-xs="auto"] { width: auto; } [data-width-xs="0"] { width: 0; } [data-width-xs="1"] { width: 100%; } [data-width-xs="1/2"] { width: 50%; } [data-width-xs="1/3"] { width: 33.33333%; } [data-width-xs="2/3"] { width: 66.66667%; } [data-width-xs="1/4"] { width: 25%; } [data-width-xs="3/4"] { width: 75%; } [data-width-xs="1/5"] { width: 20%; } [data-width-xs="2/5"] { width: 40%; } [data-width-xs="3/5"] { width: 60%; } [data-width-xs="4/5"] { width: 80%; } [data-width-xs="1/6"] { width: 16.66667%; } [data-width-xs="5/6"] { width: 83.33333%; } [data-width-xs="1/7"] { width: 14.28571%; } [data-width-xs="2/7"] { width: 28.57143%; } [data-width-xs="3/7"] { width: 42.85714%; } [data-width-xs="4/7"] { width: 57.14286%; } [data-width-xs="6/7"] { width: 85.71429%; } [data-width-xs="1/8"] { width: 12.5%; } [data-width-xs="3/8"] { width: 37.5%; } [data-width-xs="5/8"] { width: 62.5%; } [data-width-xs="7/8"] { width: 87.5%; } [data-width-xs="1/9"] { width: 11.11111%; } [data-width-xs="2/9"] { width: 22.22222%; } [data-width-xs="4/9"] { width: 44.44444%; } [data-width-xs="5/9"] { width: 55.55556%; } [data-width-xs="8/9"] { width: 88.88889%; } [data-width-xs="1/10"] { width: 10%; } [data-width-xs="9/10"] { width: 90%; } [data-width-xs="2"] { width: 200%; max-width: initial !important; } @media screen and (min-width: 48em), print { [data-width-sm] { display: inline-block; vertical-align: top; } [data-width-sm="auto"] { width: auto; } [data-width-sm="0"] { width: 0; } [data-width-sm="1"] { width: 100%; } [data-width-sm="1/2"] { width: 50%; } [data-width-sm="1/3"] { width: 33.33333%; } [data-width-sm="2/3"] { width: 66.66667%; } [data-width-sm="1/4"] { width: 25%; } [data-width-sm="3/4"] { width: 75%; } [data-width-sm="1/5"] { width: 20%; } [data-width-sm="2/5"] { width: 40%; } [data-width-sm="3/5"] { width: 60%; } [data-width-sm="4/5"] { width: 80%; } [data-width-sm="1/6"] { width: 16.66667%; } [data-width-sm="5/6"] { width: 83.33333%; } [data-width-sm="1/7"] { width: 14.28571%; } [data-width-sm="2/7"] { width: 28.57143%; } [data-width-sm="3/7"] { width: 42.85714%; } [data-width-sm="4/7"] { width: 57.14286%; } [data-width-sm="6/7"] { width: 85.71429%; } [data-width-sm="1/8"] { width: 12.5%; } [data-width-sm="3/8"] { width: 37.5%; } [data-width-sm="5/8"] { width: 62.5%; } [data-width-sm="7/8"] { width: 87.5%; } [data-width-sm="1/9"] { width: 11.11111%; } [data-width-sm="2/9"] { width: 22.22222%; } [data-width-sm="4/9"] { width: 44.44444%; } [data-width-sm="5/9"] { width: 55.55556%; } [data-width-sm="8/9"] { width: 88.88889%; } [data-width-sm="1/10"] { width: 10%; } [data-width-sm="9/10"] { width: 90%; } [data-width-sm="2"] { width: 200%; max-width: initial !important; } } @media screen and (min-width: 64em), print { [data-width-hb] { display: inline-block; vertical-align: top; } [data-width-hb="auto"] { width: auto; } [data-width-hb="0"] { width: 0; } [data-width-hb="1"] { width: 100%; } [data-width-hb="1/2"] { width: 50%; } [data-width-hb="1/3"] { width: 33.33333%; } [data-width-hb="2/3"] { width: 66.66667%; } [data-width-hb="1/4"] { width: 25%; } [data-width-hb="3/4"] { width: 75%; } [data-width-hb="1/5"] { width: 20%; } [data-width-hb="2/5"] { width: 40%; } [data-width-hb="3/5"] { width: 60%; } [data-width-hb="4/5"] { width: 80%; } [data-width-hb="1/6"] { width: 16.66667%; } [data-width-hb="5/6"] { width: 83.33333%; } [data-width-hb="1/7"] { width: 14.28571%; } [data-width-hb="2/7"] { width: 28.57143%; } [data-width-hb="3/7"] { width: 42.85714%; } [data-width-hb="4/7"] { width: 57.14286%; } [data-width-hb="6/7"] { width: 85.71429%; } [data-width-hb="1/8"] { width: 12.5%; } [data-width-hb="3/8"] { width: 37.5%; } [data-width-hb="5/8"] { width: 62.5%; } [data-width-hb="7/8"] { width: 87.5%; } [data-width-hb="1/9"] { width: 11.11111%; } [data-width-hb="2/9"] { width: 22.22222%; } [data-width-hb="4/9"] { width: 44.44444%; } [data-width-hb="5/9"] { width: 55.55556%; } [data-width-hb="8/9"] { width: 88.88889%; } [data-width-hb="1/10"] { width: 10%; } [data-width-hb="9/10"] { width: 90%; } [data-width-hb="2"] { width: 200%; max-width: initial !important; } /*[data-width-hb="1/3"]{display:inline-block;vertical-align:top;width:(100%*1/3);}*/ } @media screen and (min-width: 66em), print { [data-width-md] { display: inline-block; vertical-align: top; } [data-width-md="auto"] { width: auto; } [data-width-md="0"] { width: 0; } [data-width-md="1"] { width: 100%; } [data-width-md="1/2"] { width: 50%; } [data-width-md="1/3"] { width: 33.33333%; } [data-width-md="2/3"] { width: 66.66667%; } [data-width-md="1/4"] { width: 25%; } [data-width-md="3/4"] { width: 75%; } [data-width-md="1/5"] { width: 20%; } [data-width-md="2/5"] { width: 40%; } [data-width-md="3/5"] { width: 60%; } [data-width-md="4/5"] { width: 80%; } [data-width-md="1/6"] { width: 16.66667%; } [data-width-md="5/6"] { width: 83.33333%; } [data-width-md="1/7"] { width: 14.28571%; } [data-width-md="2/7"] { width: 28.57143%; } [data-width-md="3/7"] { width: 42.85714%; } [data-width-md="4/7"] { width: 57.14286%; } [data-width-md="6/7"] { width: 85.71429%; } [data-width-md="1/8"] { width: 12.5%; } [data-width-md="3/8"] { width: 37.5%; } [data-width-md="5/8"] { width: 62.5%; } [data-width-md="7/8"] { width: 87.5%; } [data-width-md="1/9"] { width: 11.11111%; } [data-width-md="2/9"] { width: 22.22222%; } [data-width-md="4/9"] { width: 44.44444%; } [data-width-md="5/9"] { width: 55.55556%; } [data-width-md="8/9"] { width: 88.88889%; } [data-width-md="1/10"] { width: 10%; } [data-width-md="9/10"] { width: 90%; } [data-width-md="2"] { width: 200%; max-width: initial !important; } } @media print { .fixedwidth { width: 100%; } #header-main > *:not(#header-logo), #header-nav, nav, #breadcrumbs, footer { display: none !important; } #header-logo { width: 100%; } .page-heading-text2 { margin-bottom: 0 !important; } .bg-color5 { background: none; } .m0-print { margin: 0 !important; } .p0-print { padding: 0 !important; } .nopagebreak { display: inline; } }