/** Vars for colors */ /** * Includes */ *, *::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", 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: #FFFFFF; } [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] { // 1 text-decoration: underline; // 2 text-decoration: underline dotted; // 2 cursor: help; // 3 border-bottom: 0; // 4 text-decoration-skip-ink: none; // 5 } 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: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } /* sub, sup { position: relative; @include font-size(75%); line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } */ a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #000000; text-decoration: none; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } /* pre, code, kbd, samp { font-family: $font-family-monospace; @include font-size(1em); // Correct the odd `em` font sizing in all browsers. } pre { // Remove browser default top margin margin-top: 0; // Reset browser default of `1em` to use `rem`s margin-bottom: 1rem; // Don't allow content to break outside overflow: auto; }*/ figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } /* table { border-collapse: collapse; // Prevent double borders } caption { padding-top: $table-cell-padding; padding-bottom: $table-cell-padding; color: $table-caption-color; text-align: left; caption-side: bottom; } th { // Matches default `` alignment by inheriting from the ``, or the // closest parent with a set `text-align`. text-align: inherit; } */ label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } 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; } 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; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } 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: .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; // Add the correct display in all browsers cursor: pointer; } template { display: none; // Add the correct display in IE } */ [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; line-height: 1.2; } /* h1, .h1 { @include font-size($h1-font-size); } h2, .h2 { @include font-size($h2-font-size); } h3, .h3 { @include font-size($h3-font-size); } h4, .h4 { @include font-size($h4-font-size); } h5, .h5 { @include font-size($h5-font-size); } h6, .h6 { @include font-size($h6-font-size); }*/ /* .lead { @include font-size($lead-font-size); font-weight: $lead-font-weight; } // Type display classes .display-1 { @include font-size($display1-size); font-weight: $display1-weight; line-height: $display-line-height; } .display-2 { @include font-size($display2-size); font-weight: $display2-weight; line-height: $display-line-height; } .display-3 { @include font-size($display3-size); font-weight: $display3-weight; line-height: $display-line-height; } .display-4 { @include font-size($display4-size); font-weight: $display4-weight; line-height: $display-line-height; } */ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } /* mark, .mark { padding: $mark-padding; background-color: $mark-bg; } */ /*.list-unstyled { @include list-unstyled(); }*/ /*.list-inline { @include list-unstyled(); } .list-inline-item { display: inline-block; &:not(:last-child) { margin-right: $list-inline-padding; } }*/ /* // Builds on `abbr` .initialism { @include font-size(90%); text-transform: uppercase; } // Blockquotes .blockquote { margin-bottom: $spacer; @include font-size($blockquote-font-size); } .blockquote-footer { display: block; @include font-size($blockquote-small-font-size); color: $blockquote-small-color; &::before { content: "\2014\00A0"; // em dash, nbsp } } */ .container-fluid { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } @media all and (max-width: 800px) { .row { margin-right: -10px; margin-left: -10px; } } /*.no-gutters { margin-right: 0; margin-left: 0; > .col, > [class*="col-"] { padding-right: 0; padding-left: 0; } }*/ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 16px; padding-left: 16px; } @media all and (max-width: 800px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 10px; padding-left: 10px; } } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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; } } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .modal-open { padding-right: 0 !important; padding-left: 0 !important; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 1.5rem 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #000000; border-top-left-radius: 9px; border-top-right-radius: 9px; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #000000; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #A4D668; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #A4D668; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #A4D668; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #A4D668; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #000000; text-align: center; background-color: #A4D668; border-radius: 8px; } .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-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #000000 !important; } .border-top { border-top: 1px solid #000000 !important; } .border-right { border-right: 1px solid #000000 !important; } .border-bottom { border-bottom: 1px solid #000000 !important; } .border-left { border-left: 1px solid #000000 !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: #A4D668 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #EEDB14 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #000000 !important; } .border-white { border-color: #FFFFFF !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 8px !important; } .rounded-top { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .rounded-right { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .rounded-bottom { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; } .rounded-left { border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } .rounded-lg { border-radius: 10px !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; } } .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; } } .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; } .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; } } .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 { 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: #FFFFFF !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; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @font-face { font-family: 'ArbelG'; src: url("assets/font/ArbelG-Regular.woff") format("woff"), url("assets/font/ArbelG-Regular.ttf") format("ttf"), url("assets/font/ArbelG-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ArbelG'; src: url("assets/font/ArbelG-Bold.woff") format("woff"), url("assets/font/ArbelG-Bold.ttf") format("ttf"), url("assets/font/ArbelG-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Marom'; src: url("assets/font/RAG-Marom1.0-Low.woff") format("woff"), url("assets/font/RAG-Marom1.0-Low.eot") format("eot"), url("assets/font/RAG-Marom1.0-Low.woff2") format("woff2"); font-weight: 400; font-style: normal; } * { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } body { text-align: right; font-size: 16px; font-family: 'ArbelG', sans-serif; padding-top: 190px; background: #f5f5f4; color: #1E3E20; } @media all and (max-width: 1480px) { body { padding-top: 175px; } } @media all and (max-width: 1367px) { body { padding-top: 165px; } } @media all and (max-width: 1110px) { body { padding-top: 155px; } } @media all and (max-width: 1023px) { body { padding-top: 86px; } } @media all and (max-width: 576px) { body { padding-top: 77px; font-size: 17px; } } @media all and (max-width: 410px) { body { padding-top: 77px; } } p:last-child { margin: 0; } img { max-width: 100%; height: auto; } .container { width: 1474px; max-width: 100%; padding: 0 17px; margin: 0 auto; } @media all and (max-width: 800px) { .container { padding: 0 10px; } } .container-half { width: 735px; } @media all and (max-width: 800px) { .container-fluid { padding: 0 10px; } } .slick-prev, .slick-next { width: 41px; height: 41px; z-index: 11; } @media all and (max-width: 800px) { .slick-prev, .slick-next { width: 35px; height: 35px; } } @media all and (max-width: 480px) { .slick-prev, .slick-next { width: 31px; height: 31px; } } .slick-prev:before, .slick-next:before { display: none; } .slick-prev { left: 0; right: auto; background: url("/assets/images/home/left_arrow.svg") 0 0 no-repeat; background-size: contain; } [dir='rtl'] .slick-prev { right: 0; left: auto; background: url("/assets/images/home/right_arrow.svg") 0 0 no-repeat; background-size: contain; } [dir='rtl'] .product-modal-images_slider .slick-prev { right: -16px; } @media all and (max-width: 800px) { [dir='rtl'] .product-modal-images_slider .slick-prev { right: -8px; } } .slick-next { right: 0; left: auto; background: url("/assets/images/home/right_arrow.svg") 0 0 no-repeat; background-size: contain; } [dir='rtl'] .slick-next { left: 0; right: auto; background: url("/assets/images/home/left_arrow.svg") 0 0 no-repeat; background-size: contain; } [dir='rtl'] .product-modal-images_slider .slick-next { left: -16px; } @media all and (max-width: 800px) { [dir='rtl'] .product-modal-images_slider .slick-next { left: -8px; } } #site-header { z-index: 999; } .form-group .form-control { margin-bottom: 14px; } @media all and (min-width: 768px) { .form-group .form-control { margin-bottom: 24px; } } .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="number"], .form-group input[type="password"], .form-group textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 input[type="password"], .wpcf7 textarea, .form_input input[type="text"], .form_input input[type="email"], .form_input input[type="tel"], .form_input input[type="number"], .form_input input[type="password"], .form_input textarea { width: 100%; height: 48px; line-height: 48px; background: #ffffff; border-radius: 8px; border: 0; padding: 0 21px; font-size: 18px; } @media all and (max-width: 620px) { .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="number"], .form-group input[type="password"], .form-group textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 input[type="password"], .wpcf7 textarea, .form_input input[type="text"], .form_input input[type="email"], .form_input input[type="tel"], .form_input input[type="number"], .form_input input[type="password"], .form_input textarea { padding: 0 14px; } } .form-group textarea, .wpcf7 textarea, .form_input textarea { height: 144px; resize: none; } .form-group input[type="submit"], .wpcf7 input[type="submit"], .form_input input[type="submit"] { height: 50px; width: 160px; border: 0; line-height: 1.2; font-size: 26px; letter-spacing: 0; outline: none; box-shadow: none; transition: all 0.25s ease-out; float: left; } .form-group input.checkbox, .wpcf7 input.checkbox, .form_input input.checkbox { position: absolute; visibility: hidden; opacity: 0; } .form-group label.checkbox, .wpcf7 label.checkbox, .form_input label.checkbox { padding: 0 30px 0 0; position: relative; margin: 0; line-height: 21px; } @media all and (max-width: 576px) { .form-group label.checkbox.font--14, .wpcf7 label.checkbox.font--14, .form_input label.checkbox.font--14 { font-size: 18px; } } @media all and (max-width: 410px) { .form-group label.checkbox.font--14, .wpcf7 label.checkbox.font--14, .form_input label.checkbox.font--14 { font-size: 16px; } } .form-group label.checkbox:before, .wpcf7 label.checkbox:before, .form_input label.checkbox:before { content: ""; position: absolute; right: 0; top: 0; height: 21px; width: 21px; border: 1px solid #AFAFAF; border-radius: 50%; background: transparent; } .form-group label.checkbox--small, .wpcf7 label.checkbox--small, .form_input label.checkbox--small { line-height: 16px; padding: 0 25px 0 0; } @media all and (max-width: 576px) { .form-group label.checkbox--small, .wpcf7 label.checkbox--small, .form_input label.checkbox--small { font-size: 18px; } } @media all and (max-width: 410px) { .form-group label.checkbox--small, .wpcf7 label.checkbox--small, .form_input label.checkbox--small { font-size: 17px; } } .form-group label.checkbox--small:before, .wpcf7 label.checkbox--small:before, .form_input label.checkbox--small:before { width: 15px; height: 15px; } .form-group input[type="checkbox"]:checked + label:before, .form-group input[type="radio"]:checked + label:before, .wpcf7 input[type="checkbox"]:checked + label:before, .wpcf7 input[type="radio"]:checked + label:before, .form_input input[type="checkbox"]:checked + label:before, .form_input input[type="radio"]:checked + label:before { background: url(assets/images/check.svg) center center no-repeat; background-size: auto 9px; } .form-group input[type="checkbox"]:checked + label.checkbox--small:before, .form-group input[type="radio"]:checked + label.checkbox--small:before, .wpcf7 input[type="checkbox"]:checked + label.checkbox--small:before, .wpcf7 input[type="radio"]:checked + label.checkbox--small:before, .form_input input[type="checkbox"]:checked + label.checkbox--small:before, .form_input input[type="radio"]:checked + label.checkbox--small:before { background-size: auto 6px; } .slick-dots { bottom: -40px; } .slick-dots li { width: auto; opacity: 0.4; } .slick-dots li.slick-active { opacity: 1; } .slick-dots li button { width: 11px; height: 11px; background-color: #A4D668; border-radius: 50%; margin: 0 auto; } .slick-dots li button:before { display: none; } .ul--reset { list-style: none; padding: 0; margin: 0; } .font--20 { font-size: 1.25rem; } .font--18 { font-size: 18px; } .font--14 { font-size: 14px; } .fontMarom { font-family: 'Marom', sans-serif !important; } .fontRegular { font-family: 'ArbelG', sans-serif !important; } .regular_color { color: inherit; } .ease, .ease a { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sec--pad { padding: 17px 0; } @media all and (min-width: 576px) { .sec--pad { padding: 25px 0; } } @media all and (min-width: 768px) { .sec--pad { padding: 40px 0; } } @media all and (min-width: 992px) { .sec--pad { padding: 60px 0; } } @media all and (min-width: 1200px) { .sec--pad { padding: 80px 0; } } .z--1 { z-index: 1; } .z-2 { z-index: 2; } /* Background */ .bg-green { background: #A4D668; } .bg-white { background: #FFFFFF; } .bg-shadow { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); } div:hover > .bg-shadow { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } /* Btns */ button:focus, a:focus { outline: none; } .btn { display: inline-block; font-family: 'Marom', sans-serif; transition: all 0.25s ease-out; } .btn-transparent { background: transparent; border: 0; } .btn-green { background: #A4D668; color: #1E3E20; } .btn-green:hover { background: #1E3E20; color: #FFFFFF; } .btn-darkgreen { background: #1E3E20; color: white; } .btn-darkgreen:hover { background: #000000; color: #FFFFFF; } .btn-regular { line-height: 1; padding: 9px 15px; font-size: 22px; } @media all and (min-width: 576px) { .btn-regular { padding: 14px 30px; font-size: 24px; } } @media all and (min-width: 768px) { .btn-regular { padding: 16px 40px; } } @media all and (min-width: 992px) { .btn-regular { padding: 20px 55px; font-size: 24px; } } .btn-white { background: #FFFFFF; color: #1E3E20; } .btn-white:hover { background: #1E3E20; color: #FFFFFF; } .btn-border_green { border: 1px solid #1E3E20; } /* Mobile/Desktop Helpers */ .mobile_only { display: none; } .mobile_only_1024 { display: none; } @media only screen and (max-width: 800px) { .mobile_only { display: block; } .no_mobile { display: none !important; } } @media only screen and (max-width: 1023px) { .mobile_only_1024 { display: block; } .no_mobile_1024 { display: none !important; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: normal; } h1, .h1 { font-size: 36px; } @media all and (min-width: 480px) { h1, .h1 { font-size: 40px; } } @media all and (min-width: 576px) { h1, .h1 { font-size: 50px; } } @media all and (min-width: 768px) { h1, .h1 { font-size: 60px; } } @media all and (min-width: 993px) { h1, .h1 { font-size: 70px; } } @media all and (min-width: 1200px) { h1, .h1 { font-size: 80px; } } @media all and (min-width: 1300px) { h1, .h1 { font-size: 96px; } } h1-small, .h1-small { font-size: 36px; } @media all and (min-width: 480px) { h1-small, .h1-small { font-size: 38px; } } @media all and (min-width: 576px) { h1-small, .h1-small { font-size: 40px; } } @media all and (min-width: 768px) { h1-small, .h1-small { font-size: 42px; } } @media all and (min-width: 993px) { h1-small, .h1-small { font-size: 46px; } } @media all and (min-width: 1200px) { h1-small, .h1-small { font-size: 50px; } } @media all and (min-width: 1300px) { h1-small, .h1-small { font-size: 56px; } } h2, .h2 { font-size: 36px; } @media all and (min-width: 576px) { h2, .h2 { font-size: 38px; } } @media all and (min-width: 768px) { h2, .h2 { font-size: 40px; } } @media all and (min-width: 993px) { h2, .h2 { font-size: 42px; } } @media all and (min-width: 1200px) { h2, .h2 { font-size: 46px; } } h3, .h3 { font-size: 26px; } @media all and (min-width: 576px) { h3, .h3 { font-size: 28px; } } @media all and (min-width: 768px) { h3, .h3 { font-size: 30px; } } @media all and (min-width: 993px) { h3, .h3 { font-size: 32px; } } @media all and (min-width: 1200px) { h3, .h3 { font-size: 36px; } } h3-small, .h3-small { font-size: 22px; } @media all and (min-width: 576px) { h3-small, .h3-small { font-size: 24px; } } @media all and (min-width: 768px) { h3-small, .h3-small { font-size: 26px; } } @media all and (min-width: 993px) { h3-small, .h3-small { font-size: 28px; } } @media all and (min-width: 1200px) { h3-small, .h3-small { font-size: 30px; } } h4, .h4 { font-size: 18px; } @media all and (min-width: 410px) { h4, .h4 { font-size: 20px; } } @media all and (min-width: 576px) { h4, .h4 { font-size: 21px; } } @media all and (min-width: 1200px) { h4, .h4 { font-size: 22px; } } h4-large, .h4-large { font-size: 20px; } @media all and (min-width: 576px) { h4-large, .h4-large { font-size: 20px; } } @media all and (min-width: 768px) { h4-large, .h4-large { font-size: 22px; } } @media all and (min-width: 993px) { h4-large, .h4-large { font-size: 24px; } } @media all and (min-width: 1200px) { h4-large, .h4-large { font-size: 26px; } } h5, .h5 { font-size: 20px; } .search-form { background: #F5F5F4; border-radius: 24px; padding: 5px 17px 5px 40px; position: relative; } .search-form__input { width: 100%; line-height: 28px; border: 0; padding: 5px; color: #898989; background: transparent; } .search-form__input::placeholder { color: #AFAFAF; } .search-form__button { position: absolute; left: 0; top: 0; height: 48px; width: 48px; } .cart-button__link { background: #F5F5F4; height: 48px; border: 0; border-radius: 24px; padding: 0 15px; position: relative; } @media all and (max-width: 1023px) { .cart-button__link { padding: 0 15px; height: 40px; } } @media all and (max-width: 410px) { .cart-button__link { padding: 0 10px; } } .cart-button__link img, .cart-button__link span { display: inline-block; max-height: 26px; } .cart-button__link .cart_count { position: absolute; right: 10px; top: 10px; background: #1E3E20; color: #FFFFFF; border-radius: 50%; width: 16px; height: 16px; line-height: 1.4; text-align: center; font-size: 13px; } @media all and (max-width: 1023px) { .cart-button__link .cart_count { width: 20px; height: 20px; position: static; line-height: 22px; font-size: 12px; margin-left: 7px; } } .cart-button__link .cart_total { font-size: 17px; } .popup_wrap { opacity: 0; visibility: hidden; z-index: 999; } .popup_wrap.show { opacity: 1; visibility: visible; } .popup_wrap-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 0, 0.56); } .popup_wrap.cart { display: block; } .cart { position: fixed; left: 0; top: 0; width: 100%; height: 100%; font-size: 18px; } .cart-inner { position: absolute; left: 0; top: 0; height: 100%; width: 500px; max-width: 100%; background: #F5F5F4; transform: translateX(-820px); z-index: 99; } .popup_wrap.show .cart-inner { transform: translateX(0); } .cart_head { padding: 20px; height: 110px; } @media all and (max-width: 576px) { .cart_head { height: 95px; } } .cart_head h2 { line-height: 0.9; font-size: 18px; } @media all and (min-width: 420px) { .cart_head h2 { font-size: 22px; } } @media all and (min-width: 480px) { .cart_head h2 { font-size: 26px; } } @media all and (min-width: 576px) { .cart_head h2 { font-size: 30px; } } @media all and (min-width: 768px) { .cart_head h2 { font-size: 36px; } } @media all and (min-width: 992px) { .cart_head h2 { font-size: 40px; } } @media all and (min-width: 1200px) { .cart_head h2 { font-size: 46px; } } .cart_head .trash { height: 52px; } .cart_head .trash a { color: #1E3E20; font-size: 14px; } .cart_head .trash-icon { height: 52px; width: 52px; margin-bottom: 5px; } .cart_head .close-cart { width: 32px; height: 32px; border: 0; padding: 3px; background: transparent; } .cart_head .close-cart svg { max-width: 100%; } .cart_head .cart-mycart { line-height: 1; margin-top: 5px; } @media all and (max-width: 576px) { .cart_head .cart-mycart { text-align: center; } } .cart_head .cart-mycart span { font-size: 14px; line-height: 1; margin-top: 5px; } @media all and (max-width: 576px) { .cart_head .cart-mycart span { text-decoration: underline; } } .cart_overview { padding: 20px; } @media all and (max-width: 576px) { .cart_overview { padding: 0 10px; } } .cart_full { height: calc(100% - 110px - 184px); } @media all and (max-width: 576px) { .cart_full { height: calc(100% - 95px - 170px); } } .cart_row { background: #FFFFFF; border-radius: 10px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.1); padding: 0 10px 10px; } .cart_row.product_item { margin-bottom: 13px; } .cart_row:hover { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.2); } .cart_row:hover .cart_remove { opacity: 1; visibility: visible; } .cart_category { font-size: 20px; margin: 20px 0 7px; line-height: 1; } .cart_remove { position: absolute; left: 99%; top: 50%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; } @media all and (max-width: 576px) { .cart_remove { top: 0; } } .cart_img { width: 80px; flex: 0 0 80px; } @media all and (max-width: 420px) { .cart_img { width: 70px; flex: 0 0 70px; } } @media all and (max-width: 370px) { .cart_img { width: 65px; flex: 0 0 65px; } } .cart_title { padding: 0 7px 5px; flex-basis: 0; flex-grow: 1; max-width: 100%; font-weight: bold; } @media all and (max-width: 576px) { .cart_title { font-size: 18px; } } @media all and (max-width: 410px) { .cart_title { font-size: 17px; } } @media all and (max-width: 370px) { .cart_title { font-size: 16px; } } .cart_title_type { font-size: 0.9em; font-weight: normal; } .cart_qty_price { flex-basis: 0; flex-grow: 1; max-width: 100%; } @media all and (max-width: 576px) { .cart_qty_price { font-size: 17px; max-width: 100px; padding-left: 10px; flex-direction: column-reverse; justify-content: flex-end; } } .cart_qty_price .product_quantity { max-width: 100%; } @media all and (max-width: 576px) { .cart_qty_price .product_quantity { margin-top: 5px; } } .cart_qty_price .product_quantity a { width: 25px; height: 25px; } .cart_qty_price .product_quantity input { padding: 0 25px; height: 25px; line-height: 25px; } .cart_note { padding: 5px 7px 0 3px; } .cart_note-opener { position: absolute; right: 10px; top: calc(100% - 10px); } .cart_note input { height: 24px; line-height: 20px; background: #FFFFFF; border-radius: 24px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); border: 1px solid #E9E9E9; color: #333; width: 100%; font-size: 14px; padding: 4px 10px 0; } .cart_note input::placeholder { color: #AFAFAF; } .cart_bottom { box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.06); padding: 18px 20px 3px; z-index: 1; } .cart_bottom form input, .cart_bottom form button { height: 32px; } .cart_bottom form input { background: #efefef; border: 0; padding: 10px 18px; line-height: 12px; font-size: 14px; color: #1E3E20; } .cart_bottom form button { background: #C4C4C4; border: 0; font-size: 16px; line-height: 32px; padding: 0; text-align: center; color: #1E3E20; width: 90px; } .cart_total { font-size: 26px; line-height: 1.25; } @media all and (max-width: 576px) { .cart_total { font-size: 22px; line-height: 1.1; } } .cart_total_sub { font-size: 20px; } @media all and (max-width: 576px) { .cart_total_sub { font-size: 18px; } } @media all and (max-width: 576px) { .cart_total_btn { flex-basis: 0; flex-grow: 1; max-width: 100%; } } .cart_total_btn .btn { height: 57px; line-height: 57px; width: 255px; text-align: center; font-size: 26px; } @media all and (max-width: 576px) { .cart_total_btn .btn { width: 100%; height: 42px; line-height: 41px; } } .cart_total_note { font-size: 14px; } .promotion-cart { left: 100%; top: 0; width: 320px; height: 100%; background: #E3E7CF; padding: 30px 20px; } .popup_wrap.show .promotion-cart { visibility: visible; } .promotion-cart-top { height: 110px; } .promotion-cart-bottom { height: 83px; padding-top: 33px; } .promotion-cart-bottom .btn { font-family: 'ArbelG', sans-serif; font-size: 18px; width: 100%; display: block; height: 48px; line-height: 50px; text-align: center; color: #1E3E20; } .promotion-cart-products { height: calc(100% - 193px); position: relative; } .promotion-cart-products .products { height: 100%; padding: 0; overflow: hidden; } .promotion-cart-products .products .cart_product { width: 202px; max-width: 100%; margin: 0 auto 33px; display: block; float: none; } .promotion-cart-products .next, .promotion-cart-products .back { position: absolute; right: -5px; bottom: 33px; transform: rotate(90deg); width: 41px; height: 41px; } .promotion-cart-products .back { bottom: 87px; transform: rotate(-90deg); } .cart_product_in { height: 0; padding: 0 0 100%; } .cart_product_in-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 10px; } .cart_product_in-wrapper img { margin: 0 auto; display: block; max-height: 70px; } .cart_product_in .bt_open_add { position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); opacity: 1; visibility: visible; } .cart_product .product_hover { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); transform: none; } .cart_product.prod--selected .bt_open_add { visibility: hidden; opacity: 0; } .cart_product.prod--selected .product_hover { visibility: visible; opacity: 1; } .open_menu { position: absolute; top: 100%; right: 0; width: calc(100% + 110px); border-radius: 0 0 15px 15px; background: #FFFFFF url(assets/images/menu/texture_menu.png) right bottom no-repeat; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); padding: 25px 100px 25px 25px; } @media all and (min-width: 1024px) { .open_menu { transition: all 0.25s ease-out; } li .open_menu { visibility: hidden; opacity: 0; } li:hover .open_menu { visibility: visible; opacity: 1; } } @media all and (max-width: 1480px) { .open_menu { padding: 25px 80px 25px 25px; } } @media all and (max-width: 1367px) { .open_menu { padding: 20px 70px 20px 20px; } } @media all and (max-width: 1110px) { .open_menu { padding: 18px 60px 18px 18px; } } li:last-of-type .open_menu { right: auto; left: 0; } .open_menu ul { margin: 0; list-style: none; padding: 0; } .open_menu.menu-opened { /*display:block; -webkit-animation:showm .3s ease-in-out forwards .1s; animation:showm .3s ease-in-out forwards .1s;*/ } @media all and (min-width: 1024px) { .open_menu li:hover a { background: #A4D668; } } .open_menu li a { color: #1E3E20; font-size: 22px; padding: 6px 10px 3px; border-radius: 20px; background: transparent; transition: all 0.25s ease-out; } @-webkit-keyframes showm { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showm { 0% { opacity: 0; } 100% { opacity: 1; } } .mobile_search_opener { width: 31px; margin-right: 18px; } @media all and (max-width: 410px) { .mobile_search_opener { width: 25px; margin-right: 14px; } } .mobile_search_opener img { width: 100%; } .mobile_menu_opener { width: 37px; } @media all and (max-width: 410px) { .mobile_menu_opener { width: 34px; } } .mobile_menu_opener img { width: 100%; } .mobile_menu { position: absolute; top: 0; right: -85%; min-width: 306px; width: 85%; height: 100%; } .active .mobile_menu { right: 0; } .mobile_menu_wrapper { display: block; visibility: hidden; opacity: 0; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.56); z-index: 9999; } .mobile_menu_wrapper.active { opacity: 1; visibility: visible; } .mobile_menu_top { height: 67px; padding: 15px; } .mobile_menu_inner { height: calc(100% - 67px); } .mobile_menu_inner .categories_menu li { padding: 0; border-top: 1px solid #F0F0F0; background: transparent; transition: all 0.25s ease-out; } .mobile_menu_inner .categories_menu li.active { background: #FBFBFB; } .mobile_menu_inner .categories_menu li.active a { border-right-color: #A4D668; } .mobile_menu_inner .categories_menu li a { display: flex; align-items: center; font-size: 32px; line-height: 1.2; letter-spacing: 1px; font-family: 'Marom', sans-serif; color: #1E3E20; width: 100%; border-right: 4px solid transparent; padding: 7px 0; } .mobile_menu_inner .categories_menu li a .caret { margin-right: auto; padding: 5px 18px; } .mobile_menu_inner .categories_menu li a .menu_item__img { width: 55px; text-align: center; } .mobile_menu_inner .categories_menu li a .menu_item__img img { max-height: 40px; max-width: 40px; } .mobile_menu_inner .categories_menu li .open_menu { position: static; padding: 5px 20px 20px; background: transparent; width: 100%; box-shadow: none; display: none; } .mobile_menu_inner .categories_menu li .open_menu li { padding: 0; border-top: 0; } .mobile_menu_inner .categories_menu li .open_menu li a { border-right: 0; font-size: 18px; font-family: 'ArbelG', sans-serif; } .mobile_menu_inner .pages_menu { background: #A4D668; font-size: 18px; } .mobile_menu_inner .pages_menu li + li { border-top: 1px solid rgba(240, 240, 240, 0.26); } .mobile_menu_inner .pages_menu li a { color: #1E3E20; padding: 10px 13px; display: block; } .search_popup { padding: 20px 10px 10px; background: #F5F5F4; position: relative; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.12); z-index: 98; } .search_popup .close { position: absolute; right: 5px; top: 5px; } .search_popup .search-form { background: white; } .pop_filter .popup { top: auto; padding: 35px; margin: auto; width: 560px; max-width: 90%; border-radius: 15px; } @media all and (max-width: 420px) { .pop_filter .popup { padding: 35px 15px; } } .pop_filter .popup .popup_close a { position: absolute; right: 10px; top: 10px; } .pop_filter .popup .pp_filters { margin: 10px 0 20px; } .pop_filter .popup .pp_filters .cat_filter_link { display: inline-block; margin: 7px; background: #F5F5F4; padding: 7px 8px 4px; line-height: 1; font-size: 16px; border-radius: 15px; color: #1E3E20; } .pop_filter .popup .pp_filters .cat_filter_link.active { background: #A4D668; color: #1E3E20; } .pop_filter .popup .btn.btn-green { display: block; width: 320px; max-width: 100%; height: auto; line-height: 36px; margin: 25px auto 0; padding: 6px 0; border-radius: 25px; text-align: center; font-size: 26px; } /* Ticker */ .modern-ticker { width: 100%; margin: 0 auto; overflow: hidden; } .modern-ticker ul, .modern-ticker li { margin: 0; padding: 0; list-style: none; white-space: nowrap; } .modern-ticker ul { width: 100%; } .modern-ticker li { display: inline; margin-left: 20px; } /* Body */ /* News */ .modern-ticker .mt-news { overflow: hidden; } .modern-ticker.mt-scroll .mt-news { background-color: transparent; height: 24px !important; } @media all and (max-width: 576px) { .modern-ticker.mt-scroll .mt-news { height: 15px !important; font-size: 12px; } } .modern-ticker .mt-news ul { /* Preload */ } .modern-ticker.mt-ltr .mt-news li { float: left; } .header { background: #FFFFFF; box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.07); position: fixed; left: 0; top: 0; width: 100%; z-index: 999; } .header-logreg { font-size: 18px; } .header-logreg a { color: inherit; } .header-main { position: relative; z-index: 99; font-size: 18px; } .header-main__menu ul { display: flex; align-items: center; } .header-main__menu ul li { margin-left: 30px; padding: 0 5px; } @media all and (max-width: 1230px) { .header-main__menu ul li { margin-left: 20px; } } @media all and (max-width: 1100px) { .header-main__menu ul li { margin-left: 15px; } } .header-main__menu ul li:last-of-type { margin-left: 0; } .header-main__menu ul li a { padding: 3px 0; color: #000000; border-bottom: 2px solid transparent; transition: all 0.25s ease-out; } @media all and (max-width: 1230px) { .header-main__menu ul li a { font-size: 15px; } } .header-main__menu ul li a:hover, .header-main__menu ul li a.active { border-bottom-color: #1E3E20; } .header-main__logo { margin: -10px 0 -60px; } @media all and (max-width: 1480px) { .header-main__logo { max-width: 170px; } } @media all and (max-width: 1367px) { .header-main__logo { max-width: 160px; margin-top: -20px; } } @media all and (max-width: 1110px) { .header-main__logo { max-width: 150px; margin-top: -30px; } } @media all and (max-width: 768px) { .header-main__logo { max-width: 105px; margin-top: -40px; } } @media all and (max-width: 410px) { .header-main__logo { margin-top: -40px; } } .header-main__actions { padding-top: 10px; padding-bottom: 10px; /*@media all and (max-width: 410px) { padding-top: 11px; padding-bottom: 11px; } @media all and (max-width: 370px) { padding-top: 11px; padding-bottom: 11px; }*/ } @media all and (max-width: 1023px) { .header-main__actions { padding-top: 11px; padding-bottom: 11px; } } @media all and (max-width: 576px) { .header-main__actions { padding-top: 11px; padding-bottom: 11px; } } .header-main__cart { margin-right: 20px; } .header-cats .menu_item { height: 80px; position: relative; padding: 0; } @media all and (max-width: 1367px) { .header-cats .menu_item { height: 70px; } } @media all and (max-width: 1110px) { .header-cats .menu_item { height: 60px; } } .header-cats .menu_item + .menu_item:before { content: ""; position: absolute; right: 0; top: 0; height: 100%; border-right: 2px solid rgba(193, 192, 192, 0.5); } .header-cats .menu_item__img { height: 140px; padding-top: 10px; width: 80px; z-index: 1; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; } @media all and (max-width: 1480px) { .header-cats .menu_item__img { height: 120px; width: 60px; } } @media all and (max-width: 1367px) { .header-cats .menu_item__img { width: 48px; height: 100px; } } @media all and (max-width: 1110px) { .header-cats .menu_item__img { width: 38px; height: 84px; } } .header-cats .menu_item__img img { max-height: 100%; margin-top: -10px; } @media all and (max-width: 1480px) { .header-cats .menu_item__img img { margin-top: 0; } } li .header-cats .menu_item__img-parent { visibility: hidden; opacity: 0; transition: all 0.25s ease-out; } li:hover .header-cats .menu_item__img-parent { visibility: visible; opacity: 1; } .header-cats .menu_item__img-parent .menu_item__img { top: -80px; } @media all and (max-width: 1367px) { .header-cats .menu_item__img-parent .menu_item__img { top: -70px; } } @media all and (max-width: 1110px) { .header-cats .menu_item__img-parent .menu_item__img { top: -60px; } } .header-cats .menu_item:last-of-type .menu_item__img-parent .menu_item__img { right: 110px; } .header-cats .menu_item > a { height: 80px; display: flex; align-items: center; font-size: 31px; font-weight: normal; color: #1E3E20; position: relative; z-index: 99; overflow: hidden; width: 100%; padding: 0 90px 0 15px; font-family: 'Marom', sans-serif; } @media all and (max-width: 1870px) { .header-cats .menu_item > a { font-size: 28px; } } @media all and (max-width: 1700px) { .header-cats .menu_item > a { font-size: 24px; } } @media all and (max-width: 1480px) { .header-cats .menu_item > a { font-size: 19px; padding-right: 74px; } } @media all and (max-width: 1367px) { .header-cats .menu_item > a { height: 70px; font-size: 17px; padding-right: 64px; } } @media all and (max-width: 1110px) { .header-cats .menu_item > a { height: 60px; font-size: 16px; padding-right: 54px; } } .header-cats .menu_item > a .caret { margin-right: 7px; width: 13px; } @media all and (max-width: 1480px) { .header-cats .menu_item > a .caret { width: 11px; } } @media all and (max-width: 1367px) { .header-cats .menu_item > a .caret { width: 9px; } } .back_to_top { position: fixed; left: 20px; bottom: 20px; visibility: hidden; opacity: 0; z-index: 99; transition: opacity 0.25s ease-out; } .back_to_top.active { visibility: visible; opacity: 1; } @media all and (max-width: 993px) { .back_to_top { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, 50%); } } #footer { background: #A4D668; padding: 63px 0 0; margin-top: 200px; font-size: 16px; position: relative; } @media all and (max-width: 993px) { #footer { padding: 33px 0 0; margin-top: 160px; } } @media all and (max-width: 768px) { #footer { margin-top: 120px; } } @media all and (max-width: 576px) { #footer { margin-top: 80px; } } @media all and (max-width: 420px) { #footer { margin-top: 40px; } } #footer .h4-large { font-size: 26px; color: #1E3E20; } #footer .h4-large .caret { margin-right: 12px; } #footer .footer_logo { margin-top: -140px; margin-right: -7%; } @media all and (max-width: 1500px) { #footer .footer_logo { margin-right: -3%; } } @media all and (max-width: 1200px) { #footer .footer_logo { margin-right: -5%; } } @media all and (max-width: 993px) { #footer .footer_logo { margin: 0; } } @media all and (min-width: 992px) { #footer .footer_logo_logo { margin-top: -77px; margin-bottom: 35px; } } #footer .footer_social { width: 112px; } @media all and (min-width: 992px) { #footer .footer_menu { margin-left: 90px; } } @media all and (min-width: 992px) and (max-width: 1500px) { #footer .footer_menu { margin-left: 70px; } #footer .footer_menu_1 { margin-right: -65px; } } @media all and (min-width: 992px) and (max-width: 1320px) { #footer .footer_menu { margin-left: 50px; } } @media all and (min-width: 992px) and (max-width: 1200px) { #footer .footer_menu { margin-left: 30px; } #footer .footer_menu_1 { margin-right: -70px; } } #footer .footer_menu ul { list-style: none; padding: 0; margin: 0; } @media all and (max-width: 576px) { #footer .footer_menu ul { display: none; } } @media all and (max-width: 800px) { #footer .footer_menu ul li { padding: 2px 0; } } #footer .footer_menu ul li a { color: #1E3E20; transition: all 0.25s ease-out; } @media all and (min-width: 1024px) { #footer .footer_menu ul li a { border-bottom: 1px solid transparent; } } @media all and (max-width: 800px) { #footer .footer_menu ul li a { font-size: 18px; } } @media all and (min-width: 1024px) { #footer .footer_menu ul li a:hover { border-bottom-color: #1E3E20; } } @media all and (min-width: 1500px) { #footer .footer_newsletter { padding-right: 30px; } } #footer .footer_newsletter_title { margin-bottom: 30px; border-top: 1px solid rgba(255, 255, 255, 0.27); } @media all and (min-width: 992px) { #footer .footer_newsletter_title { margin-top: -50px; border-top: 0; } } #footer .footer_newsletter form input { height: 41px; line-height: 41px; } #footer .footer_newsletter form input.submit { position: absolute; left: 0; top: 0; font-weight: normal; font-size: 22px; line-height: 38px; padding-bottom: 3px; } @media all and (max-width: 1370px) { #footer .footer_newsletter form input.submit { width: auto; padding: 0 20px; } } #footer .footer_credit { background: #FFFFFF; margin-top: 63px; color: #1E3E20; padding: 13px 0; } #footer .footer_credit a { color: #1E3E20; } @media all and (max-width: 993px) { #footer .footer_credit { margin-top: 33px; font-size: 14px; } } .before_add { display: block; } .prod--selected .before_add { display: none; } .after_add { display: none; width: 100%; } .prod--selected .after_add { display: block; } .product_quantity { width: 90px; position: relative; } @media all and (max-width: 800px) { .product_quantity { width: 100px; } } @media all and (max-width: 576px) { .product_quantity { width: 126px; } } @media all and (max-width: 410px) { .product_quantity { width: 112px; } } .product_quantity a { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background: #EBEBEB; position: absolute; right: 0; top: 0; } @media all and (max-width: 800px) { .product_quantity a { width: 30px; height: 30px; } } @media all and (max-width: 410px) { .product_quantity a { width: 27px; height: 27px; } } .product_quantity a.btn-plus { right: auto; left: 0; } .product_quantity input { outline: none; padding: 0 26px; height: 25px; line-height: 25px; border: 0; text-align: center; background: transparent; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media all and (max-width: 800px) { .product_quantity input { padding: 0 32px; height: 30px; line-height: 30px; } } @media all and (max-width: 800px) { .product_kilo_wrap, .product_half_wrap { margin-right: 20px !important; } } .product_kilo_wrap .kilo_ch, .product_kilo_wrap .half_ch, .product_half_wrap .kilo_ch, .product_half_wrap .half_ch { background: #EBEBEB; color: #1E3E20; font-size: 12px; height: 25px; line-height: 27px; display: inline-block; padding: 0 5px; } @media all and (max-width: 800px) { .product_kilo_wrap .kilo_ch, .product_kilo_wrap .half_ch, .product_half_wrap .kilo_ch, .product_half_wrap .half_ch { height: 30px; line-height: 33px; padding: 0 8px; } } @media all and (max-width: 410px) { .product_kilo_wrap .kilo_ch, .product_kilo_wrap .half_ch, .product_half_wrap .kilo_ch, .product_half_wrap .half_ch { height: 27px; line-height: 30px; } } .product_kilo_wrap .kilo_ch:first-of-type, .product_kilo_wrap .half_ch:first-of-type, .product_half_wrap .kilo_ch:first-of-type, .product_half_wrap .half_ch:first-of-type { border-radius: 0 25px 25px 0; } @media all and (max-width: 800px) { .product_kilo_wrap .kilo_ch:first-of-type, .product_kilo_wrap .half_ch:first-of-type, .product_half_wrap .kilo_ch:first-of-type, .product_half_wrap .half_ch:first-of-type { border-radius: 0 30px 30px 0; } } .product_kilo_wrap .kilo_ch:last-of-type, .product_kilo_wrap .half_ch:last-of-type, .product_half_wrap .kilo_ch:last-of-type, .product_half_wrap .half_ch:last-of-type { border-radius: 25px 0 0 25px; } @media all and (max-width: 800px) { .product_kilo_wrap .kilo_ch:last-of-type, .product_kilo_wrap .half_ch:last-of-type, .product_half_wrap .kilo_ch:last-of-type, .product_half_wrap .half_ch:last-of-type { border-radius: 30px 0 0 30px; } } .product_kilo_wrap .kilo_ch.active, .product_kilo_wrap .half_ch.active, .product_half_wrap .kilo_ch.active, .product_half_wrap .half_ch.active { background: #1E3E20; color: #EBEBEB; } .product a { color: inherit; outline: none; } @media all and (min-width: 800px) { .product:hover .product_hover { visibility: visible; opacity: 1; transform: translateY(0); } } .product.prod--selected .bt_open_add { left: auto; right: 13px; transform: none; opacity: 1; visibility: visible; } @media all and (min-width: 800px) { .product.prod--selected .bt_open_add { opacity: 1; visibility: visible; } } @media all and (max-width: 800px) { .product.prod--selected .bt_open_add { visibility: visible; opacity: 0; right: 0; top: 0; } } @media all and (min-width: 800px) { .product.prod--selected:hover .product_hover { visibility: visible; opacity: 1; transform: translateY(0); } } .product_item { font-size: 18px; margin-bottom: 30px; } @media all and (min-width: 800px) { .product_item.slick-slide { margin-top: 15px; } } @media all and (max-width: 800px) { .product_item { width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 6px; } } .product_item .bt_open_add { opacity: 0; visibility: hidden; position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); color: #1E3E20; font-size: 18px; } @media all and (max-width: 800px) { .product_item .bt_open_add { width: 100%; height: 70%; transform: none; left: 0; bottom: 0; visibility: visible; z-index: 1; opacity: 1; } .product_item .bt_open_add .before_add { position: absolute; left: 10px; top: 10px; } } .product_item .bt_open_add .before_add { display: none; } @media all and (max-width: 800px) { .product_item .bt_open_add .before_add { display: block; } } .product_item .after_add_quantity { border-radius: 50%; width: 25px; height: 25px; line-height: 27px; background: #EEDB14; text-align: center; } .product_item .selected_unit { position: absolute; right: 100%; margin-right: 5px; top: 0; } .product_in { padding: 0 0 100%; border-radius: 10px; overflow: hidden; } @media all and (min-width: 1100px) { .product_in { border-radius: 15px; } } @media all and (max-width: 800px) { .product_in { padding: 0; box-shadow: none !important; } .prod--selected .product_in { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05) !important; } } .plate .product_in { padding: 10px 30px; border-radius: 10px; } .product_hover { position: absolute; bottom: 0; left: 0; width: 100%; background: #FFFFFF; display: block; visibility: hidden; opacity: 0; padding: 19px 13px; border-radius: 0 0 15px 15px; transform: translateY(100%); } @media all and (max-width: 800px) { .product_hover { transform: none; height: 0; visibility: visible; opacity: 1; padding: 0 14px; position: static; overflow: hidden; } } @media all and (max-width: 410px) { .product_hover { margin-top: -14px; } } .prod--selected .product_hover { display: block; } @media all and (max-width: 800px) { .prod--selected .product_hover { transform: none; visibility: visible; opacity: 1; position: static; padding: 0 14px 12px; height: 42px; } } @media all and (max-width: 410px) { .prod--selected .product_hover { padding: 6px 14px; height: 39px; } } .product_img_wrap { position: absolute; left: 0; top: 0; padding: 25px; } @media all and (max-width: 800px) { .product_img_wrap { left: auto; right: 10px; z-index: 9; padding: 0; } } .plate .product_img_wrap { position: static; padding: 0; display: block; } .product_img_wrap .tag { position: absolute; top: 10px; right: 8px; border-radius: 20px; background: #EEDB14; display: inline-block; padding: 3px 10px 1px; font-size: 12px; color: #1E3E20; min-width: 70px; text-align: center; font-weight: bold; } @media all and (max-width: 800px) { .product_img_wrap .tag { position: static; border-radius: 0 0 5px 5px; display: block; } } .product_img_wrap .tag.out-of-stock { background: #E2E2E2; } .product_img_wrap .tag.new { background: #CDD6FF; } .product_img_wrap img { border-radius: 10px; } @media all and (min-width: 1100px) { .product_img_wrap img { border-radius: 15px; } } .product_bottom { padding: 10px 0 0; } .product_bottom .prod_title { font-size: 20px; } .product_bottom .prod_price_kilo { font-size: 0.9em; } .plate .product_bottom { padding: 5px 0 0; font-size: 18px; } .plate .product_bottom .prod_title { padding: 5px 0; font-size: 17px; } @media all and (min-width: 361px) { .plate .product_bottom .prod_title { font-size: 19px; } } @media all and (min-width: 768px) { .plate .product_bottom .prod_title { font-size: 19px; } } @media all and (min-width: 992px) { .plate .product_bottom .prod_title { font-size: 21px; } } .plate .product_bottom .plate_info { font-size: 14px; margin-right: 15px; } .plate .product_bottom .plate_info img { margin-left: 5px; } .plate .product_bottom .prod_price { font-size: 14px; } @media all and (min-width: 768px) { .plate .product_bottom .prod_price { font-size: 18px; } } @media all and (min-width: 992px) { .plate .product_bottom .prod_price { font-size: 20px; } } .slick-slide .product.plate { margin-top: 15px; } .product.plate .product_in { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0); } .product.plate:hover .product_in { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } .mobile_popup_opener { position: absolute; left: 10px; top: 10px; visibility: hidden; opacity: 0; } .prod--selected .mobile_popup_opener { z-index: 9; visibility: visible; opacity: 1; } .mobile_product { padding-top: 8px; padding-bottom: 13px; padding-right: 14px !important; font-size: 18px; } @media all and (max-width: 410px) { .mobile_product { font-size: 17px; } } .prod--selected .mobile_product { padding-bottom: 0px; } .mobile_product .font--14 { font-size: 16px; } .mobile_product_img { max-width: 100px; } @media all and (max-width: 410px) { .mobile_product_img { max-width: 90px; } } .prod--selected .mobile_product_img { max-width: 140px; } @media all and (max-width: 410px) { .prod--selected .mobile_product_img { max-width: 125px; } } .mobile_product_content { font-size: 18px; padding-top: 13px; padding-bottom: 5px; padding-right: 4px; } @media all and (max-width: 410px) { .mobile_product_content { padding-top: 11px; font-size: 17px; margin-bottom: 2px; } } .prod--selected .mobile_product_content { /*padding-top: 2px; padding-bottom: 10px; @media all and (max-width: 410px) { padding-top: 0; padding-bottom: 17px; }*/ } .mobile_product_content .prod_title { line-height: 1; } .mobile_product_content .prod_price { line-height: 1; } @media all and (max-width: 410px) { .mobile_product_content .prod_price { margin-top: 2px; } } .mobile_product_content .prod_price_kilo { font-size: 0.9em; } .mobile_product_content .prod_desc { color: #AFAFAF; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .banner { border-radius: 10px; position: relative; height: 100%; } .banner-wrapper { margin-bottom: 20px; } @media all and (min-width: 576px) { .banner-wrapper { margin-bottom: 25px; } } @media all and (min-width: 768px) { .banner-wrapper { margin-bottom: 35px; } } @media all and (min-width: 992px) { .banner-wrapper { margin-bottom: 45px; } } @media all and (min-width: 1200px) { .banner-wrapper { margin-bottom: 55px; } } .banner a { display: flex; align-items: center; padding: 50px 0; color: #1E3E20; } .banner-white a { color: #FFFFFF; } .banner-img a { padding: 0; } .banner-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .banner-img .banner-bg { position: static; height: auto; } .banner-inner { position: relative; margin-right: auto; margin-left: 9.28%; max-width: 310px; text-align: center; margin-top: 20px; } .banner-inner .btn { margin-top: 30px; } .post a { color: inherit; } .post-thumbnail img { width: 100%; border-radius: 8px; } .post-titles { padding: 15px 0 0; } .post-title { margin: 0; } /*======== popup =============*/ .popup_wrap { width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; z-index: 999; display: none; } .bgblack { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .popup_in { position: relative; height: 100%; overflow-y: scroll; z-index: 10; padding: 0 0; } .popup { max-width: 1200px; background: white; position: relative; top: 110px; margin: 0 auto 50px; z-index: 6; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .pop--small { max-width: 550px; padding-top: 50px; } .popup_close a { display: block; width: 24px; height: 24px; position: absolute; top: 22px; right: 22px; border-radius: 60px; text-align: center; z-index: 2; } .popup_close a svg { width: 100%; height: auto; } .close-animate a { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .close-animate a svg { display: block; margin: 0 auto; } .close-animate a:hover { -ms-transform: rotate(180deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50%; transform: rotate(180deg); transform-origin: 50% 50%; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .pop--scale .popup { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .logreg-modal .modal-dialog { max-width: 477px; } .logreg-modal.register-modal .modal-dialog { max-width: 700px; } .logreg-modal.register-modal .modal-content .login_form_inner form { max-width: 100%; } .logreg-modal .modal-content { border-radius: 15px; box-shadow: 0 6px 51px 14px rgba(0, 0, 0, 0.2); } .logreg-modal .modal-content .modal-body { padding: 0; } @media all and (max-width: 576px) { .logreg-modal .modal-content .modal-body h3 { font-size: 34px; letter-spacing: 1px; } } @media all and (max-width: 410px) { .logreg-modal .modal-content .modal-body h3 { font-size: 30px; } } @media all and (max-width: 370px) { .logreg-modal .modal-content .modal-body h3 { font-size: 28px; } } @media all and (max-width: 576px) { .logreg-modal .modal-content .modal-body .font--18 { font-size: 22px; } } @media all and (max-width: 410px) { .logreg-modal .modal-content .modal-body .font--18 { font-size: 20px; } } @media all and (max-width: 370px) { .logreg-modal .modal-content .modal-body .font--18 { font-size: 18px; } } .logreg-modal-clip { position: absolute; left: 50%; top: -16px; padding: 16px 16px 0; width: 87px; background: #FFFFFF; border-radius: 87px 87px 0 0; transform: translateX(-50%); } .logreg-modal-clip_reg { padding-top: 6px; width: 67px; } .logreg_form { padding: 20px 0 0; } .modal .logreg_form { padding: 0; } #page_content .logreg_form, .check_stp0 .logreg_form { background: #FFFFFF; border-radius: 15px; box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.12); } .logreg_form.small_form { max-width: 477px; width: 100%; margin: 0 auto; } .logreg_form.small_form .login_form_inner { min-height: 384px; } .logreg_form .login_form_inner { background: #F5F5F4; padding: 45px 10px 17px; border-radius: 0 0 15px 15px; } @media all and (min-width: 576px) { .signup .logreg_form .login_form_inner { padding: 45px 28px 17px; } } .logreg_form .login_form_inner form { width: 100%; max-width: 314px; margin: 0 auto; } #page_content.signup .logreg_form .login_form_inner form { max-width: 100%; } .logreg_form .login_form_inner form .forgot_link { color: #1E3E20; text-decoration: underline; } .logreg_form .login_form_inner form .btn-regular { padding: 13px 62px; } .logreg_form .login_face_wrap .btn { width: 134px; height: 42px; line-height: 37px; margin: 0 8px; padding: 3px 0 0; text-align: center; font-size: 18px; color: #1E3E20; } .logreg_form .or_line { transform: translateY(50%); } .logreg_form .or_line_tx { background: #A4D668; width: 38px; height: 38px; line-height: 35px; border-radius: 50%; margin: 0 auto; padding: 3px 0 0; } .form_input { position: relative; margin-bottom: 25px; } @media all and (max-width: 993px) { .form_input { margin-bottom: 22px; } } @media all and (max-width: 768px) { .form_input { margin-bottom: 22px; } } @media all and (max-width: 576px) { .form_input { margin-bottom: 20px; } } @media all and (max-width: 420px) { .form_input { margin-bottom: 18px; } } @media all and (max-width: 400px) { .form_input { margin-bottom: 16px; } } @media all and (max-width: 370px) { .form_input { margin-bottom: 14px; } } .form_input label { position: absolute; right: 0; top: 50%; padding: 0 21px; line-height: 1.2; font-size: 18px; transform: translateY(-50%); transition: all 0.25s ease-out; } @media all and (max-width: 620px) { .form_input label { padding: 0 14px; } } @media all and (max-width: 410px) { .form_input label { font-size: 17px; } } .form_input_textarea label { top: 20px; } .form_input.focused label { padding: 0; font-size: 14px; top: 0; transform: translateY(-95%); margin: 0; } .form_input.disabled { pointer-events: none; } .form_input.disabled input { color: grey; } .ajax_search_results { max-width: 100%; width: 100%; height: auto; position: fixed; left: 0; top: 100px; z-index: 999; background: rgba(0, 0, 0, 0.56); max-height: calc(100vh - 164px); overflow: auto; } @media all and (min-width: 800px) { .ajax_search_results { max-width: 360px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); background: transparent; height: auto; } } @media all and (max-width: 576px) { .ajax_search_results { max-height: calc(100vh - 152px); } } .ajax_search_results-wrapper { background: #F5F5F4; } .ajax_search_results-inner { max-width: 480px; margin: 0 auto; padding: 10px 10px 22px; } .ajax_search_results .all_results { margin-top: 16px; } .ajax_search_results .product_item { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0; margin: 0 0 6px; } .ajax_search_results .product_item .mobile_only { display: block; } .ajax_search_results .product_item .no_mobile { display: none !important; } .ajax_search_results .product_item .product_in { padding: 0; } .ajax_search_results .product_item .product_img_wrap { left: auto; right: 10px; z-index: 9; padding: 0; } .ajax_search_results .product_item .product_img_wrap .tag { position: static; border-radius: 0 0 5px 5px; display: block; } .ajax_search_results .product_item .product_kilo_wrap { margin-right: 20px !important; } .ajax_search_results .product_item .product_hover { transform: none; height: 0; visibility: visible; opacity: 1; padding: 0 14px; position: static; overflow: hidden; } .ajax_search_results .product_item .bt_open_add { width: 100%; height: 70%; transform: none; left: 0; top: 0; right: 0; bottom: 0; visibility: visible; z-index: 1; opacity: 1; } .ajax_search_results .product_item .bt_open_add .before_add { position: absolute; left: 10px; top: 10px; } .ajax_search_results .product_item.prod--selected .bt_open_add { visibility: visible; opacity: 0; } .ajax_search_results .product_item.prod--selected .product_hover { transform: none; visibility: visible; opacity: 1; position: static; padding: 0 14px 12px; height: 42px; } @media all and (max-width: 800px) { .ajax_search_results .product_item.prod--selected .product_hover { padding: 0 14px 40px; } } .products-modal .modal-dialog { max-width: 960px; } @media all and (max-width: 800px) { .products-modal .modal-dialog { max-height: calc(100vh - 3.5rem); margin: 1.75rem auto; } } @media all and (max-width: 800px) { .products-modal .modal-content { max-height: calc(100vh - 3.5rem); } } .products-modal .modal-bottom { padding: 10px; background: #F5F5F4; border-radius: 0 0 9px 9px; } .products-modal .modal-bottom .btn-regular { padding-right: 55px; padding-left: 55px; } @media all and (max-width: 800px) { .products-modal .modal-body { min-height: 0; max-height: calc(100% - 73px); overflow: auto; } } .products-modal .modal-unavailable_products__slider .prod_title, .products-modal .modal-unavailable_products__slider .prod_price, .products-modal .modal-unavailable_products__slider .prod_desc { color: #a6a6a6; } .products-modal .modal-unavailable_products__slider .product_hover:after { content: ''; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); } @media all and (max-width: 800px) { .products-modal .modal-unavailable_products__slider .product_hover:after { height: 43px; } } @media all and (min-width: 800px) { .modal-unavailable_products__slider, .modal-products__slider { visibility: hidden; opacity: 0; display: none; transition: opacity 0.25s ease-out; } .modal-unavailable_products__slider.slick-initialized.slick-slider, .modal-products__slider.slick-initialized.slick-slider { display: block; opacity: 1; visibility: visible; } } .home-hero { z-index: 92; } .home-hero__bg { width: 100%; min-height: 110px; object-fit: cover; } @media all and (min-width: 576px) { .home-hero__bg { min-height: 165px; } } @media all and (min-width: 768px) { .home-hero__bg { min-height: 220px; } } @media all and (min-width: 992px) { .home-hero__bg { min-height: 300px; } } .home-hero__content { left: 0; top: 0; color: #FFFFFF; } .home-hero__content--shipping { padding-bottom: 4vh; } @media all and (min-width: 992px) { .home-hero__content--shipping { padding: 2vh; } .home-hero__content--shipping .home-hero__subtitle { margin-bottom: 80px; } } @media all and (max-width: 576px) { .home-hero-hompage .home-hero__content { padding-top: 58px; } } @media all and (max-width: 410px) { .home-hero-hompage .home-hero__content { padding-top: 48px; } } .home-hero__title { margin: 0; } @media all and (max-width: 576px) { .home-hero__title { font-size: 38px; letter-spacing: 2px; } } @media all and (max-width: 410px) { .home-hero__title { font-size: 33px; } } .home-hero__subtitle { margin: 7px 0 30px; } @media all and (min-width: 361px) { .home-hero__subtitle { font-size: 15px; } } @media all and (min-width: 410px) { .home-hero__subtitle { margin: 7px 0 29px; font-size: 17px; } } @media all and (min-width: 576px) { .home-hero__subtitle { margin-bottom: 40px; } } @media all and (min-width: 768px) { .home-hero__subtitle { margin-bottom: 50px; font-size: 18px; } } @media all and (min-width: 992px) { .home-hero__subtitle { margin-bottom: 60px; } } @media all and (max-width: 993px) { .home-hero__subtitle--shiping { margin: 0; } } @media all and (max-width: 576px) { .home-hero__btn { padding: 12px 20px; font-size: 22px; letter-spacing: 1px; } } @media all and (max-width: 410px) { .home-hero__btn { padding: 11px 14px; font-size: 20px; } } .home-hero_small .home-hero__subtitle { margin: 0; } .home-products { padding: 60px 0 0; background: url("assets/images/home/texture_hp1.png") right bottom -25% no-repeat; } @media all and (max-width: 800px) { .home-products { background: transparent; position: relative; overflow: hidden; z-index: 0; margin-top: -59px; } } @media all and (max-width: 800px) and (max-width: 576px) { .home-products { padding-top: 89px; } } @media all and (max-width: 800px) and (max-width: 410px) { .home-products { padding-top: 79px; } } @media all and (max-width: 800px) { .home-products:before { content: ""; background: url("assets/images/home/texture_hp1_mobile.png") center center no-repeat; background-size: 100% auto; width: 75.278vw; height: 113.333vw; position: absolute; top: -54vw; right: 0; } } @media all and (max-width: 800px) and (max-width: 576px) { .home-products__titles h2 { font-size: 40px; letter-spacing: 1px; } .home-products__titles h2 span { font-size: 17px; display: inline-block; vertical-align: top; margin-top: 9px; margin-right: -4px; } } @media all and (max-width: 800px) and (max-width: 410px) { .home-products__titles h2 { font-size: 38px; } .home-products__titles h2 span { font-size: 15px; } } @media all and (max-width: 800px) { .home-products.home-plates { margin-top: 0; padding-top: 35px; } } .home-products.home-plates { padding-top: 0; background: transparent; } .home-products__slider { padding-top: 10px; } @media all and (max-width: 800px) { .home-products__slider { padding-top: 25px; } } .home-products__slider .slick-prev, .home-products__slider .slick-next { margin-top: -30px; top: 50%; } @media all and (max-width: 800px) { .home-products__slider .product_item { display: none; } .home-products__slider .product_item:nth-child(1), .home-products__slider .product_item:nth-child(2), .home-products__slider .product_item:nth-child(3) { display: block; } } .home-plates__slider { padding-top: 10px; } .home-plates__slider .slick-prev, .home-plates__slider .slick-next { margin-top: -30px; top: 50%; } .home-plates__slider .slick-slide { margin: 0 16px; padding: 0; } @media all and (max-width: 800px) { .home-plates__slider { margin: 0; } .home-plates__slider .col-auto { width: 268px; padding: 0; margin: 0 10px; } } .home-categories { margin-top: 26px; margin-bottom: 46px; } .home-categories .col-auto { padding: 0 8px; max-width: 33.333%; width: 33.333%; } @media all and (max-width: 480px) { .home-categories .col-auto { max-width: 50%; width: 50%; } } .home-categories-cat_wrap { width: 100%; max-width: 100%; padding: 0 0 85.5%; background: #FFFFFF url(assets/images/home/cat-wrap.png) right top no-repeat; background-size: contain; margin-bottom: 15px; } .home-categories-cat_wrap a { color: #1E3E20; } @media all and (max-width: 576px) { .home-categories-cat_title h3 { font-size: 32px; letter-spacing: 1px; margin: 0; font-weight: bold; } } .home-categories-cat_img { height: 48%; width: 100%; display: flex; align-items: flex-end; justify-content: center; } .home-categories-cat_img img { max-width: 75%; max-height: 100%; } .home-banners { padding: 5% 0; } .home-contents { position: relative; margin-top: 5%; } .home-contents:before { content: ""; width: 44vw; height: 42vw; position: absolute; top: 18vw; right: 0; background: url(assets/images/home/content_texture.png) right center no-repeat; background-size: contain; z-index: 1; } @media all and (max-width: 800px) { .home-contents:before { top: 22px; height: 370px; width: 370px; max-width: 100%; opacity: 0.6; z-index: 1; } } .home-contents:after { content: ""; width: 23vw; height: 59vw; position: absolute; right: 0; top: -9vw; background: url(assets/images/home/content_pineapple.png) center center no-repeat; background-size: contain; z-index: 2; } @media all and (max-width: 993px) { .home-contents:after { width: 18vw; height: 50vw; } } @media all and (max-width: 800px) { .home-contents:after { display: none; } } .home-content { padding: 9.1% 0 4%; background-image: url(assets/images/home/content_top_left.png), url(assets/images/home/content_bottom_left.png); background-position: left top, left bottom; background-repeat: no-repeat, no-repeat; background-size: auto 52vh, auto 40vh; position: relative; } @media all and (max-width: 993px) { .home-content { background-size: auto 40vh, auto 35vh; } } @media all and (max-width: 800px) { .home-content { background-image: url(assets/images/home/content_top_left-mobile.png); background-position: left bottom; background-size: 50% auto; padding: 14% 0 50%; } } @media all and (max-width: 480px) { .home-content { padding-bottom: 90%; } } @media all and (max-width: 800px) { .home-content:after { content: ""; width: 21vw; height: 54vw; position: absolute; right: 0; bottom: -10vw; background: url(assets/images/home/content_pineapple.png) center center no-repeat; background-size: contain; z-index: 3; } } @media all and (max-width: 480px) { .home-content:after { width: 42vw; height: 108vw; } } .home-content .container { position: relative; z-index: 3; } .home-content .accordion-item { margin-bottom: 45px; font-size: 18px; } @media all and (max-width: 993px) { .home-content .accordion-item { margin-bottom: 40px; } } @media all and (max-width: 576px) { .home-content .accordion-item { font-size: 18px; margin-bottom: 35px; } } @media all and (max-width: 420px) { .home-content .accordion-item { margin-bottom: 30px; } } @media all and (max-width: 370px) { .home-content .accordion-item { font-size: 17px; } } .home-content .accordion-title, .home-content .accordion-content { padding-right: 58px; } @media all and (max-width: 993px) { .home-content .accordion-title, .home-content .accordion-content { padding-right: 35px; } } @media all and (max-width: 576px) { .home-content .accordion-title, .home-content .accordion-content { padding-right: 25px; } } @media all and (max-width: 576px) { .home-content .accordion-title, .home-content .accordion-content { padding-right: 15px; } } @media all and (max-width: 420px) { .home-content .accordion-title, .home-content .accordion-content { padding-right: 0; } } .home-content .accordion-btn { background: transparent; border: 0; padding: 0; width: 100%; text-align: right; outline: none; letter-spacing: 1px; } @media all and (max-width: 800px) { .home-content .accordion-btn { margin-bottom: 0.75rem; } } .home-content .accordion-btn-inner { background: transparent; border: 0; padding: 0 58px 0 0; position: relative; margin: 0 0 20px; outline: none; color: #1E3E20; } .home-content .accordion-btn-inner span { position: relative; z-index: 1; } @media all and (max-width: 800px) { .home-content .accordion-btn-inner { padding: 0; margin: 0; line-height: 1; } } .home-content .accordion-btn-inner:before { content: ""; position: absolute; right: 0; top: 12px; width: 41px; height: 41px; background: url(assets/images/arrow_down.svg) center center no-repeat; background-size: contain; transform: rotate(180deg); transition: transform 0.25s ease-out; } @media all and (max-width: 800px) { .home-content .accordion-btn-inner:before { display: none; } } .home-content .accordion-btn-inner:after { content: ""; width: calc(100% - 58px); height: 15px; background: #F6DA2F; position: absolute; left: 0; bottom: 3px; } @media all and (max-width: 993px) { .home-content .accordion-btn-inner:after { height: 14px; } } @media all and (max-width: 800px) { .home-content .accordion-btn-inner:after { width: 100%; bottom: 1px; } } @media all and (max-width: 768px) { .home-content .accordion-btn-inner:after { height: 13px; } } @media all and (max-width: 576px) { .home-content .accordion-btn-inner:after { height: 12px; } } @media all and (max-width: 420px) { .home-content .accordion-btn-inner:after { height: 10px; } } .home-content .accordion-btn.collapsed .accordion-btn-inner:before { transform: rotate(0deg); } .home-content .accordion-btn img.arrow { transform: rotate(180deg); transition: all 0.25s ease-out; max-width: 32px; } @media all and (max-width: 480px) { .home-content .accordion-btn img.arrow { max-width: 21px; } } .home-content .accordion-btn.collapsed img.arrow { transform: rotate(0deg); } .home-snifim .banner-wrapper { margin: 0; position: relative; transform: translateY(-50%); } @media all and (max-width: 800px) { .home-snifim .banner-wrapper { transform: translateY(0%); } } .home-snifim-title { margin: 25px 0; } .home-snifim__slider .slick-prev, .home-snifim__slider .slick-next { top: 40%; } .home-snifim__slider .post { margin: 0 17px; padding: 0; } @media all and (max-width: 768px) { .home-snifim__slider .post { margin: 9px; width: 228px; } } .discover { padding-bottom: 8%; } @media all and (min-width: 576px) { .discover { padding-top: 35px; } } @media all and (min-width: 768px) { .discover { padding-top: 4%; } } .discover h3 { margin-bottom: 24px; } @media all and (min-width: 576px) { .discover h3 { margin-bottom: 35px; } } @media all and (min-width: 768px) { .discover h3 { margin-bottom: 60px; } } .discover .snif { background: #ffffff; border-radius: 10px; padding: 15px 20px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); height: 100%; } @media (max-width: 1280px) { .discover .snif { padding: 13px; } } @media (max-width: 1024px) { .discover .snif { flex-direction: column; align-items: center; position: relative; } } .discover .snif-wrapper { margin-bottom: 17px; } .discover .snif-right h4 { margin-bottom: 4px; } .discover .snif-right p { margin: 3px 0; } .discover .snif-right p, .discover .snif-right .label { font-size: 14px; } @media all and (min-width: 768px) { .discover .snif-right p, .discover .snif-right .label { font-size: 16px; } } @media all and (min-width: 1024px) { .discover .snif-right p, .discover .snif-right .label { font-size: 18px; } } @media (max-width: 1024px) { .discover .snif-right { position: absolute; left: 19px; bottom: 19px; margin-bottom: 0; } .discover .snif-right .label { position: absolute; left: 19px; bottom: 19px; margin-bottom: 0; } } .discover .snif-left { margin-top: -15px; } @media (max-width: 1024px) { .discover .snif-left { margin-top: 0; padding-top: 5px; text-align: right; width: 100%; } } .discover .snif-left a { display: inline-block; vertical-align: top; width: 30px; height: 30px; margin-left: 6px; } @media all and (min-width: 767px) { .discover .snif-left a { width: 36px; height: 36px; margin-left: 12px; } } @media all and (min-width: 1024px) { .discover .snif-left a { width: 42px; height: 42px; margin-left: 18px; } } .discover .snif-left .waze { display: inline-block; vertical-align: middle; } @media all and (min-width: 768px) { .discover .snif-left .waze { display: none; } } .discover .snif-left button { font-size: 14px; padding: 0 10px; letter-spacing: 1px; height: 30px; line-height: 30px; } @media all and (min-width: 768px) { .discover .snif-left button { font-size: 16px; padding: 0 15px; height: 36px; line-height: 36px; } } @media all and (min-width: 1024px) { .discover .snif-left button { font-size: 18px; padding: 0 20px; height: 42px; line-height: 42px; } } .snifim_slider { overflow: hidden; } .snifim_slider .container { max-width: 1350px; margin-left: auto; margin-right: auto; width: 100%; } .snifim_slider .container .slick-list { overflow: visible; } .snifim_slider .container .slick-next { left: 65px; } .snifim_slider .container .slick-prev { right: 65px; } .snifim_slider .item { position: relative; padding: 0; margin-bottom: 14px; } @media (min-width: 576px) { .snifim_slider .item { margin-bottom: 18px; } } @media (min-width: 768px) { .snifim_slider .item { padding: 0 17px; margin: 0; } } .snifim_slider .item img { width: 100%; height: auto; } .snifim_slider .item .sliderLabel { position: absolute; bottom: 34px; z-index: 9999; background-color: #A4D668; text-align: center; color: #1E3E20; padding: 5px 15px; font-size: 26px; margin: 0; } @media all and (min-width: 576px) { .snifim_slider .item .sliderLabel { font-size: 32px; padding: 8px 20px; } } @media all and (min-width: 768px) { .snifim_slider .item .sliderLabel { font-size: 36px; padding: 0 20px; } } @media all and (min-width: 993px) { .snifim_slider .item .sliderLabel { font-size: 40px; } } @media all and (min-width: 1200px) { .snifim_slider .item .sliderLabel { font-size: 46px; } } .snifim_slider .item img { max-width: 100%; display: block; margin: 0 auto; } #page_content.contact .contact_bg { margin-bottom: -200px; } @media all and (max-width: 993px) { #page_content.contact .contact_bg { margin-bottom: -160px; } } @media all and (max-width: 768px) { #page_content.contact .contact_bg { margin-bottom: -120px; } } @media all and (max-width: 576px) { #page_content.contact .contact_bg { margin-bottom: -80px; } } @media all and (max-width: 420px) { #page_content.contact .contact_bg { margin-bottom: -40px; } } .contact_us.container { padding-top: 4%; max-width: 1316px; width: 100%; } .contact_us.container h2 { margin-bottom: 10px; } .contact_us.container p { margin-bottom: 27px; } .contact_us.container .link_section a { color: inherit; display: inline-block; margin-bottom: 24px; } .contact_us.container .link_section a img { width: 41px; height: 41px; margin-left: 10px; } .contact_us.container .col-right { max-width: 394px; } .contact_us.container .col-left { max-width: 702px; } @media (max-width: 993px) { .contact_us.container h2 { text-align: center; margin-bottom: 20px; } .contact_us.container a, .contact_us.container p { font-size: 18px; } } .business_page { margin-bottom: -200px; background-image: url(assets/images/business_image.png); background-repeat: no-repeat; background-position: left 0 bottom -120px; } @media all and (max-width: 993px) { .business_page { margin-bottom: -160px; } } @media all and (max-width: 768px) { .business_page { margin-bottom: -120px; } } @media all and (max-width: 576px) { .business_page { margin-bottom: -80px; } } @media all and (max-width: 420px) { .business_page { margin-bottom: -40px; } } .business_page .container { width: 718px; padding-top: 4%; padding-bottom: 10%; } .business_page .container h3 { margin-bottom: 49px; } .business_page .container form { padding-bottom: 65px; } .business_page .container .testimonials_slider { position: relative; z-index: 9; } .business_page .container .testimonials_slider::after { position: absolute; content: ''; width: 100%; height: calc(100% - 40px); bottom: 0; left: 0; z-index: -1; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); } .business_page .container .testimonials_slider .item { margin-top: 40px; border-radius: 10px; background-color: #FFFFFF; padding: 50px 55px 50px; position: relative; } .business_page .container .testimonials_slider .item-img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 52px; } .business_page .container .testimonials_slider .item p { font-size: 14px; color: #1E3E20; line-height: 1.5; } .business_page .container .testimonials_slider .slick-prev, .business_page .container .testimonials_slider .slick-next { margin-top: 20px; top: 50%; transform: translate(-50%, -50%); } .business_page .container .testimonials_slider .slick-prev { right: 0px; transform: translate(50%, -50%); } .business_page .container .testimonials_slider .slick-next { left: 0px; } @media (max-width: 993px) { .business_page .container { padding-bottom: 204px; } .business_page .container .testimonials_slider .slick-prev, .business_page .container .testimonials_slider .slick-next { top: auto; bottom: 0; left: 50%; right: auto; margin: 0; } .business_page .container .testimonials_slider .slick-prev { transform: translate(0, 50%); margin-left: 9px; } .business_page .container .testimonials_slider .slick-next { transform: translate(0, 50%); margin-right: 9px; left: auto; right: 50%; } } @media (max-width: 767px) { .business_page { background-position: left -30px bottom -90px; background-size: 340px; } .business_page .container { padding-bottom: 255px; padding-top: 24px; } .business_page .container h3 { font-size: 18px; margin-bottom: 36px; font-family: ArbelG, sans-serif; line-height: 1.4; } .business_page .container .testimonials_slider .item { padding: 40px 20px 25px; } .business_page .container .testimonials_slider .item p { text-align: right; } .business_page .container form { padding-bottom: 46px; } } .about_page { padding-top: 10%; line-height: 1.75; } @media all and (min-width: 768px) { .about_page { font-size: 18px; padding-top: 4%; } } .about_page .story_behind { text-align: center; padding-bottom: 15%; position: relative; /* &:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 100%; background-image: url('assets/images/contactus_bg.png'); background-repeat: no-repeat; background-position: left bottom; } */ } .about_page .story_behind h3 { margin-bottom: 18px; line-height: 1.4; } .about_page .content_section { padding-top: 7%; padding-bottom: 7%; background-color: #FFFFFF; background-image: url("assets/images/about/texture-about.png"); background-repeat: no-repeat; background-position: right center; position: relative; } @media all and (max-width: 1200px) { .about_page .content_section { padding-bottom: 45%; } } @media all and (max-width: 993px) { .about_page .content_section { padding-bottom: 85%; background-size: auto 45%; } } @media all and (max-width: 768px) { .about_page .content_section { padding-bottom: 80%; } } .about_page .content_section .before { z-index: 1; width: 56%; bottom: 0; left: 0; position: absolute; } @media all and (max-width: 993px) { .about_page .content_section .before { width: 100%; } } @media all and (max-width: 768px) { .about_page .content_section .before { bottom: -14%; } } .about_page .content_section .before img { width: 100%; } .about_page .content_section .container { position: relative; z-index: 2; } .about_page .content_section p { max-width: 824px; font-size: 18px; color: #1E3E20; line-height: 1.7; } .about_page .video_section { padding-top: 100px; padding-bottom: 40px; } @media all and (min-width: 768px) { .about_page .video_section { padding-top: 9%; padding-bottom: 9%; } } @media all and (min-width: 1500px) { .about_page .video_section { padding-top: 5%; padding-bottom: 5%; } } .about_page .part_of_dream { padding-bottom: 3%; } .about_page .part_of_dream .container { width: 984px; } .about_page .part_of_dream .container p { margin-bottom: 1.5em; } .about_page .part_of_dream .container img { margin-bottom: 1.5em; } .shipping { font-size: 17px; line-height: 1.7; } @media all and (min-width: 410px) { .shipping { font-size: 18px; } } .shipping__thumb { max-width: 80%; } .shipping__thumb-wrapper { margin-top: -15%; z-index: 99; } .shipping .deliveries { width: 686px; max-width: 100%; margin-bottom: 16vh; } @media all and (max-width: 993px) { .shipping .deliveries { margin-bottom: 25vw; } } @media all and (max-width: 768px) { .shipping .deliveries { margin-bottom: 22vw; } } @media all and (max-width: 576px) { .shipping .deliveries { margin-bottom: 19vw; } } .shipping .deliveries .form-group { position: relative; } .shipping .deliveries .form-group .form-control { font-size: 14px; border-radius: 23px; outline: none; } @media (min-width: 768px) { .shipping .deliveries .form-group .form-control { font-size: 20px; } } .shipping .deliveries .form-group input[type="submit"] { position: absolute; left: 0; top: 0; width: 111px; font-size: 16px; } @media (min-width: 768px) { .shipping .deliveries .form-group input[type="submit"] { width: 160px; height: 49px; font-size: 26px; } } .shipping .deliveries_detail .content { border-radius: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); padding: 25px 20px 35px 10%; background-image: url("assets/images/shipping/bg_dot.png"); background-repeat: no-repeat; background-position: left center; } @media all and (max-width: 1024px) { .shipping .deliveries_detail .content { padding-top: 57px; background-size: auto 100%; background-position-x: 133%; } } .shipping .deliveries_detail .content-wrapper { margin-bottom: 55px; } @media all and (min-width: 767px) { .shipping .deliveries_detail .content-wrapper { margin-bottom: 95px; } } .shipping .deliveries_detail .content img { position: absolute; left: 0; right: 0; bottom: 100%; transform: translateY(50%); margin: 0 auto; max-width: 84px; max-height: 88px; } @media all and (min-width: 767px) { .shipping .deliveries_detail .content img { max-height: none; max-width: 104px; max-height: 108px; } } .shipping .banner-wide { border-radius: 10px; margin-bottom: 95px; } .shipping .banner-wide a { padding: 25px 74px; background-image: url("assets/images/shipping/morning_deliveries.jpg"); background-repeat: no-repeat; background-position: left center; background-size: auto 100%; } .shipping .banner-wide a .content_section { padding-right: 31px; } .shipping .banner-wide a .content_section h3 span { color: #187f35; } .shipping .banner-wide a .content_section p { font-size: 22px; color: #1E3E20; line-height: 1; } .shipping .banner-wide a .content_section p i { font-style: normal; position: relative; z-index: 9; } .shipping .banner-wide a .content_section p i:after { width: 100%; position: absolute; content: ''; left: 0; bottom: 0; background: #EEDB14; height: 9px; z-index: -1; } @media all and (max-width: 767px) { .shipping .banner-wide a.morning_deliveries { background-image: url("assets/images/shipping/bg_dot.png"); padding: 20px; position: relative; z-index: 1; } .shipping .banner-wide a.morning_deliveries:after { position: absolute; content: ''; width: 151px; height: 151px; border-radius: 50%; background: #A4D668; left: 0; right: 0; margin: -55px auto 0; z-index: -1; } .shipping .banner-wide a.morning_deliveries > img { width: 67px; margin-bottom: 15px; margin-top: -35px; } .shipping .banner-wide a.morning_deliveries .content_section { padding-right: 0; } .shipping .banner-wide a.morning_deliveries .content_section p { font-size: 16px; } .shipping .banner-wide a.morning_deliveries .content_section p i:after { background: #fff; height: 7px; } } .klik { /** Single klik product **/ } .klik-top { padding: 25px 0 40px; } @media all and (min-width: 576px) { .klik-top { padding: 35px 0 55px; } } @media all and (min-width: 768px) { .klik-top { padding: 45px 0 65px; } } @media all and (min-width: 992px) { .klik-top { padding: 55px 0 85px; } } .klik-top:after { content: ""; width: 54px; height: 54px; background: #FFFFFF; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); } .klik-step { margin-bottom: 28px; } @media all and (min-width: 576px) { .klik-step { margin-bottom: 0; } } .klik-step-thumbnail { width: 140px; max-width: 100%; margin: 0 auto; } @media all and (min-width: 576px) { .klik-step-thumbnail { width: 160px; } } @media all and (min-width: 768px) { .klik-step-thumbnail { width: 180px; } } @media all and (min-width: 992px) { .klik-step-thumbnail { width: 200px; } } @media all and (min-width: 1200px) { .klik-step-thumbnail { width: 240px; } } .klik-step-thumbnail_inner { padding: 0 0 95%; position: relative; } .klik-step-thumbnail img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } @media all and (max-width: 576px) { .klik-step-titles_num, .klik-step-titles_title { font-size: 36px; line-height: 1.1; } } .klik-bottom { padding: 20px 0 40px; } @media all and (min-width: 576px) { .klik-bottom { padding-bottom: 100px; } } @media all and (min-width: 768px) { .klik-bottom { padding-bottom: 125px; } } @media all and (min-width: 992px) { .klik-bottom { padding-bottom: 165px; } } .klik-bottom h2.klik-title { margin: 20px 0 15px; } @media all and (min-width: 576px) { .klik-bottom h2.klik-title { margin: 35px 0 25px; } } @media all and (min-width: 768px) { .klik-bottom h2.klik-title { margin: 55px 0 40px; } } @media all and (min-width: 992px) { .klik-bottom h2.klik-title { margin: 75px 0 60px; } } .klik-product { border-radius: 10px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); margin-bottom: 34px; } .klik-product a { color: #1E3E20; } .klik-product-thumbnail img { width: 100%; border-radius: 10px 10px 0 0; } .klik-product-content { padding: 15px; line-height: 1; } @media all and (min-width: 768px) { .klik-product-content { padding: 20px; } } @media all and (min-width: 1200px) { .klik-product-content { padding: 25px; } } .klik-product-content-titles { font-size: 12px; } @media all and (min-width: 576px) { .klik-product-content-titles { font-size: 14px; } } @media all and (min-width: 768px) { .klik-product-content-titles { font-size: 16px; } } @media all and (min-width: 992px) { .klik-product-content-titles { font-size: 18px; } } .klik-product-content_prices { width: 127px; flex: 0 0 127px; max-width: 127px; display: flex; flex-direction: column; } @media all and (min-width: 768px) { .klik-product-content_prices { width: 140px; flex: 0 0 140px; max-width: 140px; } } @media all and (min-width: 1200px) { .klik-product-content_prices { width: 154px; flex: 0 0 154px; max-width: 154px; } } .klik-product-diners { margin-top: -30px; } @media all and (min-width: 768px) { .klik-product-diners { margin-top: -35px; } } @media all and (min-width: 1200px) { .klik-product-diners { margin-top: -40px; } } .klik-product-diners:before { content: ""; position: absolute; left: 0; top: -13px; height: 95px; width: 95px; background: #FFFFFF; border-radius: 50%; } @media all and (min-width: 768px) { .klik-product-diners:before { height: 108px; width: 108px; top: -18px; } } @media all and (min-width: 1200px) { .klik-product-diners:before { height: 120px; width: 120px; top: -20px; } } .klik-product-diners_icon, .klik-product-diners_desc { position: relative; } .klik-product-diners_desc { margin-top: 12px; font-size: 10px; } @media all and (min-width: 576px) { .klik-product-diners_desc { font-size: 12px; } } @media all and (min-width: 768px) { .klik-product-diners_desc { font-size: 14px; } } .klik-product-price { position: relative; margin-top: auto; } .klik-single-product_section { padding: 20px 0 40px; margin: 0 0 20px; } @media all and (min-width: 576px) { .klik-single-product_section { padding: 25px 0; margin: 0 0 30px; } } @media all and (min-width: 768px) { .klik-single-product_section { padding: 30px 0; margin: 30px 0; } } @media all and (min-width: 992px) { .klik-single-product_section { padding: 40px 0; margin: 40px 0; } } @media all and (min-width: 1200px) { .klik-single-product_section { padding: 62px 0; margin: 50px 0; } } .klik-single-thumbnail_slider .slick-prev { transform: translate(-10px, -50%); } @media all and (min-width: 768px) { .klik-single-thumbnail_slider .slick-prev { transform: translate(-50%, -50%); } } [dir='rtl'] .klik-single-thumbnail_slider .slick-prev { transform: translate(10px, -50%); } @media all and (min-width: 768px) { [dir='rtl'] .klik-single-thumbnail_slider .slick-prev { transform: translate(50%, -50%); } } .klik-single-thumbnail_slider .slick-next { transform: translate(10px, -50%); } @media all and (min-width: 768px) { .klik-single-thumbnail_slider .slick-next { transform: translate(50%, -50%); } } [dir='rtl'] .klik-single-thumbnail_slider .slick-next { transform: translate(-10px, -50%); } @media all and (min-width: 768px) { [dir='rtl'] .klik-single-thumbnail_slider .slick-next { transform: translate(-50%, -50%); } } .klik-single-description { padding: 15px 0 25px; } .klik-single-selectors { margin-bottom: 18px; } @media all and (min-width: 576px) { .klik-single-selectors { margin-bottom: 25px; } } @media all and (min-width: 768px) { .klik-single-selectors { margin-bottom: 30px; } } @media all and (min-width: 992px) { .klik-single-selectors { margin-bottom: 40px; } } @media all and (min-width: 1200px) { .klik-single-selectors { margin-bottom: 50px; } } .klik-single-add_to_cart .btn { padding: 14px 33px; font-size: 24px; line-height: 1; } #page_content.faq { margin-bottom: -200px; } @media all and (max-width: 993px) { #page_content.faq { margin-bottom: -160px; } } @media all and (max-width: 768px) { #page_content.faq { margin-bottom: -120px; } } @media all and (max-width: 576px) { #page_content.faq { margin-bottom: -80px; } } @media all and (max-width: 420px) { #page_content.faq { margin-bottom: -40px; } } .faq.sec--pad { padding-bottom: 15%; } @media all and (min-width: 576px) { .faq.sec--pad { background: url(assets/images/faq/fig33.png) left bottom no-repeat; background-size: 33.333% auto; } } .faq-category { margin-bottom: 55px; } .faq-category-title { line-height: 1; } @media all and (min-width: 576px) { .faq-category-title { width: 200px; max-width: 200px; } } @media all and (min-width: 768px) { .faq-category-title { width: 237px; max-width: 237px; } } @media all and (min-width: 992px) { .faq-category-title { width: 277px; max-width: 277px; } } @media all and (min-width: 1200px) { .faq-category-title h3 { font-size: 32px; } } .faq-category-title span { position: relative; } .faq-category-title span:before { content: ""; z-index: -1; position: absolute; bottom: 2px; right: 0; height: 5px; width: 105%; background: #A4D668; } @media all and (min-width: 576px) { .faq-category-title span:before { height: 6px; width: 100px; } } @media all and (min-width: 768px) { .faq-category-title span:before { height: 8px; } } @media all and (min-width: 992px) { .faq-category-title span:before { height: 10px; width: 110px; } } @media all and (min-width: 576px) { .faq-category-items { max-width: 982px; } } .faq-item { border-radius: 8px; padding: 15px 20px; margin: 0 0 16px; } @media all and (min-width: 576px) { .faq-item { padding: 15px 25px; margin: 0 0 20px; } } @media all and (min-width: 768px) { .faq-item { padding: 18px 38px; margin: 0 0 22px; } } @media all and (min-width: 992px) { .faq-item { padding: 20px 32px; margin: 0 0 24px; } } .faq-item button { outline: none; } .faq-item-content { padding: 10px 0 0; } @media all and (min-width: 576px) { .faq-item-content { padding: 12px 0 0 20px; } } @media all and (min-width: 768px) { .faq-item-content { padding: 13px 0 0 33px; } } @media all and (min-width: 992px) { .faq-item-content { padding: 15px 0 0 43px; } } #page_content.magashim { padding: 83px 0 0; } @media all and (max-height: 993px) { #page_content.magashim { padding-top: 65px; } } @media all and (max-height: 768px) { #page_content.magashim { padding-top: 40px; } } @media all and (max-height: 576px) { #page_content.magashim { padding-top: 25px; } } @media all and (max-height: 480px) { #page_content.magashim { padding-top: 10px; } } #page_content.magashim .page-title { margin-bottom: 30px; } @media all and (max-height: 993px) { #page_content.magashim .page-title { margin-bottom: 25px; } } @media all and (max-height: 768px) { #page_content.magashim .page-title { margin-bottom: 20px; } } @media all and (max-height: 576px) { #page_content.magashim .page-title { margin-bottom: 10px; } } #page_content.myaccount { margin-bottom: -200px; } @media all and (max-width: 993px) { #page_content.myaccount { margin-bottom: -160px; } } @media all and (max-width: 768px) { #page_content.myaccount { margin-bottom: -120px; } } @media all and (max-width: 576px) { #page_content.myaccount { margin-bottom: -80px; } } @media all and (max-width: 420px) { #page_content.myaccount { margin-bottom: -40px; } } #page_content.myaccount .sidebar { width: 452px; flex: 0 0 452px; } @media all and (max-width: 1680px) { #page_content.myaccount .sidebar { width: 352px; flex: 0 0 352px; } } @media all and (max-width: 1300px) { #page_content.myaccount .sidebar_left { display: none; } } @media all and (max-width: 993px) { #page_content.myaccount .sidebar { width: 287px; flex: 0 0 287px; } } @media all and (max-width: 600px) { #page_content.myaccount .sidebar { width: 100%; flex: 0 0 100%; padding: 10px; position: sticky; top: 0; z-index: 8; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12); } } .myaccount_menu, .myaccount_content { padding-top: 48px; padding-bottom: 200px; } @media all and (max-width: 1680px) { .myaccount_menu, .myaccount_content { padding-top: 40px; } } @media all and (max-width: 993px) { .myaccount_menu, .myaccount_content { padding-bottom: 160px; padding-top: 30px; } } @media all and (max-width: 768px) { .myaccount_menu, .myaccount_content { padding-bottom: 120px; } } @media all and (max-width: 576px) { .myaccount_menu, .myaccount_content { padding-bottom: 80px; } } @media all and (max-width: 420px) { .myaccount_menu, .myaccount_content { padding-bottom: 40px; } } .myaccount_menu { padding-right: 48px; padding-left: 48px; } @media all and (max-width: 1680px) { .myaccount_menu { padding-right: 38px; padding-left: 38px; } } @media all and (max-width: 1200px) { .myaccount_menu { padding-right: 20px; padding-left: 20px; } } .myaccount_menu .logout { position: absolute; top: 0; left: 0; text-align: center; color: #1E3E20; } .myaccount_menu .logout_icon { background: #EEDB14; width: 41px; height: 41px; margin: 0 auto 2px; } .myaccount_menu .logout_text { font-size: 14px; } .myaccount_menu ul { list-style: none; margin: 45px 0 0; padding: 0; } @media all and (max-width: 993px) { .myaccount_menu ul { margin: 35px 0 0; } } @media all and (max-width: 600px) { .myaccount_menu ul { margin: 20px 0 0; } } @media all and (max-width: 600px) { .myaccount_menu ul { padding: 0; display: flex; justify-content: space-between; } } .myaccount_menu ul li { padding: 0; margin: 0 0 12px; } @media all and (max-width: 600px) { .myaccount_menu ul li { margin: 0; } } .myaccount_menu ul li a { color: #1E3E20; } .myaccount_menu ul li .icon { display: inline-block; width: 34px; } @media all and (max-width: 600px) { .myaccount_menu ul li .icon { width: 26px; } } .myaccount_menu ul li .icon img { max-width: 100%; margin: 0 auto; } .myaccount_menu ul li .text { position: relative; z-index: 1; line-height: 1; } .myaccount_menu ul li .text:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 10px; background: #A4D668; transition: all 0.25s ease-out; z-index: -1; } @media all and (max-width: 993px) { .myaccount_menu ul li .text:before { height: 8px; } } @media all and (max-width: 768px) { .myaccount_menu ul li .text:before { height: 6px; } } @media all and (max-width: 576px) { .myaccount_menu ul li .text:before { height: 4px; } } .myaccount_menu ul li.active .text:before, .myaccount_menu ul li a:hover .text:before { width: 100%; } .myaccount_content { position: relative; padding-right: 8.1%; padding-left: 8.1%; } @media all and (max-width: 1680px) { .myaccount_content { padding-right: 5%; padding-left: 5%; } } @media all and (max-width: 1200px) { .myaccount_content { padding-right: 20px; padding-left: 20px; } } @media all and (max-width: 600px) { .myaccount_content { position: relative; } } .myaccount_content form .btn-green { font-size: 26px; line-height: 49px; padding: 0 65px; height: 49px; } .myaccount_content .personal_orders_date { color: #AFAFAF; font-size: 1.15em; width: 100px; } .myaccount_content .personal_orders_row { background: transparent; color: #1E3E20; padding: 20px 30px; border-bottom: 1px solid #AFAFAF; } @media all and (max-width: 650px) { .myaccount_content .personal_orders_row { padding: 10px 15px; } } .myaccount_content .personal_orders_row_wrap.active .personal_orders_date { color: #1E3E20; } .myaccount_content .personal_orders_row_wrap.active .personal_orders_row { position: absolute; right: 452px; top: 0; width: calc(100% - 452px); background: #A4D668; color: #1E3E20; border-bottom: none; } @media all and (max-width: 1680px) { .myaccount_content .personal_orders_row_wrap.active .personal_orders_row { right: 352px; width: calc(100% - 352px); } } @media all and (max-width: 993px) { .myaccount_content .personal_orders_row_wrap.active .personal_orders_row { right: 287px; width: calc(100% - 287px); } } @media all and (max-width: 600px) { .myaccount_content .personal_orders_row_wrap.active .personal_orders_row { right: 0; width: 100%; position: fixed; z-index: 9; top: 77px; } } .myaccount_content .personal_orders_total { font-weight: bold; } @media all and (max-width: 600px) { .myaccount_content .personal_orders_total { position: absolute; left: 15px; top: 10px; } } .myaccount_content .personal_order_open { padding: 45px 0 25px; font-size: 18px; } @media all and (max-width: 600px) { .myaccount_content .personal_order_open { padding: 0; } } .myaccount_content .personal_order_btns .btn { padding: 8px 35px; font-size: 26px; } @media all and (max-width: 767px) { .myaccount_content .personal_order_btns .btn { padding: 6px 25px; font-size: 22px; } } .myaccount_content .personal_order_btns .btn + .btn { margin-top: 15px; } @media all and (min-width: 576px) { .myaccount_content .personal_order_btns .btn + .btn { margin-top: 0; } } .my_order_row { border-bottom: 1px solid #afafaf; padding: 6px 0; } .my_order_row .col { padding-right: 0; } .my_order_row .col-auto { padding-left: 0; } .myaccount_modal .modal-content { background: #FFFFFF url(assets/images/home/content_texture.png) right center no-repeat; background-size: 250px 0; } .myaccount_modal .logo { margin-bottom: -20px; width: 125px; max-width: 40%; } .myaccount_modal .modal-header .close { position: absolute; right: 10px; top: 10px; } .myaccount_modal .btn-green { padding: 12px 25px 8px; line-height: 1; font-size: 18px; font-weight: bold; font-family: 'ArbelG', sans-serif; } .myaccount_modal .btn-green.fontMarom { font-weight: normal; } @media all and (max-width: 767px) { .myaccount_modal .btn-green { padding: 8px 25px 4px; } } .myaccount_modal#editAddressModal .modal-body { background: #F5F5F4; border-radius: 0 0 10px 10px; } .personal_address_list-item { position: relative; border-bottom: 1px solid #AFAFAF; } .personal_address_list-item a { color: #1E3E20; } .personal_address_list-item .my_address_col1 { width: 160px; } .personal_address_list-item .my_address_col1 img { width: 30px; margin-left: 5px; } @media all and (max-width: 576px) { .personal_address_list-item .my_address_col1 img { width: 25px; } } .personal_address .link_new_address { position: relative; top: 0; left: 0; transform: none; text-align: center; display: block; } .personal_address .link_new_address:before { display: none !important; } .page_404 .img_404 { max-width: 70%; } .m_cat_filters { position: sticky; top: 76px; z-index: 91; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); padding-top: 16px; margin-top: -16px; } .m_cat_filters a { color: #1E3E20; font-size: 18px; padding: 5px 12px 4px; display: inline-block; } .m_cat_filters a.active { border-bottom: 2px solid #21320d; padding-bottom: 2px; background: #A4D668; font-weight: bold; } .m_cat_filters_icon { padding: 0 10px; } .cat_side { width: 242px; font-size: 20px; } .cat_side a { color: #1E3E20; } .cat_side .title { margin-bottom: 15px; } .cat_side .filter_select { margin-bottom: 50px; } .side_group { margin: 0 0 25px; } .side_group + .side_group { padding-top: 25px; border-top: 1px solid #ddd; } .open_menu_link { margin: 3px 0; padding: 6px 10px 4px; line-height: 1; background: transparent; border-radius: 20px; display: inline-block; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .open_menu_link.link_border { background: #A4D668; } .cat_filter_link { display: block; padding: 0 26px 0 0; position: relative; line-height: 20px; margin: 0 0 15px; } .cat_filter_link.active .cat_filter_check { background: url(assets/images/check.svg) center center no-repeat; background-size: auto; } .cat_filter_check { border: 1px solid #AFAFAF; border-radius: 2px; width: 19px; height: 19px; display: block; position: absolute; right: 0; top: 0; } .products_row_5 .product { width: 100%; flex: 0 0 100%; max-width: 100%; } @media all and (min-width: 800px) { .products_row_5 .product { width: 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media all and (min-width: 1024px) { .products_row_5 .product { width: 25%; flex: 0 0 25%; max-width: 25%; } } @media all and (min-width: 1300px) { .products_row_5 .product { width: 20%; flex: 0 0 20%; max-width: 20%; } } /** Load more from Quatro */ .loade_more { margin-top: 40px; } .loade_more_img { width: 50px; -webkit-animation: loader 2.5s linear infinite; animation: loader 2.5s linear infinite; } @-webkit-keyframes loader { 0%, 30% { } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0%, 30% { } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .loade_more_tx { margin-top: 18px; } .type_wrap { width: 20px; display: inline-block; text-align: right; } .type_in { overflow: hidden; white-space: nowrap; width: 28px; display: inline-block; -webkit-animation: type 1.8s infinite; animation: type 1.8s infinite; } @-webkit-keyframes type { 0%, 30% { width: 0; } 100% { width: 100; } } @keyframes type { 0%, 30% { width: 0; } 100% { width: 100; } } .price ins, .price del { display: inline-block; font-weight: bold; } .price ins { text-decoration: none; } .price del { font-size: 0.78em; color: #979797; margin-right: 15px; } .product-modal { /** Product itself */ } .product-modal .modal-dialog { width: 1028px; max-width: calc(100% - 1rem); } .product-modal .modal-dialog .modal-content { border-radius: 15px; box-shadow: 0 6px 51px 14px rgba(0, 0, 0, 0.2); } .product-modal .modal-header { padding: 0; position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } .product-modal .modal-header .close { padding: 20px 17px; background: #FFFFFF; border-radius: 0 15px 0 0; } @media all and (max-width: 576px) { .product-modal .modal-header .close { padding: 13px; } } .product-modal .modal-icons { position: absolute; left: 30px; top: 30px; z-index: 9; } @media all and (max-width: 993px) { .product-modal .modal-icons { left: 25px; top: 25px; } } @media all and (max-width: 768px) { .product-modal .modal-icons { left: 20px; top: 20px; } } @media all and (max-width: 576px) { .product-modal .modal-icons { left: 15px; top: 15px; } } .product-modal .modal-icons img { width: 34px; height: auto; } .product-modal .modal-icons button { border: 0; padding: 0; margin: 0; background: transparent; outline: none; } .product-modal .modal-icons button + button { margin-right: 14px; } .product-modal .modal-body { padding: 0; } @media all and (max-width: 576px) { .product-modal-title { font-size: 42px; letter-spacing: 1px; } } @media all and (max-width: 410px) { .product-modal-title { font-size: 40px; } } @media all and (max-width: 370px) { .product-modal-title { font-size: 38px; } } @media all and (max-width: 576px) { .product-modal .font--14 { font-size: 16px; } } @media all and (max-width: 370px) { .product-modal .font--14 { font-size: 15px; } } .product-modal-main { padding: 50px 29px 65px 74px; } @media all and (max-width: 800px) { .product-modal-main { padding: 45px 20px 30px; } } .product-modal-main .h4-large { font-size: 26px; } @media all and (max-width: 576px) { .product-modal-main .h4-large { font-size: 30px; } } @media all and (max-width: 410px) { .product-modal-main .h4-large { font-size: 28px; } } @media all and (max-width: 370px) { .product-modal-main .h4-large { font-size: 26px; } } .product-modal-main .price.h4-large { font-size: 24px; } @media all and (min-width: 576px) { .product-modal-main .price.h4-large { font-size: 26px; } } @media all and (min-width: 768px) { .product-modal-main .price.h4-large { font-size: 28px; } } @media all and (min-width: 993px) { .product-modal-main .price.h4-large { font-size: 26px; } } @media all and (min-width: 768px) { .product-modal-images { width: 379px; max-width: 379px; flex: 0 0 379px; } } .product-modal-images_slider { visibility: hidden; opacity: 0; transition: opacity 0.25s ease-out; } .product-modal-images_slider.slick-initialized { visibility: visible; opacity: 1; } @media all and (max-width: 576px) { .product-modal-images_slider-slide { padding: 0 50px; } } .product-modal-content { padding-top: 0; } @media all and (min-width: 768px) { .product-modal-content { max-width: 507px; } } .product-modal-footer { background: #F5F5F4; padding: 20px 40px 0; border-radius: 0 0 15px 15px; } @media all and (max-width: 800px) { .product-modal-footer { padding: 13px 20px 4px; } } .product-modal-title span { margin-right: 10px; } .product-modal-price_desc { color: #AFAFAF; font-size: 16px; } .product-modal .sep { margin: 0 8px; } .product-modal-add_to_cart { margin-bottom: 25px; } .product-modal-add_to_cart .btn { font-size: 18px; letter-spacing: 1px; line-height: 1; padding: 13px 32px 15px; } @media all and (min-width: 361px) { .product-modal-add_to_cart .btn { font-size: 20px; padding: 13px 36px 15px; } } @media all and (min-width: 576px) { .product-modal-add_to_cart .btn { font-size: 20px; } } @media all and (min-width: 768px) { .product-modal-add_to_cart .btn { font-size: 22px; } } @media all and (min-width: 992px) { .product-modal-add_to_cart .btn { font-size: 24px; } } .product-modal-notes label { color: #AFAFAF; padding: 0 16px; top: 0; transform: translateY(50%); font-size: 16px; } .product-modal-notes .focused label { top: 0; transform: translateY(-95%); font-size: 14px; } .product-modal-notes textarea { width: 100%; max-width: 406px; height: 53px; padding: 5px 16px; line-height: 1.25; border: 1px solid #E9E9E9; border-radius: 11.5px; background-color: #FFFFFF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); } .product-modal-ingredients { line-height: 1; margin-bottom: 12px; } .product-modal-tip { background: #F5F5F4 url(assets/images/product/texture_bubble.png) left center no-repeat; background-size: auto 100%; border-radius: 8px; padding: 10px 20px; } @media all and (max-width: 800px) { .product-modal-tip { margin-top: 55px; } } .product-modal-tip_bg { position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); } @media all and (max-width: 800px) { .product-modal-tip_bg { width: 56px; left: 14px; transform: translate(0%, -50%); } } @media all and (max-width: 800px) { .product-modal-tip .h5 { font-size: 26px; } } @media all and (max-width: 576px) { .product-modal-tip .h5 { font-size: 24px; } } @media all and (max-width: 410px) { .product-modal-tip .h5 { font-size: 22px; } } @media all and (min-width: 1024px) { .product-modal .products .product_item { width: 25%; flex: 0 0 25%; max-width: 25%; } } .link_back_stp { color: #1E3E20; font-size: 14px; } @media all and (max-width: 767px) { .link_back_stp { font-size: 16px; } .link_back_stp img { width: 21px; height: auto; } } @media all and (min-width: 768px) { .link_back_stp { font-size: 18px; position: fixed; top: 200px; right: 100px; } } @media all and (max-width: 1024px) { .link_back_stp { right: 16px; } } @media all and (min-width: 1120px) { .link_back_stp { top: 250px; } } .header-checkout { margin: 60px 0 20px; } .head_check_step { color: #c6cdc5; font-size: 26px; } @media all and (min-width: 576px) { .head_check_step { font-size: 30px; } } @media all and (min-width: 768px) { .head_check_step { font-size: 34px; } } @media all and (min-width: 993px) { .head_check_step { font-size: 38px; } } @media all and (min-width: 1200px) { .head_check_step { font-size: 46px; } } .head_check_step.active { color: #1E3E20; } .box { padding: 20px; } .swipe-tabs { position: relative; background: #FFFFFF; height: 48px; border-radius: 50px; } .swipe-tabs.log_tabs { max-width: 477px; } .swipe-tabs .swipe-tab { width: 50%; height: 48px; line-height: 48px; border-radius: 50px; color: #1E3E20; font-size: 26px; text-align: center; position: relative; z-index: 1; } .swipe-tabs .swipe-tab:nth-child(2n).active ~ .active-bg { right: 50%; } .swipe-tabs .active-bg { position: absolute; right: 0; top: 0; width: 50%; height: 48px; border-radius: 50px; background: #A4D668; } .supply_wrap__inner { -webkit-flex: 1; flex: 1; -webkit-flex-basis: 100%; flex-basis: 100%; } @media all and (max-width: 576px) { .supply_wrap-box { background: transparent !important; padding: 0; margin-bottom: 30px; } } @media all and (min-width: 576px) { .supply_wrap-box { border-radius: 8px; padding: 20px; margin-bottom: 80px; } } .hours_item { color: #1E3E20; background: transparent; font-size: 18px; display: block; line-height: 1; margin: 5px 0; } .hours_item span { background: transparent; border-radius: 50px; padding: 7px 12px 4px; display: inline-block; direction: ltr; } .hours_item.active span { background: #A4D668; } .date_item .h4-large { padding: 0; } @media all and (max-width: 576px) { .date_item .h4-large { font-size: 24px; } } @media all and (max-width: 410px) { .date_item .h4-large { font-size: 22px; } } .date_item-opener { font-size: 24px; color: #1E3E20; letter-spacing: 1px; background: url(assets/images/checkout/dropdown_date_item.svg) 18px center no-repeat; } @media all and (max-width: 410px) { .date_item-opener { font-size: 22px; } } .date_item-inner { padding: 8px 0; border-radius: 8px; background: #FFFFFF; margin-bottom: 14px; } @media all and (max-width: 800px) { .date_item-inner { padding: 6px 10px 6px 0; } } @media all and (max-width: 410px) { .date_item-inner { padding: 6px 10px 6px 0; } } .link_new_address { color: #1E3E20; position: relative; } .link_new_address:before { content: ""; position: absolute; height: 4px; width: 100%; bottom: 1px; right: 0; background: #EEDB14; z-index: -1; } .link_new_address .ic-date { display: none; } @media all and (min-width: 576px) { .link_new_address { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -20px); text-align: center; } .link_new_address:before { display: none; } .link_new_address .ic-date { display: block; } .link_new_address span { display: block; } .link_new_address span.link_border { margin-top: 5px; } } .stp2-order-notes { padding: 30px 20px; } @media all and (max-width: 576px) { .toggleContainer { font-size: 17px; } } @media all and (max-width: 410px) { .toggleContainer { font-size: 16px; } } .toggleContainer a { color: #1E3E20; display: block; margin-bottom: 16px; } form.label_in .form_input label { font-size: 18px; } @media all and (max-width: 410px) { form.label_in .form_input label { font-size: 16px; } } form.label_in .form_input.focused label { font-size: 16px; color: #AFAFAF; } form.checkout .filter_select .select2-container .select2-selection--single { background-color: #FFFFFF; border-color: transparent; height: 49px; border-radius: 8px; } form.checkout .filter_select .select2-container .select2-selection--single .select2-selection__rendered { line-height: 49px; } form.checkout .filter_select .select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url(assets/images/checkout/dropdown.svg); } form.checkout .stp2-send .filter_select .select2-container .select2-selection--single { border-color: #AFAFAF; border-width: 2px; height: 50px; border-radius: 5px; } form.checkout .stp2-send .filter_select .select2-container .select2-selection--single .select2-selection__rendered { line-height: 50px; color: #AFAFAF; } form.checkout .stp2-send .filter_select .select2-container--default .select2-selection--single .select2-selection__arrow { background-image: url(assets/images/select-arrow-down.svg); } @media all and (max-width: 576px) { form.checkout .submit_col { order: 99; } } form.checkout .btn-green { font-size: 26px; font-family: 'Marom', sans-serif; line-height: 1; height: 49px; padding: 9px 55px; display: inline-block; margin: 0 auto; } form.checkout .btn-greenbutton { padding: 9px 42px 9px 16px; margin-right: auto; display: flex; align-items: center; } @media all and (max-width: 576px) { form.checkout .btn-green { margin-left: auto; margin-top: 25px; } } form.checkout .btn-green.active img { visibility: visible; opacity: 1; } form.checkout .btn-green img { visibility: hidden; opacity: 0; margin-right: 10px; } form.checkout .sum_row { font-size: 18px; } form.checkout .sum_row .amount { font-size: 22px; font-weight: bold; } form.checkout .sum_total { font-size: 22px; } form.checkout .sum_total .btn { font-size: 26px; font-weight: bold; padding-right: 20px; padding-left: 20px; } form.checkout hr { border-color: #E1E1E1; margin: 17px 0; } .club_banner { background-color: #E3E7CF; background-image: url(assets/images/shipping/bg_dot.png); background-repeat: no-repeat; background-position: left center; padding: 22px; } .club_banner .card_img { position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%); } @media all and (max-width: 800px) { .club_banner .card_img { top: 0; left: auto; right: 0; transform: translate(10px, -50%); } } .club_banner_content p { margin: 0; line-height: 2; } .club_banner_content-col { padding-right: 56px; } @media all and (max-width: 800px) { .club_banner_content-col { padding-right: 95px; } .club_banner_content-col h4 { font-size: 34px; } } @media all and (max-width: 800px) { .club_banner_content-col h4 { font-size: 34px; } } @media all and (max-width: 576px) { .club_banner_content-col h4 { font-size: 32px; } } @media all and (max-width: 410px) { .club_banner_content-col h4 { font-size: 30px; } } @media all and (max-width: 380px) { .club_banner_content-col h4 { font-size: 28px; } } .club_banner_price { font-size: 22px; color: #afafaf; margin: 0 5px; line-height: 1.2; } .club_banner_price input { width: 38px; border: 0; outline: 0; padding: 8px 0 5px; line-height: 1; font-size: 22px; color: #afafaf; } form.checkout .club_banner .btn-green { padding: 9px 0; width: 212px; text-align: center; justify-content: center; margin: 0; } .club_banner-account { background: #E3E7CF url(assets/images/myaccount/texture_bubble.png) left center no-repeat; padding: 15px 25px; margin-top: 65px; } @media all and (min-width: 992px) { .club_banner-account { background: #F5F5F4 url(assets/images/myaccount/texture_bubble.png) left center no-repeat; } } .club_banner-account .card_img { position: absolute; left: 15%; top: -15%; transform: translate(-50%, -50%); } @media all and (max-width: 800px) { .club_banner-account .card_img { left: 15%; top: -15%; right: auto; bottom: auto; transform: translate(-50%, -50%); max-width: 35%; } } .club_banner-account .club_banner_content-col { padding: 0; position: relative; } .club_banner-account .club_banner_content-col p { line-height: 1.5; } .club_banner-account .club_banner_content-col p span { font-weight: bold; font-size: 22px; } .thankyou { padding-top: 5%; } .thankyou_container { width: 680px; } .thankyou-content .h3 { margin-bottom: 0.5em; } .thankyou-content hr { margin: 35px 0; } .thankyou-content-social a { margin: 0 12px; } .fin_anim { width: 360px; position: relative; margin: 0 auto 20px; padding: 0 0 10px; } .fin_anim img { max-width: 100%; height: auto; } .anim-track-wrap { width: 74px; position: relative; padding-top: 118px; margin: 0 auto; -webkit-transform: translateX(240px); -ms-transform: translateX(240px); transform: translateX(240px); -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .be-mid { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .be-last { -webkit-transform: translateX(-240px); -ms-transform: translateX(-240px); transform: translateX(-240px); } .anim-track { width: 74px; position: relative; z-index: 2; } .anim-vegi-wrap { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .anim-vegi { width: 34px; position: absolute; top: -35px; right: 3px; } .anim-vegi-2 { right: -30px; top: -60px; } .anim-vegi-3 { right: 80px; } .anim-vegi-4 { right: 60px; } .anim-vegi-5 { -webkit-transform: translate(-50px, -8px); -ms-transform: translate(-50px, -8px); transform: translate(-50px, -8px); } .anim-vegi-6 { -webkit-transform: translate(-80px, -12px); -ms-transform: translate(-80px, -12px); transform: translate(-80px, -12px); } .anim-vegi-7 { -webkit-transform: translate(18px, -8px); -ms-transform: translate(18px, -8px); transform: translate(18px, -8px); } /*# sourceMappingURL=style.css.map */