@charset "UTF-8";
/* ---- globals ---- */
/* inputs */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* header */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
* {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
}
h1 {
font-family: Inter;
font-size: 32px;
font-weight: 500;
line-height: 40px;
text-align: left;
}
h2 {
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
h3 {
font-family: Inter;
font-size: 18px;
font-weight: 600;
line-height: 24px;
text-align: left;
}
h4 {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-align: left;
}
p {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
html {
position: relative;
min-height: 100%;
font-size: 16px;
}
.narrow-container-ui {
width: 100%;
}
.container, .container-ui {
width: 93%;
margin: auto;
}
body {
margin: 0;
font-family: Inter, sans-serif;
background: #FFFFFF;
font-weight: 400;
overflow-y: scroll;
line-height: 1.5em;
}
body.with-editing-order-message-ui {
margin-top: 55px;
}
body .docket {
position: absolute;
margin-top: 30px;
color: #717171;
font-size: 13px;
}
@media screen and (max-width: 1280px) {
body .docket {
margin-top: 20px;
font-size: 11px;
line-height: 1.5;
}
}
img {
max-width: 100%;
}
i {
color: #004d8a;
cursor: inherit !important;
}
i:hover {
cursor: pointer;
}
[class^=ti-], [class*=" ti-"] {
font-weight: solid !important;
}
.ti-close {
color: #004d8a !important;
}
.ti-close :hover {
cursor: pointer;
}
.cancel-ui i {
font-size: 16px !important;
}
a {
color: #004d8a;
text-decoration: none;
}
a svg {
fill: #004d8a;
}
mark {
background: #fdd835;
}
a:hover {
color: #ffb700;
}
a:hover svg {
fill: #ffb700;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ulCLassFilterList {
padding-bottom: 60px;
}
i {
color: inherit;
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
display: none;
}
:invalid, :-moz-submit-invalid, :-moz-ui-invalid {
box-shadow: none;
}
.requirements-label-ui {
font-size: small;
}
.f-left-ui {
display: block;
float: left;
}
.f-left-ui-abs {
position: absolute;
}
.f-right-ui {
display: block;
float: right;
}
.clear-after-ui::after, .div-table-row-ui::after {
display: block;
clear: both;
content: "";
}
.flex-ui, .image-container-ui {
display: -ms-flexbox;
display: flex;
}
.inline-flex-ui {
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-ui .f-left-ui, .inline-flex-ui .f-left-ui {
margin-right: auto;
}
.flex-ui .f-right-ui, .inline-flex-ui .f-right-ui {
margin-left: auto;
}
.flex-ui.vertically-centered-ui, .inline-flex-ui.vertically-centered-ui {
-ms-align-items: center;
align-items: center;
}
.image-container-ui img {
display: block;
margin: auto;
max-height: 100%;
}
.image-container-ui {
position: relative;
}
.image-container-ui i, .image-container-ui .no-image-ui {
margin: auto;
font-size: 150px;
}
.image-container-ui img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.no-image-ui {
margin: auto;
font-size: 5rem;
color: rgba(221,221,221,1.00);
}
.reset-filters-ui-right {
float: right;
margin-right: 10px;
opacity: 1;
}
.close-button {
border: none;
background: transparent;
fill: #696666;
padding: 0;
cursor: pointer;
}
.close-button:hover {
background: transparent;
fill: #ffb700;
}
.btn-outline-ui, .btn-ghost-ui {
background: transparent;
color: #004d8a;
border: 1px solid #004d8a;
transition: background 300ms, color 300ms;
}
.btn-outline-ui:hover, .btn-ghost-ui:hover {
background: #004d8a;
color: #FFF;
}
.btn-active-ui, .btn-active-js {
border: 1px solid #004d8a;
}
.dropdown-arrow-ui {
transform: rotate(360);
transition: transform 800ms !important;
display: inline-block;
}
.close-dropdown-js .dropdown-arrow-ui {
transform: rotate(180deg);
transition: transform 800ms;
}
.hidden-js {
display: none !important;
}
.inline-block-ui {
display: inline-block;
vertical-align: top;
}
.scroll-container-js {
overflow-y: auto;
overflow-x: hidden;
}
.pointer-ui {
cursor: pointer;
}
.attached-js {
position: absolute;
left: 0;
right: 0;
}
.centered-ui {
text-align: center;
}
.text-right-ui {
text-align: right;
}
.w25-ui {
width: 25%;
}
.w30-ui {
width: 30%;
}
.w100-ui {
width: 100%;
}
.mb10-ui {
margin-bottom: 10px;
}
.grey-ui {
background-color: #ccc;
}
.home-page-icon-ui {
font-size: 18px;
color: #232323;
}
[readonly] {
color: #b0b0b0 !important;
cursor: default;
pointer-events: none;
user-select: none;
border-color: #b0b0b0 !important;
}
.checkbox-ui, .radio-ui {
display: block;
cursor: pointer;
}
.checkbox-ui [type=checkbox], .radio-ui [type=radio] {
position: absolute;
visibility: hidden;
z-index: -1;
}
.input-with-icon-ui {
display: inline-block;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
flex-wrap: wrap;
vertical-align: bottom;
}
.input-with-icon-ui button, .input-with-icon-ui i, .input-with-icon-ui .btn-ui, .input-with-icon-ui .icon-ui {
position: absolute;
right: 0;
top: 7px;
color: #004d8a;
background: transparent;
border: none;
font-size: 1.15em;
}
.input-with-icon-ui input {
width: 100%;
padding-right: 15px;
}
.input-with-icon-ui .error {
order: 10;
}
[type=checkbox] + .label-ui, [type=radio] + .label-ui {
display: inline-block;
position: relative;
cursor: pointer;
}
[type=checkbox] + .label-ui::before, [type=radio] + .label-ui::before {
content: "\e64c";
display: inline-block;
font-size: 0.8rem;
text-align: center;
margin-right: 10px;
width: 1.5em;
height: 1.5em;
background: #FFFFFF;
color: #FFFFFF;
border: 1px solid rgba(46,46,46,1.00);
cursor: pointer;
font-family: "themify";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: background 400ms, color 400ms;
}
[type=checkbox] + .label-ui.color-checkbox-ui, [type=radio] + .label-ui.color-checkbox-ui {
line-height: 1;
}
[type=checkbox] + .label-ui.color-checkbox-ui::before, [type=radio] + .label-ui.color-checkbox-ui::before {
background: inherit;
color: #fff;
margin: 0;
}
[type=checkbox] + .label-ui.color-checkbox-ui.white-ui::before, [type=radio] + .label-ui.color-checkbox-ui.white-ui::before {
color: #000;
}
[type=checkbox]:checked + .label-ui::before, [type=radio]:checked + .label-ui::before {
background: #ffb800;
}
[type=checkbox]:checked + .label-ui.color-checkbox-ui::before, [type=radio]:checked + .label-ui.color-checkbox-ui::before {
background: inherit;
}
[type=checkbox]:checked + .label-ui.inverse-ui::before, [type=radio]:checked + .label-ui.inverse-ui::before {
background: #FFFFFF;
color: #ffb800;
}
[type=checkbox]:disabled + .label-ui, [type=radio]:disabled + .label-ui {
opacity: 0.5;
cursor: default;
}
[type=checkbox]:disabled + .label-ui::before, [type=radio]:disabled + .label-ui::before {
cursor: default;
}
.color-checkbox-ui {
margin: 0 20px 20px 0;
display: inline-block;
}
.color-checkbox-ui [type=checkbox] + .label-ui {
line-height: 1;
}
.color-checkbox-ui [type=checkbox] + .label-ui::before {
background: inherit;
color: inherit;
margin: 0;
}
.color-checkbox-ui [type=checkbox]:checked + .label-ui::before {
background: inherit;
color: #fff;
}
.color-checkbox-ui [type=checkbox]:checked + .label-ui.white-ui::before {
color: #000;
}
[type=radio] + .label-ui::before {
content: "•";
border-radius: 1.5em;
background: rgba(221,221,221,1.00);
color: transparent;
font-size: 30px;
width: 0.7em;
height: 0.7em;
line-height: 0.55em;
}
[type=radio]:checked + .label-ui::before {
background: #f7d888;
color: #FFFFFF;
}
.margin-auto-ui {
margin: auto;
}
input::-ms-clear {
display: none;
}
.clear-ui {
clear: both;
}
h4:first-child {
margin-top: 0;
}
.block-ui {
display: block;
}
.golden-big-ui {
width: 62%;
}
.golden-small-ui {
width: 38%;
}
.half-ui {
width: 50%;
}
.half-ui.with-arrow-ui {
position: relative;
}
.half-ui.with-arrow-ui .select-arrow-ui {
top: 44px !important;
right: 13px !important;
}
.half-ui-with-space-ui {
width: calc(50% - 15px);
margin-right: 15px;
}
.right-corner-ui {
position: absolute;
right: 0;
top: 0;
}
.expanded-ui.dropdown-arrow-ui, .expanded-ui .dropdown-arrow-ui, .expanded-js.dropdown-arrow-ui, .expanded-js .dropdown-arrow-ui {
transform: rotate(180deg);
transition: transform 800ms !important;
}
.dropdown-ui {
padding: 10px;
}
.dropdown-ui .dropdown-arrow-ui {
width: 1em;
text-align: center;
display: inline-block;
float: right;
line-height: 1.5em;
}
.dropdown-ui .dropdown-label-ui {
width: calc(100% - 1em);
display: inline-block;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.slick-track {
margin: 0;
}
.active-left-ui {
border-left: 4px solid #004d8a;
}
.active-top-ui {
border-top: 4px solid #004d8a;
}
.dropdown-title-ui {
margin-top: 0;
font-size: 16px;
text-align: left;
}
.dropdown-title-ui i {
margin-right: 5px;
}
.basic-dropdown-ui {
position: relative;
}
.basic-dropdown-ui .dropdown-trigger-ui {
padding: 7px 14px;
}
.basic-dropdown-ui .dropdown-trigger-ui .close-ui {
display: none;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-js {
position: relative;
z-index: 105;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-js .sorting-label-ui {
visibility: hidden;
z-index: -105;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-js .close-ui {
display: block;
}
.basic-dropdown-ui .dropdown-container-ui {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 2px 4px 0 #ddd;
background: #FFFFFF;
padding: 20px;
font-size: 1rem;
z-index: 100;
max-width: 100vw;
}
.basic-dropdown-ui .dropdown-container-ui.to-right-ui {
left: auto;
right: 0;
}
.basic-dropdown-ui li {
line-height: 2em;
white-space: nowrap;
}
.basic-dropdown-ui li:not(.active-left-ui) {
cursor: pointer;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui {
padding: 0;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui .dropdown-title-ui {
padding: 20px 20px 0 20px;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui li {
padding: 0 20px;
border-top: 1px solid rgba(221,221,221,1.00);
}
.active-sorting-option-ui {
font-size: small;
text-align: right;
line-height: 1rem;
padding: 0 14px;
}
.sorting-options-icon-ui {
margin-right: 10px;
}
.slided-right-js, slided-right-ui {
transform: translateX(-100%);
}
.slided-position-right-js, slided-position-right-ui {
left: -110%;
}
.hidden-besides-left-js {
transform: translateX(-110%) !important;
}
.flex-wrap-ui {
flex-wrap: wrap;
}
.space-between-ui {
-ms-justify-content: space-between;
justify-content: space-between;
}
/* messages and alerts */
.message-bar-ui {
color: #232323;
padding: 15px;
margin-bottom: 20px;
font-weight: 500;
position: relative;
}
.message-bar-ui, .message-bar-ui.info-bar-ui {
background: #F8F8F8;
text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
}
.message-bar-ui.danger-bar-ui, .message-bar-ui.error-bar-ui {
background: #DA2442;
font-weight: 600;
}
.message-bar-ui.warning-bar-ui {
background: #F5A623;
text-align: center;
}
.message-bar-ui.success-bar-ui {
background: #008945;
}
.message-text-ui {
padding: 15px;
margin-bottom: 20px;
font-weight: 500;
}
.message-text-ui, .message-text-ui.info {
color: #232323;
}
.message-text-ui.danger-ui, .message-text-ui.error {
color: #DA2442;
font-weight: 600;
}
.message-text-ui.warning-ui {
color: #F5A623;
}
.message-text-ui.success {
color: #008945;
}
.message-bar-ui, .message-text-ui {
font-size: 18px;
}
.message-bar-ui i, .message-text-ui i {
font-size: 27px;
vertical-align: middle;
margin-right: 5px;
}
.message-bar-ui button, .message-text-ui button {
margin-left: 40px;
font-size: 18px;
line-height: 30px;
}
.message-bar-ui button i, .message-text-ui button i {
font-size: 18px;
}
.message-bar-ui.points-ui {
font-size: 1rem;
}
.message-bar-ui.points-ui i {
font-size: 1.5rem;
}
.message-bar-ui .message-bar-title-ui {
font-size: 18px;
}
.message-bar-ui .message-bar-content-ui {
font-size: 16px;
}
.message-bar-ui .message-bar-content-ui .product-name-ui {
margin-right: 10px;
}
.editing-order-message-bar-ui {
background: #004d8a;
color: #FFFFFF;
padding: 0;
}
.editing-order-message-bar-ui.during-ui {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
height: 55px;
line-height: 55px;
padding: 0;
margin: 0;
}
.editing-order-message-bar-ui.during-ui a, .editing-order-message-bar-ui.during-ui button {
color: inherit;
padding: 17px;
vertical-align: top;
}
.editing-order-message-bar-ui.during-ui a i, .editing-order-message-bar-ui.during-ui button i {
font-size: inherit;
color: inherit;
}
/* waiting for ajax modal */
.during-ajax-modal-ui, .during-ajax-modal-js {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #FFFFFF;
display: flex;
opacity: 0.9;
z-index: 1000;
}
.during-ajax-modal-ui .loader-ui, .during-ajax-modal-js .loader-ui {
margin: auto;
}
.close-ui {
position: absolute;
right: 0;
top: 0;
padding: 20px;
z-index: 1;
line-height: 1;
}
.close-ui i {
font-size: 16px !important;
margin: 0 !important;
pointer-events: none;
}
.full-ui {
width: 100%;
}
.expandable-js, .expandable-ui {
height: 0;
overflow: hidden;
transition: height 800ms;
}
.expandable-js.expanded-js, .expandable-ui.expanded-js {
height: auto;
}
.expandable-js.no-animation-js, .expandable-ui.no-animation-js {
transition: none;
}
.div-table-cell-ui {
float: left;
padding: 10px;
min-height: 1px;
}
.minibox-product-ui, .product-list-ui {
position: relative;
}
.minibox-product-ui .product-link-ui, .product-list-ui .product-link-ui {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.h300-ui {
height: 300px;
}
.mh300-ui {
min-height: 300px;
}
.mt10-ui {
margin-top: 10px;
}
.attached-ui {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.flip-horizontally-ui {
transform: scaleX(-1);
display: inline-block;
}
.confirmation-popup-ui {
font-size: 16px;
}
.confirmation-popup-ui .message-popup-ui {
padding: 0;
}
.confirmation-popup-ui .message-popup-ui .close-ui {
right: 0;
}
.confirmation-popup-ui .message-popup-ui .question-ui {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background: #FFFFFF;
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.confirmation-popup-ui .message-popup-ui .question-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.confirmation-popup-ui .message-popup-ui .question-ui + .info {
padding: 35px 40px 40px;
}
/* ---- PAGE STRUCTURE ----*/
.page-container-ui {
position: relative;
}
.category-column-ui {
width: 320px;
float: left;
box-shadow: 2.5px 5px 5px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 100;
}
.main-content-ui {
width: 100%;
position: relative;
}
.message-popup-ui {
position: fixed;
background: #FBFBFB;
width: calc(100% - 20px);
margin: 0 auto;
z-index: 999;
padding: 20px;
}
.message-popup-ui.top-ui {
top: 0;
z-index: 999;
}
.message-popup-ui.bottom-ui {
bottom: 0;
z-index: 999;
}
.message-popup-ui .product-added-to-cart-ui {
font-size: 18px;
font-weight: 500;
padding: 40px 80px 40px 40px;
background: #FFFFFF;
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.message-popup-ui .product-added-to-cart-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.message-popup-ui .product-added-to-cart-ui + .info {
padding: 35px 40px 40px;
}
.message-popup-ui .product-added-to-cart-ui + .info .units-ui.select-background-ui {
margin-top: 10px;
margin-left: 0 !important;
}
.message-popup-ui .go-to-cart-ui {
background: ;
color: ;
}
.message-popup-ui .go-to-cart-ui:hover {
background-color: ;
color: ;
}
.message-popup-ui .close-ui {
position: absolute;
right: 10px;
}
.message-popup-background {
cursor: default;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10vw;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1001;
}
.message-popup-background:not(.hidden-js) + .message-popup-background:not(.unsuccessfull-post-message-js) {
display: none;
}
.message-popup-background .popup-container {
position: relative;
max-width: 100%;
width: max-content;
margin: 0 auto;
padding: 24px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #ddd;
background-color: #FFFFFF;
color: #232323;
transform: translateY(-50%);
top: 50%;
left: 0px;
right: 0px;
z-index: 999;
}
.message-popup-background .popup-container .data-form__header {
display: flex;
justify-content: space-between;
color: #232323;
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-bottom: 24px;
gap: 16px;
}
.message-popup-background .popup-container .data-form__info {
border-bottom: 1px solid #E7E7E7;
margin-bottom: 24px;
padding-bottom: 32px;
}
.message-popup-background .popup-container .data-form .primary-action-button {
width: 100%;
}
.message-popup-background .popup-container.with-iframe-ui {
max-width: 870px;
}
.message-popup-background .many-units-ui .select-arrow-ui {
position: absolute;
margin-top: 12px;
}
@media screen and (min-width: 1280px) {
.message-popup-background .many-units-ui .select-arrow-ui {
margin-top: 9px;
}
}
.ta-center-ui {
text-align: center;
}
.show-ui {
display: block;
}
.hide-ui {
display: none;
}
.validation-login-ui {
margin-left: 15px;
}
.new-price-ui {
font-size: 20px;
font-family: Inter, sans-serif;
color: ;
line-height: 1.2;
}
.old-price-ui {
text-decoration: line-through;
font-size: 16px;
font-family: Inter, sans-serif;
color: #717171;
}
.old-price-ui.suggested-retail-price-ui {
text-decoration: none;
}
.old-price-ui.suggested-retail-price-ui i {
position: relative;
z-index: 1;
}
.lowest-price-ui {
z-index: 1;
position: relative;
}
.user-icon-ui {
font-size: 30px;
color: rgba(46,46,46,1.00);
text-align: center;
}
.user-icon-ui + p {
color: rgba(46,46,46,1.00);
}
.customer-currency-carts-ui {
font-size: 19px;
margin-top: 14px;
}
.cart-amount-ui {
font-size: 24px;
font-family: Inter, sans-serif;
color: rgba(46,46,46,1.00);
bottom: 0;
margin-bottom: 15px;
}
.cart-amount-ui.smaller-ui {
font-size: 22px;
}
.carts-ui {
text-align: right;
font-size: 40px;
color: rgba(46,46,46,1.00);
}
.cart-quantity-ui {
float: right;
margin: 65px -50px 10px 0px;
color: ;
line-height: 1.2;
}
.manufacturer-container-ui {
font-size: 16px;
line-height: 63px;
border-top: 1px solid rgba(221,221,221,1.00);
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.manufacturer-container-ui i {
color: rgba(46,46,46,1.00);
}
.manufacturer-container-ui::after {
content: "";
display: block;
clear: both;
}
.manufacturer-container-ui li {
text-align: center;
display: block;
float: left;
min-width: 267px;
color: rgba(46,46,46,1.00);
border-right: 1px solid rgba(221,221,221,1.00);
min-height: 66px;
position: relative;
margin-right: -1px;
}
.manufacturer-container-ui li::after {
content: "";
display: block;
clear: both;
}
.manufacturer-container-ui li label:not(.checkbox-ui):not(.radio-ui) {
color: rgba(46,46,46,1.00);
}
.manufacturer-container-ui .page-label-ui, .manufacturer-container-ui .drop-btn-terms-ui {
display: block;
}
.manufacturer-container-ui .page-label-ui, .manufacturer-container-ui .drop-btn-terms-ui, .manufacturer-container-ui li > a, .manufacturer-container-ui li > button {
padding: 0 15px;
}
.manufacturer-container-ui li a, .manufacturer-container-ui li > button {
min-height: inherit;
display: block;
text-decoration: none;
color: rgba(46,46,46,1.00);
font-family: Inter, sans-serif;
}
.manufacturer-container-ui li a:visited, .manufacturer-container-ui li a:active, .manufacturer-container-ui li > button:visited, .manufacturer-container-ui li > button:active {
text-decoration: none;
color: rgba(46,46,46,1.00);
font-family: Inter, sans-serif;
}
.manufacturer-container-ui li > button {
width: 100%;
background: none;
}
.manufacturer-container-ui > li a:hover, .manufacturer-container-ui > li > button:hover {
background: #004D8A;
color: #FFFFFF;
}
.manufacturer-container-ui > li a:hover a, .manufacturer-container-ui > li a:hover .drop-btn-terms-ui, .manufacturer-container-ui > li a:hover i, .manufacturer-container-ui > li > button:hover a, .manufacturer-container-ui > li > button:hover .drop-btn-terms-ui, .manufacturer-container-ui > li > button:hover i {
color: #FFFFFF;
}
.manufacturer-container-ui > li.cart-ui a {
color: ;
}
.manufacturer-container-ui > li.cart-ui a:hover {
background: ;
color: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui {
color: #fff;
background: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui:hover {
background: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui.disabled-ui {
background: #8e8e8e;
cursor: not-allowed;
}
.manufacturer-container-ui .dropdowns-ui {
line-height: 1.5em;
position: absolute;
left: 0;
top: 0;
}
.manufacturer-container-ui > li .highlighted-ui, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) {
background: #004D8A !important;
color: #FFFFFF !important;
}
.manufacturer-container-ui > li .highlighted-ui i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) i {
background: #004D8A !important;
color: #FFFFFF !important;
}
.manufacturer-container-ui > li .highlighted-ui:hover, .manufacturer-container-ui > li .highlighted-ui:hover span, .manufacturer-container-ui > li .highlighted-ui:hover i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i {
background: #0060AC !important;
color: #FFFFFF !important;
}
.manufacturer-container-ui > li .highlighted-ui:hover i, .manufacturer-container-ui > li .highlighted-ui:hover span i, .manufacturer-container-ui > li .highlighted-ui:hover i i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i i {
background: #0060AC !important;
color: #FFFFFF !important;
}
.manufacturer-container-ui > li .highlighted-ui:hover span, .manufacturer-container-ui > li .highlighted-ui:hover span span, .manufacturer-container-ui > li .highlighted-ui:hover i span, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover span span, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i span {
background: #0060AC !important;
color: #FFFFFF !important;
}
.active-bar-ui {
background: #fff;
color: #fff;
margin-top: -15px !important;
padding: 9px 45px 0 45px !important;
border: 1px solid rgba(221,221,221,1.00);
border-bottom: none;
border-top: 5px solid #004d8a;
height: 80px;
}
.active-bar-ui:hover {
background: #fff;
}
.active-bar-ui:hover i {
background: #fff;
color: rgba(46,46,46,1.00);
}
.active-bar-ui:hover a {
color: rgba(46,46,46,1.00);
}
.active-bar-ui:after {
content: "";
display: block;
height: 6px;
background: inherit;
margin-right: -45px;
margin-left: -45px;
}
.pagination-ui li {
display: inline-block;
}
section.home-ui ul {
text-align: center;
}
section.home-ui ul li {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
section.products-ui .dropdown-ui {
cursor: pointer;
}
section.products-ui .dropdown-ui li:hover {
text-decoration: underline;
}
section.contact-ui .map-ui {
height: 300px;
}
.search-advanced-ui {
padding-left: 5px;
font-family: Inter, sans-serif;
font-size: 16px;
}
/*ribbons*/
.ribbon-ui {
font-size: small;
color: #FFFFFF;
display: inline-block;
padding: 0 6px;
background: #004d8a;
}
.ribbon-ui.Promotion-ui, .ribbon-ui.free-ui {
background: rgba(165,16,13,1.00);
}
.ribbon-ui.BestRated-ui {
background: rgba(100,61,169,1.00);
}
.ribbon-ui.NewProduct-ui {
background: rgba(27,86,26,1.00);
}
.ribbon-ui.RecommendedProduct-ui {
background: #FFB74D;
}
.ribbon-ui.PromotionalProduct-ui {
background: rgba(87,87,87,1.00);
}
.ribbon-ui.VendorRecomendation-ui {
background: #64B5F6;
}
.ribbon-ui.GreatPrice-ui {
background: rgba(224, 249, 38,1);
}
.ribbon-ui.GreatQuality-ui {
background: rgba(17, 82, 115,1);
}
.ribbon-ui.Sale-ui {
background: #F06292;
}
.ribbon-ui.Reward-ui {
background: #FF7043;
}
.price-ui {
color: ;
font-weight: 500;
}
.seach-by-type-and-area-container {
display: inline-block;
width: 590px;
}
.advanced-search-title-ui {
font-size: 16px;
font-weight: bold;
}
.advanced-search-title-ui:before {
content: "";
height: 50px;
width: 5px;
background: #004d8a;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.advanced-search-ui {
padding-bottom: 50px;
vertical-align: initial;
font-family: Inter, sans-serif;
/* Hover and focus states */
/* Checked state */
/* Hover state whilst checked */
/* Disabled state */
/* Check mark */
/* Show check mark */
/* Checkbox tick */
/* Radio button inner circle */
}
.advanced-search-ui .select-arrow-ui {
width: 0px;
position: relative;
left: -32px;
display: inline-block;
vertical-align: middle;
margin-left: 0px;
pointer-events: none;
}
.advanced-search-ui p {
font-size: 14px;
}
.advanced-search-ui input[type=search] {
display: block;
width: 60%;
height: 40px;
}
.advanced-search-ui-price-ui {
text-align: center;
margin-top: 50px;
font-weight: bold;
background: #fbfbfb;
padding: 20px 0px 20px 0px;
}
.advanced-search-ui-price-ui span {
margin-left: 5px;
text-align: left;
}
.advanced-search-ui .checkbox-ui {
display: inline-block;
margin-right: 15px;
}
.advanced-search-ui .last-searches-ui {
float: right;
color: #004d8a;
}
.advanced-search-ui .last-searches-ui i {
padding-right: 10px;
}
.advanced-search-ui .filter-opts-ui {
margin-top: 70px;
display: inline-block;
width: 24%;
vertical-align: top;
}
.advanced-search-ui .filter-opts-ui .checkbox-ui {
display: inline-block;
line-height: 2.5em;
margin: -2px 0px 4px 0px;
}
.advanced-search-ui .filter-opts-ui .formal-regulations-ui ul {
margin-left: 0px;
}
.advanced-search-ui .filter-opts-ui input[type=radio] {
display: none;
}
.advanced-search-ui .filter-opts-ui input[type=radio] + .label-ui::before {
vertical-align: middle;
}
.advanced-search-ui input[type=search] {
display: inline-block;
height: 62px;
vertical-align: middle;
}
.advanced-search-ui input[type=text], .advanced-search-ui input[type=number] {
-moz-appearance: textfield;
width: 68px;
height: 35px;
border: 1px solid rgba(221,221,221,1.00);
}
.advanced-search-ui select {
-webkit-appearance: none;
-moz-appearance: none;
width: 21%;
height: 62px;
display: inline-block;
border: 1px solid rgba(221,221,221,1.00);
padding-left: 5px;
margin-left: -5px;
}
.advanced-search-ui select:hover {
cursor: pointer;
}
.advanced-search-ui .advanced-search-button-ui {
display: inline-block;
margin: 20px 0px 30px 0px;
width: 18%;
background: #004d8a;
border-top: 1px solid #004d8a;
color: #FFFFFF;
height: 62px;
font-size: 16px;
vertical-align: sub;
margin-left: -9px;
font-size: 18px;
}
.advanced-search-ui .advanced-search-button-ui:hover {
background: #ffb700;
border-top: 1px solid #ffb700;
color: #FFFFFF;
}
.advanced-search-ui .control-group-ui {
display: inline-block;
width: 200px;
height: 210px;
margin: 10px;
padding: 30px;
text-align: left;
vertical-align: top;
background: rgba(221,221,221,1.00);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.advanced-search-ui .control-ui {
position: relative;
padding-left: 15px;
}
.advanced-search-ui .control-ui input {
opacity: 0;
}
.advanced-search-ui .control-indicator-ui {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: rgba(221,221,221,1.00);
}
.advanced-search-ui .control-radio-ui .control-indicator-ui {
border-radius: 50%;
}
.advanced-search-ui .control-ui:hover input ~ .control-indicator-ui,
.advanced-search-ui .control-ui input:focus ~ .control-indicator-ui {
background: rgba(221,221,221,1.00);
}
.advanced-search-ui .control-ui input:checked ~ .control-indicator-ui {
background: ;
}
.advanced-search-ui .control-ui:hover input:not([disabled]):checked ~ .control-indicator-ui,
.advanced-search-ui .control-ui input:checked:focus ~ .control-indicator-ui {
background: ;
}
.advanced-search-ui .control-ui input:disabled ~ .control-indicator-ui {
pointer-events: none;
opacity: 0.6;
background: ;
}
.advanced-search-ui .control-indicator-ui:after {
position: absolute;
display: none;
content: "";
}
.advanced-search-ui .control-ui input:checked ~ .control-indicator-ui:after {
display: block;
}
.advanced-search-ui .control-checkbox-ui .control-indicator-ui:after {
top: 4px;
left: 8px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border: solid #FFFFFF;
border-width: 0 2px 2px 0;
}
.advanced-search-ui .control-radio-ui .control-indicator-ui:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #FFFFFF;
}
.social-container {
width: 93%;
margin-top: 32px;
}
.social-container .CustomerContentSection {
margin-top: 16px;
display: flex;
flex-direction: column;
}
.social-container .CustomerContentSection .CustomerSocialButton {
display: inline-flex !important;
box-shadow: 0px 1px 1px 1px lightgray;
justify-content: center;
align-items: center;
width: calc(10% - 11px);
min-width: 300px;
height: 46px;
color: #232323;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
font-weight: 400;
display: block;
margin-bottom: 20px;
padding: 17px;
text-align: center;
cursor: pointer;
letter-spacing: 1px;
}
.social-container .CustomerContentSection .CustomerSocialButtonGoogle {
background-color: #FFFFFF;
}
.social-container .CustomerContentSection .CustomerSocialButtonFacebook {
background-color: #FFFFFF;
}
.social-container .CustomerContentSection .CustomerSocialButton:hover {
box-shadow: 0 0 4px #4285F4;
transition: 1s;
}
.social-container .CustomerContentSection .GFbLinkIcon {
margin-right: 10px;
width: 24px;
height: 24px;
}
@media screen and (min-width: 1280px) {
.no-on-desktop-ui {
display: none !important;
}
}
.isInCartPopup {
position: fixed;
min-height: 40px;
width: auto;
padding: 10px 20px;
background-color: #FFFFFF;
border: 1px solid #232323;
z-index: 100;
box-shadow: 2px 2px 3px 0 #b0b0b0;
color: #232323;
font-size: 15px;
line-height: 40px;
}
.isInCartPopup span {
color: #004d8a;
}
.isInCartPopup.isInCart--variants-js {
margin-top: 5px;
position: absolute;
}
@media screen and (min-width: 1280px) {
.isInCartPopup.isInCart--variants-js {
min-width: 270px;
}
}
@media screen and (max-width: 1279px) {
.isInCartPopup.isInCart--variants-js {
left: 50%;
transform: translate(-50%, 0);
}
}
.svgIcon-inCart {
width: 20px;
height: 20px;
cursor: pointer;
display: inline-flex;
vertical-align: middle;
margin-right: 5px;
margin-left: 5px;
}
.svgIcon-inCart--PL {
position: absolute;
left: 5px;
top: 50%;
transform: translate(0, -50%);
}
.brutto-price-ui {
display: flex;
}
.brutto-netto-ui {
margin-left: 10px;
}
.brutto-netto-price-ui {
display: flex;
justify-content: space-between;
margin: 10px 0px;
flex-direction: column;
}
.recommended-products-ui {
margin: 20px 0;
}
.recommended-products-ui .recommended-products-title-ui {
padding: 4px 12px;
font-size: 1.1rem;
}
.recommended-products-ui .message-popup-ui {
padding: 0;
}
.recommended-products-list-ui {
width: 95%;
margin: 0 auto;
display: flex;
}
.recommended-products-list-ui .ti-angle-left::before, .recommended-products-list-ui .ti-angle-right::before {
font-size: 2rem !important;
}
.recommended-products-list-ui .slick-slide {
margin: 0 10px;
}
.recommended-products-list-ui .recommended-product-link-ui .minibox-product-ui {
width: 100%;
}
.recommended-products-list-ui .minibox-product-ui {
float: none !important;
position: relative;
margin: 0 5px;
overflow: hidden;
max-width: 300px;
height: 345px;
color: initial;
}
.recommended-products-list-ui .minibox-product-ui:hover .minibox-product-add-to-cart-ui {
bottom: 0;
}
.recommended-products-list-ui .minibox-product-ui .product-flags-ui {
left: 5px;
right: 5px;
}
.recommended-products-list-ui .minibox-product-ui .product-flags-ui--discount span {
display: block;
width: fit-content;
margin: 3px 0;
}
.recommended-products-list-ui .minibox-product-ui .image-container-ui {
width: auto;
float: none;
height: 190px;
}
.recommended-products-list-ui .minibox-product-ui .image-container-ui .no-image-ui {
font-size: 150px;
}
.recommended-products-list-ui .minibox-product-ui .product-name-ui {
-webkit-line-clamp: 1 !important;
}
.recommended-products-list-ui .minibox-product-ui .price-ui, .recommended-products-list-ui .minibox-product-ui .brutto-price-ui {
color: ;
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui {
position: absolute;
bottom: -70px;
left: 0;
right: 0;
z-index: 1;
width: 100%;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
transition: bottom 0.3s linear;
background: #FFFFFF;
box-shadow: 0 1px 10px rgba(221,221,221,1.00);
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui {
margin-top: 0;
width: 100%;
min-height: auto;
}
@media screen and (min-width: 1280px) {
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui {
padding: 5px;
}
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .add-to-cart-label-ui {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .lower-text-ui {
display: flex;
align-items: center;
font-size: 13px;
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .button-with-name {
margin-left: 5px;
}
.recommended-products-list-ui .minibox-product-ui .minibox-product-add-to-cart-ui .add-to-cart-ui .button-with-name .cart-name-js {
margin-left: 5px;
}
.successfull-post-message {
color: #232323;
}
.successfull-post-message .message-header {
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin: auto;
background-color: #FFFFFF;
display: flex;
align-items: center;
}
.successfull-post-message .message-header i {
font-size: 30px !important;
}
.successfull-post-message .message-header p {
color: #232323;
font-size: 18px;
}
.successfull-post-message .message-header .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.successfull-post-message .message-header .ti-alert {
color: #DA2442;
font-size: 30px;
margin-right: 10px;
}
.successfull-post-message .message-header + .info {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px !important;
padding: 24px 0 24px 0;
text-align: left !important;
}
button {
padding: 0;
}
.primary-action-button {
display: flex;
text-align: center;
height: 40px;
padding: 8px 32px;
justify-content: center;
align-items: center;
gap: 10px;
background-color: #004d8a;
color: #FFFFFF;
border-radius: 5px;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
cursor: pointer;
border: none;
outline: none;
transition: 200ms;
}
@media screen and (min-width: 768px) {
.primary-action-button:hover {
transition: 200ms;
background-color: #ffb700;
color: #FFFFFF;
}
.primary-action-button:hover svg {
fill: #FFFFFF;
}
}
@media screen and (max-width: 768px) {
.primary-action-button:active {
transition: 200ms;
background-color: #ffb700;
color: #FFFFFF;
}
.primary-action-button:active svg {
fill: #FFFFFF;
}
}
.primary-action-button:disabled {
background-color: #F3F3F3;
pointer-events: none;
color: #959595;
cursor: initial;
transition: 200ms;
}
.primary-action-button svg {
fill: #FFFFFF;
}
.secondary-action-button {
display: flex;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-align: center;
display: inline-flex;
height: 40px;
padding: 8px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border: 2px solid #004c8a;
background-color: #FFFFFF;
color: #004c8a;
border-radius: 5px;
cursor: pointer;
}
.secondary-action-button svg {
fill: #004d8a;
}
@media screen and (min-width: 768px) {
.secondary-action-button:hover {
transition: 200ms;
color: #004d8a;
border: 2px solid #004d8a;
}
.secondary-action-button:hover svg {
fill: #004d8a;
}
}
@media screen and (max-width: 767px) {
.secondary-action-button:active {
transition: 200ms;
border: 2px solid #004c8a;
background-color: #FFFFFF;
color: #004c8a;
}
.secondary-action-button:active svg {
fill: #004c8a;
}
}
.secondary-action-button:disabled {
border: 2px solid #959595;
color: #959595;
pointer-events: none;
cursor: initial;
transition: 200ms;
}
.pure-button {
display: flex;
align-items: center;
gap: 4px;
color: #004c8a;
background: none;
border: none;
cursor: pointer;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.pure-button svg {
fill: #004c8a;
}
.pure-button:hover {
transition: 200ms;
color: #004d8a;
}
.pure-button:hover svg {
fill: #004d8a;
}
.contact-validation-error {
text-align: left;
color: #DA2442;
margin-left: 25px;
}
.error p {
color: #DA2442;
}
.small-input-error {
display: table;
text-align: left;
color: #DA2442;
font-size: 14px;
margin-left: 3px;
}
.validation-info__container {
font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #DA2442;
margin: 0 16px 0 16px;
}
.validation-info__container .svgIcon {
width: 16px;
height: 16px;
fill: #DA2442;
margin-right: 4px;
}
.validation-info__container .validation-info__element {
display: flex;
align-items: center;
}
.validation-info__container .validation-info__container .valid-data-js {
color: #008945;
}
.validation-info__container .valid-data-js .svgIcon {
fill: #008945;
}
.validation-info__container .valid-data-js span {
color: #008945;
}
input,
select,
textarea {
font-family: Inter, sans-serif;
outline: none;
background-color: inherit;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 100px #FFFFFF inset !important;
-webkit-text-fill-color: #232323 !important;
}
.number-input {
width: 60px !important;
padding: 0 4px 0 14px !important;
}
textarea {
width: 100%;
height: 96px;
background-color: inherit;
color: #232323;
padding: 18px 16px 24px !important;
border-radius: 5px;
border: 1px solid rgba(46,46,46,1.00);
font-size: 15px;
resize: vertical;
max-height: 300px;
min-height: 96px;
}
textarea::placeholder {
color: #696666;
font-size: 14px;
line-height: 20px;
}
.characters-length {
margin: -6px 0 0 24px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #5b5858;
text-align: left;
position: relative;
}
.form input {
border: none;
outline: none;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
color: #FFFFFF;
width: 100%;
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 10px;
transition: all 1s ease;
}
.form input::placeholder {
color: #696666;
}
.form-container {
background-color: #FFFFFF;
width: 30rem;
min-height: auto;
padding: 2rem 3rem;
box-sizing: border-box;
}
.form-container .primary-action-button {
width: 100%;
height: 50px;
justify-content: center;
}
.form__header {
color: #232323;
opacity: 0.65;
text-align: center;
margin-bottom: 20px;
font-weight: normal;
}
.form__required-fields {
margin: 8px 0 24px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #5b5858;
text-align: left;
}
.form__wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.form__wrapper > .form__input-wrapper {
width: 49%;
}
.form__wrapper.first-short > .form__input-wrapper {
width: 69%;
}
.form__wrapper.first-short > .form__input-wrapper:first-child {
width: 29%;
}
.form__input-wrapper {
padding: 0 1px;
display: block;
position: relative;
width: 100%;
background-color: inherit;
margin-bottom: 24px;
}
.form__input-wrapper:focus-within label {
color: #004d8a;
}
.form__input-wrapper label {
color: #696666;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
transition: 0.2s ease all;
font-size: 14px;
}
.form__input-wrapper > label, .form__input-wrapper > .form__input-info {
color: #696666;
}
.form__input-wrapper .form__input-value:disabled + label {
color: #696666;
}
.form__input-wrapper .validation-error {
color: #DA2442 !important;
}
.form__input-wrapper.textarea .form__invalid-input {
margin: -10px 0;
}
.form__input-value {
width: 100%;
padding: 6px 16px;
background-color: inherit;
color: #232323;
border: 1px solid rgba(46,46,46,1.00);
border-radius: 5px;
height: 40px;
box-sizing: border-box;
}
.form__input-value:hover {
border-color: rgba(46,46,46,1.00);
}
.form__input-value:focus {
border-color: #004d8a;
box-shadow: 0 0 0 1px #004d8a;
transition: 0.3s all;
}
.form__input-value:disabled {
border-color: #696666;
}
.form__input-value .select__options {
left: 0;
top: 40px;
}
.form__input-value--clear-button {
display: none;
position: absolute;
top: 10px;
right: 5px;
padding-left: 5px;
background: white;
cursor: pointer;
}
.form__input-value--clear-button svg {
fill: #004d8a;
width: 20px !important;
height: 20px !important;
}
.form__input-value.has-value + .form__input-value--clear-button {
display: block;
}
.form__input-info {
left: 16px;
position: absolute;
pointer-events: none;
padding: 0 4px;
background-color: #FFFFFF;
transition: 0.2s ease all;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
font-weight: 400;
line-height: 20px;
z-index: 1;
}
.form__input-info.disabled {
top: 1px;
font-size: 12px;
line-height: 16px;
padding: 0 4px;
z-index: 100;
}
.form__validation-info-js, .form__validation-tin-js, .form__validation-required-js, .form__invalid-input {
color: #DA2442;
font-size: 12px;
display: block;
position: absolute;
margin: -3px 0;
}
.form__icons {
color: #696666;
position: absolute;
left: 0;
}
.form .form__icon_left, .form__icon_left {
left: 2.5rem;
}
.form .form__icon_padding, .form__icon_padding {
padding-left: 2.5rem;
}
.form__textarea_height {
top: 125px !important;
}
.form__preview {
left: auto;
top: 0.5rem;
right: 0.5rem;
cursor: pointer;
color: #696666;
fill: #696666;
}
.form__preview .svgIcon {
width: 24px;
height: 24px;
}
.form__requiredFields--info {
color: #4b4848;
font-size: 12px;
}
.form > button {
width: 100%;
margin: 15px 0;
}
.checkBoxes__container input {
display: none;
}
.checkBoxes__container input[disabled] + label::before {
opacity: 0.7;
user-select: none;
}
.checkBoxes__container input[disabled] + label {
pointer-events: none;
opacity: 0.7;
}
.checkBoxes__container input + label {
display: flex;
align-items: baseline;
column-gap: 0.8em;
cursor: pointer;
position: relative;
background-color: transparent;
color: #232323;
transition: all 200ms ease;
}
.checkBoxes__container label:hover::before {
border: solid 1px #7C3033;
}
.checkBoxes__container input + label:before {
content: "";
display: inline-block;
min-width: 16px;
width: 16px;
height: 16px;
border-radius: 4px;
border: solid 1px rgba(221,221,221,1.00);
transform: translateY(0.25em);
background-color: #FFFFFF;
box-sizing: border-box;
transition: all 200ms ease;
}
.checkBoxes__container input + label:before:hover {
border: solid 1px #ffb800;
}
.checkBoxes__container input + label .checkBoxes__checkIcon {
display: none;
}
.checkBoxes__container input:checked + label .checkBoxes__checkIcon {
display: block;
position: absolute;
left: 2px;
top: -2px;
transform: translateY(0.25em);
}
.checkBoxes__container input + label .checkBoxes__checkIcon svg {
fill: #FFFFFF;
width: 12px;
height: 12px;
}
.checkBoxes__container label.validation-error-js:before {
border: 1px solid #DA2442 !important;
}
.checkBoxes__container input:checked + label:before {
content: "";
text-align: center;
background-color: #ffb800;
overflow: hidden;
border: solid 1px #ffb800;
}
.checkBoxes__container--radio input + label .checkBoxes__checkIcon svg {
fill: #ffb800;
}
.checkBoxes__container--radio input + label:before {
border-radius: 50%;
}
.checkBoxes__container--radio input:checked + label:before {
background-color: #FFFFFF;
}
.button {
display: flex;
height: 40px;
width: -webkit-fill-available;
color: #004d8a;
box-sizing: border-box;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
border-radius: 5px;
gap: 4px;
cursor: pointer;
}
.button__text {
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-align: left;
}
.button__icon {
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
}
.button svg {
fill: #004d8a;
}
.button__group {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: nowrap;
gap: 8px;
}
.connected {
gap: 0;
}
.connected > .button:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.connected > .button:last-child {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.primary {
background-color: #004d8a;
color: #FFFFFF;
gap: 8px;
flex-grow: 1;
transition: 200ms;
transition-property: background-color, color, fill;
}
@media screen and (min-width: 768px) {
.primary:hover {
background-color: #ffb700;
color: #FFFFFF;
}
.primary:hover svg {
fill: #FFFFFF;
}
}
@media screen and (max-width: 768px) {
.primary:active {
background-color: #ffb700;
color: #FFFFFF;
}
.primary:active svg {
fill: #FFFFFF;
}
}
.primary svg {
fill: #FFFFFF;
}
.secondary {
background-color: #FFFFFF;
border: 2px solid #004c8a;
color: #004c8a;
gap: 8px;
flex-grow: 1;
transition: 200ms;
transition-property: background-color, color, fill;
}
@media screen and (min-width: 768px) {
.secondary:hover {
color: #004d8a;
border: 2px solid #004d8a;
}
.secondary:hover svg {
fill: #004d8a;
}
}
@media screen and (max-width: 767px) {
.secondary:active {
border: 2px solid #004c8a;
background-color: #FFFFFF;
color: #004c8a;
}
.secondary:active svg {
fill: #004c8a;
}
}
.additional {
display: flex;
flex-shrink: 0;
flex-grow: unset;
width: 40px;
height: 40px;
}
.additional .button__text {
display: none;
}
.page-padding {
padding: 0 9%;
}
@media only screen and (max-width: 1439px) {
.page-padding {
padding: 0 32px;
}
}
@media only screen and (max-width: 768px) {
.page-padding {
padding: 0 5%;
}
}
.required-fields {
margin: 8px 0 24px 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #5b5858;
text-align: left;
}
.arrow {
display: flex;
width: 48px;
height: 48px;
max-width: 48px;
max-height: 48px;
box-sizing: border-box;
aspect-ratio: 1/1;
background: #FFFFFF;
border-radius: 4px;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
cursor: pointer;
border: none;
}
.arrow__icon {
fill: #004d8a;
}
.arrow.primary .arrow__icon {
fill: #FFFFFF;
}
.arrow.secondary .arrow__icon {
fill: #004d8a;
}
.arrow.shadowed {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.arrow.small {
width: 24px;
height: 24px;
max-width: 24px;
max-height: 24px;
}
.swiper-button-disabled {
display: none !important;
}
.characters-counter-js {
position: relative;
bottom: 23px;
right: -12px;
font-size: 12px;
color: #666;
opacity: 0;
transition: opacity 0.2s;
height: 16px;
background: #fff;
display: flex;
width: calc(100% - 35px);
align-items: center;
justify-content: flex-end;
}
.scrollable {
position: absolute;
top: 1px;
right: 24px;
height: 16px;
background: #fff;
display: flex;
width: calc(100% - 35px);
align-items: center;
justify-content: flex-end;
}
.characters-counter-js:not(.hidden-js) {
opacity: 1;
}
::-webkit-scrollbar {
height: 4px;
width: 4px;
border-radius: 2.5px;
opacity: 49%;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px transparent;
opacity: 17%;
}
::-webkit-scrollbar-thumb {
background-color: rgba(149, 149, 149, 0.5);
outline: none;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #959595;
}
.header-ui {
padding-left: 50px;
padding-right: 50px;
background: rgb(251, 251, 251);
font-size: 14px;
height: 41px;
padding-top: 6px;
}
.header-ui i {
font-size: 18px;
color: #004d8a;
margin-right: 5px;
color: inherit;
}
.header-ui ul li {
display: inline-block;
position: relative;
}
.header-ui ul li > a > *, .header-ui ul li > button > *, .header-ui ul li > .header-option-label-ui > *, .header-ui ul li > .form-js:not(.dropdowns-ui) button > * {
vertical-align: middle;
}
.header-ui ul li:not(.last-ui) {
margin-right: 30px;
}
.header-ui ul li .dropdowns-ui {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 999;
padding: 15px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui {
left: 0;
right: auto;
width: 450px;
padding: 20px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .dropdown-title-ui {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info {
padding: 10px;
border: 1px solid rgba(221,221,221,1.00);
background-color: #FFFFFF;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info .img-ui {
width: 100px;
margin-right: 10px;
display: inline-block;
vertical-align: top;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info .img-ui.i-ui {
padding-top: 10px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info .img-ui i {
color: rgba(221,221,221,1.00);
font-size: 76px;
border: 1px solid rgba(221,221,221,1.00);
padding: 10px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info .info {
width: 270px;
line-height: 2;
display: inline-block;
vertical-align: top;
}
.header-ui ul li .header-item-label-ui {
padding: 0;
}
.header-ui ul li .dropdown-icon-ui {
font-size: small;
margin-right: 0;
}
.header-ui .flags-div-ui, .header-ui .currency-div-ui {
margin: 30px 0;
}
.header-ui .label-ui {
font-size: 10px;
line-height: 1;
}
.header-ui .current-company-short-name-ui {
display: inline-block;
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
}
@media only screen and (min-width: 1320px) {
.header-ui .current-company-short-name-ui {
width: 200px;
}
}
@media only screen and (min-width: 1430px) {
.header-ui .current-company-short-name-ui {
width: 300px;
}
}
@media only screen and (min-width: 1500px) {
.header-ui .current-company-short-name-ui {
width: 370px;
}
}
.header-categories-icon-ui {
margin-right: 5px;
vertical-align: middle;
font-size: 24px;
color: #f5c13d;
line-height: 1;
text-align: left;
}
.header-categories-ui {
background: #FFFFFF;
}
.header-middle-section-ui .customer-profile-ui {
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.header-middle-section-ui .customer-profile-ui p {
font-size: 14px;
}
.header-middle-section-ui .customer-profile-ui:hover i, .header-middle-section-ui .customer-profile-ui:hover p {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i:hover {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i, .header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i:hover {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .empty-cart-notice-ui {
color: #232323;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .wishlist-icon-ui .counter-bg-ui {
background-color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui a {
color: #004d8a;
text-decoration: none;
}
.header-middle-section-ui .customer-profile-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
.header-middle-section-ui .customer-profile-ui.active-ui {
height: 123px;
background: #004D8A;
border: 1px solid #004D8A;
border-bottom: 1px solid #004D8A;
padding: 0 20px;
margin-top: 0;
vertical-align: top;
padding-top: 15px;
cursor: default;
z-index: 1;
position: relative;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover {
background: #0060AC;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover a, .header-middle-section-ui .customer-profile-ui.active-ui:hover, .header-middle-section-ui .customer-profile-ui.active-ui:hover p {
color: #FFFFFF;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover i {
color: #FFFFFF;
}
.header-middle-section-ui .customer-profile-ui.active-ui a, .header-middle-section-ui .customer-profile-ui.active-ui, .header-middle-section-ui .customer-profile-ui.active-ui p {
color: #FFFFFF;
}
.header-middle-section-ui .customer-profile-ui.active-ui i {
color: #FFFFFF;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i:hover {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i, .header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i:hover {
color: #004d8a;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui {
color: #232323;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui i:hover {
color: #d2d2d2;
}
.header-middle-section-ui .inquiry-icon-container-ui {
position: relative;
cursor: pointer;
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.header-middle-section-ui .inquiry-icon-container-ui > p {
font-size: 14px;
color: #004d8a;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover > i, .header-middle-section-ui .inquiry-icon-container-ui:hover > p {
color: #004d8a;
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-bg-ui {
position: absolute;
left: 33px;
background-color: #004d8a;
color: #FFFFFF;
font-size: 12px;
font-family: Inter, sans-serif;
text-align: center;
border-radius: 50%;
width: 20px;
height: 20px;
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-ui {
vertical-align: middle;
line-height: 1.5;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui, .header-middle-section-ui .inquiry-icon-container-ui:hover .counter-ui {
color: #FFFFFF !important;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui {
background-color: #004d8a;
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui .counter-bg-ui {
left: 52px;
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui:hover {
background-color: #004d8a;
}
.phone-ui .header-mail-ui {
float: left;
font-size: 18px;
line-height: 1.2;
margin-left: 22px;
margin-top: 11px;
}
.phone-no-ui .mail-address-ui {
font-size: 14px;
font-family: Inter, sans-serif;
color: #717171;
opacity: 0.8;
line-height: 1.2;
text-align: left;
margin-left: 12px;
margin-right: 35px;
text-decoration: none;
}
.flags-dropdown-ui, .currency-dropdown-ui {
min-width: 34px;
line-height: 1em;
display: inline-block;
border: 1px solid rgba(221,221,221,1.00);
padding: 7px;
background-color: #FFFFFF;
cursor: pointer;
}
.flags-dropdown-ui:hover:not(.selected), .currency-dropdown-ui:hover:not(.selected) {
background: #ffb700;
color: #FFFFFF;
}
.flags-dropdown-ui.selected, .flags-dropdown-ui.selected:hover, .currency-dropdown-ui.selected, .currency-dropdown-ui.selected:hover {
border: 1px solid #004d8a;
color: inherit;
background-color: #FFFFFF;
cursor: default;
}
.shop-closed-current-language-ui {
border: 1px solid #004d8a;
}
.register-or-login-flags-ui {
right: 48px;
}
.current-client-currency-ui {
border: 1px solid #004d8a;
}
.header-nav-ui {
padding-left: 50px;
padding-right: 50px;
height: 142px;
}
.header-nav-ui.closed-ui {
height: 180px;
}
.header-nav-ui > * {
display: inline-block;
vertical-align: middle;
}
.header-nav-ui .logo-ui a {
display: block;
}
.header-nav-ui .logo-ui img {
height: auto;
width: auto;
max-width: 200px;
max-height: 80px;
margin: 30px 50px 0 0;
background: #FFFFFF;
}
.header-nav-ui nav > * {
margin-right: 10px;
display: inline-block;
}
.header-nav-ui .sign-out-ui {
cursor: pointer;
}
.client-area-ui {
float: right;
margin: 20px 15px 0px 20px;
position: relative;
}
.unregistered-user-ui li {
text-align: center;
}
.change-cart-ui {
width: 390px;
top: -1px;
right: -1px;
position: absolute;
border-width: 1px;
background-color: #FBFBFB;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
z-index: 999;
float: left;
min-height: 150px;
z-index: 999;
padding: 0;
}
.change-cart-ui .cart-change-icon-ui {
margin-right: 8px;
}
.change-cart-ui .add-cart-ui {
color: #004d8a;
font-weight: bold;
}
.change-cart-ui .add-cart-ui:hover {
color: #ffb700;
cursor: pointer;
}
.change-cart-ui .cart-change-popup-ui {
padding: 15px;
margin: 0;
font-size: 16px;
color: #004d8a;
}
.change-cart-ui .cart-change-popup-ui:hover {
cursor: pointer;
}
.change-cart-ui .listed-cart-ui:first-child {
border-top: 1px solid rgba(221,221,221,1.00);
}
.change-cart-ui .listed-cart-ui {
padding: 10px 0px 10px 15px;
margin: 0;
border-bottom: 1px solid rgba(221,221,221,1.00);
background-color: #FFFFFF;
}
.change-cart-ui .listed-cart-ui:hover {
cursor: pointer;
}
.change-cart-ui .selected-cart-ui {
border-left: 3px solid #004d8a;
pointer-events: none;
}
.change-cart-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 56px;
}
.change-cart-ui .empty-cart-notice-ui.with-change-ui {
margin: 16px 0 20px;
}
.change-cart-ui .empty-cart-notice-ui i {
font-size: 40px;
padding: 0;
color: #d2d2d2;
margin-right: 10px;
}
.change-cart-ui .price-ui {
color: ;
font-size: 18px;
margin-top: 1px;
}
.change-cart-ui .quantity-ui {
font-size: 14px;
}
.change-cart-ui .total-items-ui {
font-size: 18px;
}
.change-cart-ui.no-products-in-cart-ui {
background-color: #FFFFFF;
}
.change-cart-ui.change-inquiry-ui {
top: -21px;
}
.no-products-in-wishlist-ui {
width: 390px;
top: -1px;
right: -1px;
position: absolute;
border-width: 1px;
background-color: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
z-index: 999;
float: left;
min-height: 150px;
z-index: 999;
padding: 0;
}
.no-products-in-wishlist-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 50px;
}
.close-cart-form-icon-ui {
float: right;
font-size: 18px;
position: absolute;
right: 36px;
top: 5px;
}
.close-cart-form-icon-ui :hover {
cursor: pointer;
}
.carts-containers-ui {
margin: auto;
width: 90%;
border: 1px solid rgba(221,221,221,1.00);
margin-top: 40px;
margin-bottom: 20px;
background-color: #FFFFFF;
}
.carts-containers-ui p, .carts-containers-ui span {
margin: 11px 11px 0px 11px;
}
.carts-containers-ui .quantity-ui {
position: relative;
height: 18px;
}
.carts-containers-ui .quantity-ui > span {
margin: 0;
position: absolute;
bottom: 0;
}
.carts-containers-ui .price-ui {
right: 0;
}
.carts-containers-ui .price-ui span:last-child {
font-size: 14px;
color: #232323;
padding-left: 7px;
margin: 0;
}
.carts-containers-ui .icon-ui {
color: #004d8a;
margin-right: 0;
cursor: pointer;
}
.carts-containers-ui .cart-name-ui {
font-size: 16px;
color: #004d8a;
display: inline-block;
width: calc(100% - 48px);
margin-left: 5px;
margin-top: 16px;
}
.carts-containers-ui .cart-name-input-ui {
display: inline-block;
width: calc(100% - 47px);
height: 30px;
margin: 10px 10px 0 5px;
}
.carts-containers-ui .cart-name-to-replace-ui {
margin: 0;
}
.cart-ui-summary {
border-top: 1px solid rgba(221,221,221,1.00);
width: 90%;
margin: auto;
margin-top: 50px;
}
.cart-ui-summary span {
float: right;
}
.button-container-ui {
padding-top: 20px;
}
.button-container-ui button {
width: 50%;
margin-right: -4px;
font-size: 18px;
}
.button-container-ui button:hover {
background: #ffb700;
}
.button-container-ui .cart-delete-ui {
background: #ffb800;
}
.button-container-ui .cart-change-ui {
background: ;
}
.button-container-ui i {
margin-right: 10px;
}
.header-shopping-cart-ui {
position: relative;
float: right;
}
.header-shopping-cart-ui .header-cart-box-ui {
width: 180px;
height: 101px;
border: 1px solid #7FBA00;
text-align: right;
padding: 30px 15px 15px;
background-color: #FFFFFF;
}
.header-shopping-cart-ui .header-cart-box-ui:hover {
cursor: pointer;
border: 1px solid #87CE0D;
}
.header-shopping-cart-ui .header-cart-box-ui:hover i {
color: #004c8a;
}
.header-shopping-cart-ui .header-cart-box-ui:hover > span {
color: #004c8a;
}
.header-shopping-cart-ui .current-cart-name-ui {
color: rgba(46,46,46,1.00);
font-size: 14px;
position: absolute;
top: 5px;
left: 10px;
right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.header-shopping-cart-ui.active-ui {
background: #7FBA00;
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui {
height: 123px;
background: #7FBA00;
border: 1px solid #7FBA00;
border-bottom: 1px solid #7FBA00;
transition: all 300ms ease;
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui:hover {
background: #87CE0D;
border: 1px solid #87CE0D;
}
.header-shopping-cart-ui.active-ui .current-cart-name-ui, .header-shopping-cart-ui.active-ui .cart-amount-ui, .header-shopping-cart-ui.active-ui .customer-currency-carts-ui {
color: #FFFFFF;
}
.header-shopping-cart-ui.active-ui .cart-icon {
color: #FFFFFF;
}
.header-shopping-cart-ui.active-ui:hover .current-cart-name-ui, .header-shopping-cart-ui.active-ui:hover .cart-amount-ui, .header-shopping-cart-ui.active-ui:hover .customer-currency-carts-ui {
color: #FFFFFF;
}
.header-shopping-cart-ui.active-ui:hover .cart-icon {
color: #FFFFFF;
}
.header-shopping-cart-ui.editing-order-ui.active-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui {
background: #004D8A;
border: 1px solid #004D8A;
border-bottom: none;
}
.header-shopping-cart-ui.editing-order-ui.active-ui .user-icon-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui .user-icon-ui {
color: #FFFFFF;
}
.header-shopping-cart-ui.editing-order-ui.active-ui > p, .header-shopping-cart-ui.inquiry-header-ui.active-ui > p {
color: #FFFFFF;
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover .user-icon-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui:hover .user-icon-ui {
color: #FFFFFF;
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover > p, .header-shopping-cart-ui.inquiry-header-ui.active-ui:hover > p {
color: #FFFFFF;
}
.header-shopping-cart-ui.inquiry-icon-container-ui.active-ui {
padding: 20px 20px 16px;
margin-top: 0;
float: none;
}
.text-ui {
text-align: right;
position: relative;
float: right;
}
.search-ui {
padding: 0px 18px 0px 0px;
width: 392px;
max-width: 550px;
height: 61px;
text-decoration: none;
border: 1px solid rgba(221,221,221,1.00);
opacity: 0.6;
font-family: Inter, sans-serif;
}
.search-ui[placeholder] {
padding-left: 20px;
font-family: Inter, sans-serif;
}
@media only screen and (max-width: 1439px) {
.search-ui {
width: 285px;
}
}
.input-field-search-ui {
position: relative;
font-family: Inter, sans-serif;
background: #FFFFFF;
margin-top: 20px;
}
.search-btn-ui {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
padding: 12px 15px;
color: inherit;
background: transparent;
border: none;
color: #004d8a;
}
.quick-cart-container-ui {
margin-left: 102px;
margin-right: 50px;
text-align: center;
margin-top: 15px;
}
.shopping-list-ui {
margin: 0px 35px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.shopping-list-ui p {
font-size: 14px;
}
.shopping-list-ui:hover i, .shopping-list-ui:hover p {
color: #004d8a;
}
.quick-cart-container-ui a {
color: #004d8a;
text-decoration: none;
}
.quick-cart-container-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
.shopping-list-ui a {
color: #004d8a;
text-decoration: none;
}
.shopping-list-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
/* ---- components ---- */
.flag-ui {
position: relative;
background-color: #FFFFFF;
background-image: url(../css/img/flags.png);
display: inline-block;
width: 31px;
height: 19px;
padding: 7px;
vertical-align: text-top !important;
}
.flag-be-ui {
background-position: -2px -5px;
}
.flag-bg-ui {
background-position: -2px -27px;
}
.flag-cs-ui {
background-position: -2px -52px;
}
.flag-da-ui {
background-position: -2px -76px;
}
.flag-de-ui {
background-position: -2px -101px;
}
.flag-el-ui {
background-position: -2px -125px;
}
.flag-en-ui {
background-position: -2px -150px;
}
.flag-es-ui {
background-position: -2px -174px;
}
.flag-et-ui {
background-position: -2px -199px;
}
.flag-fi-ui {
background-position: -2px -224px;
}
.flag-fr-ui {
background-position: -2px -248px;
}
.flag-hr-ui {
background-position: -2px -273px;
}
.flag-hu-ui {
background-position: -2px -298px;
}
.flag-is-ui {
background-position: -2px -322px;
}
.flag-it-ui {
background-position: -2px -347px;
}
.flag-ja-ui {
background-position: -2px -371px;
}
.flag-ka-ui {
background-position: -2px -396px;
}
.flag-lt-ui {
background-position: -2px -421px;
}
.flag-lv-ui {
background-position: -2px -445px;
}
.flag-mk-ui {
background-position: -2px -470px;
}
.flag-nl-ui {
background-position: -2px -495px;
}
.flag-no-ui {
background-position: -2px -519px;
}
.flag-pl-ui {
background-position: -2px -544px;
}
.flag-pt-ui {
background-position: -2px -568px;
}
.flag-ro-ui {
background-position: -2px -593px;
}
.flag-ru-ui {
background-position: -2px -617px;
}
.flag-sk-ui {
background-position: -2px -642px;
}
.flag-sl-ui {
background-position: -2px -667px;
}
.flag-sq-ui {
background-position: -2px -691px;
}
.flag-sr-ui {
background-position: -2px -716px;
}
.flag-sv-ui {
background-position: -2px -740px;
}
.flag-tr-ui {
background-position: -2px -765px;
}
.flag-uk-ui {
background-position: -2px -790px;
}
.tooltip-ui {
position: relative;
display: inline-block;
}
.tooltip-ui .tooltip-icon-ui {
font-size: 0.8rem;
width: 1.5em;
line-height: 1.5em;
display: inline-block;
text-align: center;
border-radius: 1em;
cursor: pointer;
background: #004d8a;
color: #fff;
vertical-align: middle;
}
.tooltip-ui .tooltip-text-ui {
position: absolute;
top: calc(100% + 10px);
right: -16px;
width: 280px;
max-width: 100vw;
padding: 10px 15px;
border: 1px solid #004d8a;
font-size: smaller;
line-height: 1.5em;
background: #fff;
color: #232323;
display: none;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
z-index: 100;
}
.tooltip-ui .tooltip-text-ui::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #004d8a transparent;
position: absolute;
top: -10px;
right: 14px;
}
.tooltip-ui .tooltip-text-ui p:first-child {
margin-top: 0;
}
.tooltip-ui .tooltip-text-ui p:last-child {
margin-bottom: 0;
}
.tooltip-ui:hover .tooltip-text-ui {
display: block;
}
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -18px;
position: absolute;
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -11px;
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
left: -17px;
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
top: 17px;
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui::before {
right: auto;
}
.amount-stepper-ui {
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.amount-stepper-ui .validation-info-js {
clear: both;
width: 100%;
}
.amount-stepper-ui::after {
clear: both;
content: "";
display: block;
}
.amount-stepper-column-ui:not(.f-left-ui-abs), .stepper-and-adding-ui:not(.f-left-ui-abs) {
position: relative;
}
.amount-stepper-column-ui .error, .stepper-and-adding-ui .error {
position: absolute;
bottom: -19px;
left: auto;
right: 0;
width: auto;
min-width: 100%;
white-space: nowrap;
text-align: left;
padding-right: 15px;
}
.amount-stepper-ui .unit-name-ui, .amount-stepper-column-ui .unit-name-ui {
padding-left: 12px;
}
.amount-stepper-column-ui .unit-name-ui {
display: inline-block;
width: 90px;
}
.change-quantity-ui, [name=quantity] {
display: block;
float: left;
line-height: 1.5em;
height: 40px;
width: 40px;
text-align: center;
border: 1px solid rgba(221,221,221,1.00);
padding: 0;
}
[name=quantity] {
width: 80px;
}
.change-quantity-ui {
background: #f6f6f6;
color: #232323;
}
.change-quantity-ui:hover {
background: #004d8a;
}
.decrement-ui {
border-right: none;
}
.increment-ui {
border-left: none;
}
.stepper-space-ui {
width: 160px;
text-align: center;
display: block;
float: left;
}
.pagination {
display: flex;
padding: 24px 0;
font-size: 14px;
font-style: normal;
line-height: 20px;
align-items: center;
justify-content: flex-end;
}
.pagination .change-quantity {
background: none;
border: none;
padding: 0 8px;
width: auto;
color: #696666;
cursor: pointer;
}
.pagination .change-quantity__active {
color: #232323 !important;
font-weight: 600;
}
.pagination .change-quantity-button {
border: none;
padding: 0;
height: 24px;
display: flex;
align-items: center;
background: none;
color: #004d8a;
font-weight: 600;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.pagination .change-quantity-button span {
display: none;
}
}
.pagination .change-quantity-button[disabled] {
color: #696666;
cursor: default;
}
.pagination .change-quantity-button[disabled] svg {
fill: #696666;
}
.pagination .change-quantity-button svg {
width: 16px;
height: 16px;
fill: #004d8a;
}
@media screen and (max-width: 768px) {
.pagination .change-quantity-button svg {
width: 24px;
height: 24px;
}
}
.pagination .page-amount {
display: block;
float: left;
}
.pagination > *:not(:first-child) {
margin-left: 8px;
}
/* ---- SLIDERS ----*/
.lazyslider-container-ui .slider-ui, .lazyslider-container-ui .slider-js, .lazyslider-container-js .slider-ui, .lazyslider-container-js .slider-js {
visibility: hidden;
}
.slider-ui.wide-ui .slick-prev {
left: 0;
}
.slider-ui.wide-ui .slick-next {
right: 0;
}
.slider-ui:not(.wide-ui) {
width: calc(100% - 7rem);
margin: auto;
}
.slider-ui.dots-inside-ui .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.slider-container-ui {
margin: 0;
position: relative;
}
.slider-caption-ui {
position: absolute;
top: 30%;
left: 10%;
color: #FFFFFF;
width: 80%;
}
.slick-slider, .slick-slide {
outline: none;
}
.slick-arrow {
font-size: 3.5rem;
text-shadow: 0px 0px 5px #fff;
position: absolute;
top: 50%;
transform: translateY(-0.5em);
left: -3.5rem;
z-index: 10;
padding: 0;
}
.slick-arrow.slick-next {
right: -3.5rem;
left: auto;
}
.slick-dots {
margin-top: 10px;
text-align: center;
}
.slick-dots li {
background: #fff;
border: 1px solid rgba(221,221,221,1.00);
width: 110px;
height: 7px;
display: inline-block;
margin: 5px;
transition: 800ms border, 800ms background;
}
.slick-dots li:hover {
cursor: pointer;
}
.slick-dots .slick-active, .slick-dots li:hover {
background: #004d8a;
border-color: #004d8a;
}
/* ----- HOMEPAGE SLIDER ---- */
.homepage-slider-ui img {
width: 100%;
}
.homepage-slider-heading-ui {
line-height: 1.5;
font-size: 1.5rem;
font-weight: 400;
padding: 0;
border: none;
}
@media screen and (min-width: 1280px) {
.homepage-slider-heading-ui {
font-size: 60px;
}
}
.homepage-slider-text {
font-size: 1.1rem;
line-height: 1.5em;
padding-right: 20px;
margin-top: 0;
}
@media screen and (min-width: 1280px) {
.homepage-slider-text {
font-size: 35px;
}
}
/* ---- GRIDS SLIDER ----*/
.products-grid-ui .minibox-product-ui {
width: calc(100% - 10px);
}
.products-grid-ui .minibox-product-ui.larger-ui {
width: calc(50% - 10px);
height: 770px;
}
.products-grid-ui .minibox-product-ui.larger-ui .image-container-ui {
height: 615px;
}
.products-grid-ui .grid-page-ui {
width: 100%;
}
.products-grid-ui .grid-page-ui::after {
clear: both;
display: block;
content: "";
}
.products-grid-ui .shorter-grid-column-ui {
width: 25%;
float: left;
}
.header-categories-ui .categories-label-ui, .category-column-ui .categories-label-ui {
background: #FFFFFF;
line-height: 63px;
height: calc(63px + 2px); /* ?? */
text-align: center;
padding: 0;
width: 320px;
}
.header-categories-ui .categories-opened-ui .categories-label-ui, .category-column-ui .categories-opened-ui .categories-label-ui {
background-color: #FFFFFF;
}
.header-categories-ui .categories-opened-ui .categories-label-ui:hover, .category-column-ui .categories-opened-ui .categories-label-ui:hover {
background: #004d8a;
color: #fff;
}
.category-column-ui {
height: 100%;
max-height: 100vh;
transition: height 800ms;
background: #FFFFFF;
overflow: hidden;
}
.category-column-ui.categories-hidden-js {
height: 0;
}
.category-column-ui.no-on-desktop-adv-search-ui {
display: none;
}
.category-column-ui.with-filters-ui {
background: #F6F6F6;
}
.category-column-ui .categories-and-filters-container-ui {
height: 100vh;
transition: height 800ms;
scrollbar-color: #8E8E8E transparent;
scrollbar-width: thin;
overflow-y: auto;
overflow-x: hidden;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px transparent;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.5);
outline: none;
border-radius: 2px;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb:hover {
background-color: #8E8E8E;
}
.category-column-ui.with-filters-ui .categories-and-filters-container-ui {
height: calc(100vh - 228px);
}
.category-column-ui.with-filters-ui.element-attached-js .categories-and-filters-container-ui {
height: calc(100vh - 45px);
}
.category-column-ui .hidden-level-js {
display: none;
}
.category-column-ui .header-categories-icon-ui {
color: inherit;
padding: 0;
}
.current-ui {
border-left: 7px solid #004d8a;
}
.current-ui::before {
content: "";
width: 15px;
height: 55px;
position: absolute;
top: 0;
right: -15px;
left: auto;
background: #FFFFFF;
}
/* ---- partial pages ---- */
.homepage {
display: flex;
flex-direction: column;
padding: 16px 0;
overflow: hidden;
}
.homepage section {
margin: 16px 0;
}
@media screen and (min-width: 769px) and (max-width: 1439px) {
.homepage {
padding: 16px 0;
}
}
@media screen and (max-width: 768px) {
.homepage {
padding: 16px 0;
}
}
.product-list-ui {
position: relative;
}
.product-list-ui .add-to-cart-ui {
margin-top: 0;
}
.product-list-ui .choose-cart-form-ui {
position: absolute;
top: 100%;
right: 0;
z-index: 5;
line-height: 1.5em;
}
.product-list-ui .product-link-ui {
box-shadow: 0 3px 12px 0 transparent;
transition: box-shadow 300ms;
}
.product-list-ui .product-link-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5;
}
@media screen and (min-width: 1280px) {
.product-list-ui.quick-shopping-view-js .suggested-price-products-list-ui.suggested-no-auth-ui {
float: left;
width: 20% !important;
}
}
.product-list-ui .suggested-price-products-list-ui {
position: absolute;
right: 20px;
padding: 10px 20px;
top: 25%;
}
@media only screen and (min-width: 1280px) {
.product-list-ui .suggested-price-products-list-ui {
top: 0%;
}
}
@media only screen and (min-width: 1280px) {
.product-list-ui .suggested-price-products-list-ui:not(.suggested-no-auth-ui) {
right: -140px;
}
}
@media screen and (max-width: 1279px) {
.product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui {
text-align: right;
}
}
.product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui .suggested-ui, .product-list-ui .suggested-price-products-list-ui.suggested-no-auth-ui .suggested-price-ui {
font-size: 14px !important;
}
.product-list-ui .suggested-price-products-list-ui .suggested-ui {
font-size: 16px;
}
.product-list-ui .suggested-price-products-list-ui .suggested-price-ui {
font-size: 20px;
}
.product-list-ui .suggested-price-products-list-ui .suggested-previous-ui {
text-decoration: line-through;
}
.product-list-ui .stepper-and-adding-ui:not(.has-attributes-link) {
opacity: 0.999;
z-index: 2;
}
.product-list-ui .has-attributes-link {
position: relative;
}
.products-navigation-ui {
margin: 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.products-navigation-ui .breadcrumbs-container-ui {
max-width: calc(100% - 320px);
}
.products-navigation-ui.filters-up-ui .breadcrumbs-container-ui {
max-width: calc(100% - 460px);
}
.products-navigation-ui .breadcrumbs-ui li {
margin: 0;
}
.products-navigation-ui .sorting-views-container-ui {
font-size: 1.3rem;
}
.products-navigation-ui .sorting-views-container-ui .sorting-views-container-ui button {
padding-top: 10px;
}
.products-navigation-ui .change-view-ui {
padding-top: 10px;
background: #f8f8f8;
box-shadow: 0 0 1px #a5a5a5;
margin-left: 10px;
transition: border 300ms;
}
.products-navigation-ui .change-view-ui:not(.btn-active-js) {
border: 1px solid transparent;
}
.products-header-ui {
display: none;
z-index: 10;
top: 0;
border: 1px solid rgba(221,221,221,1.00);
position: absolute;
left: 0;
right: 0;
}
.products-header-ui > * {
display: block;
float: left;
height: 60px;
line-height: 60px;
padding-top: 0;
padding-bottom: 0;
}
.products-header-ui .stepper-and-adding-ui {
padding: 0;
}
.products-header-ui .stepper-and-adding-ui > div {
width: 100%;
}
.products-header-ui .add-to-cart-ui {
padding: 0 10px;
float: left;
width: 100%;
}
.products-header-ui .add-to-cart-ui .add-to-cart-label-ui {
display: block;
}
.products-header-ui .add-to-cart-ui .bigger-text-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.products-header-ui .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 50px;
}
.products-header-ui .choose-cart-form-ui {
width: 100%;
}
.products-header-ui .change-cart-arrows-ui {
line-height: 1.5em;
height: 60px;
width: 60px;
float: right;
}
.product-item-ui .price-ui, .products-header-ui .price-ui {
font-size: inherit;
}
.product-item-ui {
position: relative;
display: block;
color: #232323;
cursor: pointer;
transition: box-shadow 300ms, background 300ms;
box-shadow: 0 3px 12px 0 transparent;
}
.product-item-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5;
}
.product-item-ui .product-name-ui {
color: #004d8a;
margin-bottom: 0;
font-size: inherit;
}
.product-item-ui .unit-name-ui {
font-size: inherit;
}
.product-item-ui .product-code-ui {
color: #232323;
}
.product-item-ui .image-container-ui {
display: -ms-inline-flexbox;
display: inline-flex;
width: 260px;
}
.product-item-ui .price-ui, .product-item-ui .old-price-ui {
margin: 0;
}
.product-item-ui .price-ui {
font-size: larger;
}
.product-item-ui .old-price-ui {
font-size: smaller;
margin-bottom: 3px;
}
.product-item-ui .old-price-ui .lowest-price-ui {
text-decoration: none;
display: inline-block;
margin-left: 10px;
font-size: 12px;
}
.product-item-ui .stock-level-ui img {
z-index: 1;
position: relative;
}
.product-item-ui .stock-text-ui {
display: block;
line-height: 1em;
}
.product-item-ui .stock-label-ui {
margin-right: 10px;
font-size: small;
}
.product-item-ui .stepper-and-adding-ui {
padding: 0;
}
.product-item-ui .stepper-and-adding-ui .add-to-cart-form-container-ui {
display: inline-block;
}
.product-item-ui .btn-ui, .product-item-ui button {
position: relative;
z-index: 2;
}
.choose-variant-icon-ui {
font-size: 2rem;
padding-right: 15px;
}
/* quick shopping view */
.quick-shopping-view-js .open360 {
display: none;
}
.quick-shopping-view-js .message-bar-ui {
padding-top: 60px;
position: relative;
}
.quick-shopping-view-js .message-bar-ui .close-ui {
top: 60px;
color: #232323;
}
.quick-shopping-view-js .message-bar-ui[class*=hidden-js] {
display: block !important;
height: 0;
padding-bottom: 0;
z-index: -1;
visibility: hidden;
}
.quick-shopping-view-js .message-bar-title-ui {
font-weight: 500;
font-size: 1.2em;
}
.quick-shopping-view-js .product-name-ui {
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
}
.quick-shopping-view-js .product-validation-message-ui {
margin-top: 0;
}
.quick-shopping-view-js .pagination-page-ui {
width: 100%;
font-size: 0.9rem;
padding-top: 60px;
}
.quick-shopping-view-js .pagination-page-ui::after {
display: block;
clear: both;
float: none;
content: "";
}
.quick-shopping-view-js .products-header-ui > *:not(.image-container-ui):not(.product-link-ui):not(.name-and-code-ui), .quick-shopping-view-js .product-item-ui > *:not(.image-container-ui):not(.product-link-ui):not(.name-and-code-ui) {
vertical-align: middle;
width: 20%;
}
.quick-shopping-view-js .products-header-ui .name-and-code-ui, .quick-shopping-view-js .product-item-ui .name-and-code-ui {
width: 40%;
vertical-align: middle;
}
.quick-shopping-view-js .products-header-ui .name-and-code-ui.without-stock, .quick-shopping-view-js .product-item-ui .name-and-code-ui.without-stock {
width: 60%;
}
.quick-shopping-view-js.prices-hidden-ui::after {
display: block;
clear: both;
float: none;
content: "";
}
.quick-shopping-view-js.prices-hidden-ui .products-header-ui > *:not(.product-link-ui, .suggested-no-auth-ui), .quick-shopping-view-js.prices-hidden-ui .product-item-ui > *:not(.product-link-ui, .suggested-no-auth-ui) {
float: left;
width: 50% !important;
}
.quick-shopping-view-js .products-header-ui {
display: block;
}
.quick-shopping-view-js .products-header-ui .multiplicity-info-js {
display: none;
}
.quick-shopping-view-js .product-item-ui {
display: -ms-flexbox;
display: flex;
align-items: center;
}
.quick-shopping-view-js .product-item-ui.with-multiplicity-ui {
padding: 20px 0;
}
.quick-shopping-view-js .product-item-ui::after {
display: block;
clear: both;
float: none;
content: "";
}
.quick-shopping-view-js .product-item-ui > * {
float: left;
align-self: center;
}
.quick-shopping-view-js .product-item-ui .choose-variant-ui {
position: relative;
z-index: 2;
}
.quick-shopping-view-js .element-attached-js.products-header-ui > *:not(.image-container-ui) {
display: block;
display: -ms-flexbox;
display: flex;
align-items: center;
float: left;
height: 60px;
}
.quick-shopping-view-js .element-attached-js.products-header-ui > *:not(.image-container-ui).price-column-ui {
display: inline-block;
}
@media only screen and (max-width: 1279px) {
.quick-shopping-view-js .element-attached-js.products-header-ui > .price-column-ui:not(.image-container-ui) {
display: none;
}
}
.quick-shopping-view-js .image-container-ui, .quick-shopping-view-js .product-desc-ui, .quick-shopping-view-js .price-label-ui {
display: none;
}
.quick-shopping-view-js .product-code-ui {
font-size: 14px;
max-width: 100%;
}
.quick-shopping-view-js .product-code-ui .code-ui.show-attributes-on-products-page-ui {
display: none;
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui .code-ui {
display: inline-block;
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui:not(.show-all-attributes-on-quick-view-ui) .last-quick-view-attribute-ui ~ span {
display: none;
}
.quick-shopping-view-js .product-code-ui .product-attributes-listed-ui:not(.show-all-attributes-on-quick-view-ui) .last-quick-view-attribute-ui span {
display: none;
}
.quick-shopping-view-js .product-code-ui, .quick-shopping-view-js .product-flags-ui {
display: inline-block;
float: left;
}
.quick-shopping-view-js .product-flags-ui {
padding-left: 10px;
}
.quick-shopping-view-js .product-item-ui .add-to-cart-ui, .quick-shopping-view-js .product-item-ui .change-cart-arrows-ui, .quick-shopping-view-js .product-item-ui .choose-cart-form-ui {
display: none;
}
.quick-shopping-view-js .stock-label-ui {
display: none;
}
.quick-shopping-view-js .price-column-ui {
text-align: right;
padding-right: 5%;
}
@media screen and (max-width: 1279px) {
.quick-shopping-view-js .price-column-ui {
max-width: 400px !important;
}
}
.quick-shopping-view-js .expandable-mechanism-container-ui, .quick-shopping-view-js .final-price-column-ui, .quick-shopping-view-js .product-attributes-listed-in-grid-view-ui, .quick-shopping-view-js .thresholds-label-ui {
display: none !important;
}
.quick-shopping-view-js .multiplicity-info-js {
position: static;
}
/* list and grid views - common styles */
.list-view-js .product-item-ui::after, .grid-view-js .product-item-ui::after {
content: "";
display: block;
clear: both;
}
.list-view-js .product-item-ui .product-name-ui, .grid-view-js .product-item-ui .product-name-ui {
font-size: 18px;
font-weight: 500;
}
.list-view-js .product-item-ui .product-code-ui, .grid-view-js .product-item-ui .product-code-ui {
font-size: 14px;
}
.list-view-js .product-item-ui .product-code-ui .product-attributes-listed-ui, .grid-view-js .product-item-ui .product-code-ui .product-attributes-listed-ui {
display: none;
}
.list-view-js .stock-label-ui, .list-view-js .price-label-ui, .grid-view-js .stock-label-ui, .grid-view-js .price-label-ui {
color: #7b7878;
}
.list-view-js .product-flags-ui, .grid-view-js .product-flags-ui {
position: absolute;
left: 5px;
top: 5px;
width: 260px;
}
.list-view-js .name-and-code-ui, .grid-view-js .name-and-code-ui {
width: calc(100% - 200px);
float: left;
}
.list-view-js .product-code-ui, .grid-view-js .product-code-ui {
margin: 12px 0px 20px 0;
display: block;
font-weight: 500;
}
.list-view-js .price-column-ui, .grid-view-js .price-column-ui {
width: 200px;
float: right;
font-size: 1.3rem;
padding-top: 15px;
padding-right: 15px;
text-align: right;
}
.list-view-js .unit-name-ui, .grid-view-js .unit-name-ui {
width: 140px;
}
.list-view-js .stock-level-ui, .grid-view-js .stock-level-ui {
position: absolute;
bottom: 0;
right: 515px;
bottom: 15px;
}
.list-view-js .stock-level-ui > *, .grid-view-js .stock-level-ui > * {
vertical-align: middle;
}
.list-view-js.prices-hidden-ui .stock-level-ui, .grid-view-js.prices-hidden-ui .stock-level-ui {
right: 0;
bottom: 0;
padding: 15px;
}
.list-view-js .product-desc-ui, .grid-view-js .product-desc-ui {
line-height: 1.5em;
max-height: calc(3 * 1.5em);
overflow: hidden;
}
.list-view-js .stepper-and-adding-ui .error, .grid-view-js .stepper-and-adding-ui .error {
top: -20px;
bottom: auto;
}
/* list view */
.list-view-js .product-item-ui {
border: 1px solid rgba(221,221,221,1.00);
margin-bottom: 10px;
padding-left: calc(260px + 40px);
min-height: 150px;
}
@media screen and (min-width: 1280px) {
.list-view-js .product-item-higher-ui {
min-height: 170px;
}
.list-view-js .product-item-higher-ui .price-column-ui .price-ui {
margin-top: 33px !important;
}
.list-view-js .product-item-higher-ui .final-price-column-ui {
top: 98px;
}
}
.list-view-js .open360 {
position: absolute;
left: 0;
right: unset;
z-index: 1;
}
@media screen and (min-width: 1280px) {
.list-view-js .open360 {
top: 50px;
}
}
@media screen and (max-width: 1279px) {
.list-view-js .open360 {
top: 30px;
}
}
.list-view-js .name-and-code-ui {
padding-top: 20px;
width: calc(100% - 20px);
}
.list-view-js .product-name-ui {
color: #232323;
}
.list-view-js .product-code-ui {
color: #7b7878;
height: 24px;
}
.list-view-js .image-container-ui {
position: absolute;
top: 20px;
left: 20px;
height: 110px;
width: 260px;
}
.list-view-js .image-container-ui i, .list-view-js .image-container-ui .no-image-ui {
font-size: 100px;
}
.list-view-js .product-flags-ui {
top: -22px;
left: -21px;
}
.list-view-js .expand-data-ui {
padding: 0;
}
.list-view-js .product-desc-ui, .list-view-js .product-attributes-listed-in-grid-view-ui {
display: none;
}
.list-view-js .expandable-ui .product-desc-ui {
display: inline-block;
width: calc(100% - 380px);
max-height: none;
margin: 50px 50px 20px 0;
vertical-align: top;
color: #7b7878;
}
.list-view-js .expandable-ui .product-desc-ui.with-attributes-ui {
width: calc(100% - 760px);
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui {
display: inline-block;
width: 326px;
vertical-align: top;
margin: 50px 50px 20px 0;
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .clear-after-ui {
margin-bottom: 10px;
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .f-left-ui {
width: 125px;
color: #7b7878;
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui .f-right-ui {
width: 161px;
}
.list-view-js .expandable-ui .product-attributes-listed-in-list-view-ui:not(.show-all-attributes-on-list-view-ui) .clear-after-ui.last-list-view-attribute-ui ~ .clear-after-ui {
display: none;
}
.list-view-js .expandable-ui .attributes-ui {
display: inline-block;
width: 325px;
vertical-align: top;
margin: 50px 0 20px;
}
.list-view-js .expandable-ui .attributes-ui .clear-after-ui {
margin-bottom: 10px;
}
.list-view-js .expandable-ui .attributes-ui .f-left-ui {
width: 125px;
color: #7b7878;
}
.list-view-js .expandable-ui .attributes-ui .f-right-ui {
width: 158px;
}
.list-view-js .expandable-ui .attributes-ui img {
vertical-align: middle;
max-height: 25px;
}
.list-view-js .stepper-and-adding-ui {
position: absolute;
top: 20px;
right: 20px;
height: 110px;
}
.list-view-js .stepper-and-adding-ui .error {
top: 38px;
padding-right: 0;
}
.list-view-js .stepper-and-adding-ui .error.multiplicity-info-js {
top: 46px;
}
.list-view-js .add-to-cart-ui {
padding: 5px 10px;
max-width: 146px;
min-height: auto;
margin-top: 76px;
}
.list-view-js .add-to-cart-ui i {
font-size: 20px;
margin-right: 5px;
}
.list-view-js .add-to-cart-ui .add-to-cart-label-ui {
display: block;
}
.list-view-js .add-to-cart-ui .lower-text-ui {
font-size: 14px;
}
.list-view-js .add-to-cart-ui .bigger-text-ui {
margin-left: 5px;
text-transform: lowercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-view-js .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 30px;
}
.list-view-js .editing-order-ui .lower-text-ui, .list-view-js .editing-order-ui .bigger-text-ui {
font-size: 12px;
}
.list-view-js .choose-variant-ui {
position: absolute;
right: 0;
width: 158px;
bottom: 0;
padding: 5px 0;
z-index: 2;
}
.list-view-js .choose-variant-ui span {
font-size: 12px;
}
.list-view-js .choose-variant-icon-ui {
font-size: 24px;
padding-right: 10px;
}
.list-view-js .btn-ui {
position: absolute;
right: 0;
bottom: 0;
width: 158px;
font-size: 14px;
text-align: center;
}
.list-view-js .final-price-column-ui {
display: inline-block;
position: absolute;
width: 125px;
right: 220px;
top: 78px;
}
.list-view-js .final-price-column-ui .price-ui {
margin-top: 10px;
color: #232323;
font-weight: 700;
}
.list-view-js .amount-stepper-ui {
position: absolute;
right: 190px;
display: inline-block;
width: 160px;
bottom: 0;
}
.list-view-js .unit-name-ui {
color: #7b7878;
font-size: smaller;
position: absolute;
bottom: 40px;
right: 222px;
}
.list-view-js .price-column-ui {
display: inline-block;
position: absolute;
width: 125px;
right: 600px;
top: 100px;
font-size: 1rem;
padding: 0;
text-align: left;
}
.list-view-js .price-column-ui.with-thresholds-ui {
top: 54px;
font-size: 12px;
}
.list-view-js .price-column-ui .price-ui {
font-size: larger;
font-weight: 700;
margin-top: 13px;
}
.list-view-js .price-column-ui .price-label-ui {
position: absolute;
top: -23px;
left: 0;
}
.list-view-js .price-column-ui .price-label-ui.omnibus {
top: -60px;
}
.list-view-js .price-column-ui .old-price-ui {
position: absolute;
top: -44px;
white-space: nowrap;
}
.list-view-js .price-column-ui .old-price-ui .lowest-price-ui {
margin-left: 0px;
width: 150px;
white-space: pre-wrap;
position: absolute;
top: 21px;
left: 0px;
line-height: 18px;
}
.list-view-js .stock-level-ui {
display: none;
}
.list-view-js .multiplicity-info-js {
position: absolute;
right: 380px;
width: 100%;
bottom: 35px;
text-align: right;
}
@media only screen and (min-width: 1280px) and (max-width: 1599px) {
.list-view-js .product-item-ui {
padding-left: 200px;
}
.list-view-js .product-item-ui .product-code-ui {
margin-top: 0;
}
.list-view-js .image-container-ui {
width: 160px;
}
.list-view-js .price-column-ui {
right: 565px;
}
.list-view-js .price-column-ui.with-thresholds-ui {
top: 72px;
}
.list-view-js .final-price-column-ui {
right: 210px;
}
.list-view-js .amount-stepper-ui {
right: 175px;
}
.list-view-js .unit-name-ui {
right: 208px;
}
.list-view-js .expandable-mechanism-container-ui {
margin: 70px 0px 20px -180px;
}
.list-view-js .expandable-ui .product-desc-ui {
width: calc(100% - 340px);
margin: 20px 20px 0 0;
}
.list-view-js .expandable-ui .attributes-ui {
margin: 20px 0 0 0;
width: 315px;
}
.list-view-js .expandable-ui .attributes-ui .f-right-ui {
width: 156px;
}
.list-view-js .multiplicity-info-js {
right: 350px;
}
}
/* grid view */
.grid-view-js .product-item-ui {
width: 50%;
float: left;
height: 470px;
padding: 30px;
}
.grid-view-js .product-item-ui:nth-child(even) {
padding-right: 30px;
}
.grid-view-js .product-item-ui:nth-child(odd) {
padding-left: 30px;
border-left: 1px solid rgba(221,221,221,1.00);
}
.grid-view-js .product-item-ui:not(:nth-last-child(-n+2)) {
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.grid-view-js .product-item-ui .product-name-ui {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.grid-view-js .product-item-ui .open360 {
position: absolute;
right: 30px;
top: 175px;
left: unset;
z-index: 1;
}
.grid-view-js .image-container-ui {
width: 100%;
height: 306px;
}
.grid-view-js .image-container-ui img {
margin-left: 0;
}
.grid-view-js .name-and-code-ui {
width: calc(100% - 200px);
}
.grid-view-js .product-desc-ui {
display: none;
}
.grid-view-js .price-column-ui {
position: absolute;
top: 30px;
right: 30px;
padding: 0;
}
.grid-view-js .price-column-ui.smaller-on-grid-view-ui {
font-size: 16px;
}
.grid-view-js .stepper-and-adding-ui {
text-align: right;
position: absolute;
padding: 0;
right: 30px;
bottom: 30px;
}
.grid-view-js .choose-variant-ui {
position: relative;
z-index: 2;
font-size: 14px;
}
.grid-view-js .amount-stepper-ui {
justify-content: flex-end;
display: flex;
}
.grid-view-js .stock-level-ui {
right: 30px;
bottom: 200px;
}
.grid-view-js .unit-name-ui {
width: 100%;
padding: 12px 0;
}
.grid-view-js .stepper-and-adding-ui .error {
padding-right: 0;
top: -85px;
max-width: 100%;
line-height: 1;
text-align: right;
white-space: normal;
}
.grid-view-js .expandable-mechanism-container-ui, .grid-view-js .final-price-column-ui {
display: none;
}
.grid-view-js .product-attributes-listed-in-grid-view-ui {
height: 0;
overflow: hidden;
position: absolute;
top: 99%;
background: #FFFFFF;
left: 0;
right: 0;
z-index: 3;
padding: 0 30px;
transition: all ease 300ms;
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .clear-after-ui {
margin-bottom: 10px;
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .f-left-ui {
width: 150px;
color: #7b7878;
}
.grid-view-js .product-attributes-listed-in-grid-view-ui .f-right-ui {
width: calc(100% - 150px);
}
.grid-view-js .product-attributes-listed-in-grid-view-ui:not(.show-all-attributes-on-grid-view-ui) .clear-after-ui.last-grid-view-attribute-ui ~ .clear-after-ui {
display: none;
}
.grid-view-js .product-attributes-listed-in-grid-view-ui:hover, .grid-view-js .product-item-ui:hover .product-attributes-listed-in-grid-view-ui {
height: auto;
padding: 0 30px 20px;
border-bottom: 1px solid rgba(221,221,221,1.00);
box-shadow: 0 14px 12px 0 #c5c5c5;
}
.grid-view-js .add-to-cart-ui {
max-width: 190px;
}
.grid-view-js .add-to-cart-ui .add-to-cart-label-ui {
display: block;
}
.grid-view-js .add-to-cart-ui .bigger-text-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.grid-view-js .add-to-cart-ui .bigger-text-ui.without-name-ui {
margin-left: 53px;
}
.grid-view-js .stepper-and-adding-ui .multiplicity-info-js {
position: absolute;
top: -18px;
padding-right: 0;
line-height: 1;
text-align: right;
min-width: 100%;
}
/* filters */
.product-filters-ui {
width: 100%;
padding-top: 30px;
}
.product-filters-ui .price-filter-ui {
padding: 0 20px 20px 20px;
}
.product-filters-ui .price-filter-ui > * {
vertical-align: middle;
}
.product-filters-ui .price-filter-ui .price-label-ui {
padding-bottom: 10px;
}
.product-filters-ui .price-filter-ui .price-error {
color: #DA2442;
font-size: 12px;
width: 100%;
margin: 10px auto;
}
.product-filters-ui .filter-item-ui {
border-bottom: 1px solid rgba(221,221,221,1.00);
}
.product-filters-ui .filter-drop-ui {
width: 100%;
text-align: left;
padding: 10px 20px;
color: #232323;
}
.product-filters-ui .filter-value-list-ui {
padding: 0 20px 0 20px;
overflow: hidden;
}
.product-filters-ui .filter-value-list-ui + .filter-value-list-ui {
transition: height 800ms;
}
.product-filters-ui .filter-drop-ui, .product-filters-ui .expandable-ui {
background: transparent;
transition: height 800ms, background 800ms;
}
.product-filters-ui .expanded-js {
background: #fff;
}
.product-filters-ui .label-ui {
line-height: 2.5em;
}
.product-filters-ui .show-more-ui {
font-size: 0.9rem;
float: right;
}
.product-filters-ui .btnContainer {
display: flex;
flex-direction: column;
gap: 10px;
position: fixed;
bottom: -45px;
background-color: #F6F6F6;
}
.product-filters-ui .btnContainer * {
height: 45px;
width: 320px;
}
.product-filters-ui .price-range-ui input {
max-width: 28%;
}
.selected-filters-ui {
margin-bottom: 20px;
}
.selected-filter-item-ui {
display: inline-block;
border: 1px solid rgba(221,221,221,1.00);
padding: 7px 14px;
background: #f8f8f8;
color: #232323;
margin-bottom: 10px;
}
.selected-filter-item-ui .filter-delete-ui {
margin-right: 7px;
}
.selected-filter-item-ui.search-phrase-item-ui:hover {
background: #FFF59D;
color: #232323;
}
.search-phrase-mark-ui, .search-phrase-item-ui {
background: #fdd835;
}
.add-variants-to-cart-from-prod-list-popup-background-ui {
cursor: pointer;
z-index: 149;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .message-popup-ui {
width: auto;
max-width: 80vw;
cursor: default;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-editable-ui {
width: 100%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-button-ui {
background-color: #FFFFFF;
color: #232323;
border: 1px solid rgba(221,221,221,1.00);
padding: 10px;
transition: all 300ms ease;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-button-ui:not(.last-lvl-ui):hover, .add-variants-to-cart-from-prod-list-popup-background-ui .attribute-button-ui:not(.last-lvl-ui).active-js {
border: 1px solid #004d8a;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-button-ui.active-js {
cursor: default;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-button-ui.last-lvl-ui {
padding: 0;
cursor: default;
overflow-x: hidden;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .table-ui {
display: block;
border: none;
margin-top: 20px;
width: 100%;
max-height: 50vh;
overflow-y: auto;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .table-row-ui {
display: block;
cursor: pointer;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .table-cell-ui {
display: inline-block;
margin-right: -4px;
width: 11%;
vertical-align: middle;
}
@media only screen and (min-width: 1830px) {
.add-variants-to-cart-from-prod-list-popup-background-ui .table-cell-ui {
width: 15%;
}
}
.add-variants-to-cart-from-prod-list-popup-background-ui .table-cell-ui--long {
overflow-wrap: break-word;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-name-ui {
margin-top: 20px;
background-color: transparent;
cursor: auto;
font-weight: 700;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-name-ui > div {
font-weight: normal;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-name-ui > div.name-column-ui {
font-weight: 700;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attributes-list-ui {
cursor: auto;
border: 1px solid rgba(221,221,221,1.00);
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attributes-list-ui:hover {
cursor: auto;
border: 1px solid rgba(221,221,221,1.00);
}
.add-variants-to-cart-from-prod-list-popup-background-ui .name-column-ui.solo-price-ui {
width: 34%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-price-column-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-price-column-ui {
width: 17%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-price-column-ui.many-units-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-price-column-ui.many-units-ui {
width: 17%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-price-column-ui.no-stock-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-price-column-ui.no-stock-ui {
width: 24%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-price-column-ui.many-units-ui.no-stock-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-price-column-ui.many-units-ui.no-stock-ui {
width: 21%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-price-column-ui.many-units-ui {
width: 16%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .previous-price-ui {
position: static;
font-size: 10px;
line-height: 10px;
color: #232323;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .previous-price-ui .brutto-previous-js, .add-variants-to-cart-from-prod-list-popup-background-ui .previous-price-ui .netto-previous-js {
text-decoration: line-through;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .previous-price-ui.suggested-retail-price-ui .brutto-previous-js, .add-variants-to-cart-from-prod-list-popup-background-ui .previous-price-ui.suggested-retail-price-ui .netto-previous-js {
text-decoration: none;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-ui {
font-weight: 700;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .netto-ui {
font-size: 21px;
color: ;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .stock-column-ui {
width: 13%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .unit-column-ui {
width: 13%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .many-units-ui {
width: 18%;
}
@media only screen and (min-width: 1830px) {
.add-variants-to-cart-from-prod-list-popup-background-ui .many-units-ui {
width: 14%;
}
}
.add-variants-to-cart-from-prod-list-popup-background-ui .quantity-column-ui {
width: 19%;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .quantity-column-ui .change-quantity-ui {
width: 30px;
height: 30px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .quantity-column-ui [name=quantity] {
width: 40px;
height: 30px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .options-column-ui {
width: 44px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .options-column-ui button {
padding: 0;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .options-column-ui button.no-animation-js {
transition: none;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .options-column-ui button.cant-toggle-js {
cursor: default;
color: rgba(221,221,221,1.00);
}
.add-variants-to-cart-from-prod-list-popup-background-ui .select-background-ui select {
padding: 3px 40px 3px 10px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-editable-ui {
margin-top: 20px;
margin-right: 40px;
display: inline-block;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .attribute-editable-ui + .in-simple-product-ui .add-to-cart-ui {
margin-top: 0;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .more-attributes-ui {
padding: 0 10px 10px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .more-attributes-ui .attribute-editable-ui {
vertical-align: top;
margin: 0 10px 0 0;
width: 180px;
position: relative;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .more-attributes-ui .attribute-editable-ui .select-background-ui, .add-variants-to-cart-from-prod-list-popup-background-ui .more-attributes-ui .attribute-editable-ui input {
width: 100%;
margin-top: 3px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .more-attributes-ui .attribute-editable-ui .select-arrow-ui {
position: absolute;
right: 13px;
top: 44px;
z-index: 1;
pointer-events: none;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .units-in-table-ui {
height: 30px;
}
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-lowest-js, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-lowest-js {
display: block;
width: 13em;
}
@media screen and (max-width: 1279px) {
.add-variants-to-cart-from-prod-list-popup-background-ui .brutto-lowest-js, .add-variants-to-cart-from-prod-list-popup-background-ui .netto-lowest-js {
position: absolute;
right: 0;
}
}
.categories-map-ui a {
color: #232323;
line-height: 2em;
}
.categories-map-ui .level-1-ui {
width: 25%;
padding: 0 25px 35px 25px;
}
.categories-map-ui .image-container-ui {
height: 165px;
}
.categories-map-ui .image-container-ui i, .categories-map-ui .image-container-ui .no-image-ui {
font-size: 5rem;
}
.categories-map-ui .f-left-ui {
margin-right: 0;
}
.cart-bar-ui {
background: #7FBA00;
color: #FFFFFF;
border: 1px solid #DDDDDD;
}
.cart-bar-ui .manufacturer-container-ui {
border: none;
}
.cart-bar-ui li:not(.active-ui), .cart-bar-ui li:not(.active-ui):hover, .cart-bar-ui i, .cart-bar-ui a, .cart-bar-ui a:hover {
color: inherit !important;
}
.cart-bar-ui li {
vertical-align: top;
line-height: 63px;
cursor: default;
cursor: initial;
}
.cart-bar-ui li:not(.active-ui):hover, .cart-bar-ui li i {
background: none !important;
}
.cart-bar-ui a {
transition: background 300ms;
}
.cart-bar-ui a:hover {
background: ;
color: #fff !important;
}
.cart-bar-ui .active-ui, .cart-bar-ui .active-ui:hover {
background: #fff;
color: #232323;
margin-top: -15px;
height: calc(17px + 63px);
padding: 12px 45px 0 45px;
border-left: 1px solid rgba(221,221,221,1.00);
}
.cart-bar-ui .active-ui::after, .cart-bar-ui .active-ui:hover::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 6px;
background: inherit;
}
.cart-bar-ui .active-top-ui {
border-top: 4px solid ;
}
.cart-bar-ui.editing-order-ui {
background: #004D8A;
color: #FFFFFF;
border: 1px solid #DDDDDD;
}
.cart-bar-ui.editing-order-ui a:hover, .cart-bar-ui.editing-order-ui .manufacturer-container-ui > li.cart-ui a:hover {
background: #ffb700;
}
.cart-bar-ui.editing-order-ui .active-top-ui {
border-top: 4px solid #004d8a;
}
.messages-container-ui .successfull-post-message {
height: auto;
line-height: 1.5em;
padding: 0;
margin: 0;
}
.cart-ui .image-container-ui, .cart-ui .image-link-ui { /* image-link-ui probably temporary */
width: 50px;
height: 50px;
float: left;
}
.cart-ui .image-container-ui i, .cart-ui .image-link-ui i {
font-size: 40px;
color: rgba(221,221,221,1.00) !important;
}
.cart-ui .image-container-ui i:hover, .cart-ui .image-link-ui i:hover {
color: rgba(221,221,221,1.00) !important;
}
.cart-ui .product-info {
float: right;
width: calc(100% - 50px);
padding-left: 10px;
color: #232323;
}
.cart-ui .product-info.no-image-ui {
width: 100%;
padding-left: 0;
font-size: 16px;
}
.cart-ui .product-name-ui {
color: #004d8a;
font-size: 16px;
font-weight: 500;
}
.cart-ui .div-table-ui {
position: relative;
padding-top: 60px;
font-size: 0.9rem;
}
.cart-ui .table-header-ui {
top: 0;
border-bottom: 1px solid #c6c6c6;
z-index: 50;
}
.cart-ui .table-header-ui > * {
border: none;
height: 60px;
padding: 0;
}
.cart-ui .product-code-ui {
font-size: 0.8rem;
display: block;
}
.cart-ui .remove-product-ui, .cart-ui .options-column-ui {
width: 60px;
}
.cart-ui .number-column-ui {
width: 40px;
}
.cart-ui .price-like-column-ui {
width: 95px;
text-align: right;
}
.cart-ui .value-ui {
font-size: 16px;
font-weight: 500;
}
.cart-ui .summary-value-ui {
font-size: 18px;
font-weight: 500;
}
.cart-ui .product-desc-ui {
font-size: 12px;
}
.cart-ui .percent-column-ui {
width: 75px;
}
.cart-ui .amount-stepper-column-ui {
width: 270px;
position: relative;
}
.cart-ui .amount-stepper-column-ui--aggregator {
width: 100px;
}
.cart-ui .amount-stepper-column-ui--aggregator .unit-name-ui {
width: auto;
}
.cart-ui.profile-order-ui .amount-stepper-column-ui {
width: 102px;
}
.cart-ui.profile-order-ui .amount-stepper-column-ui.editing-ui {
width: 270px;
}
.cart-ui.profile-order-ui .amount-stepper-column-ui .unit-name-ui {
width: auto;
}
.cart-ui .amount-stepper-ui .error {
position: absolute;
bottom: -10px;
left: 10px;
}
.cart-ui .amount-stepper-ui .error.with-unit-ratio-info {
bottom: -3px;
}
.cart-ui .amount-stepper-ui .error.multiplicity-info-js {
position: static;
}
.cart-ui .amount-stepper-ui .successfull-post-message-js {
height: auto;
line-height: 1.5em;
text-align: left;
color: #DA2442;
}
.cart-ui .currency-column-ui {
width: 80px;
}
.cart-ui .name-and-code-ui {
flex-grow: 10;
}
.cart-ui .coupon-ui {
background: none;
padding: 15px 0;
max-width: 100%;
}
.cart-ui .coupon-ui .loyalty-ui {
margin-bottom: 20px;
}
.cart-ui .coupon-ui .btn-ui, .cart-ui .coupon-ui button {
height: 45px;
}
.cart-ui .coupon-ui .inputs-wrapper-ui {
width: calc(100% - 150px);
}
.cart-ui .coupon-ui .add-coupon-ui {
width: 150px;
height: 46px;
}
.cart-ui .coupon-ui .add-coupon-ui.with-email-ui {
margin-top: 27px;
margin-bottom: 24px;
}
.cart-ui .coupon-ui span {
padding: 10px 10px 10px 0;
width: 120px;
font-size: inherit;
vertical-align: middle;
}
.cart-ui .coupon-ui .message-container {
width: 100%;
}
.cart-ui .coupon-ui input.no-email-ui {
width: calc(100% - 120px);
}
.cart-ui .coupon-ui [readonly] {
background: none;
color: inherit;
}
.cart-ui .coupon-ui .error {
padding: 0 !important;
margin: 0 !important;
margin-bottom: 10px !important;
color: #DA2442;
}
.cart-ui .coupon-ui .error:not(.validation-info-js) {
background: #F8F8F8;
font-weight: 500;
margin-bottom: 20px;
padding: 5px 15px;
margin: 0 20px 20px 20px;
}
.cart-ui .country-ui {
padding: 15px 0;
}
.cart-ui .country-ui > * {
vertical-align: middle;
}
.cart-ui .country-ui [class*=half] {
padding-right: 15px;
}
.cart-ui .summary-section-ui {
position: relative;
}
.cart-ui .summary-section-ui .f-right-ui {
text-align: right;
}
.cart-ui .tfoot-ui .products-summary-ui {
margin-right: auto;
}
.cart-ui .total-amount-ui {
font-weight: 600;
font-size: 1.3rem;
}
.cart-ui .changed-ui .change-quantity-ui, .cart-ui .changed-ui [name=quantity] {
border-color: #F5A623;
}
.cart-ui .changed-ui:not(.deleted-ui) .stepper-space-ui {
color: #F5A623;
font-weight: 600;
}
.cart-ui .deleted-ui .div-table-cell-ui:not(.options-column-ui) {
opacity: 0.35;
}
.cart-ui .removed-icon-ui {
padding: 15px;
}
.cart-ui .recalculate-cell-ui, .cart-ui .recalculate-ui {
height: 100%;
background: #F5A623;
font-size: 1rem;
}
.cart-ui .comfortable-cart-section-title-ui {
text-align: left;
display: block;
width: 100%;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-cart-section-title-ui {
padding: 15px 10%;
}
}
.cart-ui .comfortable-cart-section-title-ui .counter-bg-ui {
display: inline-block;
background-color: #004d8a;
color: #FFFFFF;
font-size: 12px;
font-family: Inter, sans-serif;
text-align: center;
border-radius: 50%;
width: 20px;
height: 20px;
}
.cart-ui .comfortable-cart-section-title-ui .counter-ui {
vertical-align: middle;
line-height: 1.5;
}
.cart-ui .comfortable-cart-section-title-ui .title-ui {
vertical-align: middle;
color: #004d8a;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-left: 10px;
}
.cart-ui .comfortable-country-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin-right: 50px;
margin-left: 15px;
padding: 0;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-country-ui {
width: calc((80% - 200px) / 3);
margin-right: 100px;
margin-left: 10%;
}
}
.cart-ui .comfortable-country-ui .choose-country-in-cart-ui {
width: 100%;
padding: 0;
position: relative;
}
.cart-ui .comfortable-country-ui .select-background-ui {
width: 100%;
}
.cart-ui .comfortable-customer-data-title-ui {
order: -1;
width: calc(100vw - 17px);
margin-left: calc(-1 * (15px + (100vw - 130px) / 3 + 49px));
padding: 15px;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-customer-data-title-ui {
padding: 15px 10vw;
margin-left: calc(-1 * (10vw + (80vw - 200px) / 3 + 98px));
}
}
.comfortable-loyalty-and-coupon-container-ui {
margin: 0 auto;
width: calc(100% - 30px);
}
@media only screen and (min-width: 1600px) {
.comfortable-loyalty-and-coupon-container-ui {
width: 80%;
}
}
.comfortable-coupon-container-ui {
float: right;
width: calc((100% - 100px) / 3);
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui {
width: calc((100% - 200px) / 3);
}
}
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 100px) / 3 * 2 + 50px);
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 200px) / 3 * 2 + 100px);
}
}
.cart-ui .coupon-ui .comfortable-coupon-container-ui .error:not(.validation-info-js) {
background-color: #FFFFFF;
}
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 15px;
}
@media only screen and (min-width: 1600px) {
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 10%;
}
}
.comfortable-delivery-section-container-ui {
width: calc((100% - 130px) / 3 * 2 + 50px);
display: inline-block;
vertical-align: top;
}
@media only screen and (min-width: 1600px) {
.comfortable-delivery-section-container-ui {
width: calc((80% - 200px) / 3 * 2 + 100px);
}
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui {
border: none;
margin: 0;
padding: 4px 0 14px;
text-align: left;
width: auto;
background: #FFFFFF;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.left-ui {
margin-right: 20px;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.right-ui {
float: left;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.active-js {
border-bottom: 2px solid #f7d888;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.more-addresses-ui {
margin-top: 28px;
}
.comfortable-delivery-section-container-ui .box-ui {
border: none;
border-top: 1px solid rgba(221,221,221,1.00);
margin-top: -1px;
padding: 20px 0;
}
.comfortable-delivery-section-container-ui .installmentCalculator {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
margin: 10px 0 20px;
}
@media screen and (min-width: 1280px) {
.comfortable-delivery-section-container-ui .installmentCalculator {
flex-direction: row-reverse;
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
margin-left: 20px;
margin-right: 0;
}
}
@media screen and (max-width: 1279px) {
.comfortable-delivery-section-container-ui .installmentCalculator {
flex-direction: row;
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
margin-left: 0;
margin-right: 20px;
}
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn {
display: block;
cursor: pointer;
}
.comfortable-delivery-section-container-ui .installmentCalculator--btn img {
display: block;
margin-bottom: 15px;
max-width: 180px;
max-height: 40px;
height: auto;
width: auto;
}
.comfortable-customer-data-section-ui {
order: 1;
width: calc(100vw - 17px);
margin-left: calc(-1 * (15px + (100vw - 130px) / 3 + 49px));
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui {
margin-left: calc(-1 * (10vw + (80vw - 200px) / 3 + 98px));
}
}
.comfortable-customer-data-section-ui .delivery-address-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin-right: 54px;
margin-left: 15px;
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .delivery-address-ui {
width: calc((80% - 200px) / 3);
margin-right: 104px;
margin-left: 10%;
}
}
.comfortable-customer-data-section-ui .delivery-address-ui .other-address-ui {
padding-top: 2px !important;
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
float: left;
width: calc((100% - 130px) / 3);
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
width: calc((80% - 200px) / 3);
}
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui > .radio-ui {
margin-bottom: 10px !important;
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui .other-address-ui {
margin-top: -66px !important;
}
.comfortable-customer-data-section-ui .invoice-address-ui {
float: none;
width: 100%;
}
.comfortable-summary-ui {
display: flex;
flex-wrap: wrap;
}
.thank-you-ui .details-info {
background: #f8f8f8;
padding: 15px;
}
.thank-you-ui .details-info .box-ui {
background: none;
border: none;
padding: 0;
}
.thank-you-ui .details-info .f-right-ui {
text-align: right;
font-weight: bold;
}
.thank-you-ui .details-wrapper-ui {
max-width: 500px;
}
.thank-you-ui .details-wrapper-ui.add-inquiry-details-wrapper-ui {
width: 500px;
}
@media screen and (max-width: 1599px) {
.thank-you-ui > .mb10-ui {
padding: 0 15px;
}
}
.comfortable-payment-channels-popup-background-ui {
overflow: auto;
padding: 4vw;
}