@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import "variables.css";
@import "variables.min.css";
@import "header.css";
@import "header.min.css";
@import "brands.css";
@import "brands.min.css";
@import "markten.css";
@import "markten.min.css";
:root {
    --color-primary: #ffcb00;
    --color-black-1: #000;
    --color-black-2: #252525;
    --color-black-3: #00000029;
    --color-white: #fff;
    --color-grey-1: #f2f2f2;
    --color-grey-2: #c3c3c3;
    --color-green: #70ad47;
    --color-red: red;
    --font-primary: "Roboto Condensed";
    --font-secondary: "Open Sans";
    --font-awesome: "Font Awesome 6 Pro";
    --font-icons: "icons-blank-theme";
    --transition-1: 0.3s ease-in-out;
}
#html-body .page-footer + .block-static-block {
    right: 0;
}
.brands-list {
    row-gap: 20px;
}
body > .loading-mask > .loader > img {
    width: 150px;
}
.newsletter .grecaptcha-badge {
    visibility: hidden;
    position: absolute;
    left: 0;
}
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
    color: var(--color-black-1);
}
.customer-account-create .toggle-password:after {
    content: none;
}
.company-details-index.account #contact {
    display: none;
}
.company-details-index.account .toolbar-cta {
    display: inline-flex;
    background-color: var(--color-white);
    position: relative;
}
.company-details-index.account .toolbar-cta .btn.company:has(:not(+ .btn.active)) {
    border-bottom: 1px solid transparent;
}
.company-details-index.account .toolbar-cta .btn.company {
    border-right: 0;
}
.company-details-index.account .toolbar-cta .btn.active {
    border-bottom: 1px solid transparent;
}
.company-details-index.account .toolbar-cta .btn {
    color: var(--color-black-1);
    background: 0 0;
    font-size: 24px;
    border: 1px solid var(--color-grey-2);
    padding: 25px 40px;
    line-height: 1;
}
.company-details-index.account .info-icon {
    cursor: pointer;
    color: var(--color-grey-2);
    transition: var(--transition-1);
}
.company-details-index.account .info-icon:hover {
    color: var(--color-primary);
}
.company-details-index.account .tooltip-info {
    display: none;
    position: absolute;
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 10px var(--color-black-3);
    font-size: 13px;
    z-index: 2000;
    max-width: 250px;
}
.company-details-index.account #form-company,
.company-details-index.account #contact {
    width: 100%;
    min-width: auto;
    border: 1px solid var(--color-grey-2);
    margin-top: -1px;
    padding: 40px;
}
.company-details-index.account .fieldset.create.info,
.company-details-index.account .fieldset.post-address {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.company-details-index.account .fieldset.create.info.secondary {
    margin-top: 40px;
}
.company-details-index.account .fieldset.create.info > *,
.company-details-index.account .fieldset.post-address > * {
    width: calc(50% - 10px);
}
.company-details-index.account .fieldset.create.info > .legend {
    width: 100%;
    border-color: var(--color-grey-2);
}
.company-details-index.account .fieldset.create.info .label,
.company-details-index.account .fieldset.post-address .label {
    font-weight: 700;
}
.company-details-index.account .fieldset.address input[type="checkbox"] {
    top: 1px;
    width: 15px;
    height: 15px;
}
.company-details-index.account .actions-toolbar {
    margin: 0;
}
.company-details-index.account .actions-toolbar:before,
.company-details-index.account .actions-toolbar:after {
    content: none;
}
.company-details-index.account .actions-toolbar .primary {
    padding: 0;
    margin: 0;
}
.company-details-index.account .actions-toolbar .primary span {
    padding: 10px 15px;
    background-color: var(--color-primary);
    color: var(--color-black-1);
    transition: var(--transition-1);
    font-size: 18px;
}
.company-details-index.account .actions-toolbar .primary:hover span {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-details-index.account .actions-toolbar .primary:after {
    content: none;
}
.company-details-index.account #contact .actions-toolbar .primary span:before {
    font-family: var(--font-awesome);
    content: "\2b";
    padding-right: 10px;
}
.company-details-index.account #contact .block {
    display: flex;
    flex-direction: column-reverse;
}
.company-details-index.account #contact .block .block-title-row.block-title strong {
    display: none;
}
.company-details-index.account #contact .block .dealer-users thead tr th {
    padding-top: 0;
    border-color: var(--color-grey-2);
}
.company-details-index.account .order-products-toolbar {
    margin-bottom: 0;
    width: auto;
    display: inline-block;
    float: right;
}
.company-details-index.account #contact .block .block-title-row {
    margin-bottom: 0;
}
.company-details-index.account #contact .block .block-title-row .actions-toolbar {
    margin: -50px 0 0;
}
.company-details-index.account #contact .block .dealer-users .actions-row > * {
    padding: 0 10px;
}
.company-details-index.account #contact .block .dealer-users .actions-row .action {
    background: 0 0;
}
.company-details-index.account #contact .block .dealer-users .actions-row .action {
    height: auto;
    width: auto;
}
.company-details-index.account #contact .block .dealer-users .actions-row .action:hover:before {
    color: var(--color-primary);
}
.company-details-index.account #contact .block .dealer-users .actions-row .action:before {
    font-family: var(--font-awesome);
    transition: var(--transition-1);
    color: var(--color-grey-2);
    font-weight: 700;
}
.company-details-index.account #contact .block .dealer-users .actions-row .action.edit:before {
    content: "\f044";
}
.company-details-index.account #contact .block .dealer-users .actions-row .action.delete:before {
    content: "\f1f8";
}
.company-endusers-index.account .actions-toolbar {
    margin: -15px 0 0;
    padding-right: 0;
}
.company-endusers-index.account .actions-toolbar .primary.action:after {
    content: none;
}
.company-endusers-index.account .actions-toolbar .primary span:before {
    font-family: var(--font-awesome);
    content: "\2b";
    font-size: 16px;
    line-height: 1;
}
.company-endusers-index.account .actions-toolbar .primary:hover span {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-endusers-index.account .actions-toolbar .primary span {
    outline: 1px solid transparent;
    position: relative;
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: 700;
    background-color: var(--color-primary);
    color: var(--color-black-1);
    padding: 10px 15px;
    gap: 10px;
    transition: var(--transition-1);
    display: flex;
    align-items: center;
}
.company-endusers-index.account .actions-toolbar:before,
.company-endusers-index.account .actions-toolbar:after {
    content: none;
}
.company-endusers-index.account .column.main .block-title-row.block-title {
    margin: 25px 0 30px;
    align-items: flex-start;
}
.company-endusers-index.account .actions-row .action:hover i {
    color: var(--color-primary);
}
.company-endusers-index.account .actions-row .action {
    width: auto;
    height: auto;
}
.company-endusers-index.account .actions-row .action i {
    transition: var(--transition-1);
    color: var(--color-grey-2);
    font-size: 18px;
}
.company-endusers-index.account .actions-row .action {
    background: 0 0;
}
.company-endusers-index.account .column.main .block-title-row.block-title strong {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.customer-account-login .login-container:after,
.customer-account-login .login-container:before {
    content: none;
}
.customer-account-login .login-container .fieldset:after {
    content: none;
}
.customer-account-login .login-container label[for="show-password"] {
    text-transform: lowercase;
}
.customer-account-login .login-container .block .block-title {
    border-bottom: 0;
}
.customer-account-login .login-container .block-customer-login {
    background-color: var(--color-grey-1);
}
.customer-account-login .login-container {
    display: grid;
    gap: 40px;
    column-gap: 60px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 70px;
}
.customer-account-login .login-container .fieldset > .field > .label:not([for="show-password"]) {
    font-weight: 700;
}
.customer-account-login .toggle-password:after {
    content: none;
}
.customer-account-login .login-container .block {
    width: 100%;
}
.customer-account-login .login-container .block-customer-login {
    grid-column: 1/2;
    grid-row: 1/2;
    margin: 0;
    padding: 30px;
}
.customer-account-login .login-container .block-customer-login input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-grey-2);
    top: 5px;
}
.customer-account-login .login-container .block-customer-login .primary {
    margin: 0;
}
.customer-account-login .login-container .block-customer-login .form-login .actions-toolbar .secondary {
    margin-top: auto;
    margin-bottom: 0;
    line-height: 1;
}
.customer-account-login .login-container .action.primary span {
    padding: 5px 15px;
    transition: var(--transition-1);
}
.customer-account-login .login-container .action.remind {
    font-size: 16px;
}
.customer-account-login .login-container .block-customer-login .action.primary span {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.customer-account-login .login-container .block-new-customer .action.primary span {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.customer-account-login .login-container .block-customer-login .action.primary span:hover {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.customer-account-login .login-container .block-new-customer .action.primary span:hover {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.customer-account-login .login-container .block-new-customer .action.primary span:hover:after {
    color: var(--color-black-1);
}
.customer-account-login .login-container .action.primary span:hover:after {
    transition: var(--transition-1);
    color: var(--color-white);
}
.customer-account-login .login-container .action.primary span:after {
    font-family: var(--font-awesome);
    content: "\f061";
    padding-left: 5px;
}
.customer-account-login .login-container .action.primary:after {
    content: none;
}
.customer-account-login .login-container .block-new-customer {
    grid-column: 2/-1;
    grid-row: 1/2;
    padding: 30px 0;
}
.customer-account-login .login-container .cms3 ul {
    list-style-type: none;
    padding: 0;
}
.customer-account-login .login-container .cms3 ul li {
    line-height: inherit;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.customer-account-login .login-container .cms3 ul li:not(:last-of-type) {
    margin-bottom: 40px;
}
.customer-account-login .login-container .cms3 li:before {
    content: "";
    height: 20px;
    width: 20px;
    margin-right: 10px;
    background: var(--color-primary);
    display: inline-block;
}
.customer-account-login .login-container .cms2 {
    grid-column: 1/2;
    grid-row: 2/3;
}
.customer-account-login .login-container .cms2 a[href*="you"] {
    text-decoration: underline;
}
.customer-account-login .login-container .cms2 p:before,
.customer-account-login .login-container .cms1 p:before {
    content: "";
    background: transparent url(../images/icons/file-pdf-solid-full.svg) no-repeat;
    margin-right: 5px;
    width: 17px;
    height: 17px;
    display: inline-block;
}
.account .page-title-wrapper {
    background-color: var(--color-black-1);
}
.account a:active {
    color: var(--color-primary);
}
.customer-account-login .login-container .cms1 {
    grid-column: 2/-1;
    grid-row: 2/3;
}
.company-pickup-index.account .main .block:not(.widget) {
    padding-top: 25px;
}
.company-pickup-index.account .column.main .block:not(.widget) .block-title > strong {
    font-size: 24px;
}
.company-pickup-index.account .block-bar {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.company-pickup-index.account .block-bar > * {
    width: 50%;
}
.company-pickup-index.account .table-wrapper {
    overflow-x: auto;
}
.company-pickup-index.account .block-bar .actions-toolbar:before,
.company-pickup-index.account .block-bar .actions-toolbar:after {
    content: none;
}
.company-pickup-index.account .block-bar .actions-toolbar {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}
.company-pickup-index.account .block-bar .actions-toolbar > * {
    display: flex;
    flex-direction: column;
    width: auto;
}
.company-pickup-index.account .block-bar .actions-toolbar .step-label {
    align-self: flex-start;
    font-size: 13px;
    font-weight: 700;
}
.company-pickup-index.account .block-bar .actions-toolbar a:after {
    content: none;
}
.company-pickup-index.account .block-bar .actions-toolbar a.primary span {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-pickup-index.account .block-bar .actions-toolbar a.primary span:before {
    font-family: var(--font-awesome);
    content: "\2b";
}
.company-pickup-index.account .block-bar .actions-toolbar a span:before {
    font-family: var(--font-awesome);
    content: "\f2ea";
}
.company-pickup-index.account .block-bar .actions-toolbar a span {
    outline: 1px solid transparent;
    position: relative;
    font-size: 18px;
    gap: 10px;
    font-weight: 700;
    background-color: var(--color-primary);
    color: var(--color-black-1);
    padding: 5px 15px;
    transition: var(--transition-1);
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 7;
}
.company-pickup-index.account .block-bar .actions-toolbar a:hover {
    text-decoration: none;
}
.company-pickup-index.account .block-bar .actions-toolbar a:hover span {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-pickup-index.account .block-bar .actions-toolbar a.primary:hover span {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.company-pickup-index.account .table-pickup .actions-row .action.edit {
    background: 0 0;
    width: auto;
    height: auto;
}
.company-pickup-index.account .table-pickup .actions-row .action.edit:hover i {
    color: var(--color-primary);
}
.company-pickup-index.account .table-pickup .actions-row .action.edit i {
    transition: var(--transition-1);
    color: var(--color-grey-2);
}
.company-pickup-index.account .table-pickup .actions-row {
    margin: 0;
    justify-content: center;
}
.company-product-add.account .form.form-create-account {
    width: 100%;
    min-width: auto;
    padding-top: 25px;
}
.company-product-add.account .formfields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 20px;
}
.company-product-add.account .block-description.caption {
    color: var(--color-grey-2);
}
.company-product-add.account .formfields .note {
    font-size: 12px;
}
.company-product-add.account .formfields .note a {
    transition: var(--transition-1);
    text-decoration: underline;
}
.company-product-add.account .formfields .note:hover a {
    color: var(--color-primary);
}
.company-product-add.account .formfields .field .control {
    margin-top: 10px;
}
.company-product-add.account .formfields .field.invoice-file .control input {
    cursor: pointer;
}
.company-product-add.account .formfields .field .control input::file-selector-button {
    transition: var(--transition-1);
    font-size: 16px;
    padding: 5px 15px;
    background-color: var(--color-grey-1);
    border: 1px solid var(--color-grey-2);
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}
.company-product-add.account .formfields .field .control input::file-selector-button:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.company-product-add.account .formfields .field .control input[type="text"] {
    border: 1px solid var(--color-grey-2);
}
.company-product-add.account .formfields .field .control input._has-datepicker {
    width: 100%;
}
.company-product-add.account .formfields .field .control ._has-datepicker ~ .ui-datepicker-trigger,
.company-product-add.account .formfields .field .control ._has-datepicker ~ i {
    position: absolute;
    right: 15px;
    top: 15px;
    color: var(--color-grey-2);
}
.company-product-add.account .formfields .field .control ._has-datepicker ~ .ui-datepicker-trigger:before {
    content: none;
}
.company-product-add.account .formfields .field.required .label:after {
    content: "*";
    color: var(--color-red);
    font-size: 15px;
    padding-left: 3px;
}
.company-product-add.account .formfields .field .label {
    font-weight: 700;
}
.company-product-add.account .tooltip-info {
    display: none;
    position: absolute;
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 10px var(--color-black-3);
    font-size: 13px;
    z-index: 2000;
    max-width: 250px;
}
.company-product-add.account .icon-btn {
    cursor: pointer;
}
.company-product-add.account .icon-btn:before {
    transition: var(--transition-1);
    color: var(--color-grey-2);
}
.company-product-add.account .icon-btn:active:before,
.company-product-add.account .icon-btn:hover:before,
.company-product-add.account .icon-btn:focus:before {
    color: var(--color-primary);
}
.account .tooltip-info p:last-child {
    margin-bottom: 0;
}
.company-product-add.account .main .form-create-account .actions-toolbar {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-items: normal;
    gap: 30px;
    margin-top: 30px;
}
.company-product-add.account .main .form-create-account .actions-toolbar > * {
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.company-product-add.account .main .form-create-account .actions-toolbar .secondary {
    float: none;
}
.company-product-add.account .main .form-create-account .actions-toolbar .secondary i {
    padding-right: 8px;
}
.company-product-add.account .main .form-create-account .actions-toolbar .secondary span {
    outline: 1px solid transparent;
    display: block;
    position: relative;
    font-size: 18px;
    font-family: var(--font-primary);
    font-weight: 700;
    background-color: var(--color-black-1);
    color: var(--color-white);
    padding: 5px 15px;
    transition: var(--transition-1);
    height: 49px;
    display: flex;
    align-items: center;
    line-height: 7;
}
.company-product-add.account .main .form-create-account .actions-toolbar .secondary span:hover {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.company-product-add.account .main .form-create-account .actions-toolbar .primary span {
    background-color: var(--color-primary);
    color: var(--color-black-1);
    padding: 5px 15px;
    transition: var(--transition-1);
    font-size: 18px;
}
.company-product-add.account .main .form-create-account .actions-toolbar .primary:after {
    content: none;
}
.company-product-add.account .main .form-create-account .actions-toolbar .primary span:hover {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-product-add.account .actions-toolbar:before,
.company-product-add.account .actions-toolbar:after {
    content: none;
}
.company-product-index .main .block:not(.widget) {
    padding-top: 25px;
}
.company-product-index .column.main .block:not(.widget) .block-title > strong {
    font-size: 24px;
}
.company-product-index .main > .block + .actions-toolbar {
    display: none;
}
.company-product-index .block-description + .actions-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 25px 0 30px;
}
.company-product-index .actions-toolbar:before,
.company-product-index .actions-toolbar:after {
    content: none;
}
.company-product-index .actions-toolbar .primary {
    float: none;
}
.company-product-index .actions-toolbar .primary:after {
    content: none;
}
.company-product-index .actions-toolbar .primary span {
    background-color: var(--color-primary);
    color: var(--color-black-1);
    padding: 5px 15px;
    transition: var(--transition-1);
}
.company-product-index .actions-toolbar .primary span:before {
    font-family: var(--font-awesome);
    padding-right: 5px;
    content: "\2b";
}
.company-product-index .actions-toolbar .primary span:hover {
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.company-product-index .actions-toolbar .secondary,
.company-product-index .actions-toolbar .secondary:hover {
    float: none;
    text-decoration: none;
}
.company-product-index .actions-toolbar .secondary span {
    outline: 1px solid transparent;
    position: relative;
    font-size: 2rem;
    font-family: var(--font-primary);
    font-weight: 700;
    background-color: var(--color-black-1);
    color: var(--color-white);
    padding: 5px 15px;
    transition: var(--transition-1);
    height: 49px;
    display: flex;
    align-items: center;
    line-height: 7;
}
.company-product-index .search.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    height: auto;
    overflow: auto;
    transform: translate(-50%, -50%);
    background: var(--color-white);
    padding: 40px;
    box-shadow: 0 4px 15px var(--color-black-3);
    z-index: 1000;
}
.company-product-index .search.popup .popup-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.company-product-index .search.popup .popup-grid .fields .label {
    color: var(--color-grey-2);
    font-weight: 700;
}
.company-product-index .search.popup .popup-grid .fields.date-container {
    display: flex;
    gap: 20px;
}
.company-product-index .search.popup .popup-grid .fields.date-container .control.search {
    position: relative;
}
.company-product-index .search.popup .popup-grid .fields.date-container button {
    position: absolute;
    right: 0;
}
.company-product-index .search.popup .popup-grid .fields.serial i {
    transition: var(--transition-1);
    margin-left: 2px;
    color: var(--color-grey-2);
    cursor: pointer;
}
.company-product-index .tooltip-info {
    display: none;
    position: absolute;
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 4px 10px var(--color-black-3);
    font-size: 13px;
    z-index: 2000;
    max-width: 250px;
}
.company-product-index .search.popup .popup-grid .fields.serial i:hover,
.company-product-index .search.popup .popup-grid .fields.serial i:focus,
.company-product-index .search.popup .popup-grid .fields.serial i:active {
    color: var(--color-primary);
}
.company-product-index .search.popup .popup-grid .fields.action .primary span {
    transition: var(--transition-1);
    padding: 5px 15px;
    font-weight: 400;
    font-size: 16px;
}
.company-product-index .search.popup .popup-grid .fields.action .primary span:hover {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.company-product-index .search.popup .popup-grid .fields.action .primary span:hover i {
    color: var(--color-black-1);
}
.company-product-index .search.popup .popup-grid .fields.action .primary span i {
    transition: var(--transition-1);
    font-weight: 400;
    padding-left: 2px;
}
.company-product-index .search.popup .popup-grid .fields.action .primary:after {
    content: none;
}
.company-product-index .search.popup.active {
    display: block;
    box-shadow: 0 0 0 999rem var(--color-black-3);
}
.company-product-index .search.popup .close-btn {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    background-color: transparent;
}
.company-product-index .search.popup .close-btn:hover i {
    color: var(--color-primary);
}
.company-product-index .search.popup .close-btn i {
    transition: var(--transition-1);
    color: var(--color-grey-2);
    font-weight: 500;
}
.company-product-index .search.popup .popup-title {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    margin-bottom: 25px;
}
.company-product-index .actions-toolbar .secondary span:hover {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.company-product-index .actions-toolbar .secondary span:before {
    font-family: var(--font-awesome);
    padding-right: 5px;
    content: "\e17c";
    font-size: 16px;
}
.company-product-index thead tr {
    background-color: var(--color-grey-1);
    border-top: 2px solid var(--color-grey-2);
    border-bottom: 2px solid var(--color-grey-2);
}
.company-product-index .table-wrapper .col-first {
    padding-left: 10px;
}
.company-product-index .table-wrapper .actions {
    padding-right: 10px;
}
.company-product-index .actions-row .action.edit,
.company-product-index .actions-row .action.pickup,
.company-product-index .actions-row .action.delete {
    background: 0 0;
    width: auto;
}
.company-product-index .actions-row .action.edit i,
.company-product-index .actions-row .action.pickup span,
.company-product-index .actions-row .action.delete i {
    transition: var(--transition-1);
}
.company-product-index .actions-row .action.edit:hover i,
.company-product-index .actions-row .action.pickup:hover span,
.company-product-index .actions-row .action.delete:hover i {
    color: var(--color-primary);
}
.company-product-index .actions-row .action.pickup span {
    display: block;
    color: var(--color-grey-2);
    text-decoration: underline;
}
.company-product-index .actions-row .action.edit i,
.company-product-index .actions-row .action.delete i {
    color: var(--color-grey-2);
    font-size: 18px;
}
.company-product-index thead tr th.serial i {
    transition: var(--transition-1);
    margin-left: 2px;
    color: var(--color-grey-2);
    cursor: pointer;
}
.company-product-index thead tr th.serial i:hover,
.company-product-index thead tr th.serial i:focus,
.company-product-index thead tr th.serial i:active {
    color: var(--color-primary);
}
.company-product-index .col.product a {
    text-decoration: underline;
}
.products.wrapper .product-image-wrapper {
    padding-bottom: 80%;
}
.gallery-placeholder > .gallery-placeholder__image {
    display: none;
}
.dwd_news-category-view .page-title-wrapper {
    background-color: transparent;
    margin-bottom: 0;
    padding: 30px 0 50px;
}
.dwd_news-category-view .page-title-wrapper .page-title {
    color: var(--color-black-1);
    text-transform: uppercase;
}
.dwd_news-category-view .news-category {
    flex-direction: column;
}
.dwd_news-category-view .news-category .categories-menu {
    max-width: max-content;
    position: relative;
    padding: 0;
    margin-bottom: 50px;
}
.dwd_news-category-view .news-category .categories-menu .title {
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0;
    font-family: var(--font-secondary);
}
.dwd_news-category-view .news-category .categories-menu .title:after {
    font-family: var(--font-awesome);
    content: "\f0d7";
    padding-left: 5px;
    transition: var(--transition-1);
}
.dwd_news-category-view .news-category .categories-menu.active .title:after {
    content: "\f0d8";
}
.dwd_news-category-view .news-category .categories-menu #news-categories {
    display: none;
    position: absolute;
    z-index: 5;
    padding: 0 10px;
    width: 100%;
    background-color: var(--color-white);
}
.dwd_news-category-view .news-category .news-view {
    flex: 0 0 100%;
    max-width: 100%;
}
.dwd_news-category-view .news-listing.row {
    grid-template-columns: repeat(auto-fill, minmax(378px, 1fr));
    gap: 90px 0;
}
.dwd_news-category-view .news-toolbar {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}
.dwd_news-category-view .news-toolbar .control {
    position: relative;
}
.dwd_news-category-view .news-toolbar .control .fa-magnifying-glass {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 21px;
}
.dwd_news-category-view .news-listing .post {
    font-family: var(--font-secondary);
    box-shadow: 0px 3px 6px var(--color-black-3);
}
.dwd_news-category-view .news-listing .post .post-link img {
    border-bottom: 5px solid;
    margin-bottom: 45px;
}
.dwd_news-category-view .news-listing .post .action.primary span {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 15px;
}
.dwd_news-category-view .news-listing .post .action.primary span:after {
    content: none;
}
.dwd_news-category-view .news-listing .post .post-link > span {
    font-family: var(--font-secondary);
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    font-size: 30px;
}
.dwd_news-category-view .pages-items .pages-item-previous,
.dwd_news-category-view .pages-items .pages-item-next {
    display: none;
}
.dwd_news-category-view .news-listing .post .post-info {
    display: flex;
    gap: 15px;
    padding: 0 25px;
    margin: 10px 0 20px;
    font-size: 14px;
}
.dwd_news-category-view .news-listing [class*="col"] {
    margin-bottom: 0;
}
.dwd_news-category-view .news-listing .post p {
    height: auto;
    min-height: 126px;
    color: var(--color-white);
    line-height: 18px;
    letter-spacing: 0.48px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dwd_news-category-view .news-listing .post p.mh90:after {
    content: none;
}
.dwd_news-post-view .page-title-wrapper {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 0.1rem;
    margin: -0.1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.1rem;
}
.dwd_news-post-view .news-post-title {
    position: relative;
    font-family: var(--font-secondary);
    max-width: 1920px;
    margin: 0 auto;
}
.dwd_news-post-view .news-post-title .title-bg {
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dwd_news-post-view .news-post-title:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    background-color: var(--color-white);
}
.dwd_news-post-view .news-post-title .title-info {
    z-index: 9;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1510px;
    padding-left: 15px;
    padding-right: 15px;
}
.dwd_news-post-view .news-post-title .title {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 68px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 30px;
}
.dwd_news-post-view .news-post-title .action {
    background-color: var(--color-primary);
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0px 3px 6px var(--color-black-3);
    transition: var(--transition-1);
    display: inline-block;
    margin-top: 30px;
}
.dwd_news-post-view .news-post-title .action:hover {
    text-decoration: none;
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.dwd_news-post-view .news-post-content {
    max-width: none;
    margin: 0;
    margin-right: auto;
}
.dwd_news-post-view .column.main {
    display: flex;
    gap: 100px;
}
.dwd_news-post-view .news-post-content {
    font-family: var(--font-secondary);
}
.dwd_news-post-view .news-post-content .post-info {
    display: flex;
    gap: 15px;
    margin: 10px 0 20px;
    font-size: 14px;
}
.dwd_news-post-view .news-related {
    max-width: 30%;
    background-color: var(--color-grey-1);
    padding: 30px;
    margin-top: 30px;
    height: 100%;
}
div#authenticationPopup {
    display: none;
}
.dwd_news-post-view .news-related h3 {
    text-align: center;
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 10px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.dwd_news-post-view .news-related .post {
    background-color: var(--color-white);
    color: var(--color-black-1);
    font-family: var(--font-secondary);
    padding: 15px;
}
.dwd_news-post-view .news-related .post a {
    color: var(--color-black-1);
    padding: 0;
}
.dwd_news-post-view .news-related .post a span {
    padding: 0;
    font-size: 18px;
}
.dwd_news-post-view .news-related .post p.mh90 {
    color: var(--color-black-1);
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}
.dwd_news-post-view .news-related .post p.mh90:after {
    content: none;
}
.dwd_news-post-view .news-related .post .action.primary {
    margin: 0;
    margin-top: 15px;
}
.dwd_news-post-view .news-related .post .action.primary span {
    display: inline-block;
    padding: 10px 20px;
    font-family: var(--font-secondary);
    background-color: var(--color-black-1);
    color: var(--color-white);
    font-weight: 400;
    transition: var(--transition-1);
}
.dwd_news-post-view .news-related .post .action.primary span:hover {
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.dwd_news-post-view .news-related .post .action.primary span:after {
    content: none;
}
.dwd_news-post-view .footer-contact-container {
    background-color: var(--color-white);
    padding-bottom: 50px;
    margin-top: -1px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner {
    width: 100%;
    max-width: 1510px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-image {
    max-width: 50%;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-image img {
    max-width: 100%;
    height: 500px;
    object-fit: cover;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form {
    width: 50%;
    font-family: var(--font-secondary);
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form input,
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form textarea {
    font-family: var(--font-secondary);
    border: 2px solid #e9e6dd;
    border-radius: 5px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .label {
    display: none;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .legend {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .control {
    width: 100%;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .field.name,
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .field.telephone {
    width: 49%;
    display: inline-block;
    margin-bottom: 10px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .field.telephone {
    margin-left: 2%;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .field {
    margin-bottom: 20px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .actions-toolbar {
    display: flex;
    justify-content: space-between;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .actions-toolbar:before,
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .actions-toolbar:after {
    content: none;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .fieldset {
    margin-bottom: 20px;
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .phone-link {
    background-color: var(--color-grey-2);
    box-shadow: 0px 3px 6px var(--color-black-3);
    padding: 15px;
    display: inline-block;
    color: var(--color-white);
    transition: var(--transition-1);
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .phone-link:hover {
    text-decoration: none;
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form .phone-link .fa-phone {
    padding-right: 10px;
}
.recaptcha-text {
    color: var(--color-grey-2);
    font-size: 10px;
    margin-bottom: 20px;
}
.recaptcha-text a {
    color: var(--color-white);
    text-decoration: underline;
}
.recaptcha-text a:hover {
    text-decoration: none;
}
.cookie-status-message {
    display: none;
}
#html-body .page-wrapper .header-container .header-col-right .panel.wrapper .panel.header .header-menu {
    margin-right: auto;
}
.amsearch-form-block {
    height: 100%;
    position: static;
}
.amsearch-link.product-item-link {
    overflow: hidden;
    text-overflow: ellipsis;
}
.amsearch-wrapper-block {
    position: static;
    width: 30%;
    overflow: hidden;
}
.amsearch-overlay-block {
    z-index: 9;
}
.amsearch-form-block.-opened {
    width: 100% !important;
}
.amsearch-form-block.-opened .amsearch-result-section {
    width: 100%;
}
.amsearch-input-wrapper .amsearch-button.-close {
    left: inherit;
    width: max-content;
    position: absolute;
    margin: 0;
}
.amsearch-input-wrapper .amsearch-input {
    background-color: var(--color-black-2);
    border: 0;
    color: var(--color-grey-2);
    overflow: hidden;
}
.amsearch-input-wrapper .amsearch-input:focus {
    border: 1px solid var(--color-primary);
    color: var(--color-grey-2);
}
.amsearch-products-section .amsearch-product-list {
    justify-content: space-between;
}
.amsearch-form-block .amsearch-products-section .amsearch-product-list .amsearch-item.product-item {
    max-width: 100%;
    width: calc(100% / 3);
}
.amsearch-products-section .amsearch-link,
.amsearch-products-section .amsearch-link:hover,
.amsearch-highlight {
    color: var(--color-black-1);
}
.grecaptcha-badge {
    z-index: 99;
    margin-bottom: 25px;
}
.amsearch-input-wrapper .amsearch-button.-loupe {
    width: 65px;
    height: 100%;
    background-size: 18px;
}
.amsearch-input-wrapper.-typed .amsearch-button.-loupe {
    width: 20px;
}
.amsearch-item-container .amsearch-item .amsearch-link,
.amsearch-item-container .amsearch-item .amsearch-link:focus,
.amsearch-item-container .amsearch-item .amsearch-link:hover {
    color: var(--color-black-1);
}
#mpstorepickup_select_store a {
    background-color: var(--color-black-1);
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding: 9px 20px;
    font-size: 1.6rem;
    line-height: 2.7rem;
    box-sizing: border-box;
    vertical-align: middle;
}
#mpstorepickup_select_store a:hover {
    text-decoration: none;
    background-color: var(--color-primary);
    color: var(--color-black-1);
}
.price.free {
    color: var(--color-green);
}
.dwd_brands-item-index .brands-listing .item .item-link img {
    max-width: 240px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dwd_brands-item-index .brands-listing .item {
    background: var(--color-black-2);
    border: 0;
}
.dwd_brands-item-index .brands-listing-item-title {
    color: var(--color-white);
    font-size: 2.4rem;
    margin-top: 20px;
    padding: 0 50px;
}
.dwd_brands-item-index .brands-listing-item-description {
    padding: 0 50px;
    color: var(--color-grey-2);
    line-height: 1.5;
    position: relative;
}
.dwd_brands-item-index .brands-listing-item-description:after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50px;
}
.dwd_brands-item-index .brands-listing .item .item-link strong {
    margin: 0;
    height: 290px;
    position: relative;
}
.dwd_brands-item-index .brands-listing .item .action.primary {
    position: absolute;
    bottom: 30px;
    transform: translateX(50%);
    right: 50%;
    min-width: auto;
}
.dwd_brands-item-index .brands-listing .item .action.primary span {
    background: var(--color-primary);
    color: var(--color-black-1);
    padding: 13px 20px;
    font-size: 1.8rem;
    line-height: 22px;
}
.dwd_brands-item-index .brands-listing .item .action.primary:after {
    content: none;
}
.dwd_brands-item-index .page-footer .brands {
    display: none;
}
.brands h3 {
    text-transform: uppercase;
}
.paid-title {
    float: right;
    font-size: 20px;
    font-weight: 700;
}
.page-print .logo-img-dt {
    width: 300px;
}
.page-print #zdbutton {
    display: none;
}
.block.block-order-details-view .block-content {
    display: flex;
    flex-wrap: wrap;
}
.block.block-order-details-view .block-content > * {
    width: 50%;
}
.box.box-order-shipping-address {
    order: 1;
}
.box.box-order-billing-address {
    order: 2;
}
.box.box-order-shipping-method {
    order: 3;
}
.box.box-order-billing-method {
    order: 4;
}
.dwd_pdfuploads-index-index.page-layout-2columns-right
    .column.main
    .block-content
    #search_uploads_form
    .search
    .actions {
    width: auto;
}
.dwd_pdfuploads-index-index.page-layout-2columns-right
    .column.main
    .block-content
    #search_uploads_form
    .search
    .actions
    .action {
    display: flex;
    justify-content: space-evenly;
    padding: 0 20px;
    align-items: center;
}
.dwd_pdfuploads-index-index.page-layout-2columns-right
    .column.main
    .block-content
    #search_uploads_form
    .search
    .actions
    .action
    span {
    padding-right: 5px;
}
.dwd_pdfuploads-index-index.page-layout-2columns-right
    .column.main
    .block-content
    #search_uploads_form
    .search
    .actions
    .action:hover:after {
    right: -5px;
}
.dwd_pdfuploads-index-index.page-layout-2columns-right
    .column.main
    .block-content
    #search_uploads_form
    .search
    .actions
    .action:after {
    font-family: var(--font-awesome);
    content: "\f061";
    color: var(--color-black-1);
    background: 0 0;
    width: auto;
    height: auto;
    right: 0;
    top: 0;
    position: relative;
    transform: translate(0, 0);
}
.cms-home .owl-theme .owl-nav {
    margin-top: 0;
}
.cms-home .mp-banner-slider .owl-nav button span {
    left: auto;
    position: static;
    top: auto;
    color: var(--color-primary);
}
.cms-home .mp-banner-slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cms-home .mp-banner-slider .owl-nav button:hover {
    background-color: transparent;
}
.cms-home .mp-banner-slider .owl-nav button.owl-prev {
    left: 1%;
}
.cms-home .mp-banner-slider .owl-nav button.owl-next {
    right: 1%;
}
.cms-home .column.main .latest-news ~ a,
.cms-home .column.main .latest-news ~ p a {
    background: var(--color-primary);
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    margin-top: auto;
    width: max-content;
    padding: 10px 30px 10px 15px;
    position: relative;
}
.cms-home .column.main .latest-news ~ a:hover,
.cms-home .column.main .latest-news ~ p a:hover {
    text-decoration: none;
}
.cms-home .column.main .latest-news ~ a:after,
.cms-home .column.main .latest-news ~ p a:after {
    content: "\e608";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 35px;
    color: var(--color-black-1);
    font-family: var(--font-icons);
    font-weight: 400;
    position: absolute;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition-1);
    margin-left: -8px;
    background: 0 0;
    width: auto;
    height: auto;
    right: 0;
}
.cms-home .column.main .latest-news ~ a:hover:after,
.cms-home .column.main .latest-news ~ p a:hover:after {
    right: -5px;
}
.cms-home .news-listing {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
.cms-home .news-listing .post {
    width: 100%;
}
.cms-home a:active,
.cms-home .alink:active {
    color: inherit;
}
.cms-home .news-listing .post > * {
    text-align: left;
}
.markten-category .action.primary span {
    padding-right: 45px;
}
.news-listing.row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 0;
}
.dwd_news-post-view .news-listing.row {
    grid-template-columns: auto;
}
.news-listing.row > * {
    width: 100%;
    max-width: 100%;
}
.catalog-category-view .product-item-actions .read-more-btn,
.catalogsearch-result-index .product-item-actions .read-more-btn {
    background-color: var(--color-primary);
    color: var(--color-black-1);
    font-size: 17px;
    padding: 10px 25px 10px 15px;
    transition: var(--transition-1);
    font-weight: 700;
    font-size: 17px;
    font-family: var(--font-primary);
    position: relative;
}
.catalog-category-view .product-item-actions .read-more-btn:hover,
.catalogsearch-result-index .product-item-actions .read-more-btn:hover {
    text-decoration: none;
    background-color: var(--color-black-1);
    color: var(--color-white);
}
.catalog-category-view .product-item-actions .read-more-btn:after,
.catalogsearch-result-index .product-item-actions .read-more-btn:after {
    content: "\e608";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 35px;
    color: var(--color-black-1);
    font-family: var(--font-icons);
    font-weight: 400;
    position: absolute;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition-1);
    margin-left: -8px;
}
.catalog-category-view .product-item-actions .read-more-btn:hover:after,
.catalogsearch-result-index .product-item-actions .read-more-btn:hover:after {
    color: var(--color-white);
}
.catalog-category-view .filter-options .items .item .amshopby-link-selected:before,
.catalogsearch-result-index .filter-options .items .item .amshopby-link-selected:before {
    background: var(--color-black-1);
}
.catalog-category-view .filter-options .items .item .amshopby-link-selected:after,
.catalogsearch-result-index .filter-options .items .item .amshopby-link-selected:after {
    content: "";
    background: transparent url(../images/icons/checked.svg) no-repeat;
}
.dwd_events-item-view.page-layout-2columns-left .column.main {
    width: 100%;
}
.dwd_events-item-index .events-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.dwd_events-item-index .events-list .event {
    margin-bottom: 0;
}
.dwd_events-item-index .events-list .event .content {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dwd_events-item-index .events-list .event .content .more-info {
    position: relative;
    width: auto;
    margin-top: auto;
    margin-left: auto;
}
.dwd_events-item-index .events-list .event .image-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.dwd_events-item-index .events-list .event .image-container picture {
    width: 100%;
}
.dwd_events-item-index .events-list .event .image-container picture img {
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
    width: 100%;
}
.dwd_events-item-index .events-list .event .content h3 {
    font-size: 3.2rem;
    min-height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dwd_events-item-index .events-list .event .content .date {
    font-size: 20px;
    margin-bottom: 0;
}
.dwd_events-item-index .events-list .event .content .text-container {
    min-height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}
.dwd_events-item-index .events-list .event .content .date.flag:before {
    vertical-align: sub;
    margin-bottom: 0;
    width: 20px;
    margin-right: 5px;
}
.dwd_events-item-index .events-list .event .content .date.nl:before {
    background: transparent url(../images/icons/netherlands.svg) no-repeat;
}
.dwd_events-item-index .events-list .event .content .date.be:before {
    background: transparent url(../images/icons/belgium.svg) no-repeat;
}
.dwd_events-item-view .banner-panel {
    max-width: none;
    padding: 40px;
}
.dwd_events-item-view .event-detail .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    position: relative;
}
.dwd_events-item-view .event-detail .content p {
    margin-bottom: 0;
}
.dwd_events-item-view .event-detail .content > * {
    grid-column: 1/2;
}
.dwd_events-item-view .event-detail .content.one-column > * {
    grid-column: 1/-1;
}
.dwd_events-item-view .event-detail .formbuilder-container {
    grid-column: 1/-1;
}
.dwd_events-item-view .event-detail .content .second-column {
    grid-row: 1/2;
    grid-column: 2/3;
}
.dwd_events-item-view .event-detail .content .second-column > * {
    max-height: 275px;
}
.dwd_events-item-view .formbuilder-container #collapse-formbuilder > .formbuilder > .fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.dwd_events-item-view .formbuilder-container #collapse-formbuilder > .formbuilder > .fieldset > * {
    width: calc(50% - 20px);
}
.dwd_events-item-view #collapse-formbuilder {
    display: block;
}
@media only screen and (max-width: 1100px) {
    .dwd_events-item-index .events-list {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    .pages .action.next {
        top: 65%;
    }
    .dwd_news-category-view .news-listing.row {
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    }
}
@media only screen and (max-width: 992px) {
    .company-details-index.account .fieldset.create.info.main > * {
        width: 100%;
    }
    .company-endusers-index.account .column.main .block-title-row.block-title {
        margin-top: 30px;
    }
    .company-product-index .search.popup {
        width: 80%;
    }
    .dwd_news-post-view .column.main {
        gap: 30px;
    }
    .dwd_news-category-view .news-listing.row {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
    .panel.header.mobile {
        flex-direction: column;
        border-top: 1px solid var(--color-white);
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .panel.header.mobile .header-menu {
        flex-direction: column;
    }
    .panel.header.mobile .header-menu li {
        padding: 0;
        width: 100%;
    }
    .panel.header.mobile .header-menu li a {
        padding: 5px 40px 5px 15px;
        width: 100%;
        color: var(--color-white);
        font-size: 2rem;
        font-family: var(--font-primary);
    }
    .panel.header.mobile .switcher-language .switcher-trigger {
        padding: 0;
        color: var(--color-white);
        font-size: 2rem;
        font-family: var(--font-primary);
    }
    .panel.header.mobile .switcher-language .switcher-trigger.active {
        background-color: transparent;
    }
    .panel.header.mobile .switcher-language .switcher-dropdown {
        background-color: transparent;
    }
    .navigation {
        padding-bottom: 0;
    }
    .page-header .switcher .options .switcher-trigger strong.view-nl:before,
    .page-footer .switcher .options .switcher-trigger strong.view-nl:before,
    .page-header .switcher .options .switcher-trigger strong.view-fr:before,
    .page-footer .switcher .options .switcher-trigger strong.view-fr:before {
        top: 5px;
    }
    .panel.header.mobile .switcher-language .switcher-dropdown a {
        color: var(--color-white);
    }
    .panel.header.mobile .authorization-link {
        padding: 5px 40px 5px 15px;
        width: 100%;
        order: -2;
    }
    .panel.header.mobile .authorization-link a {
        display: block;
        width: 100%;
        color: var(--color-white);
        font-size: 2rem;
        font-family: var(--font-primary);
        padding: 0;
        margin: 0;
    }
    .page-header .switcher .options .switcher-trigger:after,
    .page-footer .switcher .options .switcher-trigger:after {
        top: 10px;
    }
    .cms-home .mp-banner-slider .owl-nav button {
        top: 40%;
    }
}
@media only screen and (max-width: 768px) {
    .company-details-index.account #contact .block .dealer-users .actions-row {
        margin: 0;
    }
    .company-details-index.account #contact {
        margin-bottom: 20px;
    }
    .company-details-index.account #contact .block .block-title-row .actions-toolbar {
        margin-top: 20px;
    }
    .company-details-index.account .toolbar-cta .btn {
        padding: 25px 20px;
        font-size: 20px;
    }
    .company-details-index.account #form-company,
    .company-details-index.account #contact {
        padding: 20px;
    }
    .company-endusers-index.account .actions-toolbar {
        margin-top: 15px;
    }
    .company-endusers-index.account .column.main .block-title-row.block-title {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .company-product-add.account .form.form-create-account {
        padding-top: 0;
    }
    .account .column.main {
        margin-bottom: 0;
    }
    .company-pickup-index.account .main .block:not(.widget) {
        padding-top: 0;
    }
    .company-pickup-index.account .block-bar .actions-toolbar > * {
        width: 100%;
    }
    .company-pickup-index.account .block-bar .actions-toolbar {
        gap: 0;
    }
    .account .pages .action.next {
        display: none;
    }
    .company-product-add.account .formfields {
        column-gap: 20px;
        row-gap: 10px;
    }
    .company-product-add.account .main .form-create-account .actions-toolbar .secondary span {
        justify-content: center;
    }
    .company-product-index .main .block:not(.widget) {
        padding-top: 0;
    }
    .account .toolbar .limiter {
        margin-bottom: 0;
    }
    .account .sidebar-main {
        order: 2;
    }
    .company-product-index .actions-row {
        margin: 0;
    }
    .customer-account-login .login-container {
        margin-bottom: 20px;
    }
    .form-login .fieldset > .field,
    .form-login .fieldset > .fields > .field {
        margin-bottom: 10px;
    }
    .customer-account-login .login-container .block-customer-login .form-login .actions-toolbar .secondary {
        margin-top: 20px;
    }
    .customer-account-login .login-container {
        gap: 20px;
        column-gap: 20px;
    }
    .cms-contact table {
        margin-left: -5px;
    }
    .cms-contact #maincontent .page-container {
        padding: 0;
    }
    .cms-contact h3 {
        font-size: 2.2rem;
    }
    .cms-contact ul {
        padding-left: 5px;
    }
    .dwd_news-category-view .news-category .categories-menu {
        margin-bottom: 20px;
    }
    .dwd_news-category-view .news-toolbar {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .dwd_news-category-view .news-listing.row {
        gap: 30px 0;
    }
    .dwd_events-item-view .event-detail .content .second-column > * {
        position: relative;
        max-width: 100%;
    }
    .dwd_events-item-view .event-detail .content .second-column {
        grid-column: 1/2;
    }
    .dwd_events-item-view .event-detail .content {
        grid-template-columns: 1fr;
    }
    .dwd_news-post-view .columns .column.main {
        order: 0;
        flex-direction: column;
    }
    .dwd_news-post-view .news-post-content {
        margin-bottom: 0;
    }
    .dwd_news-post-view .news-related .post a {
        min-height: 48px;
    }
    .dwd_news-post-view .news-related {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 50px;
    }
    .dwd_news-post-view .footer-contact-container .footer-contact-inner {
        flex-direction: column-reverse;
    }
    .dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-image {
        display: none;
    }
    .dwd_news-post-view .footer-contact-container .footer-contact-inner .footer-contact-form {
        width: 100%;
    }
    .dwd_news-post-view .news-post-title .title {
        font-size: 35px;
        line-height: 1;
    }
    .nav-sections .header-menu li a {
        padding: 5px 40px 5px 15px;
        color: var(--color-white);
        font-size: 2rem;
    }
    .page-header .amsearch-wrapper-block:before {
        content: none;
    }
    .amsearch-products-section .amsearch-product-list {
        flex-direction: column;
    }
    .amsearch-form-block .amsearch-products-section .amsearch-product-list .amsearch-item.product-item {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        gap: 25px;
        font-size: 20px;
    }
    .amsearch-products-section.-grid .amsearch-image {
        width: 15%;
        padding: 0;
    }
    .dwd_news-category-view .pages .items.pages-items {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 640px) {
    .company-pickup-index.account .block-bar {
        flex-direction: column;
        gap: 0;
    }
    .company-pickup-index.account .block-bar > * {
        width: 100%;
    }
    .company-pickup-index.account .table-pickup .actions-row {
        justify-content: flex-start;
    }
    .company-product-index .search.popup .popup-grid .fields.date-container .control.search input::placeholder {
        color: transparent;
    }
    .company-product-index .search.popup .popup-grid .fields .label {
        font-size: 14px;
    }
    .company-product-index .search.popup .popup-title {
        font-size: 16px;
    }
    .company-product-index .block-description + .actions-toolbar {
        margin-bottom: 0;
    }
    .company-product-index .search.popup .popup-title i {
        display: none;
    }
    .company-product-index .search.popup {
        padding: 20px;
    }
    .customer-account-login .login-container .block-customer-login {
        grid-column: 1/-1;
    }
    .customer-account-login .login-container .block-new-customer {
        grid-column: 1/-1;
        grid-row: 2/3;
        padding: 0;
        margin: 0;
    }
    .customer-account-login .login-container .cms2 {
        grid-column: 1/-1;
        grid-row: 3/4;
    }
    .customer-account-login .login-container .cms1 {
        grid-column: 1/-1;
        grid-row: 4/5;
    }
    .customer-account-login .login-container {
        gap: 5px;
        column-gap: 0;
    }
    .customer-account-login .login-container .cms3 ul li:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .cms-home .mp-banner-slider .owl-nav button {
        top: 130px;
    }
    .category-desc-container {
        display: block;
    }
}
@media only screen and (max-width: 480px) {
    .company-product-add.account .formfields {
        grid-template-columns: repeat(1, 1fr);
    }
    .company-product-index .actions-toolbar .secondary span,
    .company-product-index .actions-toolbar .primary span {
        font-size: 16px;
    }
    .dwd_news-post-view .news-post-title .title {
        font-size: 26px;
    }
    .dwd_events-item-view .formbuilder-container #collapse-formbuilder > .formbuilder > .fieldset {
        gap: 0;
    }
    .dwd_events-item-view .formbuilder-container #collapse-formbuilder > .formbuilder > .fieldset > * {
        width: 100%;
    }
}
.product-add-form.sticky {
    h1 {
        font-size: 24px;
    }
    img {
        max-height: 80px;
    }
}
.owl-carousel {
    display: block;
}
.owl-carousel .banner-item:not(:first-child) {
    display: none;
}
[data-role="main-css-loader"] {
    display: none;
}
input#taxvat::placeholder {
    color: var(--color-grey-2);
}
#maincontent > .banner .image {
    width: 100%;
    display: block;
}
body:is(.dwd_brands-item-view, .dwd_markten-item-view, .dwd_markten-subitem-view) .columns {
    max-width: 1080px;
}
body.checkout-index-index {
    .field.street .field.additional {
        display: flex;
        flex-direction: column;
        align-items: start;
        .label {
            clip: auto;
            height: auto;
            width: auto;
            margin: 0;
            overflow: visible;
            position: static;
            &:after {
                content: "*";
                color: #000;
                font-size: 1.2rem;
                margin: 0 0 0 5px;
            }
        }
    }
}