*, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(0, 98.4, 204) !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(30.1449275362, 125.8550724638, 52) !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(211, 158.25, 0) !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(218.25, 223.5, 228.75) !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase, .sameDayShippingCheckContainer button { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: rgb(0, 86.1, 178.5) !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: rgb(25.2173913043, 105.2826086957, 43.5) !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: rgb(14.5, 102.1304347826, 116) !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: rgb(185.5, 139.125, 0) !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: rgb(203.375, 210.75, 218.125) !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: rgb(17.7068965517, 19.75, 21.7931034483) !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /* vars */ :root { --before-color-var: black; --after-color-var: gray; } html { overflow: auto; height: 100%; } body { color: #000000; background-color: #000000; height: 100%; } body .page-wrap { position: relative; height: 100%; background-color: #F4F4F4; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.5s; -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.5s; -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.5s; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0.5s; transform-style: preserve-3d; -webkit-transform-origin: center right; -moz-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; } .page-wrap .main-wrap { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; } .page-wrap .main { position: relative; background-color: #F4F4F4; } /* body #smoothAnim.transitionAnimation .pageOverflow { @include transformOriginGen(bottom); animation: closeAnimationWithOutDelay 0.7s $animation_ease_out 0s forwards; & .loadingAnimation { animation: fadeIn 0.3s $animation_ease_out 0.35s forwards; } } body #smoothAnim.transitionAnimation2 .pageOverflow { animation: openAnimationWithDelay 0.7s $animation_ease_out 0s forwards; & .loadingAnimation { animation: fadeOut 0.3s $animation_ease_out 0s forwards; } } body #smoothAnim .pageOverflow { @include transitionGen(all, 0.7s, $animation_ease_out, 0s); } body #smoothAnim.preload .pageOverflow { @include transformGen(scaleY(1)); @include transitionGen(all, 0s, $animation_ease_out, 0s); & .loadingAnimation { animation: fadeIn 0s $animation_ease_out 0s forwards; } } */ body #smoothAnim.productLoading .pageOverflow { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); animation: partFadeIn 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s forwards; } body #smoothAnim.productLoading .pageOverflow .loadingAnimation { animation: fadeIn 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s forwards; } body #smoothAnim .pageOverflow { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000000; z-index: 99; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -o-transform-origin: top; transform-origin: top; } body #smoothAnim .pageOverflow .loadingAnimation { position: absolute; color: #FFFFFF; left: 50%; top: 50%; opacity: 0; } body #smoothAnim.preload * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .defaultBackgroundColor { background-color: #F4F4F4; } .whiteColor, .dropdownContent.whiteColor, .product .inner-wrapper, .product.whiteColor { background-color: #FFFFFF; } img { max-width: 100%; } .w-full { width: 100%; } .h-full { height: 100%; } .cursor-pointer { cursor: pointer; } .gap-1 { gap: 1px; } .gap-10 { gap: 10px; } button:disabled, button[disabled] { background-color: #000000; opacity: 1 !important; } a:not(.btn, .linkHover), a:visited, a:focus, a:not(.btn, .linkHover):hover { color: initial; text-decoration: none !important; } .noUnderline { text-decoration: none; } label { margin-bottom: 0; } .size-1 { font-size: 90px; line-height: 0.9; } .size-1.autoFitText { font-size: min(90px, (6.25vw) + 0px); } body.page-prescriptions .size-1.autoFitText, body.page-prescription .size-1.autoFitText { font-size: min(80px, (5.7vw) + 0px); } .size-2, .defaultInputStyle.searchField, .text-input-wrap textarea.searchField:not(.browser-default), .text-input-wrap input:not([type]).searchField, .text-input-wrap input[type=text]:not(.browser-default).searchField, .text-input-wrap input[type=password]:not(.browser-default).searchField, .text-input-wrap input[type=date]:not(.browser-default).searchField, .text-input-wrap input[type=email]:not(.browser-default).searchField, .text-input-wrap input[type=tel]:not(.browser-default).searchField, .text-input-wrap input[type=number]:not(.browser-default).searchField { font-size: 60px; line-height: 0.9; } .size-2.autoFitText, .autoFitText.defaultInputStyle.searchField, .text-input-wrap textarea.autoFitText.searchField:not(.browser-default), .text-input-wrap input.autoFitText.searchField:not([type]), .text-input-wrap input.autoFitText[type=text].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=password].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=date].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=email].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=tel].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=number].searchField:not(.browser-default) { font-size: min(60px, (4.16vw) + 0px); } .size-32 { font-size: 32px; line-height: 0.9; } .size-32.autoFitText { font-size: min(32px, (2.8vw) + 0px); } .size-3, .carousel-button { font-size: 30px; line-height: 0.9; } .size-3.autoFitText, .autoFitText.carousel-button { font-size: min(30px, (2vw) + 0px); } .size-3.autoFitText.size-25, .autoFitText.size-25.carousel-button { font-size: min(32px, (2.4vw) + 0px); } @media screen and (max-width: 767px) { .size-3.autoFitText.size-25, .autoFitText.size-25.carousel-button { font-size: min(28px, (10vw) + 0px); } } .size-24 { font-size: 24px; line-height: 1.33; } .size-24.autoFitText { font-size: min(24px, (2vw) + 0px); } .size-4 { font-size: 20px; line-height: 0.9; font-weight: 300; } .size-4.autoFitText { font-size: min(20px, (2vw) + 0px); } .size-4.autoFitText.size-25 { font-size: min(20px, (2.4vw) + 0px); } @media screen and (max-width: 767px) { .size-4.autoFitText.size-25 { font-size: min(20px, (10vw) + 0px); } } .size-6, #prescriptionForm tr input, #prescriptionForm tr select, .autocomplete-SameDayShipping, .defaultTable td, .section-title, .toggle-guide, .text-tape.big-text, .paragraphText, .returnSteps p, .form-control, body { font-size: 15px; line-height: 1.5; } .size-6.autoFitText, #prescriptionForm tr input.autoFitText, #prescriptionForm tr select.autoFitText, .autoFitText.autocomplete-SameDayShipping, .defaultTable td.autoFitText, .autoFitText.section-title, .autoFitText.toggle-guide, .autoFitText.text-tape.big-text, .autoFitText.paragraphText, .returnSteps p.autoFitText, .autoFitText.form-control, body.autoFitText { font-size: min(15px, (1.04vw) + 0px); } .size-6-5 { font-size: 12px; line-height: 1.5; } .size-6-5.autoFitText { font-size: min(12px, (0.9vw) + 0px); } .size-7, .sameDayShippingCheckContainer button, .defaultTable th, .dropdownContent, .customDropdown, .filtered-list .item, .singledayshipping-list table, .vipsignup-list table, .delivery-list table, .product-prices .price-alts, .shippingPromoNotice, .text-input-wrap label, .copyright span, .footer-navigation .nav-title, body .fullscreen-nav .footer-navigation li a, body .fullscreen-nav .footer-navigation .nav-title, #ForgotPassword a, .text-label, .text-tape { font-size: 10px; line-height: 1.4; } .size-7.autoFitText, .sameDayShippingCheckContainer button.autoFitText, .defaultTable th.autoFitText, .autoFitText.dropdownContent, .autoFitText.customDropdown, .filtered-list .autoFitText.item, .singledayshipping-list table.autoFitText, .vipsignup-list table.autoFitText, .delivery-list table.autoFitText, .product-prices .autoFitText.price-alts, .autoFitText.shippingPromoNotice, .text-input-wrap label.autoFitText, .copyright span.autoFitText, .footer-navigation .autoFitText.nav-title, body .fullscreen-nav .footer-navigation li a.autoFitText, body .fullscreen-nav .footer-navigation .autoFitText.nav-title, #ForgotPassword a.autoFitText, .autoFitText.text-label, .autoFitText.text-tape { font-size: min(10px, (0.7vw) + 0px); } .size-8 { font-size: 8px; line-height: 1.4; } .bold, #prescriptionForm tr input, #prescriptionForm tr select, .sameDayShippingCheckContainer button, .defaultTable th, .dropdownContent .dropdownValue, .singledayshipping-list table, .vipsignup-list table, .delivery-list table, .store-list .store .store-info .info-title, .go-back, .text-input-wrap label, .defaultInputStyle.searchField, .text-input-wrap textarea.searchField:not(.browser-default), .text-input-wrap input:not([type]).searchField, .text-input-wrap input[type=text]:not(.browser-default).searchField, .text-input-wrap input[type=password]:not(.browser-default).searchField, .text-input-wrap input[type=date]:not(.browser-default).searchField, .text-input-wrap input[type=email]:not(.browser-default).searchField, .text-input-wrap input[type=tel]:not(.browser-default).searchField, .text-input-wrap input[type=number]:not(.browser-default).searchField, .footer-navigation ul, .fullscreen-hero .heroTitle, body .fullscreen-nav .footer-navigation .nav-title, .btn, .text-tape.big-text, .text-tape { font-family: "Nunito Sans", sans-serif; font-weight: 700; } .semibold { font-family: "Nunito Sans", sans-serif; font-weight: 600; } .extrabold { font-family: "Nunito Sans", sans-serif; font-weight: 800; } .extended, html.IE .text-stroke-dark, html:not(.IE) .text-stroke-dark, html.IE .text-stroke-light, html:not(.IE) .text-stroke-light { font-family: "titling-gothic-fb-extended", sans-serif; font-weight: 700; } .compressed { font-family: "titling-gothic-fb-compressed", sans-serif !important; font-weight: 700; } .normal, .copyright a, .paragraph, .paragraphText, .returnSteps p, .form-control, body { font-family: "Nunito Sans", sans-serif; font-weight: 400; } .gray, a:not(.btn, .linkHover).gray, a:visited.gray, a:focus.gray, a:not(.btn, .linkHover):hover.gray { color: #6E6E6E; } .black { color: #000000; } .bg-black { background-color: #000000; } .red { color: #EA1C1C; } .green { color: #56BD59; } .orange { color: #FFB924; } .white { color: #FFFFFF; } .warm_black { color: #D9D9D9; } .underline { text-decoration: underline; } .width75Percent { width: 75%; } .width33Percent { width: 33%; } .btn-toolbar .btn { min-width: 180px; } .preventBreakInside { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .brand-list-wrapper { -webkit-columns: 4; -moz-columns: 4; columns: 4; } .selectable { cursor: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .clickable, .product { cursor: pointer; } .h-0-anim { height: 0; visibility: hidden; will-change: height; margin-top: 1px; } .h-0-anim.is-active { height: 100%; visibility: visible; } .splide { visibility: visible !important; } .productViewThumbnails .splide__slide:not(.is-active) img { filter: opacity(0.5); } .productView .splide__list .splide__slide:not(:first-child) { margin-top: 8px; } .productView .splide__slide.has-video .video-image { z-index: 1; pointer-events: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .productView .splide__slide.has-video .video-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 0; } .productView .splide__slide.has-video.playing .video-image, .productView .splide__slide.has-video.playing .play-icon { opacity: 0; pointer-events: none !important; } @media screen and (min-width: 768px) { .productView .splide__slide:not(.has-video) { background-color: #FFFFFF; } .productView .splide__slide:not(.has-video) .d-flex { height: clamp(250px, 40vw, 900px); } .productView .splide__slide:not(.has-video) .d-flex img { width: 100%; height: 100%; object-fit: contain; object-position: center; } } .dot { height: 10px; width: 10px; display: inline-block; background-color: #000000; border-radius: 50%; } .dot.red { background-color: #EA1C1C; } .dot.green { background-color: #56BD59; } .dot.orange { background-color: #FFB924; } .dot.gray, a.dot.gray:not(.btn, .linkHover), a.dot.gray:visited, a.dot.gray:focus { background-color: #6E6E6E; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding-left: 60px; padding-right: 60px; } .ignore-container { margin-left: -60px; margin-right: -60px; overflow: hidden; } .ignore-container.small { margin-left: -30px; margin-right: -30px; } .product-search-wrap .close-search { top: 120px; right: 60px; } .divider-h { width: 100%; height: 1px; background-color: #000000; margin-top: 60px; margin-bottom: 60px; } .divider-h.animatedDivider { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .divider-h.animatedDivider.is-visible { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .divider-h.thin { margin-top: 20px; margin-bottom: 20px; } .divider-h.thin-medium { margin-top: 10px; margin-bottom: 15px; } .divider-h.medium { margin-top: 30px; margin-bottom: 30px; } .divider-h.slim { margin-top: 20px; margin-bottom: 20px; } .divider-h.thick { margin-top: 60px; margin-bottom: 60px; } .divider-h.zero { margin-top: 0; margin-bottom: 0; } .divider-h.half-height-bottom { margin-bottom: 30px; } .divider-h.half-height-top { margin-top: 30px; } .divider-h.no-bg { background-color: rgba(0, 0, 0, 0); } .divider-h.gray-bg { background-color: #6E6E6E; } .divider-h.light-gray-bg { background-color: #DDDDDD; } .divider-h.no-margin { margin-top: 0; margin-bottom: 0; } .divider-h.thinTop { margin-top: 20px; margin-bottom: 30px; } .divider-h.thickBottom { margin-top: 30px; margin-bottom: 50px; } .divider-h.largeBottom { margin-top: 40px; margin-bottom: 50px; } .slideInScrollOver { position: relative; } .slideInScrollOver.element-image-text { overflow: initial; } .slideInScrollOver .slideInScrollOverBody, .slideInScrollOver.slideInScrollOverBody { position: relative; overflow: hidden; height: 100%; will-change: transform; -webkit-transform: translateY(105%); -moz-transform: translateY(105%); -o-transform: translateY(105%); transform: translateY(105%); -webkit-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .slideInScrollOver .slideInScrollOverBody:before, .slideInScrollOver.slideInScrollOverBody:before { background-color: #EA1C1C; position: absolute; z-index: 10; height: 100%; width: 150%; left: -25%; content: ""; will-change: transform; -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; } .slideInScrollOver .slideInScrollOverImage { will-change: transform; overflow: hidden; -webkit-transform: scale3d(1.2, 1.2, 1.2); -moz-transform: scale3d(1.2, 1.2, 1.2); -o-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); -webkit-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -moz-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -o-transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; transition: transform 1s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; } .slideInScrollOver .slideInScrollOverText { will-change: transform; overflow: hidden; -webkit-transform: rotateZ(6deg) translate3d(0, 200%, 0); -moz-transform: rotateZ(6deg) translate3d(0, 200%, 0); -o-transform: rotateZ(6deg) translate3d(0, 200%, 0); transform: rotateZ(6deg) translate3d(0, 200%, 0); -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; } .slideInScrollOver .slideInScrollOverButton { will-change: transform; overflow: hidden; -webkit-transform: translate3d(0, 120%, 0); -moz-transform: translate3d(0, 120%, 0); -o-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; } .slideInScrollOver .slideInScrollOverButtonDelayed { will-change: transform; overflow: hidden; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .slideInScrollOver .slideInScrollOverButtonScale { overflow: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.25s; } .slideInScrollOver .slideInScrollOverSplitTitle { display: inline-block; overflow: hidden; } .slideInScrollOver .slideInScrollOverSplitTitle span { will-change: transform; position: relative; display: block; overflow: hidden; -webkit-transform: rotateZ(6deg) translate3d(0, 200%, 0); -moz-transform: rotateZ(6deg) translate3d(0, 200%, 0); -o-transform: rotateZ(6deg) translate3d(0, 200%, 0); transform: rotateZ(6deg) translate3d(0, 200%, 0); } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(10) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2857142857s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2857142857s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2857142857s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2857142857s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(9) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1428571429s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1428571429s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1428571429s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1428571429s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(8) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(7) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8571428571s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8571428571s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8571428571s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8571428571s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(6) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7142857143s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7142857143s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7142857143s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7142857143s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(5) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5714285714s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5714285714s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5714285714s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5714285714s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(4) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4285714286s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4285714286s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4285714286s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4285714286s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(3) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2857142857s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2857142857s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2857142857s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2857142857s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(2) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1428571429s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1428571429s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1428571429s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1428571429s; } .slideInScrollOver .slideInScrollOverSplitTitle:nth-child(1) span { -webkit-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(12) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1.1s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1.1s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1.1s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1.1s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(11) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 1s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(10) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.9s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.9s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.9s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.9s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(9) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.8s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.8s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.8s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.8s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(8) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.7s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(7) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.6s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.6s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.6s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.6s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(6) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(5) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.4s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(4) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.3s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.3s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.3s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.3s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(3) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(2) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.1s; } .slideInScrollOver .brandItemGroup .brandItemBackground:nth-child(1) .slideInScrollOverButtonDelayed { -webkit-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .slideInScrollOver.is-visible .slideInScrollOverBody, .CartPage .slideInScrollOverBody { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .slideInScrollOver.is-visible .slideInScrollOverBody:before, .CartPage .slideInScrollOverBody:before { -webkit-transform: translate3d(0, -110%, 0); -moz-transform: translate3d(0, -110%, 0); -o-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); } .slideInScrollOver.is-visible .slideInScrollOverImage, .CartPage .slideInScrollOverImage { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .slideInScrollOver.is-visible .slideInScrollOverText, .CartPage .slideInScrollOverText { -webkit-transform: rotateZ(0) translate3d(0, 0, 0); -moz-transform: rotateZ(0) translate3d(0, 0, 0); -o-transform: rotateZ(0) translate3d(0, 0, 0); transform: rotateZ(0) translate3d(0, 0, 0); } .slideInScrollOver.is-visible .slideInScrollOverButton, .CartPage .slideInScrollOverButton { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slideInScrollOver.is-visible .slideInScrollOverButtonDelayed, .CartPage .slideInScrollOverButtonDelayed { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slideInScrollOver.is-visible .slideInScrollOverButtonScale, .CartPage .slideInScrollOverButtonScale { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .slideInScrollOver.is-visible .slideInScrollOverSplitTitle span, .CartPage .slideInScrollOverSplitTitle span { -webkit-transform: rotateZ(0) translate3d(0, 0, 0); -moz-transform: rotateZ(0) translate3d(0, 0, 0); -o-transform: rotateZ(0) translate3d(0, 0, 0); transform: rotateZ(0) translate3d(0, 0, 0); } .defaultMarginTopExLarge { margin-top: 120px; } .defaultMarginBottomExLarge { margin-bottom: 120px; } .defaultMarginTopMediumLarge { margin-top: 80px; } .defaultMarginBottomMediumLarge { margin-bottom: 80px; } .defaultMarginTopLarge { margin-top: 60px; } .defaultMarginBottomLarge { margin-bottom: 60px; } .defaultMarginTop { margin-top: 30px; } .defaultMarginTop.text-input-wrap { margin-top: 40px; } .defaultMarginTop.formSized { margin-top: 40px; } .defaultMarginTop.formFieldMargin { margin-top: 39px; } .defaultMarginBottom { margin-bottom: 30px; } .defaultMarginBottom.formFieldMargin { margin-bottom: 39px; } .p-80 { padding: 80px; } @media screen and (max-width: 959px) { .p-80 { padding: 40px; } .p-80.sm-pt-0 { padding-top: 0; } .p-80.sm-pb-0 { padding-bottom: 0; } } .defaultPaddingTop { padding-top: 30px; } .defaultPaddingTopXLarge { padding-top: 80px; } .defaultPaddingTopLarge { padding-top: 60px; } .defaultPaddingBottom { padding-bottom: 30px; } .defaultMarginBottomMedium { margin-bottom: 24px; } .defaultMarginTopMedium { margin-top: 24px; } .defaultMarginBottomInner, .fullscreen-nav .footer-navigation .socialLinks a { margin-bottom: 20px; } .defaultMarginTopInner { margin-top: 20px; } .defaultMarginBottomNewLine, .sns > div > div, .footer-navigation ul li, .headerContent { margin-bottom: 10px; } .defaultMarginTopNewLine, .headerContent { margin-top: 10px; } .defaultPaddingLeftTiny { padding-left: 5px; } .defaultPaddingRightTiny { padding-right: 5px; } .defaultPaddingLeftMedium { padding-left: 15px; } .defaultPaddingRightMedium { padding-right: 15px; } .defaultPaddingLeftLarge { padding-left: 65px; } .defaultPaddingRightLarge { padding-right: 65px; } .defaultPaddingLeftSmall { padding-left: 10px; } .defaultPaddingRightSmall { padding-right: 10px; } .defaultItemPaddingLeft { padding-left: 30px; } .defaultItemPaddingRight { padding-right: 30px; } .defaultMarginBottomTiny { margin-bottom: 5px; } .defaultMarginTopTiny { margin-top: 5px; } .defaultItemPadding { padding-left: 30px; padding-right: 30px; } .checkoutContent { background-color: #FFFFFF; padding: 30px; } .CheckoutPage .aboveFooterBlocks, .CartPage .aboveFooterBlocks, .AccountPage .aboveFooterBlocks, .Account .aboveFooterBlocks, .Custom .aboveFooterBlocks { display: none; } .border-bottom { border-bottom: 1px solid #000000 !important; } .paragraphText, .returnSteps p, .form-control { color: #6E6E6E; } .material-icons { font-size: 20px; line-height: 1; } .material-icons.black { background-color: #000000; color: #FFFFFF; } .material-icons.white { color: #FFFFFF; } .material-icons.blackWithBorder { color: #000000; border: 1px solid #000000; background-color: #FFFFFF; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; } .material-icons.medium { font-size: 14px; } .material-icons.small { font-size: 10px; } .material-icons.blackIcon { color: #000000 !important; } .material-icons.textOnLeft { margin-left: 10px; } .material-icons.textOnRight { margin-right: 10px; } .faq-page .material-icons { padding: 5px; text-align: end; } .text-tape { color: #FFFFFF; text-transform: uppercase; padding: 4px 10px; background-color: #000000; } .text-tape.big-text { display: flex; align-items: center; padding: 10px 15px 10px 10px; } .text-tape.big-text .material-icons { cursor: pointer; } .text-tape.big-tape { padding: 10px 20px; } .text-tape.mid-tape { padding: 8px 30px 8px 20px; } .text-tape.red { background-color: #EA1C1C; } .text-tape.black { background-color: #000000; } .text-tape.orange { background-color: #FFB924; } .text-tape.green { background-color: #56BD59; } .text-tape.gray, a.text-tape.gray:not(.btn, .linkHover), a.text-tape.gray:visited, a.text-tape.gray:focus { background-color: #6E6E6E; } .text-tape.tinyPadding { padding: 0.5px 10px; } .sale-tape { position: relative; top: 0; left: 0; z-index: 10; } /*.addressIsSingleDayShippable .singleDayShippableItem { position: absolute; top: 5px; right: 5px; border-radius: 50%; width: 10px; height: 10px; background-color: green; z-index: 10; &:hover { & .descriptionBeacon { &::before { position: absolute; top: -19px; left: -2px; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid $warm_white; z-index: 21; } &::after { position: absolute; background-color: $warm_white; color: $color_green; top: -46px; left: -128px; border-radius: 100px; padding: 3px 10px; white-space: nowrap; overflow: visible; font-weight: bold; box-shadow: 2px 2px 8px $color_gray; font-size: 14px; z-index: 20; content: "Single Day Shipable"; } } } }*/ .text-label { text-transform: uppercase; } .withoutWrap { white-space: nowrap; } html:not(.IE) .text-stroke-light { color: rgba(0, 0, 0, 0.4); -webkit-text-stroke: 1px #FFFFFF; paint-order: stroke fill; text-transform: uppercase; } html:not(.IE) .text-stroke-light.filled { color: #FFFFFF; -webkit-text-stroke: 0 #FFFFFF; } html:not(.IE) .text-stroke-light.filledRed { color: #EA1C1C; -webkit-text-stroke: 0 #EA1C1C; } html.IE .text-stroke-light { color: #FFFFFF; text-transform: uppercase; } html:not(.IE) .text-stroke-dark { color: rgba(0, 0, 0, 0); -webkit-text-stroke: 1px #000000; paint-order: stroke fill; text-transform: uppercase; } html:not(.IE) .text-stroke-dark.light-gray { -webkit-text-stroke: 1px #DDDDDD; } html:not(.IE) .text-stroke-dark.gray { -webkit-text-stroke: 1px #6E6E6E; } html:not(.IE) .text-stroke-dark.red { -webkit-text-stroke: 1px #EA1C1C; } html.IE .text-stroke-dark { color: #000000; text-transform: uppercase; } .text-infinite-slide { position: relative; overflow: hidden; } .text-infinite-slide > .inner { position: relative; overflow: hidden; white-space: nowrap; } .text-infinite-slide .inner span { display: inline-block; } .text-infinite-slide.animate .inner.reverse span { animation: moveSlideshowReverse 30s linear infinite; } .text-infinite-slide.animate .inner:not(.reverse) span { animation: moveSlideshow 30s linear infinite; } .noselect, .dropdownContent .dropdownGroup, .text-tape.big-text .material-icons { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .allowselect { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .blend-multiply { mix-blend-mode: multiply; } .select-wrap { position: relative; } .select-wrap select { position: relative; width: 100%; min-width: 240px; height: 40px; padding-left: 10px; padding-right: 50px; border: 0; background-color: rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #000000; appearance: none; } .select-wrap select:focus { outline: none; } .select-wrap select + * { position: absolute; top: 0; right: 0; width: 40px; height: 100%; color: #FFFFFF; background-color: #000000; pointer-events: none; } .select-wrap.white { padding: 5px; background-color: #FFFFFF; } .select-wrap.white select { background-color: #FFFFFF; box-shadow: none; } .select-wrap.white select + * { color: #000000; background-color: #FFFFFF; } .select-wrap.white select:required:invalid { color: #6E6E6E; } .select-wrap.white select option { color: #000000; } [type=radio], [type=checkbox] { position: absolute; visibility: hidden; opacity: 0; pointer-events: none; } .ss-checkbox { position: relative; width: 10px; height: 10px; margin-right: 6px; border: 1px solid #000000; } .ss-radio { position: relative; width: 11px; height: 11px; margin-right: 10px; border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 0 0 0 1px #000000; } .ss-radio.is-active { background-color: #000000; } [type=radio] + label, [type=checkbox] + label { cursor: pointer; } [type=radio]:checked + label .ss-radio, [type=checkbox]:checked + label .ss-checkbox { background-color: #000000; } [type=radio]:checked + label span, [type=checkbox]:checked + label span { color: #000000; } #ForgotPassword a { color: #000000; text-transform: uppercase; } .supportedPaymentContainer { display: flex; margin-top: 40px; } .subpageTemplateContent, .subpagesDesign .slideInScrollOverBody { height: min(100000px, (34.722vw) + 0px); overflow: hidden; } .subpageTemplateContent.largeElement, .subpagesDesign .largeElement.slideInScrollOverBody { height: min(100000px, (55.55vw) + 0px); } .subpageTemplateContent > div, .subpagesDesign .slideInScrollOverBody > div { position: relative; height: 100%; overflow: hidden; } .btn { text-transform: uppercase; border: 0; border-radius: 0; padding: 18px; display: inline-block; position: relative; overflow: hidden; text-align: center; vertical-align: middle; user-select: none; height: 50px; -webkit-transition: color 0s linear 0.15s; -moz-transition: color 0s linear 0.15s; -o-transition: color 0s linear 0.15s; transition: color 0s linear 0.15s; } .btn:hover { text-decoration: none; } .btn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .btn span { position: relative; z-index: 2; } .btn.ss-dark { color: #FFFFFF; background-color: #000000; } .btn.ss-red { color: #FFFFFF; background-color: #EA1C1C; } .btn.ss-red:after { background-color: #FFFFFF; } .btn.ss-red.onBlack:after { background-color: #000000; } .btn.ss-green { color: #FFFFFF; background-color: #56BD59; } .btn.ss-green:after { box-shadow: 0 0 0 1px #56BD59 inset; background-color: #FFFFFF; } .btn.ss-dark.transparent { color: #000000; background-color: rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #000000 inset; } .btn.ss-dark.transparent:after { background-color: #000000; } .btn.ss-dark.transparent.no-border { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset; } .btn.ss-dark.transparent.is-favourite { background: #EA1C1C; color: #FFFFFF; box-shadow: 0 0 0 1px #EA1C1C inset; } .btn.ss-light { color: #000000; background-color: #FFFFFF; box-shadow: 0 0 0 1px #FFFFFF inset; } .btn.ss-light:after { background-color: #FFFFFF; } .btn.ss-light.transparent { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1px #FFFFFF inset; } .btn.ss-light.transparent:after { background-color: #FFFFFF; } .btn .spinner-border, .btn.is-loading .spinner-border + * { display: none; } .btn.is-loading .spinner-border { display: inline-block; } .btn.is-loading span { display: none; } .btn.is-loading .lds-ring { display: inline-block !important; } .btn.big { min-width: 180px; } .btn.medium { min-width: 150px; } .btn.fill-space-double { width: 49%; } .btn.small { min-width: 120px !important; height: 40px; } .btn.small-without-mw { height: 40px; padding: 0; margin-top: auto; margin-bottom: auto; } .btn.higher { height: 50px; } .btn.logoutBtn { padding: 0; height: auto; color: #EA1C1C !important; min-width: auto !important; } .btn.size-6-5 { padding: 12px 24px; height: 40px; } .show-filter { min-width: 150px; } .sort-by-wrap .dropdownSelected { min-width: 150px; } .products-wrap.is-loading .btn .spinner-border { display: block; margin-left: auto; margin-right: auto; } .products-wrap.is-loading .btn .loadedText { display: none; } .cartItemCount { border-top: 1px solid #000000; border-bottom: 1px solid #000000; min-width: 40px; height: 30px; } .ss-form .btn:not(.text-right) { min-width: 200px; } .ss-form .btn:not(.text-right).smaller { min-width: 150px; } .ss-form .btn:not(.text-right).lessthanhalf { min-width: 40%; } .productBrandImage { max-width: 150px; max-height: 60px; } .productBrandImage img { height: 60px; } .divider-v { width: 1px; height: 30px; background-color: #000000; margin-left: 20px; margin-right: 20px; } .divider-v.fixed { margin-left: auto; margin-right: auto; height: 100%; } .bg-holder { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; } .bg-holder.full-width { width: 100vw; -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); } .bg-holder.smoothScrollPictureAnimation { height: min(100000px, (41.66vw) + 300px); background-position-y: top; will-change: transform; } .bg-holder.smoothScrollPictureAnimation.firstElementOnPage { height: 100vh; } .bg-holder.smoothScrollPictureAnimation.largeElement { height: min(100000px, (55.55vw) + 300px); } .bg-holder.smoothScrollPictureAnimation.smallElement { height: min(100000px, (27.78vw) + 300px); } .lazyLoad .bg-holder { background-image: none !important; } .frame-portrait, .frame-thumbnail { position: relative; } .frame-thumbnail { width: 120px; margin-bottom: 10px; } .frame-thumbnail .bg-holder { background-size: contain; } .moreInfoCareersItem { cursor: pointer; } .moreInfoCareersItem .careersDescriptionContainer { height: 0; overflow: hidden; } .content-thin { max-width: 420px; } body.show-menu .page-wrap { -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: perspective(3000px) rotate3d(0, 1, 0, -45deg); -moz-transform: perspective(3000px) rotate3d(0, 1, 0, -45deg); -o-transform: perspective(3000px) rotate3d(0, 1, 0, -45deg); transform: perspective(3000px) rotate3d(0, 1, 0, -45deg); } @media screen and (min-width: 1600px) { body.show-menu .page-wrap { -webkit-transform: perspective(min(60vw, 3000px)) rotate3d(0, 1, 0, -25deg); -moz-transform: perspective(min(60vw, 3000px)) rotate3d(0, 1, 0, -25deg); -o-transform: perspective(min(60vw, 3000px)) rotate3d(0, 1, 0, -25deg); transform: perspective(min(60vw, 3000px)) rotate3d(0, 1, 0, -25deg); } } @media screen and (min-width: 2200px) { body.show-menu .page-wrap { -webkit-transform: perspective(min(90vw, 3000px)) rotate3d(0, 1, 0, -45deg); -moz-transform: perspective(min(90vw, 3000px)) rotate3d(0, 1, 0, -45deg); -o-transform: perspective(min(90vw, 3000px)) rotate3d(0, 1, 0, -45deg); transform: perspective(min(90vw, 3000px)) rotate3d(0, 1, 0, -45deg); } } body.show-menu .page-wrap { /** if flickering issue comes change angel to 45 and keep 1600px above */ } body.show-menu:before { -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; opacity: 0.75; } body:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000000; z-index: 3; pointer-events: none; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; opacity: 0; } body .fullscreen-nav { position: fixed; visibility: hidden; top: 0; left: 0; width: 100vw; height: 100%; z-index: 3; overflow: hidden; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } body.show-menu .fullscreen-nav { visibility: visible; } body .fullscreen-nav .menuDesignedBy { -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } body.show-menu .fullscreen-nav .menuDesignedBy { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .fullscreen-nav .footer-navigation .socialLinks a { display: inline-block; } .fullscreen-nav .footer-navigation img { width: 16px; } body .fullscreen-nav .footer-navigation .nav-title { margin: 0; overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } body.show-menu .fullscreen-nav .footer-navigation .nav-title { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body .fullscreen-nav .footer-navigation li a { text-transform: uppercase; display: inline-block; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } body.show-menu .fullscreen-nav .footer-navigation li a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } body .fullscreen-nav .footer-navigation a img, body .fullscreen-nav .footer-navigation a span { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; } body.show-menu .fullscreen-nav .footer-navigation a img, body.show-menu .fullscreen-nav .footer-navigation a span { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } body .fullscreen-nav .mobileMenu .footer-navigation { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .mobileMenu .footer-navigation { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } body .fullscreen-nav .menuList div a { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } body.show-menu .fullscreen-nav .menuList div a { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body .fullscreen-nav .footer-navigation li:nth-child(1) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(1) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(1) img, body .fullscreen-nav .footer-navigation a:nth-child(1) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(1) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(1) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } body .fullscreen-nav .menuList div:nth-child(1) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .menuList div:nth-child(1) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body .fullscreen-nav .footer-navigation li:nth-child(2) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(2) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(2) img, body .fullscreen-nav .footer-navigation a:nth-child(2) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(2) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(2) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; } body .fullscreen-nav .menuList div:nth-child(2) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; } body.show-menu .fullscreen-nav .menuList div:nth-child(2) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; } body .fullscreen-nav .footer-navigation li:nth-child(3) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(3) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(3) img, body .fullscreen-nav .footer-navigation a:nth-child(3) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(3) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(3) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .menuList div:nth-child(3) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; } body.show-menu .fullscreen-nav .menuList div:nth-child(3) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; } body .fullscreen-nav .footer-navigation li:nth-child(4) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(4) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(4) img, body .fullscreen-nav .footer-navigation a:nth-child(4) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(4) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(4) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; } body .fullscreen-nav .menuList div:nth-child(4) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; } body.show-menu .fullscreen-nav .menuList div:nth-child(4) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s; } body .fullscreen-nav .footer-navigation li:nth-child(5) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(5) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(5) img, body .fullscreen-nav .footer-navigation a:nth-child(5) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(5) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(5) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; } body .fullscreen-nav .menuList div:nth-child(5) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; } body.show-menu .fullscreen-nav .menuList div:nth-child(5) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; } body .fullscreen-nav .footer-navigation li:nth-child(6) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(6) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(6) img, body .fullscreen-nav .footer-navigation a:nth-child(6) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(6) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(6) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s; } body .fullscreen-nav .menuList div:nth-child(6) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; } body.show-menu .fullscreen-nav .menuList div:nth-child(6) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; } body .fullscreen-nav .footer-navigation li:nth-child(7) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(7) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(7) img, body .fullscreen-nav .footer-navigation a:nth-child(7) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(7) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(7) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1s; } body .fullscreen-nav .menuList div:nth-child(7) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } body.show-menu .fullscreen-nav .menuList div:nth-child(7) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } body .fullscreen-nav .footer-navigation li:nth-child(8) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } body.show-menu .fullscreen-nav .footer-navigation li:nth-child(8) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; } body .fullscreen-nav .footer-navigation a:nth-child(8) img, body .fullscreen-nav .footer-navigation a:nth-child(8) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s; } body.show-menu .fullscreen-nav .footer-navigation a:nth-child(8) img, body.show-menu .fullscreen-nav .footer-navigation a:nth-child(8) span { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; } body .fullscreen-nav .menuList div:nth-child(8) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; } body.show-menu .fullscreen-nav .menuList div:nth-child(8) a { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.55s; } .fullscreen-nav .menuList div { overflow: hidden; } .fullscreen-nav .menuList div span { display: block; } .fullscreen-nav .menuList a { position: relative; text-decoration: none; } .fullscreen-nav .menuList a span { -webkit-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .fullscreen-nav .menuList .is-active a span:first-child { color: #FFFFFF; } .fullscreen-nav .menuList .is-active { cursor: pointer; } .fullscreen-nav .menuList .is-active a { text-decoration: none; pointer-events: none; } .fullscreen-nav .menuList a { display: table; } .fullscreen-nav .menuList a .filled { position: absolute; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .prescription-nav-item { margin-top: 50px; } .prescription-nav-item .size-2.autoFitText, .prescription-nav-item .autoFitText.defaultInputStyle.searchField, .prescription-nav-item .text-input-wrap textarea.autoFitText.searchField:not(.browser-default), .text-input-wrap .prescription-nav-item textarea.autoFitText.searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText.searchField:not([type]), .text-input-wrap .prescription-nav-item input.autoFitText.searchField:not([type]), .prescription-nav-item .text-input-wrap input.autoFitText[type=text].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=text].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=password].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=password].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=date].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=date].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=email].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=email].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=tel].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=tel].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=number].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=number].searchField:not(.browser-default) { font-size: min(45px, (3.125vw) + 0px); } @media (max-width: 767px) { .prescription-nav-item .size-2.autoFitText, .prescription-nav-item .autoFitText.defaultInputStyle.searchField, .prescription-nav-item .text-input-wrap textarea.autoFitText.searchField:not(.browser-default), .text-input-wrap .prescription-nav-item textarea.autoFitText.searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText.searchField:not([type]), .text-input-wrap .prescription-nav-item input.autoFitText.searchField:not([type]), .prescription-nav-item .text-input-wrap input.autoFitText[type=text].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=text].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=password].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=password].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=date].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=date].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=email].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=email].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=tel].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=tel].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.autoFitText[type=number].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.autoFitText[type=number].searchField:not(.browser-default) { font-size: 22px; } } .prescription-nav-item .size-2.text-stroke-light, .prescription-nav-item .text-stroke-light.defaultInputStyle.searchField, .prescription-nav-item .text-input-wrap textarea.text-stroke-light.searchField:not(.browser-default), .text-input-wrap .prescription-nav-item textarea.text-stroke-light.searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.searchField:not([type]), .text-input-wrap .prescription-nav-item input.text-stroke-light.searchField:not([type]), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=text].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=text].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=password].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=password].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=date].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=date].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=email].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=email].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=tel].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=tel].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light[type=number].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light[type=number].searchField:not(.browser-default) { color: #FFFFFF; -webkit-text-stroke: 0 #FFFFFF; } .prescription-nav-item .size-2.text-stroke-light.filled, .prescription-nav-item .text-stroke-light.filled.defaultInputStyle.searchField, .prescription-nav-item .text-input-wrap textarea.text-stroke-light.filled.searchField:not(.browser-default), .text-input-wrap .prescription-nav-item textarea.text-stroke-light.filled.searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled.searchField:not([type]), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled.searchField:not([type]), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=text].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=text].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=password].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=password].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=date].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=date].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=email].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=email].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=tel].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=tel].searchField:not(.browser-default), .prescription-nav-item .text-input-wrap input.text-stroke-light.filled[type=number].searchField:not(.browser-default), .text-input-wrap .prescription-nav-item input.text-stroke-light.filled[type=number].searchField:not(.browser-default) { color: rgba(0, 0, 0, 0.4); -webkit-text-stroke: 1px #FFFFFF; paint-order: stroke fill; } .menuSocialIcons { border-bottom: 1px solid #6E6E6E; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #6E6E6E; } .menuSocialIcons div { display: inline-flex; } .createAccountContent, .loginPageContent, .cartPageContent, .shippingPageContent, .paymentPageContent, .thankYouPageContent, .accountPageContent { max-width: none; } .shippingPageContent .checkoutContent { position: relative; } .shippingPageContent .checkoutContent.is-loading:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; } .shippingPageContent .checkoutContent.is-loading .lds-ring { display: inline-block !important; position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%); z-index: 2; } .shippingPageContent .checkoutContent.is-loading > .lds-ring div { width: 36px; height: 36px; border-color: black transparent transparent transparent; } .shippingPageContent .checkoutContent .mt-large.mb-base { display: none; } .shippingPageContent .checkoutContent.is-stripe .mt-large.mb-base { display: block; } .shippingPageContent .checkoutContent.is-stripe .guest-checkout-email > div { margin-bottom: 20px; } .shippingPageContent .checkoutContent.is-stripe #shipping-form-wrapper { margin-top: 39px; margin-bottom: -30px; } .shippingPageContent .checkoutContent.is-stripe #stripe-address-element { margin-bottom: 39px; } .standardContainer { max-width: 1290px; } .standardContainerExtended { max-width: 1440px; } .standardContainer8Col { max-width: 860px; } .standardContainer6Col { max-width: 630px; } .standardContainer6ColExt { max-width: 700px; } /*==header*/ .header { position: fixed; top: 0; left: 0; right: 0; z-index: 101; } .header > * > .inner:after { content: ""; display: block; height: 1px; width: 100%; background: #000000; } .Home .header > * > .inner:after { background: #000000; } .brand { position: relative; width: 227px; height: 20px; } .header .brand img { position: absolute; top: 0; left: 0; width: 100%; } .header .brand .on-light { opacity: 0; } .header .toggle-menu, .header .toggle-search, .header .toggle-cart { cursor: pointer; justify-content: center; justify-items: center; align-items: center; align-content: center; } .header a { color: inherit; } .header .cart-items-count, .header .favorite-items-count { color: #FFFFFF; width: 14px; height: 14px; border-radius: 50%; background-color: #EA1C1C; position: absolute; top: 0; left: 12px; } .textOnRight { margin-right: 10px; } .header .headerIcon { filter: brightness(0) saturate(100%); } .header.light .headerIcon, .header.lightNoAnim .headerIcon { filter: none; } .header.light > * > .inner, .header.lightNoAnim > * > .inner { color: #FFFFFF; } .header.light .divider-v, .header.lightNoAnim .divider-v { background-color: #FFFFFF; } .header.light img.on-dark, .header.lightNoAnim img.on-dark { opacity: 0; } .header.light .brand .on-light, .header.lightNoAnim .brand .on-light { opacity: 1; } .header .cart { position: relative; } .show-menu .header.is-sticky { background-color: rgba(0, 0, 0, 0); } .no-header .header { display: none; } .fullscreen-hero .zoomOutAnimation { animation: zoomOut 1.5s cubic-bezier(0.7, 0, 0.3, 1) 0s 1 normal forwards; } .fullscreen-hero .heroTitleContainer:nth-child(10) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8857142857s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(9) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.7428571429s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(8) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(7) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4571428571s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(6) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3142857143s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(5) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.1714285714s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(4) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.0285714286s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(3) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8857142857s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(2) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7428571429s 1 normal backwards; } .fullscreen-hero .heroTitleContainer:nth-child(1) .heroTitleAnimation { animation: openAnimationSmooth 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s 1 normal backwards; } .fullscreen-hero .heroTitleButton { animation: openAnimation 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s 1 normal backwards; } .header.light > * > .inner:after { content: ""; display: block; height: 1px; width: 100%; margin-left: auto; margin-right: auto; background: #FFFFFF; animation: widthAnimation 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0.5s 1 normal backwards; } .fixedHeroPromoPopupTrigger { cursor: pointer; } .element-blocklink .hoverAnimation { -webkit-transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .header.is-sticky { position: fixed; background-color: #F4F4F4; } .header.lightNoAnim > * > .inner:after { content: ""; display: block; height: 1px; width: 100%; background: #FFFFFF; } .overflowHeader { position: absolute; height: 100%; width: 100%; background-color: #F4F4F4; z-index: 0; bottom: 1px; overflow: hidden; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } .footer { background-color: #F4F4F4; } .footer .footerContent { padding-top: 60px; background-color: #000000; } .footer-navigation { color: #FFFFFF; } .footer-navigation .nav-title { display: block; margin-bottom: 44px; } .footer-navigation ul { list-style: none; padding-left: 0; margin-bottom: 0; } .footer-navigation ul li { color: #6E6E6E; } .footer-navigation ul li a { color: inherit; } .sns a span { color: #FFFFFF; } .footer-big-logo { padding-top: 80px; padding-bottom: 80px; } .copyright { padding-top: 10px; padding-bottom: 10px; } .copyright span { color: #6E6E6E; } .copyright a { color: #FFFFFF; } .menuDesignedBy { position: fixed; bottom: 0; } .product-search-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #F4F4F4; z-index: 12; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: transform 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .product-search-wrap.is-active { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .product-search-wrap .close-search { position: absolute; cursor: pointer; } .product-search-wrap > .inner { width: 100%; height: 100%; } .product-search-wrap label { position: absolute; left: 0; bottom: 100%; margin-bottom: 20px; text-transform: uppercase; } .sign-in-button { width: 300px; } .text-input-wrap { position: relative; } .form-control { width: 100%; display: block; } .form-control.autoFit { width: auto; } .defaultInputStyle, .text-input-wrap textarea:not(.browser-default), .text-input-wrap input:not([type]), .text-input-wrap input[type=text]:not(.browser-default), .text-input-wrap input[type=password]:not(.browser-default), .text-input-wrap input[type=date]:not(.browser-default), .text-input-wrap input[type=email]:not(.browser-default), .text-input-wrap input[type=tel]:not(.browser-default), .text-input-wrap input[type=number]:not(.browser-default) { background: #FFFFFF; border: 1px solid #000000; border-radius: 0; outline: none; height: 50px; padding: 0 0 0 20px; box-shadow: none; color: #000000; } .defaultInputStyle.dark, .text-input-wrap textarea.dark:not(.browser-default), .text-input-wrap input:not([type]).dark, .text-input-wrap input[type=text]:not(.browser-default).dark, .text-input-wrap input[type=password]:not(.browser-default).dark, .text-input-wrap input[type=date]:not(.browser-default).dark, .text-input-wrap input[type=email]:not(.browser-default).dark, .text-input-wrap input[type=tel]:not(.browser-default).dark, .text-input-wrap input[type=number]:not(.browser-default).dark { background: #000000; border: 1px solid #FFFFFF; color: #FFFFFF; } .defaultInputStyle.dark:focus, .text-input-wrap textarea.dark:focus:not(.browser-default), .text-input-wrap input:not([type]).dark:focus, .text-input-wrap input[type=text]:not(.browser-default).dark:focus, .text-input-wrap input[type=password]:not(.browser-default).dark:focus, .text-input-wrap input[type=date]:not(.browser-default).dark:focus, .text-input-wrap input[type=email]:not(.browser-default).dark:focus, .text-input-wrap input[type=tel]:not(.browser-default).dark:focus, .text-input-wrap input[type=number]:not(.browser-default).dark:focus { color: #FFFFFF; } .defaultInputStyle.searchField, .text-input-wrap textarea.searchField:not(.browser-default), .text-input-wrap input:not([type]).searchField, .text-input-wrap input[type=text]:not(.browser-default).searchField, .text-input-wrap input[type=password]:not(.browser-default).searchField, .text-input-wrap input[type=date]:not(.browser-default).searchField, .text-input-wrap input[type=email]:not(.browser-default).searchField, .text-input-wrap input[type=tel]:not(.browser-default).searchField, .text-input-wrap input[type=number]:not(.browser-default).searchField { height: 80px; background: rgba(0, 0, 0, 0); outline: none; padding: 0; border: 0; color: #000000; } .defaultInputStyle.searchField:focus, .text-input-wrap textarea.searchField:focus:not(.browser-default), .text-input-wrap input:not([type]).searchField:focus, .text-input-wrap input[type=text]:not(.browser-default).searchField:focus, .text-input-wrap input[type=password]:not(.browser-default).searchField:focus, .text-input-wrap input[type=date]:not(.browser-default).searchField:focus, .text-input-wrap input[type=email]:not(.browser-default).searchField:focus, .text-input-wrap input[type=tel]:not(.browser-default).searchField:focus, .text-input-wrap input[type=number]:not(.browser-default).searchField:focus { outline: none; box-shadow: none; } .defaultInputStyle:focus, .text-input-wrap textarea:focus:not(.browser-default), .text-input-wrap input:not([type]):focus, .text-input-wrap input[type=text]:not(.browser-default):focus, .text-input-wrap input[type=password]:not(.browser-default):focus, .text-input-wrap input[type=date]:not(.browser-default):focus, .text-input-wrap input[type=email]:not(.browser-default):focus, .text-input-wrap input[type=tel]:not(.browser-default):focus, .text-input-wrap input[type=number]:not(.browser-default):focus { color: #000000; } .subpagesDesign .defaultInputStyle, .subpagesDesign .text-input-wrap textarea:not(.browser-default), .text-input-wrap .subpagesDesign textarea:not(.browser-default), .subpagesDesign .text-input-wrap input:not([type]), .subpagesDesign .text-input-wrap input[type=text]:not(.browser-default), .subpagesDesign .text-input-wrap input[type=password]:not(.browser-default), .subpagesDesign .text-input-wrap input[type=date]:not(.browser-default), .subpagesDesign .text-input-wrap input[type=email]:not(.browser-default), .subpagesDesign .text-input-wrap input[type=tel]:not(.browser-default), .subpagesDesign .text-input-wrap input[type=number]:not(.browser-default), .contact .defaultInputStyle, .contact .text-input-wrap textarea:not(.browser-default), .text-input-wrap .contact textarea:not(.browser-default), .contact .text-input-wrap input:not([type]), .contact .text-input-wrap input[type=text]:not(.browser-default), .contact .text-input-wrap input[type=password]:not(.browser-default), .contact .text-input-wrap input[type=date]:not(.browser-default), .contact .text-input-wrap input[type=email]:not(.browser-default), .contact .text-input-wrap input[type=tel]:not(.browser-default), .contact .text-input-wrap input[type=number]:not(.browser-default) { background: #F4F4F4; } .search-input-wrap { position: relative; padding-bottom: 10px; border-bottom: 1px solid #000000; } .sign-in-button { width: 300px; } .text-input-wrap textarea:not(.browser-default) { height: 160px; padding: 15px 0 0 20px; } .text-input-wrap label { color: #6E6E6E; position: absolute; top: -20px; left: 0; text-transform: uppercase; cursor: text; } .nav-blocks .item { height: 300px; text-align: center; overflow: hidden; position: relative; } .nav-blocks .item h4 { position: relative; z-index: 1; } .nav-blocks .item .bg-holder { -webkit-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; filter: brightness(0.8); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .nav-blocks .item span { position: relative; text-decoration: none; -webkit-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; display: table; } .nav-blocks .item span.filled { position: absolute; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); display: block; } .nav-blocks .item.keepRatio { height: min(100000px, (20.83vw) + 0px); } .aboveFooterBlocks .nav-blocks { padding: 0; } .page-home .header-height-lock { display: none; } /*==fullscreen-hero*/ .fullscreen-hero { position: relative; min-height: 700px; overflow: hidden; padding-bottom: 24rem; } .fullscreen-hero > .inner { position: relative; min-height: 100vh; z-index: 2; } .fullscreen-hero > .inner a:not(.linkHover) { text-decoration: none; } .fullscreen-hero .bg-holder { min-height: 100% !important; } .absolute-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .fixedHeroPromoElementLeft { position: fixed; bottom: 15px; left: 15px; z-index: 10; transition-delay: 1s; } .fixedHeroPromoElementRight { position: fixed; bottom: 33px; right: 33px; z-index: 10; transition-delay: 1s; } .show-menu .fixedHeroPromoElementLeft, .show-menu .fixedHeroPromoElementRight { visibility: hidden; transition-delay: 0s; } .go-back { color: inherit; text-transform: uppercase; cursor: pointer; } .product-infos { max-width: 600px; margin-left: auto; position: sticky; top: 160px; background-color: #F4F4F4; } .product-infos .product-sku { color: #6E6E6E; } .product-infos .icon-wrap { width: 18px; height: 18px; margin-left: 3px; margin-bottom: 3px; } .product-infos .item { padding-top: 20px; border-bottom: 1px solid #000000; padding-bottom: 20px; } .product-infos .item.noBorder { border: none; padding-bottom: 0; } .product-infos .item.topBorder { border-bottom: none; padding-top: 20px; border-top: 1px solid #000000; } .product-infos .item.smallerPadding { padding-top: 15px; padding-bottom: 15px; } .add-to-favourite { width: 50px; height: 50px; margin-left: 5px; box-shadow: 0 0 0 1px #000000 inset; cursor: pointer; } .add-to-favourite.is-favourite { box-shadow: 0 0 0 1px #EA1C1C inset; } .add-to-favourite .on-favourite { color: #FFFFFF; } .add-to-favourite .on-favourite, .add-to-favourite.is-favourite .hide-on-favourite { display: none; } .add-to-favourite.is-favourite .on-favourite { display: inline-block; } .add-to-favourite.is-loading .material-icons { display: none; } .product { position: relative; background-color: #F4F4F4; z-index: 10; } .product .inner-wrapper { padding: 10px; } @media screen and (min-width: 576px) { .listOfProducts { padding-left: 5px; padding-right: 5px; } .listOfProducts .product { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } } @media screen and (max-width: 575px) { .listOfProducts .product:nth-child(odd) { padding-right: 8px; } .listOfProducts .product:nth-child(even) { padding-left: 8px; } } .productItemFloatingButtons { position: absolute; bottom: 0; right: 0; } .product-image { position: relative; } .product-image:after { content: ""; display: block; padding-top: 75%; } .product-image .bg-holder { background-size: 100% auto; } .shippingPromoNotice { text-align: center; margin-top: 20px; } .addressAddressBookHeader { background-color: #000000; color: #FFFFFF; padding: 20px; } .addressAddressBookContent { background-color: #FFFFFF; padding: 20px; border-bottom: 1px solid #6E6E6E; border-left: 1px solid #6E6E6E; border-right: 1px solid #6E6E6E; } .newAddressContainer { height: 0; } .product-prices { padding-bottom: 20px; } .product-prices .price-alts { color: #6E6E6E; } .product-prices .price-alts strong { color: #000000; } .ticket-price { color: #000000; text-decoration-line: line-through; margin-right: 10px; } .product-colors span { text-transform: uppercase; } .color-item-image { width: 100px; height: 80px; border: 1px solid rgba(0, 0, 0, 0); } .color-item-image.is-active, .color-item-image:hover { border: 1px solid #6E6E6E; } .product-colors .color-item { position: relative; width: 26px; height: 26px; border-radius: 50%; padding: 3px; margin-left: 10px; cursor: pointer; } .product-colors .color-item.is-active { box-shadow: 0 0 0 1px #6E6E6E; } .product-colors .color-item > div { position: relative; height: 100%; border-radius: 50%; overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-colors .color-item > div:before, .product-colors .color-item > div:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 50%; background-color: #000000; } .product-colors .color-item > div:before { top: 0; } .product-colors .color-item > div:after { bottom: 0; } .product-colors .color-item.bf-grey > div:before, .product-colors .color-item.af-grey > div:after { background-color: #6E6E6E; } .product-colors .color-item.bf-red > div:before, .product-colors .color-item.af-red > div:after { background-color: #EA1C1C; } .product-colors .color-item > div:before { background-color: var(--before-color-var); } .product-colors .color-item > div:after { background-color: var(--after-color-var); } .toggle-stock-availability { text-transform: uppercase; cursor: pointer; } .toggle-more-info { text-transform: uppercase; cursor: pointer; } .more-info { overflow: hidden; height: 0; } .more-info > .inner { padding-top: 20px; } .more-info .info-title { text-transform: uppercase; } .toggle-guide { color: #6E6E6E; text-transform: uppercase; cursor: pointer; } .toggle-afterpay { cursor: pointer; } .slide-in-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; transform-origin: right; width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -moz-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -o-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; } .slide-in-wrap.vipsignup { top: calc(50% - 310px); bottom: unset; left: unset; width: 370px; max-width: 100%; height: 620px; max-height: 100%; } @media (max-height: 760px) { .slide-in-wrap.vipsignup { top: unset; bottom: 0; max-height: calc(100% - 40px); } } .slide-in-wrap.is-active { -webkit-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slide-in-wrap .overlay { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; opacity: 0; } .slide-in-wrap.is-active .overlay { opacity: 1; } .slide-in-wrap .close-button { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; top: 0; left: 0; float: left; padding: 8px 10px; color: #FFFFFF; background-color: #EA1C1C; cursor: pointer; } .slide-in-wrap-container { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; transform-origin: right; position: relative; width: 70%; margin-left: auto; height: 100vh; background-color: #F4F4F4; overflow: hidden; z-index: 10; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .vipsignup .slide-in-wrap-container { width: 100%; height: 100%; } .slide-in-wrap.is-active .slide-in-wrap-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; transform-origin: right; } .slide-in-wrap-container .delivery-list, .slide-in-wrap-container .singledayshipping-list, .slide-in-wrap-container .store-list { padding: 50px 60px 90px 20px; height: 100%; overflow: auto; } .slide-in-wrap-container .vipsignup-list { padding: 20px 40px 20px 0px; height: 100%; overflow: auto; } .shoplocal .singledayshipping-list { height: auto; padding-left: 0; padding-bottom: 0; padding-right: 0; } .shoplocal .singledayshipping-list .singledayshippingButton { margin-bottom: 60px; } .slide-in-wrap-container .store-list .store { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; } .slide-in-wrap-container .store-list .store:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .store-list .store .store-title { text-transform: uppercase; } .store-list .store .store-info .material-icons { color: #6E6E6E; margin-right: 5px; } .store-list .store .store-info .info-group { margin-bottom: 30px; } .store-list .store .store-info .info-title-wrap { margin-bottom: 10px; } .store-list .store .store-info .info-title { text-transform: uppercase; } .singledayshipping-list table, .vipsignup-list table, .delivery-list table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 25px; text-align: center; table-layout: fixed; text-transform: uppercase; vertical-align: middle; } .singledayshipping-list table thead, .vipsignup-list table thead, .delivery-list table thead { background-color: #000000; color: #FFFFFF; } .singledayshipping-list table thead th, .vipsignup-list table thead th, .delivery-list table thead th { padding: 18px 0; } .singledayshipping-list table tbody td, .vipsignup-list table tbody td, .delivery-list table tbody td { padding: 18px 0; border: 1px solid black; } .singledayshipping-list table tbody tr, .vipsignup-list table tbody tr, .delivery-list table tbody tr { background-color: #FFFFFF; border: 1px solid black; } .StickyTitle, .slide-in-wrap .close-button { position: -webkit-sticky; position: sticky; z-index: 2; } .StickyTitle.extraWidth, .slide-in-wrap .extraWidth.close-button { width: 150%; } .StickyTitle.stickTop, .slide-in-wrap .stickTop.close-button { top: 120px; margin-bottom: auto; } .StickyTitle.stickTop.zero, .slide-in-wrap .stickTop.zero.close-button { top: 0; } .StickyTitle.stickTop.inner, .slide-in-wrap .stickTop.inner.close-button { top: 20px; } .StickyTitle.stickTopSmall, .slide-in-wrap .stickTopSmall.close-button { top: 60px; margin-bottom: auto; } .StickyTitle.stickBottom, .slide-in-wrap .stickBottom.close-button { margin-top: auto; bottom: 120px; } .StickyTitle.stickBottom.zero, .slide-in-wrap .stickBottom.zero.close-button { bottom: 0; } .StickyTitle.stickBottom.inner, .slide-in-wrap .stickBottom.inner.close-button { bottom: 20px; } .StickyTitle.questionTitle, .slide-in-wrap .questionTitle.close-button { top: 100px; } .StickyTitle.product-filter, .slide-in-wrap .product-filter.close-button { top: 120px; } .StickyTitle.city-title, .slide-in-wrap .city-title.close-button { top: -10px; } .bgHolderContainer { height: 100%; min-height: 500px; } .info-group.storeHours { margin-top: 40px; } .product-filter { box-shadow: 0 0 0 1px #000000 inset; max-width: 350px; position: relative; z-index: 1; height: 100%; transform: translateX(-100%); -webkit-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .product-filter .top-part { height: calc(100vh - 50px); overflow-y: auto; } .product-filter .filter-header { color: #FFFFFF; padding: 30px 20px 30px 20px; text-transform: uppercase; } .product-filter .filter-body { padding-left: 20px; padding-right: 20px; } .filter-footer { padding: 20px; } .filter-footer .clearTab { width: 40%; } .filter-footer .btn-filter-apply { width: 60%; margin-left: 10px; } .product-filter .filter-group { border-bottom: 1px solid #6E6E6E; } .product-filter .filter-group:last-child { border-bottom: 0; } .product-filter .filter-group .toggle-filter-group { text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; cursor: pointer; } .product-filter .filter-group .filter-group-content { max-height: 300px; overflow: auto; height: 0; } .product-filter .filter-group .filter-group-content > div { margin-bottom: 10px; } .product-filter .filter-group .filter-group-content div:last-child { margin-bottom: 10px; } .filtered-list { gap: 10px; padding-top: 3px; } .filtered-list .item { text-transform: uppercase; background: #fff; padding: 10px 15px 10px 10px; } .filtered-list .item .material-icons { color: #6E6E6E; margin-right: 10px; cursor: pointer; } .section-title { text-transform: uppercase; margin-bottom: 10px; } .cart-items { background-color: #FFFFFF; padding: 30px; } .cart-items .item { border-bottom: 1px solid #000000; padding-bottom: 20px; margin-bottom: 20px; } .returnSteps a { color: #6E6E6E; text-decoration: underline; } .returnSteps img { height: 200px; } .faqDescriptionContainer { height: 0; overflow: hidden; } .faqDescriptionContainer a { color: #000000; } .position-bottom-right { position: absolute; bottom: 0; } .element-banner { position: relative; display: block; height: min(100000px, (45.14vw) + 0px); } .Product .element-banner { padding: 0; } .element-banner .bg-holder { position: relative; display: block; } .elementBannerContent { margin-bottom: 30px; margin-left: 30px; position: absolute; bottom: 0; } .image-with-copy { position: relative; display: block; overflow: hidden; background-color: #000000; } .image-with-copy .bg-holder { min-height: 100%; } @media screen and (max-width: 767px) { .image-with-copy .bg-holder { margin-bottom: 15px; } } .image-with-copy .content-wrapper { position: relative; padding: 30px; margin: 0; padding-top: min(100000px, (3.472vw) + 0px); padding-bottom: min(100000px, (3.472vw) + 0px); } @media screen and (max-width: 767px) { .image-with-copy .content-wrapper { padding: 30px 0; } } .element-blocklink { position: relative; display: block; height: min(100000px, (27.77vw) + 0px); } .element-blocklink a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .element-blocklink a > .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 30px; z-index: 2; } .element-blocklink a .title-wrap { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; } .element-blocklink a .title-wrap span { display: table; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .element-blocklink .title-wrap .filled { position: absolute; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .image-carousel .disabled, .product-carousel .disabled { display: none; } .carousel-button { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); background: rgba(0, 0, 0, 0); } .carousel-button.left { left: -10px; } .carousel-button.right { right: -10px; } .Home .splide__slide { text-align: center; background-color: #FFFFFF; } .Product .splide__slide.is-active { border-color: rgba(0, 0, 0, 0) !important; } .splide__slide .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40%; padding-top: 40%; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 1; z-index: 1; pointer-events: none; background: transparent url(../img/icon-play-white.svg) center center no-repeat; background-size: 30%; background-position: 55% 50%; } .splide__slide .play-wrapper { width: 25%; height: 25%; position: relative; z-index: 1; } .splide__slide .play-wrapper .play-icon { cursor: pointer; pointer-events: auto; } .Product .splide .splide__arrows button:disabled, .Product .splide .splide__arrows button[disabled] { background-color: transparent; opacity: 0.3 !important; pointer-events: none; } .Product .splide .splide__arrows button { background: transparent; } .Product .splide .splide__arrows button svg { width: 2em; height: 2em; } .Product .splide .splide__arrows button:hover { opacity: 1; } @media screen and (max-width: 575px) { .Product .splide .splide__arrows .splide__arrow--prev { left: 0; } .Product .splide .splide__arrows .splide__arrow--next { right: 0; } } .Product .splide__slide .splide__video { overflow: hidden; } .Product .splide__slide .splide__video iframe { width: 101%; height: 101%; margin-left: -0.5%; margin-top: -0.5%; } .iframe-wrapper { width: 100%; padding-top: 56%; } .iframe-wrapper iframe { width: 101%; height: 101%; margin-left: -0.5%; margin-top: -0.5%; position: absolute; top: 0; left: 0; } .Product .splide__slide.mobile-video { padding-top: 56.6%; position: relative; overflow: hidden; height: fit-content; align-self: center; } .Product .splide__slide.mobile-video .splide__video, .Product .splide__slide.mobile-video img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Product .splide__slide.mobile-video { /*just to cover for swipe*/ } .Product .splide__slide.mobile-video .splide__video:before, .Product .splide__slide.mobile-video .splide__video:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: calc(50% - 40px); } .Product .splide__slide.mobile-video .splide__video:after { top: auto; bottom: 0; } .Product .splide__slide.mobile-video:before, .Product .splide__slide.mobile-video:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: calc(50% - 60px); z-index: 1; } .Product .splide__slide.mobile-video:after { left: auto; right: 0; } .splide__pagination__page.has-video { position: relative; background-color: #F4F4F4 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .splide__pagination__page.has-video:before { content: ""; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #ccc; } .splide__pagination__page.has-video.is-active:before { border-left-color: #fff; } .splide__pagination__page.has-video.is-active { background: transparent !important; } .splide__slide .overlay { position: absolute; width: 100%; height: 0; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; } .splide__slide.product { margin-bottom: 60px; } .splide__pagination { bottom: 0; } .splide.featured { -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; opacity: 1; mix-blend-mode: multiply; } .splide.featured.loading { opacity: 0; } .splide__pagination__page { background-color: #6E6E6E; width: 20px; border-radius: 0; height: 2px; } .splide__pagination__page.is-active { background-color: #EA1C1C; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .overlay-content { position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 20px; } .inline-nav { position: relative; } .inline-nav .item { position: relative; text-align: center; text-transform: uppercase; padding: 4px 10px; border-bottom: 1px solid #6E6E6E; color: #6E6E6E; cursor: pointer; overflow: hidden; } .inline-nav .item.is-active { color: #000000; border-bottom: 3px solid #000000; } .closeNotificationIconWrapper { height: 40px; width: 40px; margin-right: 15px; padding-left: 0; padding-right: 0; } .banner-frame { position: relative; height: min(100000px, (27.8vw) + 0px); } .customDropdown { height: 50px; border: 1px solid #000000; position: relative; max-width: 300px; } .customDropdown.formTemplate { max-width: none; background: #FFFFFF; } .customDropdown.formTemplate .dropdownContent { background-color: #FFFFFF; } .customDropdown .dropdownOpenIcon { background: #000000; color: #FFFFFF; height: calc(100% + 1px); top: -1px; right: -1px; } .selectedDropdownValue { margin-left: 5px; } .dropdownContent { position: absolute; top: 50px; border: 1px solid #000000; border-top: none; width: calc(100% + 2px); left: -1px; z-index: 15; height: 0; overflow: hidden; visibility: hidden; } .dropdownContent.mobileSortContainer { height: 100%; position: relative; visibility: visible; top: 0; border: none; } .dropdownContent.mobileSortContainer .dropdownValue { padding: 15px 0; text-transform: uppercase; border-bottom: 1px solid #000000; } .dropdownContent .dropdownValue { padding: 10px 20px; cursor: pointer; color: #6E6E6E; } .dropdownContent .dropdownValue.is-active { color: #000000; } .dropdownContent .dropdownGroup { cursor: default; padding-top: 10px; padding-bottom: 10px; } .CheckoutPage .dropdownContent .dropdownGroup { padding-top: 0; padding-bottom: 0; } .subscribeForm { max-width: 410px; } .orderImage { max-height: 90px; max-width: 120px; width: 100%; } .show-on-delivery, .show-on-pickup, .address-billing, .credit-card, .after-pay, .lay-buy, .hideBilling { display: none; } .show-on-delivery.is-active, .show-on-pickup.is-active, .address-billing.is-active, .credit-card.is-active, .after-pay.is-active, .lay-buy.is-active, .hideBilling.is-active { display: block; } .accountNavigation { width: 100%; } .accountNavigation div { width: 100%; background-color: #FFFFFF; margin-bottom: 5px; padding: 20px 0 16px 15px; border-left: 5px solid #FFFFFF; } .accountNavigationLink { width: 100%; text-align: left; } .letterGroup { padding-bottom: 30px; padding-top: 10px; } .accountNavigation div.is-active { border-left: 5px solid #000000; } .defaultTable { width: 100%; } .defaultTable th { background: #000000; color: #FFFFFF; border-right: 1px solid #6E6E6E; text-transform: uppercase; padding: 18.5px 0 18.5px 20.5px; } .defaultTable td { background: #FFFFFF; padding: 15.5px 0 15.5px 20.5px; } .defaultTable tr { border: 1px solid #6E6E6E; } .defaultTable tr.noBorderBottom { border-bottom: none; } .defaultTable.no-border tr { border: none; } .size-guide .defaultTable th, .iso-guide .defaultTable th, .curve-guide .defaultTable th { padding: 8px 0 8px 0; text-align: center; } .size-guide .defaultTable td, .iso-guide .defaultTable td, .curve-guide .defaultTable td { background: #F4F4F4; } .accountOrderSummary { border: 1px solid #000000; } .accountOrderSummary .orderImage { max-width: 80px; max-height: 60px; } .accountOrderSummary .defaultTable th { text-align: center; padding: 20px 0 20px 0; } .accountOrderSummary .defaultTable th:first-child { text-align: left; padding-left: 15px; border-right: none; } .accountOrderSummary .defaultTable th:last-child { padding-right: 15px; text-align: right; } .accountOrderSummary .defaultTable td:first-child { text-align: left; padding-left: 15px; border-right: none; } .accountOrderSummary .defaultTable td:last-child { padding-right: 15px; text-align: right; } .accountOrderSummary .defaultTable tr td { padding: 10px 0 10px 0; } .AccountPage .customDropdown { max-width: 100%; } .accountOrderAddresses .defaultTable th { text-align: left; padding-left: 15px; } .accountOrderAddresses .defaultTable td { text-align: left; padding-left: 15px; } .navigationContainer { padding-top: 60px; } /*section Brands*/ div.element-brands .brand-item { display: flex; align-items: center; justify-content: center; position: relative; height: min(100000px, (4.2vw) + 0px); width: min(100000px, (10.4vw) + 0px); } div.element-brands .brand-item div.bg-holder { object-fit: contain; filter: grayscale(1); mix-blend-mode: multiply; background-size: contain; } div.element-brands .brand-item.brandBanner { position: absolute; mix-blend-mode: multiply; } .brandItemBackground { display: flex; justify-content: center; background: #F4F4F4; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .brandItemBackground.notHovered { opacity: 0.2; } .addToCartProduct { visibility: hidden; display: block; margin-left: 5px; width: 48px; height: 48px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .guideImage { width: 90%; } .addToFavoriteProduct { visibility: hidden; display: block; width: 48px; height: 48px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .featuredProductsDragTextPicture { position: absolute; right: 0; will-change: transform; animation: rotate 20s linear 0s infinite normal backwards; width: 100%; } .featuredProductsArrowPicture { position: absolute; right: 28%; top: 35%; width: 45%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .dragForMoreContainer { position: absolute; width: 113px; height: 116px; right: 0; top: 0; } .dragForMoreWrapper { -webkit-transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -o-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } .brandBannerBackgroundImage { position: center; background-size: cover; filter: brightness(0.7); } .brandsBannerLink { height: 14vw; } /*.splide__slide:hover .overlay { height: 100%; }*/ .product .bg-holder { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s; -moz-transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s; -o-transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s; transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s; } .featured-products-overlay { width: 40%; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 1; z-index: 2; top: 0; right: 0; left: 0; margin: auto; height: 70%; position: absolute; } .EECommerceHidden { display: none; } .GoogleSEOHidden { display: none; } #ChangePasswordForm_ChangePasswordForm { margin-left: 0 !important; } .hamburger { padding: 12px 5px 8px 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .is-sticky .hamburger.is-active .hamburger-inner, .is-sticky .hamburger.is-active .hamburger-inner::before, .is-sticky .hamburger.is-active .hamburger-inner::after { background-color: #000; } .light .hamburger.is-active .hamburger-inner, .light .hamburger.is-active .hamburger-inner::before, .light .hamburger.is-active .hamburger-inner::after, .lightNoAnim .hamburger.is-active .hamburger-inner, .lightNoAnim .hamburger.is-active .hamburger-inner::before, .lightNoAnim .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 20px; height: 12px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 18px; height: 2px; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; background-color: #000; } .is-sticky .hamburger-inner, .is-sticky .hamburger-inner::before, .is-sticky .hamburger-inner::after { background-color: #000; } .light .hamburger-inner, .light .hamburger-inner::before, .light .hamburger-inner::after, .lightNoAnim .hamburger-inner, .lightNoAnim .hamburger-inner::before, .lightNoAnim .hamburger-inner::after { background-color: #fff; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; } .hamburger-inner::after { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .toggle-menu:hover .hamburger-inner::before { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.05s; } .toggle-menu:hover .hamburger-inner::after { -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -o-transform: translateY(7px); transform: translateY(7px); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .headerBanner { background-color: #EA1C1C; min-height: 34px; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFFFFF; position: relative; z-index: 1; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .ui-slider-horizontal { height: 2px; background-color: #DDDDDD; width: calc(100% - 16px); } .ui-widget-header { background: #000000; } .ui-slider-handle { background: black !important; border: none !important; height: 12px !important; width: 12px !important; top: -1px !important; border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .ui-widget.ui-widget-content { border: none; } @media (hover: hover) and (pointer: fine) { .Home .splide__track .splide__slide .product-image { -webkit-transition: all 0.2s linear 0.1s; -moz-transition: all 0.2s linear 0.1s; -o-transition: all 0.2s linear 0.1s; transition: all 0.2s linear 0.1s; } .Home .splide__track:active .splide__slide .product-image { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } a:not(.btn):not(.noAHover):hover { color: inherit; } a:not(.btn):not(.noAHover):hover span:not(.material-icons) { text-decoration: underline; } a:not(.btn):not(.noAHover):hover.hoverWhite { color: #FFFFFF; } .btn:not(.addToCartProduct):not(.addToFavoriteProduct):not([disabled]):not(.noAnim):hover::after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .btn:not(.addToCartProduct):not(.addToFavoriteProduct):not([disabled]):not(.noAnim):hover.ss-dark { color: #FFFFFF; } .btn:not(.addToCartProduct):not(.addToFavoriteProduct):not([disabled]):not(.noAnim):hover.ss-light { color: #000000; } .btn:not(.addToCartProduct):not(.addToFavoriteProduct):not([disabled]):not(.noAnim):hover.ss-green { color: #56BD59; } .btn:not(.addToCartProduct):not(.addToFavoriteProduct):not([disabled]):not(.noAnim):hover.ss-red { color: #EA1C1C; } .product .btn.addToCartProduct:hover { background: #000000; color: #FFFFFF; } .product .btn.addToFavoriteProduct:hover { background: #EA1C1C; color: #FFFFFF; box-shadow: 0 0 0 1px #EA1C1C inset; } .AccountPage .product .btn.addToFavoriteProduct:hover, .Favorites .product .btn.addToFavoriteProduct:hover { background: #000000; color: #FFFFFF; box-shadow: 0 0 0 1px #000000 inset; } .product:hover .bg-holder { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .product:hover .addToCartProduct, .product:hover .addToFavoriteProduct { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .element-blocklink .slideInScrollOverBody:hover a .title-wrap span:not(.filled) { -webkit-transform: translateY(calc(-100% - 15px)); -moz-transform: translateY(calc(-100% - 15px)); -o-transform: translateY(calc(-100% - 15px)); transform: translateY(calc(-100% - 15px)); } .element-blocklink .slideInScrollOverBody:hover a .title-wrap .filled { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .dropdownContent .dropdownValue:hover { text-decoration: underline; } .dropdownContent.SSTemplateDropdown .dropdownValue:hover { color: #000000; text-decoration: none; } .dropdownContent.SSTemplateDropdown .dropdownValue:hover span { color: #000000; } .fullscreen-nav .menuList :not(.is-active) a:hover span:not(.filled) { -webkit-transform: translateY(calc(-100% - 15px)); -moz-transform: translateY(calc(-100% - 15px)); -o-transform: translateY(calc(-100% - 15px)); transform: translateY(calc(-100% - 15px)); } .fullscreen-nav .menuList :not(.is-active) a:hover .filled { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .element-blocklink .slideInScrollOverBody:hover .hoverAnimation { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .nav-blocks .item:hover { text-decoration: none; } .nav-blocks .item:hover .bg-holder { -webkit-transform: scale3d(1.2, 1.2, 1.2); -moz-transform: scale3d(1.2, 1.2, 1.2); -o-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); } .nav-blocks .item:hover span:not(.filled) { -webkit-transform: translateY(calc(-100% - 15px)); -moz-transform: translateY(calc(-100% - 15px)); -o-transform: translateY(calc(-100% - 15px)); transform: translateY(calc(-100% - 15px)); } .nav-blocks .item:hover .filled { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } } .createAccountContent .message.bad { color: red; font-size: 20px; font-weight: bold; } .nzPostAddressContainer { border-left: 1px solid #000000; border-right: 1px solid #000000; } .nzPostAddressContainer .nzPostAddress { padding-top: 2px; padding-bottom: 4px; padding-left: 10px; background-color: #FFFFFF; border-bottom: 1px solid #6E6E6E; cursor: pointer; } .nzPostAddressContainer .nzPostAddress:hover { font-weight: 700; } .autocomplete-SameDayShipping { background: #F4F4F4 !important; } .autocomplete-SameDayShipping::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #6E6E6E !important; opacity: 1; /* Firefox */ } .sameDayShippingCheckContainer button { background: #000000; padding: 0 20px; outline: none; border: none; color: #FFFFFF; } @media (max-width: 767px) { .size-1 { font-size: 45px; } .size-1.autoFitText { font-size: 45px; } .size-2, .defaultInputStyle.searchField, .text-input-wrap input:not([type]).searchField, .text-input-wrap input[type=text]:not(.browser-default).searchField, .text-input-wrap input[type=password]:not(.browser-default).searchField, .text-input-wrap input[type=date]:not(.browser-default).searchField, .text-input-wrap input[type=email]:not(.browser-default).searchField, .text-input-wrap input[type=tel]:not(.browser-default).searchField, .text-input-wrap input[type=number]:not(.browser-default).searchField, .text-input-wrap textarea.searchField:not(.browser-default) { font-size: 30px; } .size-2.autoFitText, .autoFitText.defaultInputStyle.searchField, .text-input-wrap input.autoFitText.searchField:not([type]), .text-input-wrap input.autoFitText[type=text].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=password].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=date].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=email].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=tel].searchField:not(.browser-default), .text-input-wrap input.autoFitText[type=number].searchField:not(.browser-default), .text-input-wrap textarea.autoFitText.searchField:not(.browser-default) { font-size: 30px; } .size-3, .carousel-button { font-size: 22.5px; } .size-3.autoFitText, .autoFitText.carousel-button { font-size: 22.5px; } .size-6, #prescriptionForm tr input, #prescriptionForm tr select, body, .paragraphText, .text-tape.big-text, .form-control, .toggle-guide, .section-title, .returnSteps p, .defaultTable td, .autocomplete-SameDayShipping { font-size: 15px; } .size-7, .text-tape, .text-label, #ForgotPassword a, body .fullscreen-nav .footer-navigation .nav-title, body .fullscreen-nav .footer-navigation li a, .footer-navigation .nav-title, .copyright span, .text-input-wrap label, .shippingPromoNotice, .product-prices .price-alts, .singledayshipping-list table, .vipsignup-list table, .delivery-list table, .filtered-list .item, .customDropdown, .dropdownContent, .defaultTable th, .sameDayShippingCheckContainer button { font-size: 12px; } .menuList .size-1.autoFitText { font-size: min(100000px, (11vw) + 0px) !important; line-height: 1.1; } .heroTitleText { font-size: min(100000px, (7.5vw) + 0px) !important; } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { padding-left: 15px; padding-right: 15px; } .fullscreen-hero .container-fluid, .fullscreen-hero .container-sm, .fullscreen-hero .container-md, .fullscreen-hero .container-lg, .fullscreen-hero .container-xl { padding-left: 15px; padding-right: 15px; } .element-blocklink { height: min(100000px, (70vw) + 0px); } .element-banner { height: 500px; } .element-blocklink:last-child { margin-top: 15px; } .element-image-text .bg-holder { margin-top: 15px; } .nav-blocks .col-12:not(:first-child) { margin-top: 15px; } .nav-blocks .item { height: 200px !important; } .footer-navigation { justify-content: center; text-align: center; } .footer-navigation .nav-title { margin-top: 60px; margin-bottom: 20px; } .footer-navigation ul li { margin-bottom: 20px !important; } .delivery-availability { width: 100%; } .fixedHeroPromoElementRight { bottom: 65px; width: 100%; right: 0; } .fixedHeroPromoElementRight .fixedHeroPromoElementAnimation { margin-left: 15px; margin-right: 15px; } .fixedHeroPromoElementLeft { bottom: 20px; width: calc(100% - 30px); left: 15px; } .fixedHeroPromoElementLeft .text-tape { padding: 10px 10px; } .ignore-container { margin-left: -15px; margin-right: -15px; } .fixedHeroPromoElementAnimation .text-tape .size-7, .fixedHeroPromoElementAnimation .text-tape .text-tape, .fixedHeroPromoElementAnimation .text-tape .text-label, .fixedHeroPromoElementAnimation .text-tape #ForgotPassword a, #ForgotPassword .fixedHeroPromoElementAnimation .text-tape a, .fixedHeroPromoElementAnimation .text-tape body .fullscreen-nav .footer-navigation li a, body .fullscreen-nav .footer-navigation li .fixedHeroPromoElementAnimation .text-tape a, .fixedHeroPromoElementAnimation .text-tape .footer-navigation .nav-title, .footer-navigation .fixedHeroPromoElementAnimation .text-tape .nav-title, .fixedHeroPromoElementAnimation .text-tape .copyright span, .copyright .fixedHeroPromoElementAnimation .text-tape span, .fixedHeroPromoElementAnimation .text-tape .text-input-wrap label, .text-input-wrap .fixedHeroPromoElementAnimation .text-tape label, .fixedHeroPromoElementAnimation .text-tape .shippingPromoNotice, .fixedHeroPromoElementAnimation .text-tape .product-prices .price-alts, .product-prices .fixedHeroPromoElementAnimation .text-tape .price-alts, .fixedHeroPromoElementAnimation .text-tape .singledayshipping-list table, .singledayshipping-list .fixedHeroPromoElementAnimation .text-tape table, .fixedHeroPromoElementAnimation .text-tape .vipsignup-list table, .vipsignup-list .fixedHeroPromoElementAnimation .text-tape table, .fixedHeroPromoElementAnimation .text-tape .delivery-list table, .delivery-list .fixedHeroPromoElementAnimation .text-tape table, .fixedHeroPromoElementAnimation .text-tape .filtered-list .item, .filtered-list .fixedHeroPromoElementAnimation .text-tape .item, .fixedHeroPromoElementAnimation .text-tape .customDropdown, .fixedHeroPromoElementAnimation .text-tape .dropdownContent, .fixedHeroPromoElementAnimation .text-tape .defaultTable th, .defaultTable .fixedHeroPromoElementAnimation .text-tape th, .fixedHeroPromoElementAnimation .text-tape .sameDayShippingCheckContainer button, .sameDayShippingCheckContainer .fixedHeroPromoElementAnimation .text-tape button { font-size: 12px; } .defaultMarginTop { margin-top: 15px; } .defaultMarginTop.stayLarge { margin-top: 30px; } .defaultMarginBottom { margin-bottom: 15px; } .defaultMarginBottom.stayLarge { margin-bottom: 30px; } .defaultMarginBottom.formFieldMargin { margin-bottom: 15px; } body.show-menu .mobileSocialLinks div { width: 15px; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.5s; } body .mobileSocialLinks div { width: 0; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.2s; } .fullscreen-nav .row .row { padding-left: 15px; } .bottomPromoBannerClosed { bottom: 0; width: 100%; left: 0; } .subpageTemplateContent.largeElement, .subpagesDesign .largeElement.slideInScrollOverBody { height: 500px; margin-top: 20px; } .elementBannerContent { margin-bottom: 15px; margin-left: 15px; } .defaultItemPadding { padding-left: 0; padding-right: 0; } .divider-h { margin-top: 30px; margin-bottom: 30px; } .divider-h.thin { margin-top: 10px; margin-bottom: 10px; } .divider-h.medium { margin-top: 15px; margin-bottom: 15px; } .divider-h.thick { margin-top: 30px; margin-bottom: 30px; } .navigationContainer { padding-bottom: 116px; } .slide-in-wrap-container { width: 100%; } .slide-in-wrap-container .delivery-list, .slide-in-wrap-container .singledayshipping-list, .slide-in-wrap-container .vipsignup-list, .slide-in-wrap-container .store-list { padding: 50px 15px 110px 15px !important; } .subpageTemplateContent, .subpagesDesign .slideInScrollOverBody { margin-top: 15px; } .defaultPaddingLeftTiny { padding-left: 15px; } .defaultPaddingRightTiny { padding-right: 15px; } .createAccountContent, .loginPageContent, .cartPageContent, .shippingPageContent, .paymentPageContent, .thankYouPageContent, .accountPageContent { max-width: none; } .width33Percent { width: 100%; } .width75Percent { width: 100%; } .orderImage { width: 100%; } .defaultTable { width: 100%; } .defaultTable th { padding: 20px 0 20px 15px !important; } .defaultTable td { padding: 20px 0 20px 15px !important; } .StickyTitle, .slide-in-wrap .close-button { position: relative; top: 0 !important; } .StickyTitle.close-button, .slide-in-wrap .close-button { position: absolute; } .defaultMarginTopExLarge { margin-top: 60px; } .defaultMarginBottomExLarge { margin-bottom: 60px; } .defaultMarginTopLarge { margin-top: 30px; } .defaultMarginBottomLarge { margin-bottom: 30px; } .defaultMarginTop { margin-top: 15px; } .defaultMarginTop.text-input-wrap { margin-top: 40px; } .defaultMarginTop.formSized { margin-top: 15px; } .defaultMarginTop.ignore-container { margin-top: 30px; } .defaultMarginBottom { margin-bottom: 15px; } .defaultMarginBottom.ignore-container { margin-bottom: 30px; } .defaultMarginBottomInner, .fullscreen-nav .footer-navigation .socialLinks a { margin-bottom: 10px; } .defaultMarginTopInner { margin-top: 10px; } .product { padding-bottom: 15px; } .mobileBrands .splide__slide { margin-bottom: 30px; } footer .brand { width: 110%; } .bgHolderContainer { margin-top: 30px; } /*section Brands*/ div.element-brands .brand-item { height: min(100000px, (15vw) + 0px); width: min(100000px, (24.15vw) + 0px); } .bg-holder.on-light, .bg-holder.on-dark { background-size: 80%; } .toggle-search { margin-left: 10px; } .sns a img { width: 20px; margin-right: 0; margin-left: 30px; } .footer .footerContent { padding-top: 30px; } .sns div { margin-bottom: 0; } .subscribeForm { margin-top: 30px; } .text-tape { padding: 9px 10px; } .footer .copyright { margin-top: 35px; } .copyright { padding-top: 10px; padding-bottom: 65px; } .product-filter .filter-header { padding: 0; background-color: #F4F4F4; border: 1px solid #000000; } .product-filter .filter-header .filterTab, .product-filter .filter-header .sortTab { color: #000000; padding: 12px 30px 12px 30px; background-color: #F4F4F4; text-transform: uppercase; width: 50%; justify-content: center; align-items: center; display: flex; } .product-filter .filter-header .filterTab .material-icons, .product-filter .filter-header .sortTab .material-icons { display: none; padding-left: 5px; } .product-filter .filter-header .filterTab.is-active, .product-filter .filter-header .sortTab.is-active { color: #FFFFFF; background-color: #000000; } .product-filter .filter-header .filterTab.is-active .material-icons, .product-filter .filter-header .sortTab.is-active .material-icons { display: block; } .product-filter .filter-header .sortTab { border-left: 1px solid #000000; } .product-filter .filter-footer { padding-top: 20px; padding-bottom: 20px; } .product-filter .filter-footer .clearTab { padding: 17px 30px 17px 30px; background-color: rgba(0, 0, 0, 0); text-transform: uppercase; margin-right: 0px; width: 60%; border: 1px solid #000000; } .product-filter .filter-footer .applyTab { color: #FFFFFF; padding: 17px 30px 17px 30px; background-color: #000000; text-transform: uppercase; width: 50%; } .product-filter { max-width: 100%; } .text-tape.sale-tape { top: 0; left: 0; } .letterItem { margin-bottom: 10px; } .filtered-list { margin-top: 15px; } .searchFieldWrapper { padding-top: 150px; } .product-infos { max-width: 100%; } .product-infos .item.noBorderMobile { border-bottom: none; } footer .sns .fab { font-size: 24px; width: 24px; height: 24px; } .menuSocialIcons .fab { font-size: 24px; width: 24px; height: 24px; } .CheckoutPage .ss-form .btn:not(.text-right) { min-width: 100%; margin-bottom: 15px; } .btn.small-without-mw { height: auto; } .product-search-wrap .close-search { right: 20px; top: 20px; } .inline-nav .row { padding-left: 15px; padding-right: 15px; } .defaultPaddingRightSmall { padding-right: 15px; } .defaultPaddingLeftSmall { padding-left: 15px; } .product-search-wrap { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; } .product-search-wrap.is-active { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .search-input-wrap .searchField { height: 50px !important; } .smoothScrollPictureAnimation { height: min(100000px, (41.66vw) + 200px) !important; } .smoothScrollPictureAnimation.firstElementOnPage { height: 100vh !important; } .smoothScrollPictureAnimation.largeElement { height: 700px !important; } .smoothScrollPictureAnimation.smallElement { height: min(100000px, (70vw) + 200px) !important; } .brand-list-wrapper { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .guideImage { width: 33%; } .slideInScrollOver .slideInScrollOverBody { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .slideInScrollOver .slideInScrollOverBody:before { -webkit-transform: translate3d(0, -110%, 0); -moz-transform: translate3d(0, -110%, 0); -o-transform: translate3d(0, -110%, 0); transform: translate3d(0, -110%, 0); } .slideInScrollOver .slideInScrollOverImage { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .slideInScrollOver .slideInScrollOverText { -webkit-transform: rotateZ(0) translate3d(0, 0, 0); -moz-transform: rotateZ(0) translate3d(0, 0, 0); -o-transform: rotateZ(0) translate3d(0, 0, 0); transform: rotateZ(0) translate3d(0, 0, 0); } .slideInScrollOver .slideInScrollOverButton { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slideInScrollOver .slideInScrollOverButtonDelayed { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slideInScrollOver .slideInScrollOverButtonScale { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .slideInScrollOver .slideInScrollOverSplitTitle span { -webkit-transform: rotateZ(0) translate3d(0, 0, 0); -moz-transform: rotateZ(0) translate3d(0, 0, 0); -o-transform: rotateZ(0) translate3d(0, 0, 0); transform: rotateZ(0) translate3d(0, 0, 0); } .header > * > .inner:after, .header.lightNoAnim > * > .inner:after { width: calc(100% + 30px); margin-left: -15px; } .ui-slider-handle { width: 16px !important; height: 16px !important; top: -3px !important; } .supportedPaymentContainer { position: relative; margin-top: 20px; } .supportedPaymentContainer img { margin-right: 5px; } .loginPageContent .defaultPaddingRightLarge { padding-right: 15px; } .loginPageContent .defaultPaddingLeftLarge { padding-left: 15px; } } .errorField { color: red; } .lds-ring { display: inline-block; position: absolute; width: 24px; height: 24px; margin-left: -8px; bottom: 14px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 18px; height: 18px; margin: 4px; border: 4px solid white; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: white transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .styled-content { background-color: white; } .Home .singleDayHeroNotice { padding: 20px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); margin-top: 70px; max-width: 640px; } /*==full screen filter */ body .full-screen-filter { position: fixed; visibility: hidden; top: 0; left: 0; width: 100vw; height: 100%; z-index: 999; overflow: hidden; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); -webkit-transition: visibility 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: visibility 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: visibility 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: visibility 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } body .full-screen-filter .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } body.show-filter .full-screen-filter { visibility: visible; } body.show-filter .full-screen-filter .product-filter { transform: translateX(0%); } .banner-button { position: absolute; right: 40px; bottom: 40px; } .banner-button a { min-width: 200px; } @media screen and (max-width: 767px) { .banner-button { right: 15px; bottom: 30px; } } .freeShippingNotice { border: 1px solid #56bd59; padding: 20px; color: #4da250; background: rgba(86, 189, 89, 0.05); margin-top: 4px; display: block; font-weight: bold; font-size: 15px; text-transform: uppercase; } #prescriptionForm { text-align: center; } #prescriptionForm tr input, #prescriptionForm tr select { background: #FFFFFF; border: 1px solid #6E6E6E; border-radius: unset; color: #000000; text-align: center; outline: none; padding-top: 16px; padding-bottom: 16px; width: 100%; } #prescriptionForm tr input:disabled, #prescriptionForm tr select:disabled { background: #DDDDDD; } #prescriptionForm tr input:invalid, #prescriptionForm tr select:invalid { background-color: #e37883; } #prescriptionForm th { padding: 10px; } #prescriptionForm [type=checkbox] { position: relative; visibility: visible; opacity: 1; pointer-events: auto; width: 15px; margin-right: 5px; } #prescriptionForm select { min-width: 100px; height: 57px; } .prescriptionPopupConfirmation { width: 30%; left: 35%; right: 0px; top: 10%; z-index: 4; } @media screen and (max-width: 767px) { .prescriptionPopupConfirmation { width: 70%; left: 15%; } } .close-optical-popup { z-index: 3; } /*element-feedback*/ .element-feedback form { padding: 60px 20px 40px; } .pointer-events-none { pointer-events: none; } .user-select-none { user-select: none; } /*blog section*/ .list-blog-post { row-gap: 40px; } .blog-image { padding-top: 64%; } .blog-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .blog-quote { padding-left: 24px; border-left: 1px solid #000; } .blog-post-container { max-width: 944px; margin: 0 auto 120px; } .news-subscribe .subscribeForm { width: 100%; max-width: 480px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes partFadeIn { 0% { opacity: 0; } 100% { opacity: 0.6; } } @keyframes slideInFromTop { 0% { -webkit-transform: translateY(0, -100%, 0); -moz-transform: translateY(0, -100%, 0); -o-transform: translateY(0, -100%, 0); transform: translateY(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes zoomOut { 0% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes openAnimation { 0% { -webkit-transform: translate3d(0, 101%, 0); -moz-transform: translate3d(0, 101%, 0); -o-transform: translate3d(0, 101%, 0); transform: translate3d(0, 101%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes openAnimationSmooth { 0% { -webkit-transform: rotateZ(6deg) translate3d(0, 200%, 0); -moz-transform: rotateZ(6deg) translate3d(0, 200%, 0); -o-transform: rotateZ(6deg) translate3d(0, 200%, 0); transform: rotateZ(6deg) translate3d(0, 200%, 0); } 100% { -webkit-transform: rotateZ(0) translate3d(0, 0, 0); -moz-transform: rotateZ(0) translate3d(0, 0, 0); -o-transform: rotateZ(0) translate3d(0, 0, 0); transform: rotateZ(0) translate3d(0, 0, 0); } } @keyframes closeAnimation { 0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes widthAnimation { 0% { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } } @keyframes closeAnimationWithDelay { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } 50% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } 100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } } @keyframes closeAnimationWithOutDelay { 0% { -webkit-transform: scale3d(1, 0, 1); -moz-transform: scale3d(1, 0, 1); -o-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes openAnimationWithDelay { 0% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { -webkit-transform: scale3d(1, 0, 1); -moz-transform: scale3d(1, 0, 1); -o-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } } @keyframes openAnimationWithOutDelay { 0% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } 100% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes moveSlideshow { 0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-102%, 0, 0); -moz-transform: translate3d(-102%, 0, 0); -o-transform: translate3d(-102%, 0, 0); transform: translate3d(-102%, 0, 0); } } @keyframes moveSlideshowReverse { 0% { -webkit-transform: translate3d(-102%, 0, 0); -moz-transform: translate3d(-102%, 0, 0); -o-transform: translate3d(-102%, 0, 0); transform: translate3d(-102%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes swipeing { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 35% { -webkit-transform: translateX(-10px) scale(0.95); -moz-transform: translateX(-10px) scale(0.95); -o-transform: translateX(-10px) scale(0.95); transform: translateX(-10px) scale(0.95); } 45% { -webkit-transform: translateX(-10px) scale(1); -moz-transform: translateX(-10px) scale(1); -o-transform: translateX(-10px) scale(1); transform: translateX(-10px) scale(1); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .cart-quick-view { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: opacity 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; background: transparent; } .cart-quick-view .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; opacity: 0; } .cart-quick-view .inner { position: absolute; top: 0; right: 0; width: 90%; max-width: 467px; height: 100%; padding-left: 24px; padding-right: 24px; background-color: #fff; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10; } .cart-quick-view .inner .cart-header { font-family: "Nunito Sans", sans-serif; font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #6E6E6E; } .cart-quick-view .inner .cart-header .cart-items-count { width: 16px; height: 16px; color: #fff; background-color: #000; border: 1px solid #000; border-radius: 50%; } .cart-quick-view .inner .cart-header .toggle-cart { width: 40px; height: 40px; padding: 8px; background-color: #EA1C1C; color: #fff; cursor: pointer; } .cart-quick-view .inner .cart-footer { padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #6E6E6E; } .cart-quick-view .inner .cart-footer > * { display: block; } .cart-quick-view .inner .cart-footer .continue-shopping { font-size: 10px; font-weight: 700; padding-top: 4px; padding-bottom: 4px; margin-bottom: 8px; text-transform: uppercase; text-decoration: underline; } .cart-quick-view .inner .cart-footer .btn span { font-size: 12px; } .cart-quick-view .inner .cart-empty { padding: 8px; } .cart-quick-view .inner .cart-items { padding: 0; } .cart-quick-view .inner .cart-items .item { padding: 8px; margin-bottom: 0; } .cart-quick-view .inner .cart-items .item .product-title { color: #000; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .cart-quick-view .inner .cart-items .item .product-code { display: inline-block; color: #6E6E6E; font-size: 12px; line-height: 16px; font-weight: 400; padding-top: 4px; padding-bottom: 4px; } .cart-quick-view .inner .cart-items .item .product-prices { margin-bottom: 15px; padding: 0; } .cart-quick-view .inner .cart-items .item .remove-cart-item { font-size: 12px; line-height: 16px; font-weight: 400; text-decoration: underline !important; } .cart-quick-view .inner .cart-items .item .remove-cart-item-quantity span { border-right: 0; } .cart-quick-view .inner .cart-items .item .add-cart-item-quantity span { border-left: 0; } .cart-quick-view .inner .cart-items .item .cartItemCount { min-width: 10px; } .cart-quick-view.is-active { pointer-events: auto; opacity: 1; } .cart-quick-view.is-active .overlay { opacity: 1; } .cart-quick-view.is-active .inner { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media (max-width: 767px) { .cart-quick-view .inner { width: 100%; } } .product-variables { margin-top: 24px; margin-bottom: 24px; } .product-variables .item { position: relative; width: 22px; height: 22px; padding: 2px; border: 1px solid transparent; border-radius: 50%; cursor: pointer; } .product-variables .item.is-active { border: 1px solid #6E6E6E; } .product-variables .item > .inner { position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; border: 1px solid transparent; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .product-variables .item > .inner > * { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .product-variables .item > .inner > *:nth-child(2) { left: 50%; } .product .product-single { padding: 12px; } .product .product-single .sale-tape { position: absolute; top: 12px; left: 12px; } .product .product-single .product-image { background-color: #F4F4F4; padding: 16px 16px 56px; } .product .product-single .product-title { color: #000; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; padding-top: 4px; padding-bottom: 4px; margin-bottom: 4px; } .product .product-single .product-code { color: #6E6E6E; font-size: 12px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; } .product .product-single .product-prices { margin-top: 8px; padding: 0; } .product .product-single .product-prices .price-before { color: #6E6E6E; font-size: 14px; line-height: 24px; font-weight: 700; margin-right: 16px; } .product .product-single .product-prices .price-after { color: #000; font-size: 15px; line-height: 24px; font-weight: 700; } .product .product-single .add-to-favourite { position: absolute; top: 0; right: 0; box-shadow: none !important; color: #6E6E6E; } .product .product-single .add-to-favourite .material-icons { display: none; } .product .product-single .add-to-favourite .material-icons:nth-child(2) { display: inline; } .product .product-single .add-to-favourite.is-favourite { background: transparent; color: #000; } .product .product-single .add-to-favourite.is-favourite .material-icons { display: inline; } .product .product-single .add-to-favourite.is-favourite .material-icons:nth-child(2) { display: none; } .product .product-single .add-to-cart { position: absolute; bottom: 16px; left: 16px; right: 16px; width: auto; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; padding: 16px 20px; } .checkoutContent .member-checkout-link, .checkoutContent .guest-checkout-link { color: #EA1C1C; font-size: 15px; line-height: 24px; font-weight: 700; text-decoration: underline; cursor: pointer; } .checkoutContent .ss-radio { width: 18px; height: 18px; border: 1px solid #DEDEDE; box-shadow: none; } .checkoutContent [type=radio]:checked + label .ss-radio { border: 6px solid #000; background-color: #fff; } .checkoutContent .field.text-input-wrap [type=text], .checkoutContent .field.text-input-wrap [type=email], .checkoutContent .field.text-input-wrap [type=tel], .checkoutContent .field.text-input-wrap [type=password] { font-size: 15px; line-height: 24px; font-weight: 400; border: 1px solid #C0C0C0; border-radius: 8px; } .checkoutContent .pay-now-button { width: 100%; height: auto; border: 1px solid #000; border-radius: 8px; background-color: #000; padding: 24px 40px; color: #F4F4F4; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .checkoutContent .agreements { color: #6E6E6E; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 16px; } .checkoutContent .defaultMarginTop { margin-top: 14px; } .checkoutContent .mt-large { margin-top: 32px; } .checkoutContent .mb-base { margin-bottom: 14px; } #shipping-form-wrapper .checkout-payment-methods { display: none; } .checkout-payment-methods { border: 1px solid #DEDEDE; border-radius: 8px; } .checkout-payment-methods .item:first-child { border-top: none; } .checkout-payment-methods .item:first-child label { border-radius: 8px 8px 0 0; } .checkout-payment-methods .item:last-child label { border-radius: 0 0 8px 8px; } .checkout-payment-methods .item label { color: #000; font-size: 15px; font-weight: 400; line-height: 24px; padding: 14px 11px; border: 1px solid transparent; border-top: 1px solid #DEDEDE; cursor: pointer; } .checkout-payment-methods .item [type=radio]:checked + label { background: rgba(0, 0, 0, 0.04); border: 1px solid #000; } .checkout-payment-methods .item [type=radio]:disabled + label { color: #6E6E6E; } .checkout-payment-methods .StripeElement { display: none; background: rgba(0, 0, 0, 0.04); padding: 14px; } .checkout-payment-methods [type=radio]:checked + label + .StripeElement, .checkout-payment-methods [type=radio]:checked + label + .StripeElement + .StripeElement, .checkout-payment-methods [type=radio]:checked + label + .StripeElement + .StripeElement + .StripeElement { display: block; } .cart-summary .item { margin-bottom: 24px; } .cart-summary .item .product-image { width: 64px; height: 64px; border-radius: 12px; border: 2px solid #fff; background-color: #C0C0C0; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.09); margin-right: 14px; } .cart-summary .item .product-image img { width: 100%; height: 100%; object-fit: contain; } .cart-summary .item .product-image .qty { position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; border: 2px solid #fff; border-radius: 8px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), var(--base-text, #000); color: #fff; font-size: 12px; font-weight: 600; text-align: center; } .cart-summary .item .product-title { color: #000; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .cart-summary .item .product-code { color: #6E6E6E; font-size: 12px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; } .cart-summary .item .price-after { color: #000; font-size: 15px; line-height: 24px; font-weight: 700; } .cart-summary .summary-price .line { color: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 14px; line-height: 21px; font-weight: 400; } .cart-summary .summary-price .line .price-after { font-family: "Nunito Sans", sans-serif; color: #000; font-size: 15px; line-height: 24px; font-weight: 700; } .cart-summary .summary-price .line { margin-bottom: 5px; } .cart-summary .summary-price .summary-total { color: #000; font-size: 15px; line-height: 24px; font-weight: 900; margin-top: 14px; } .text-input-wrap.floating { position: relative; } .text-input-wrap.floating .floating-label { position: absolute; top: 50%; left: 16px; pointer-events: none; color: #6E6E6E; font-size: 15px; line-height: 24px; font-weight: 400; text-transform: none; -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0s; transform: translateY(-50%); } .text-input-wrap.floating input[type=text], .text-input-wrap.floating input[type=email], .text-input-wrap.floating input[type=tel], .text-input-wrap.floating input[type=password] { padding-top: 20px; padding-bottom: 0px; padding-left: 16px; padding-right: 16px; } .text-input-wrap.floating input:focus + .floating-label, .text-input-wrap.floating input.has-value + .floating-label { top: 25%; transform: translateY(-50%); font-size: 12px; line-height: 16px; padding-left: 0; } .order-receipt .order-number { color: #6E6E6E; font-size: 15px; line-height: 24px; font-weight: 700; margin-bottom: 8px; } .order-receipt .order-name { color: #000; font-size: 24px; line-height: 22px; font-weight: 600; margin-bottom: 32px; } .order-receipt .receipt-map-wrap { position: relative; border: 1px solid #C0C0C0; border-radius: 8px; margin-bottom: 32px; overflow: hidden; } .order-receipt .receipt-map-wrap .google-map { position: relative; background-color: #eee; aspect-ratio: 83/35; } .order-receipt .receipt-map-wrap .message { padding: 24px; color: #6E6E6E; font-size: 15px; font-weight: 500; } .order-receipt .receipt-map-wrap .message .message-title { color: #000; font-size: 22px; line-height: 22px; font-weight: 700; margin-bottom: 8px; } .order-receipt .receipt-map-wrap .message p { margin-bottom: 0; } .order-receipt .customer-information { position: relative; border: 1px solid #C0C0C0; border-radius: 8px; padding: 24px; } .order-receipt .customer-information .information-title { font-size: 15px; font-style: normal; font-weight: 700; line-height: 22px; text-transform: uppercase; margin-bottom: 24px; } .order-receipt .customer-information .address-title { color: #000; font-size: 15px; line-height: 24px; font-weight: 700; margin-bottom: 8px; } .order-receipt .receipt-actions { margin-top: 32px; } .order-receipt .receipt-actions .need-help { color: #6E6E6E; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .order-receipt .receipt-actions .need-help a { color: #000; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; } .order-receipt .receipt-actions .continue-shopping { border-radius: 8px; padding: 24px 40px; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; text-transform: uppercase; height: auto; } .loginPageContent { max-width: 640px; } .loginPageContent label { color: #6e6e6e; font-size: 10px; line-height: 1.4; left: 0; text-transform: uppercase; cursor: text; font-weight: 800; margin-bottom: 4px; } .loginPageContent .field { margin-bottom: 20px; } .loginPageContent input[type=checkbox] + label { position: relative; padding-left: 26px; } .loginPageContent input[type=checkbox] + label:before { content: ""; display: block; position: absolute; top: -2px; left: 0; width: 16px; height: 16px; border: 1px solid #DEDEDE; box-shadow: none; } .loginPageContent input[type=checkbox]:checked + label:before { border: 5px solid #000; background-color: #fff; } .loginPageContent input[type=text], .loginPageContent input[type=email], .loginPageContent input[type=tel], .loginPageContent input[type=password] { width: 100%; font-size: 15px; line-height: 24px; font-weight: 400; border: 1px solid #C0C0C0; border-radius: 8px; padding: 10px 16px; } .loginPageContent input[type=submit] { width: 100%; height: auto; border: 1px solid #000; border-radius: 8px; background-color: #000; padding: 24px 40px; color: #F4F4F4; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .reviews-header { display: flex; justify-content: space-between; align-items: baseline !important; } /*# sourceMappingURL=style.css.map */