@font-face {
    font-family: icons-blank-theme;
    src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-Light.woff2") format("woff2"), url("../fonts/TTCommons-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-Regular.woff2") format("woff2"), url("../fonts/TTCommons-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-Italic.woff2") format("woff2"), url("../fonts/TTCommons-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-Medium.woff2") format("woff2"), url("../fonts/TTCommons-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-MediumItalic.woff2") format("woff2"), url("../fonts/TTCommons-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-Bold.woff2") format("woff2"), url("../fonts/TTCommons-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-BoldItalic.woff2") format("woff2"), url("../fonts/TTCommons-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-ExtraBold.woff2") format("woff2"), url("../fonts/TTCommons-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Commons";
    src: url("../fonts/TTCommons-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/TTCommons-ExtraBoldItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: printshopz;
    src: url("../fonts/icons/printshopz.ttf?pg9ja5") format("truetype"), url("../fonts/icons/printshopz.woff?pg9ja5") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    margin: 0px;
}

input[type="number"] {
}

input[type="number"]:hover, input[type="number"]:focus {
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

body {
    font-size: 0.9rem;
}

body .ui-tooltip {
    position: absolute;
    z-index: 9999;
}

body .ui-tooltip, body .transition-none * {
    transition: none;
}

body .ui-tooltip .ui-tooltip-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(229, 229, 229);
    border-radius: 2px;
    padding: 0.5rem 1rem;
    display: inline-block;
}

body .ui-tooltip.p-c-2 .ui-tooltip-content {
    padding: 0.5rem;
}

body .info-tooltip .tooltip-toggle {
    cursor: pointer;
    display: inline-block;
    color: rgb(220, 153, 218);
    padding-right: 5px;
    margin-bottom: -4px;
}

body .ui-tooltip.styled-tooltip .ui-tooltip-content {
    line-height: 1.5rem;
    background-color: rgb(237, 237, 237);
    border: 1px solid rgb(14, 145, 182);
    color: rgb(145, 145, 145);
    border-radius: 5px;
}

body .ui-tooltip.styled-tooltip .ui-tooltip-content p:last-child {
    margin-bottom: 0px;
}

body .position-relative .position-absolute .info-tooltip {
    margin-left: 0.5rem;
}

body .info-tooltip .tooltip-toggle .tooltip-icon {
    text-indent: -99999px;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url("../../../../../frontend/Nubix/Printshopz/default/images/tooltip-ico.png");
    background-repeat: no-repeat;
    background-size: 1.1rem 1.1rem;
    background-position: center center;
}

dl, ol, ul {
    list-style: none;
}

ol {
    padding-left: 0px;
}

button.link {
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-shadow: none;
    background: transparent;
    color: rgb(220, 153, 218);
    cursor: pointer;
}

.ico {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-family: printshopz !important;
}

.ico-arrow-right::before {
    content: "";
}

.ico-cart::before {
    content: "";
    display: block;
    left: 0.9rem;
    top: 0.3rem;
    width: 1.7rem;
    height: 1.7rem;
    background: url("../images/shop-cart.svg") 0px 0px / 100% 100% no-repeat;
}

.ico-close::before {
    content: "×";
    font-size: 1.3rem;
}

.ico-facebook::before {
    content: "";
    left: 0px;
    right: 0px;
}

.ico-instagram::before {
    content: "";
}

.ico-linkedin::before {
    content: "";
}

.ico-loupe::before {
    content: "";
}

.ico-message::before {
    content: "";
}

.ico-info::before {
    content: "";
}

.ico-heart::before {
    content: "";
}

.ico-checkbox::before {
    content: "";
}

.product-action-link .ico-arrow-right::before {
    font-size: 0.7rem;
}

.ico-quote::before {
    content: "";
    display: block;
    left: 0.9rem;
    top: 0.3rem;
    width: 1.7rem;
    height: 1.7rem;
    background: url("../images/quotes-icon.svg") 0px 0px / 100% 100% no-repeat;
}

.ico-print::before {
    content: "";
    display: block;
    left: 0.9rem;
    top: 0.3rem;
    width: 1.7rem;
    height: 1.7rem;
    margin-bottom: 4px;
    background: url("../images/printer-icon.svg") 0px 0px / 100% 100% no-repeat;
}

html {
    text-size-adjust: none;
    font-size: 1.04167vw;
}

body {
    line-height: 1.3;
    font-family: "TT Commons", Arial, sans-serif;
    color: rgb(113, 113, 113);
    background: rgb(62, 49, 105);
}

a {
    color: rgb(220, 153, 218);
    text-decoration: underline;
}

a:hover {
    color: rgb(220, 153, 218);
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: rgb(99, 69, 148);
    margin-bottom: 1.3rem;
}

h1, h2 {
    font-weight: 800;
}

p, ul, ol {
    margin-bottom: 1.3rem;
}

table, .table {
    color: rgb(113, 113, 113);
    border-spacing: 0px;
    width: 100%;
}

table thead th, .table thead th {
    vertical-align: bottom;
    padding: 0.7rem 0.5rem 0.85rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.multiselect table thead th, .table thead th {
    vertical-align: bottom;
    padding: 0.7rem 0.5rem 0.85rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    border: none;
}

.multiselect table thead tr:first-child th {
    vertical-align: bottom;
    padding: 0.7rem 1.5rem 0.85rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    border: none;
}

.multiselect label.option-label span {
    text-align: center;
    display: block;
}

table td, .table td, table tbody td, .table tbody td, table tfoot td, .table tfoot td {
    vertical-align: top;
    padding: 0.5rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.multiselect table td, .table td, table tbody td, .table tbody td, table tfoot td, .table tfoot td {
    vertical-align: top;
    padding: 0.5rem;
    border: none;
}

table .col {
    width: auto;
}

table p {
    margin: 0px;
}

table .price {
    white-space: nowrap;
}

.medium {
    font-weight: 500;
}

.columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.column.main {
    width: 100%;
}

.container {
    max-width: 100%;
}

.row {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .row > [class^="col"] {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
}

.row.row-1 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.row.row-1 > [class^="col"] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row.row-12 {
    margin-left: -0.6rem;
    margin-right: -0.6rem;
}

.row.row-12 > [class^="col"] {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.btn {
    max-width: 100%;
    padding: 1.2rem 2.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
}

.btn.btn-small {
    padding: 1rem 1.8rem;
}

@media screen and (min-width: 992px) {
    .btn.btn-lg-small {
        padding: 1rem 1.8rem;
    }

    .workhours, .experience, .department {
        padding-left: 29px;
    }
}

.btn-primary {
    background: rgb(69, 53, 114);
    border-radius: .5rem;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px; */
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    transition: 0.2s ease-in-out;
    padding: 0.75rem 3rem;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    transform: translateY(-2px);
    background-color: rgb(62, 49, 105);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    background-color: rgb(62, 49, 105);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-secondary {
    background: rgb(243, 243, 243);
    border: 1px solid transparent;
    color: rgb(62, 49, 105);
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background-color: rgb(243, 243, 243);
    color: rgb(62, 49, 105);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    background-color: rgb(243, 243, 243);
    color: rgb(62, 49, 105);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-secondary-green {
    background: rgb(243, 243, 243);
    border: 1px solid rgb(98, 200, 160);
    color: rgb(98, 200, 160);
    box-shadow: none;
    margin-top: 5px;
}

.btn-secondary-green:hover, .btn-secondary-green:not(:disabled):not(.disabled).active, .btn-secondary-green:not(:disabled):not(.disabled):active, .show > .btn-secondary-green.dropdown-toggle {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    border-color: rgb(98, 200, 160);
    box-shadow: none;
}

.btn-secondary-green:focus, .btn-secondary-green:not(:disabled):not(.disabled).active:focus, .btn-secondary-green:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary-green.dropdown-toggle:focus {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    border-color: rgb(98, 200, 160);
    box-shadow: none;
}

.btn-work-draw {
    display: block;
    background: rgb(243, 243, 243);
    border-color: rgb(98, 200, 160);
    color: rgb(98, 200, 160);
    border-radius: 1.75rem;
    height: 3.2rem;
    font-weight: 500;
    padding: 0.95rem 1.35rem 0.95rem 3.4rem;
    position: relative;
}

.btn-work-draw::before {
    content: "";
    display: block;
    position: absolute;
    width: 1.1rem;
    height: 1.2rem;
    left: 2rem;
    top: 60%;
    transform: translateY(-50%);
    background: url("../images/download-icon.svg") 0px 0px / 70% 70% no-repeat;
    filter: invert(35%) sepia(50%) saturate(341%) hue-rotate(105deg) brightness(96%) contrast(93%);
}

.btn-green {
    background: rgb(98, 200, 160);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
}

.btn-green:hover, .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show > .btn-green.dropdown-toggle {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-green:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show > .btn-green.dropdown-toggle:focus {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.btn-mini {
    display: inline-block;
    border-radius: 0.85rem;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.35rem 0.6rem;
    font-weight: bold;
    text-decoration: none;
}

.btn-mini-rose {
    background: rgb(220, 153, 218);
    color: rgb(255, 255, 255);
}

.btn-mini-green {
    background: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
}

.btn-mini-rose:hover, .btn-mini-green:hover {
    color: rgb(255, 255, 255);
}

.rose {
    color: rgb(220, 153, 218);
}

.small {
    font-size: 0.85rem;
}

button.btn-edit {
    display: inline-block;
    background: rgb(220, 153, 218);
    border-radius: 0.85rem;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.3rem 0.6rem;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
    border-style: none;
    margin-left: 28%;
    margin-top: 5px;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.product-thumb, .thumb {
    display: block;
}

.product-thumb img, .thumb img {
    display: block;
    width: 100%;
}

.thumb-cover {
    /* display: block; */
    /* position: relative; */
    padding-bottom: 100%;
}

.thumb-cover img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.badge {
    display: block;
    background: rgb(96, 200, 160);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 1rem;
    font-size: 0.85rem;
    line-height: 1;
    font-weight: 500;
    color: rgb(255, 255, 255);
    padding: 0.5rem 1rem;
}

.badge.badge-popular {
    background: rgb(96, 200, 160);
}

.button-wrap {
    text-align: center;
}

.input-rounded {
    background: rgb(255, 255, 255);
    color: rgb(69, 53, 114);
    border-radius: 10px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 500;
    padding: 0.7rem 1.5rem;
    outline: none;
    width: 95%;
    border: none;
}

.input-rounded::-webkit-input-placeholder, .header-search .input-text::-webkit-input-placeholder {
    color: rgb(99, 69, 148);
    opacity: 1;
}

.input-rounded::placeholder, .header-search .input-text::placeholder {
    color: rgb(99, 69, 148);
    opacity: 1;
}

.payment-option-inner .field {
    width: 26rem;
}

.header-search .input-text {
    /* border-radius: 1.6rem 1.6rem 0px !important; */
}

.options-fieldset .form-control {
    padding-right: 0px;
    border-radius: 14px 0px 0px 14px !important;
}

@media screen and (min-width: 992px) {
    body .ui-tooltip.styled-tooltip.option-tooltip {
        max-width: 75%;
    }

    #maincontent .container, .page-main {
        max-width: 73.75vw;
    }

    .container-wide {
        max-width: 85vw;
    }

    .col-lg-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-45 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-lg-55 {
        flex: 0 0 55%;
        max-width: 55%;
    }
}

.page-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 8.7rem;
    background: rgb(255, 255, 255);
}

.page-header {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    z-index: 1030;
}

.page-header a {
    text-decoration: none;
    color: rgb(62, 50, 104);
}

.header-main {
    transition: background 0.3s;
}

/* .header-main .container → px-3 */
.header-main .container {
    /* padding-left: 1.25rem; */
    /* padding-right: 1.25rem; */
}

.header-login .login-link, .miniquote-wrapper .action.showquote, .minicart-wrapper .action.showcart {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* padding: 0px 0.5rem; */
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 0.75rem;
}

.minicart-close, .minicart-close:focus {
    text-decoration: none;
    right: 1rem;
    padding: 0.15rem 0.9rem;
    color: rgb(174, 163, 192);
    border-radius: 10rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgb(116, 97, 147);
}

.minicart-close:hover {
    color: rgb(69, 53, 114);
    background: rgb(255, 255, 255);
    text-decoration: none;
    border: 1px solid rgb(255, 255, 255);
}

.minicart-close span:first-child {
}

.minicart-title {
    font-size: 1.5rem;
    color: rgb(255, 255, 255);
}

.minicart-subtitle {
    font-size: 0.9rem;
    font-weight: 200;
    color: rgb(231, 229, 229);
}

.header-login .login-link::before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../images/user-ico.svg") center center / 1.1rem 1.1rem no-repeat;
}

.miniquote-wrapper .ico.ico-quote {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    font-size: 1rem;
    line-height: 1;
}

.miniquote-wrapper .text {
    margin: 0px;
    order: 2;
    padding: 0px;
    position: static;
}

.minicart-wrapper .ico.ico-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1;
}

.minicart-wrapper .cart-label {
    margin: 0px;
    order: 2;
}

.minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .minicart-wrapper .action.showcart .counter.empty {
    display: none;
}

.minicart-counter-number {
    position: absolute;
    top: -0.5rem;
    color: white;
    line-height: 1rem;
    width: 1rem;
    text-align: center;
    background: rgb(219, 153, 217);
    border-radius: 10rem;
    font-size: 0.6rem;
    font-weight: bold;
    z-index: 3;
    margin-right: -2.7rem;
}

.full-overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.56);
    z-index: 1000;
    transition: 0.3s;
}

.header-over .full-overlay {
    visibility: visible;
    opacity: 1;
}

.search-autocomplete {
    /* position: absolute; */
    top: 3.3rem;
    /* width: calc(100% + 14.2rem); */
    right: 0px;
    margin: auto;
    left: -31%;
}

.search-autocomplete a {
    text-decoration: none;
}

/* .search-autocomplete .mini-results {
    overflow-y: auto;
    scrollbar-gutter: stable;
} */

@media screen and (max-width: 992px) {
    .search-autocomplete .mini-search {
        position: fixed;
        background: rgb(255, 255, 255);
        padding: 2rem 1rem 1.3rem 2rem;
        height: calc(-9rem + 100dvh);
        left: 0px;
        width: 100%;
        top: 4rem;
    }
}

@media screen and (min-width: 993px) {
    .search-autocomplete .mini-search {
        position: relative;
        background: rgb(255, 255, 255);
        border-radius: 0.8rem;
        padding: 2rem 1rem 1.3rem 2rem;
        height: calc(-9rem + 100dvh);
    }

    .search-autocomplete .mini-search::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: -1px;
        border-bottom: 0.85rem solid rgb(255, 255, 255);
        border-left: 0.65rem solid transparent;
        border-right: 0.65rem solid transparent;
    }
}

.search-autocomplete .search-products .spac-title {
    font-weight: bold;
    color: rgb(99, 69, 148);
    margin-bottom: 0.7rem;
}

.search-autocomplete .search-products .all-spac-link {
    display: block;
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-weight: 500;
    color: rgb(113, 113, 113);
    margin-bottom: 0.7rem;
}

.search-product-item {
    display: block;
    border-radius: 1rem 1rem 0px 0px;
    border: 1px solid rgb(225, 226, 230);
    color: rgb(99, 69, 148);
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.search-product-item .product-thumb img {
    border-radius: 1rem 1rem 0px 0px;
}

.search-product-item .product-name {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.8rem;
}

.search-product-item .product-name .ico-arrow-right {
    color: rgb(113, 113, 113);
    font-size: 0.9rem;
}

.search-cat-item {
    display: block;
    border: 1px solid rgb(225, 226, 230);
    border-radius: 0.9rem;
    padding: 1.1rem 2.5rem 0.9rem 1rem;
    color: rgb(99, 69, 148);
    font-weight: bold;
    margin-bottom: 0.7rem;
    position: relative;
}

.search-cat-item .ico-arrow-right {
    display: block;
    position: absolute;
    top: 47.5%;
    transform: translateY(-50%);
    right: 1.4rem;
    color: rgb(113, 113, 113);
    font-size: 0.9rem;
}

.search-cat-item .cat-label {
    display: block;
    color: rgb(113, 113, 113);
    font-weight: 500;
}

.search-cat-item .cat-name {
    display: block;
}

.search-product-item:hover, .search-cat-item:hover {
    border-color: rgb(98, 200, 160);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    color: rgb(99, 69, 148);
}

.search-cat-item:hover .ico-arrow-right, .search-product-item:hover .product-name .ico-arrow-right {
    color: rgb(98, 200, 160);
}


.breadcrumbs {
    padding-top: 2.8rem;
}

.breadcrumbs .items {
    font-weight: 500;
    color: rgb(166, 166, 166);
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs .items a {
    color: rgb(166, 166, 166);
    text-decoration: none;
}

.breadcrumbs .items li strong {
    font-weight: 500;
    color: rgb(113, 113, 113);
}

.breadcrumbs .items li:not(:last-child)::after {
    content: ">";
    margin: 0px 0.3rem;
}

.page-main {
    padding: 2.2rem 1.25rem;
    margin: 0px auto;
    flex-direction: column;
    position: relative;
    z-index: 1;
    min-height: 35rem;
}

.breadcrumbs ~ .page-main {
    padding-top: 1.5rem;
}

.page-main .columns::after, .column.main::after {
    content: "";
    clear: both;
    display: table;
}

.page-title-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.page-title-wrapper .pre-title {
    width: 100%;
    flex: 0 0 100%;
    font-weight: bold;
}

.page-title {
    font-size: 3rem;
    line-height: 1;
    font-weight: 800;
    color: rgb(99, 69, 148);
    margin-bottom: 0.65rem;
}

.title-right {
    margin-left: auto;
    margin-bottom: 2.3rem;
}

.title-bottom {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 2.3rem;
}

.page-title-wrapper .title-bottom {
    margin-top: -0.7rem;
}

.title-bottom .btn {
    width: 25.8rem;
}

body::before {
    content: "";
    display: block;
    position: absolute;
    top: 17.7rem;
    right: 50%;
    margin-right: -42.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgb(150, 143, 209);
}

body::after {
    content: "";
    display: block;
    position: absolute;
    top: 45.6rem;
    left: 50%;
    margin-left: -45.25rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: rgb(202, 222, 233);
}

.page-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 25.8rem;
    width: 9.95vw;
    height: 17.15rem;
    background: url("../images/left-line.svg") 0px 0px / 100% 100% no-repeat;
}

body.cms-home::before, body.cms-home::after, body.account::before, body.account::after, body.customer-account-create::after, .cms-home .page-wrapper::after, .account .page-wrapper::after, .customer-account-login .page-wrapper::after, .customer-account-create .page-wrapper::after {
    display: none;
}

.cms-home .page-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 47.8rem;
    width: 21.46vw;
    height: 17.86vw;
    background: url("../images/home-right-line.svg") 0px 0px / 100% 100% no-repeat;
}

body.customer-account-index::before, body.customer-account-index::after {
    display: block;
}

body.customer-account-index::after {
    margin-left: 0px;
    left: 19.5rem;
    top: 31.4rem;
}

.customer-account-index .page-wrapper::after {
    display: block;
    width: 11.5rem;
    height: 17.7rem;
    left: 13.1rem;
    top: 35.2rem;
    background-image: url("../images/home-left-line.svg");
    background-position: 65% 74.4%;
    background-size: 160%;
}

.attachments-index-index .page-wrapper::after, .faq-index-index .page-wrapper::after, .reseller-index-index .page-wrapper::after {
    display: none;
}

.cms-home .page-wrapper {
    padding-top: 0px;
}

.cms-home .page-main {
    padding: 0px;
    max-width: 100%;
}

.home-top-section {
    position: relative;
    background-size: cover;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 5.9rem;
    overflow: hidden;
    height: 37rem;
}

.home-cats-list {
    margin-top: -12.86vw;
}

.home-cats-list > .row {
    margin-left: -1rem;
    margin-right: -1rem;
}

.home-cats-list > .row > [class^="col"] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.category-item {
    /* display: flex; */
    /* text-decoration: none; */
    /* border: 2px solid transparent; */
    /* transition: 0.3s; */
    /* border-radius: 2rem; */
    /* flex-direction: column; */
}

.category-item .badge {
    position: absolute;
    top: 0.95rem;
    left: 1.55rem;
    z-index: 1;
}

.category-item .thumb {
    display: flex;
    /* align-content: space-between; */
}

.category-item .thumb img {
    border-radius: 1.9rem;
}

.category-item .caption {
    position: absolute;
    display: flex;
    padding: 0.85rem 1.4rem;
    background: rgb(255, 255, 255);
    font-weight: 500;
    color: rgb(69, 53, 114);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    transition: 0.3s;
    bottom: 0px;
}

.category-item .caption .ico {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.category-item:hover {
    transform: translateY(-6px);
}

.category-item:hover .caption {
    color: rgb(255, 255, 255);
    background: rgb(62, 49, 105);
}

.category-item:hover .add {
    color: rgb(255, 255, 255);
}

.show-staff-list {
    margin-top: -12.86vw;
}

.show-staff-list > .row {
    margin-left: -1rem;
    margin-right: -1rem;
}

.show-staff-list > .row > [class^="col"] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.staff-item {
    display: block;
    position: relative;
    text-decoration: none;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    border-image: initial;
    border-bottom: none;
    transition: 0.3s;
    border-radius: 0px;
    margin-bottom: 2.1rem;
}

.staff-item .badge {
    position: absolute;
    top: 0.95rem;
    left: 1.55rem;
    z-index: 1;
}

.staff-item .thumb {
    height: calc(-2px + 16.86vw);
    padding: 0px;
}

.staff-item .thumb img {
    border-radius: 0px;
}

.staff-item img:nth-child(3) {
    border-radius: 10px;
}

.staff-item .caption {
    display: flex;
    justify-content: center;
    font-weight: 500;
    color: rgb(69, 53, 114);
    transition: 0.3s;
}

.staff-item .caption .ico {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.staff-item:hover {
    border-color: rgb(62, 49, 105);
}

.staff-item:hover .caption {
    color: rgb(255, 255, 255);
    background: rgb(62, 49, 105);
}

.staff-item:hover .add {
    color: rgb(255, 255, 255);
}

.section-title {
    font-size: 2.5rem;
    line-height: 3.75rem;
    font-weight: 800;
    margin-bottom: 1.6rem;
}

.subtitle {
    font-size: 1.25rem;
}

.home-video-section {
    padding: 3.35rem 0px;
    color: rgb(99, 69, 148);
    text-align: center;
}

.home-video-section .section-title {
    max-width: 36.3rem;
    margin: 0px auto 1.75rem;
}

.home-video-section .subtitle {
    max-width: 50rem;
    margin: 0px auto;
}

.home-video-section .button-wrap {
    margin-top: 2.15rem;
}

.benefits-section {
    padding: 3rem 0px 4rem;
}

.benefit-item {
    width: 20%;
    text-align: center;
    font-weight: bold;
    color: rgb(99, 69, 148);
    padding: 0px 1.5rem;
    margin-bottom: 3rem;
}

.benefit-item .icon {
    width: 8.2rem;
    height: 8.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 1.4rem;
}

.benefit-item .icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.benefit-item p {
    margin: 0px;
}

.subscribe-section {
    background: rgb(216, 153, 218);
    display: flex;
}

.newsletter-sub {
    font-weight: 200;
    font-size: 2.3rem;
}

.newsletter-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 800;
}

.block-newsletter .subtitle {
    font-weight: 200;
    font-size: 1rem;
    line-height: 1rem;
}

.newsletter-policy {
    color: rgb(62, 49, 105);
    font-style: italic;
    opacity: 0.6;
}

@media screen and (max-width: 992px) {
    .search-products-list div { max-width : 47.5%!important;}
    .block-newsletter {
        text-align: center;
    }
}

.header-benefits {
    background: rgb(241, 241, 241);
    padding: 1.7rem;
}

.benefits-list .benefit-item {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 0.85rem;
    margin-bottom: 0px;
}

.benefits-list .benefit-item .icon {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0px 0.3rem 0px 0px;
}

input, textarea, select, button {
}

.fieldset {
    margin: 0px 0px 1.2rem;
    letter-spacing: 0px;
}

.fieldset .field, .fieldset > .fields > .field {
    margin: 0px 0px 1.2rem;
}

.fieldset:last-child, .fieldset > .field:last-child, .fieldset > .fields > .field:last-child {
    margin-bottom: 0px;
}

.field > .label, .fieldset > .field > .label, .fieldset > .fields > .field > .label {
    display: inline-block;
    line-height: 1;
    margin: 0px 0px 0.3rem;
    font-weight: 500;
}

.field .label small {
    font-size: 85%;
    color: rgb(181, 181, 181);
    margin-left: 0.2rem;
}

.fieldset .field.required > label::after, .fieldset > .fields > .field.required > label::after {
    display: inline;
    content: "*";
}

.fieldset-content.col2-layout > .row > div {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.input-text, .form-control {
    width: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    font-weight: 500;
    color: rgb(113, 113, 113);
    line-height: 1.3;
    font-family: "TT Commons", Arial, sans-serif;
    padding-right: 1rem;
    padding-left: 1rem;
    height: calc(2px + 3.3rem);
    outline: none;
    box-shadow: none !important;
}

textarea.input-text, textarea.form-control {
    height: 7.2rem;
}

.input-text:focus, .form-control:focus {
    color: rgb(113, 113, 113);
    border-color: rgb(219, 153, 217);
}

.input-group-text {
    font-weight: 500;
    line-height: 1.3;
    color: rgb(113, 113, 113);
    background-color: rgb(243, 243, 243);
    border-top-color: rgb(220, 220, 220);
    border-right-color: rgb(220, 220, 220);
    border-bottom-color: rgb(220, 220, 220);
    border-left: none;
    position: relative;
    z-index: 3;
    border-radius: 0px 0.75rem 0.75rem 0px;
}

.input-text:focus + .input-group-append .input-group-text, .form-control:focus + .input-group-append .input-group-text {
    border-color: rgb(98, 200, 160);
}

.required-text {
    font-weight: 500;
}

.field .field-link {
    float: right;
    font-weight: 500;
}

.d-lg-flex > .control {
    flex: 0 1 100%;
}

table.gender-size .input-text {
    text-align: center;
    height: calc(2px + 2rem);
}

table.gender-size span.gender-size {
}

.sub-count {
    font-style: italic;
    color: lightgrey;
}

.product.media {
    display: block;
    margin-bottom: 3.5rem;
}

.product-info-main {
    margin-bottom: 3.5rem;
}

.info-wrap {
    position: relative;
}

.info-toggler {
    cursor: pointer;
    color: rgb(220, 153, 218);
    height: 1rem;
}

.options-block {
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-radius: 0.75rem;
    margin-bottom: 1.05rem;
}

.options-block .block-title {
    background-color: rgb(243, 243, 243);
    background-image: url("../images/accordion-closed.png");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
    border-radius: 0.75rem;
    padding: 0.5rem 2.6rem 0.5rem 1.2rem;
    color: rgb(98, 200, 160);
}

.options-block.has-error, .options-block.active.has-error {
    border-color: rgba(255, 0, 0, 0.6);
}

.options-block.has-error .block-title {
    background-color: rgba(255, 0, 0, 0.6);
    background-image: url("../images/accordion-closed-active.png");
}

.options-block.has-error .block-title .num {
    color: rgba(255, 0, 0, 0.6);
    border-color: rgba(255, 0, 0, 0.6);
}

.options-block.has-error .block-title .caption {
    color: white;
}

.options-block.has-error .block-title .value {
    color: white;
}

.options-block.active.has-error .block-title {
    background-color: rgba(255, 0, 0, 0.6);
}

.options-block.opened.has-error .block-title {
    background-color: rgba(255, 0, 0, 0.6);
}

.options-block.active.opened.has-error .block-title {
    background-color: rgba(255, 0, 0, 0.6);
}

.options-block.active .block-title {
    background-image: url("../images/accordion-closed-active.png");
}

.options-block.active.opened .block-title {
    border-radius: 0.75rem 0.75rem 0px 0px;
    background-image: url("../images/accordion-opened.png");
}

.options-block .block-title .num {
    display: block;
    width: 2.15rem;
    height: 2.15rem;
    background: rgb(255, 255, 255);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(98, 200, 160);
    border-radius: 50%;
    text-align: center;
    line-height: calc(-4px + 2.15rem);
    color: rgb(98, 200, 160);
    margin-right: 1.6rem;
}

.options-block .block-title .caption {
    font-size: 1.2rem;
    font-weight: bold;
}

.options-block .block-title .value {
    font-style: italic;
}

.options-block .block-title .btn-choice {
    background: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
    line-height: 1rem;
    border-radius: 1.6rem;
    margin-left: auto;
    padding: 0.25rem 0.8rem 0.35rem;
    cursor: pointer;
    text-decoration: none;
}

.options-block.active {
    border-color: rgb(98, 200, 160);
}

.options-block.active .block-title {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
}

.options-block .block-content {
    padding: 1.9rem 1.6rem 1.2rem;
    display: none;
}

.options-block.opened .block-content {
    display: block;
}

.options-block.custom-size .btn.with-changes-and-values {
    background-color: orange;
    color: white;
}

.options-fieldset {
    display: flex;
    flex-flow: wrap;
}

.options-fieldset .input-group {
    flex: 1 1 0%;
    margin-left: 10px;
    margin-bottom: 0.55rem;
}

.options-fieldset .input-group:first-child {
    margin-left: 0px;
}

.options-fieldset .input-group .form-control::placeholder {
    color: rgb(155, 155, 155);
}

.block-btn {
    margin-top: 0.5rem;
    padding: 0.5rem;
    border-radius: 3rem;
    border: 1px solid rgb(98, 200, 160);
    color: rgb(98, 200, 160);
    cursor: pointer;
}

.block-btn:focus {
    outline: none;
    border: 1px solid rgb(98, 200, 160);
}

.options-block.custom-size .block-btn.with-changes-and-values {
    background-color: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
}

.options-grid.row {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}

.options-grid.row > [class^="col"] {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-bottom: 0.5rem;
}

.options-grid.row > [class^="col"] > .option-label {
    margin-bottom: 0px;
}

.options-grid.row > [class^="col"] > .option-label > .option-item .caption {
    height: 2rem;
    line-height: 1rem;
    min-height: 2rem;
}

.option-label {
    display: block;
    position: relative;
}

.option-label input[type="checkbox"], .option-label input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.option-label .thumb div {
    border-radius: 1rem 1rem 0px 0px;
}

.option-item {
    display: block;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 1.1rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

.option-item > * {
    position: relative;
    z-index: 2;
}

.option-item .thumb {
    position: relative;
    margin-bottom: 0.5rem;
}

.option-item .thumb-exclusive, .option-item .thumb-color {
    padding-bottom: 80%;
}

.option-item .thumb .excl-mini {
    display: block;
    position: absolute;
    top: 0px;
    right: 0.3rem;
    width: 2.4rem;
    height: 2.4rem;
}

.option-item .thumb-exclusive::before, .option-item .thumb-exclusive::after, .option-item .thumb .excl-mini::before, .option-item .thumb .excl-mini::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 0.25rem;
    background: rgb(98, 200, 160);
    border-radius: 0.15rem;
}

.option-item .thumb-exclusive::before, .option-item .thumb .excl-mini::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.option-item .thumb-exclusive::after, .option-item .thumb .excl-mini::after {
    transform: translate(-50%, -50%) rotate(135deg);
}

.option-item .thumb .item-color {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0px auto;
    width: 4.9rem;
    height: 4.9rem;
    border-radius: 1.1rem;
}

.option-item .thumb .item-color img {
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    object-fit: cover;
    border-radius: 1.1rem;
}

.option-item .info-tooltip .tooltip-toggle {
    position: absolute;
    right: 0.5rem;
    bottom: 1.5rem;
}

.option-item .ico-info {
    display: block;
}

.option-item .item-price {
    margin-top: 1rem;
}

.option-item .item-price-abs {
    position: static;
    background: none;
    color: rgb(98, 200, 160);
    font-size: 0.8rem;
    padding: 0px 0.5rem 0.5rem;
}

.option-item .item-price-bottom, .option-item .opt-chosen {
    display: block;
    background: rgb(99, 69, 148);
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0.2rem 0.6rem;
    border-radius: 1rem;
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    left: 0.5rem;
    height: 1.2rem;
    font-size: 0.8rem !important;
}

.option-item.active, .option-item.inactive {
    cursor: default;
}

.option-item.inactive {
    filter: grayscale(1);
    opacity: 0.5;
    pointer-events: none;
}

.option-item.inactive .info-toggler {
    display: none;
}

.option-item.inactive .thumb img {
    opacity: 0.5;
}

input[type="checkbox"]:checked + .option-item, input[type="radio"]:checked + .option-item, .option-item.active, .option-item:not(.inactive):hover {
    border-color: rgb(98, 200, 160);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 10px;
}

.option-item.selected::before {
    content: "";
    position: absolute;
    inset: -1px;
    border: 2px solid rgb(255, 0, 0);
    border-radius: 1.1rem;
    z-index: 1;
}

.delivery-table {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 10px;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    border-collapse: separate;
    margin-bottom: 1rem;
}

.delivery-table thead th {
    background: rgb(243, 243, 243);
    font-weight: 500;
    line-height: 1rem;
    text-align: left;
    padding: 1.5rem 0.75rem;
    border: none;
    vertical-align: top;
}

.delivery-table thead th:first-child, .delivery-table tbody td:first-child {
    padding-left: 1.5rem;
}

.delivery-table thead th:last-child, .delivery-table tbody td:last-child {
    padding-right: 1.3rem;
}

.delivery-table thead tr:first-child th:first-child {
    border-radius: 0.75rem 0px 0px;
}

.delivery-table thead tr:first-child th:last-child {
    border-radius: 0px 0.75rem 0px 0px;
}

.delivery-table tbody td {
    background: none;
    border: none;
    position: relative;
    line-height: 1rem;
    font-weight: 500;
    vertical-align: top;
    padding: 0.75rem;
}

.delivery-table tbody tr + tr td::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 1px;
    background: rgb(220, 220, 220);
}

.delivery-table tbody tr:first-child td {
    padding-top: 0.8rem;
}

.delivery-table:not(.active) tbody tr td {
    cursor: pointer;
}

.delivery-table:not(.active) tbody tr.active {
    color: rgb(98, 200, 160);
}

.delivery-table tbody tr:last-child td {
    padding-bottom: 1.1rem;
}

.delivery-table tbody td:first-child::before {
    left: 1.5rem;
}

.delivery-table tbody td:last-child::before {
    right: 1.3rem;
}

.delivery-table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 0.75rem;
}

.delivery-table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 0.75rem;
}

.delivery-table tbody td small {
    font-size: 85%;
    font-weight: 400;
}

.delivery-table tbody tr td label {
    cursor: pointer;
}

.delivery-table tbody tr td label input[type="radio"]:checked + span {
    color: rgb(255, 255, 255);
    background: rgb(98, 200, 160);
    padding: 0.2rem 1rem;
    border-radius: 1rem;
    margin-left: -1rem;
}

.delivery-table tbody tr td label span.catalog-price-incl {
    font-size: 0.5rem;
    display: block;
    margin-left: -10px;
    margin-top: 5px;
}

.delivery-table tbody tr td label input[type="radio"] + span:hover {
    color: rgb(98, 200, 160);
    padding: 0.2rem 1rem;
    border: 1px solid rgb(98, 200, 160);
    border-radius: 1rem;
    margin: -1.05rem;
}

.delivery-table tbody tr td label input[type="radio"]:checked + span:hover {
    color: rgb(255, 255, 255);
}

.multiselect tbody .gender-size, .overview-table .genderSizes tr:first-child {
    text-transform: uppercase;
}

.delivery-table .info-wrap {
    float: right;
}

.delivery-table.active {
    border-color: rgb(98, 200, 160);
}

.delivery-table.active tbody td {
}

.delivery-table.active tbody td small {
    color: rgb(113, 113, 113);
}

.overview-table {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 10px;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    border-collapse: separate;
    margin-bottom: 1rem;
}

.overview-table thead tr:first-child th {
    background: rgb(243, 243, 243);
    font-weight: 800;
    line-height: 1rem;
    text-align: left;
    border: none;
    vertical-align: top;
}

.overview-table thead th:first-child, .overview-table tbody td:first-child {
    padding-left: 1.5rem;
}

.overview-table thead th:last-child, .overview-table tbody td:last-child {
    padding-right: 1.3rem;
}

.overview-table thead tr:first-child th:first-child {
    border-radius: 0.75rem 0px 0px;
}

.overview-table thead tr:first-child th:last-child {
    border-radius: 0.75rem 0.75rem 0px 0px;
}

.overview-table tbody td {
    background: none;
    border: none;
    position: relative;
    line-height: 1rem;
    font-weight: 500;
    vertical-align: top;
    padding: 0.75rem;
}

.overview-table thead th {
    background: rgb(243, 243, 243);
    border: none;
    position: relative;
    line-height: 1rem;
    font-weight: 500;
    vertical-align: top;
    padding: 0.75rem;
}

.overview-table thead tr:nth-child(n+2) th:first-child::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 1rem;
    right: 0px;
    height: 1px;
    background: rgb(220, 220, 220);
}

.overview-table thead tr:nth-child(n+2) th:nth-child(2)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 1rem;
    height: 1px;
    background: rgb(220, 220, 220);
}

.overview-table tbody tr:first-child td {
    padding-top: 0.8rem;
}

.overview-table:not(.active) tbody tr td {
    cursor: default;
}

.overview-table:not(.active) tbody tr.active {
    color: rgb(98, 200, 160);
}

.overview-table tbody tr:last-child td {
    padding-bottom: 1.1rem;
}

.overview-table tbody td:first-child::before {
    left: 1.5rem;
}

.overview-table tbody td:last-child::before {
    right: 1.3rem;
}

.overview-table tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 0.75rem;
}

.overview-table tbody tr:last-child td:last-child {
    border-radius: 0px 0px 0.75rem;
}

.overview-table tbody td small {
    font-size: 85%;
    font-weight: 400;
}

.overview-table tbody tr td label {
    cursor: default;
}

.overview-table tbody tr td label input[type="radio"]:checked + span {
    color: rgb(255, 255, 255);
    background: rgb(98, 200, 160);
    padding: 0.2rem 1rem;
    border-radius: 1rem;
    margin-left: -1rem;
}

.overview-table tbody tr td label input[type="radio"]:checked + span:hover {
    color: rgb(255, 255, 255);
}

.overview-table tbody tr td label input[type="radio"]:hover + span {
    color: rgb(98, 200, 160);
    padding: 0.2rem 1rem;
    border: 1px solid rgb(98, 200, 160);
    border-radius: 1rem;
    margin: -1.05rem;
}

.overview-table .info-wrap {
    float: right;
}

.overview-table.active {
    border-color: rgb(98, 200, 160);
}

.overview-table.active tbody td {
}

.overview-table.active tbody td small {
    color: rgb(113, 113, 113);
}

.qty-wrapper {
    margin-bottom: 1.25rem;
}

.qty-wrapper .qty-label {
    font-weight: 500;
    margin: 0px 1rem 0px 0px;
}

.qty-number {
    position: relative;
    width: 9.9rem;
}

.qty-number .input-qty {
    text-align: center;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
}

.qty-number .qty-minus, .qty-number .qty-plus {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    padding: 0px;
    border: 0px;
    background: transparent;
}

.qty-number .qty-minus:focus, .qty-number .qty-plus:focus, .qty-number .qty-minus:active, .qty-number .qty-plus:active {
    outline: none;
    box-shadow: none;
}

.qty-number .qty-minus {
    left: 0.75rem;
}

.qty-number .qty-plus {
    right: 0.75rem;
}

.qty-number .qty-minus:hover, .qty-number .qty-plus:hover {
    color: rgb(98, 200, 160);
}

.options-block .qty-number {
    margin-right: 1.25rem;
}

.block-minicart .qty-number {
    width: 4.5rem;
}

.block-minicart .qty-number .input-qty {
    padding: 0.5rem 1.2rem;
    height: calc(2px + 2.3rem);
    border-radius: 0.75rem;
    width: 100%;
}
/* Chrome, Safari, Edge */
.block-minicart .qty-number .input-qty::-webkit-outer-spin-button,
.block-minicart .qty-number .input-qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.block-minicart .qty-number .input-qty {
    -moz-appearance: textfield;
}
.block-minicart .qty-number .qty-minus, .block-minicart .qty-number .qty-plus {
    height: 0.75rem;
    width: 0.75rem;
    line-height: 0.75rem;
}

.block-minicart .qty-number .qty-minus {
    left: 0.4rem;
}

.block-minicart .qty-number .qty-plus {
    right: 0.4rem;
}

.qty-wrapper .btn-secondary {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.product-info-main .box-tocart {
    padding-top: 1.1rem;
}

.product.info.detailed {
    display: block;
    margin-bottom: 3.5rem;
}

.product.data.items {
    position: relative;
    z-index: 1;
    background-color: rgb(243, 243, 243);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
}

.product.data.items::after {
    content: "";
    clear: both;
    display: table;
}

.product.data.items > .item.title {
    margin: 0px;
    float: left;
    width: 50%;
}

.product.data.items > .item.title > .switch {
    background: rgb(243, 243, 243);
    color: rgb(176, 176, 176);
    font-weight: bold;
    line-height: 1.6rem;
    font-size: 1.4rem;
    padding: 1.25rem 1rem;
    text-align: center;
    text-decoration: none;
    border: none;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
}

.product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover {
    background: rgb(62, 49, 105);
    color: rgb(255, 255, 255);
    padding-bottom: 1.25rem;
}

.product.data.items > .item.title:first-child > .switch {
    border-radius: 0.75rem 0px 0px;
}

.product.data.items > .item.title ~ .item.title > .switch {
    border-radius: 0px 0.75rem 0px 0px;
}

.product.data.items > .item.content {
    background: white;
    margin: 4.1rem 0px 0px -100%;
    padding: 2.7rem 1.8rem 1.8rem 2.4rem;
    border: none;
    float: right;
    width: 100%;
    border-radius: 0px 0px 0.75rem 0.75rem;
}

table.additional-attributes {
    width: auto;
}

table.additional-attributes th, table.additional-attributes td {
    border: none;
    background: none;
    padding: 0px 0px 0px 1.25rem;
    width: auto;
    font-weight: 400;
}

table.additional-attributes th {
    text-decoration: underline;
}

table.additional-attributes th:first-child, table.additional-attributes th:last-child {
    padding-left: 0px;
}

.attachment-specs a.prod-attach {
    display: inline-flex;
    text-decoration: none;
}

.attachment-specs a.prod-attach .attach-img {
    margin-right: 0.25rem;
}

.fotorama {
    min-width: 1px;
    overflow: visible;
}

.fotorama__wrap {
    position: relative;
    max-width: 100%;
}

.fotorama__stage, .fotorama__nav {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.fotorama-content-box, .fotorama__nav__frame {
    box-sizing: content-box;
}

.fotorama-stretch, .fotorama-focus-overlay::after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe {
    inset: 0px;
    height: 100%;
    position: absolute;
    width: 100%;
}

.fotorama__stage__shaft {
    position: relative;
}

.fotorama__stage__frame {
    overflow: hidden;
    text-align: center;
}

.fotorama__stage__frame .fotorama__img {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: none;
    border-radius: 0.75rem;
    object-fit: cover;
}

.fotorama__nav-wrap {
    margin-top: 1.1rem;
}

.fotorama__nav {
    font-size: 0px;
    line-height: 0;
    white-space: nowrap;
    overflow: hidden;
    z-index: 5;
}

.fotorama__nav__shaft {
    position: relative;
}

.fotorama__nav__frame {
    position: relative;
    display: inline-block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-right: 18px;
}

.fotorama__nav-wrap .fotorama__img {
    border-radius: 0.35rem;
}

.fotorama__thumb-border {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 10px;
    border: 1px solid rgb(98, 200, 160);
    border-radius: 0.3rem;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 9;
}

.fotorama__arr {
    bottom: 0px;
    position: absolute;
    top: 0px;
    width: 2.4rem;
    z-index: 900;
    background: none;
    cursor: pointer;
}

.fotorama__arr .fotorama__arr__arr {
    left: 50%;
    position: absolute;
    top: 50%;
    height: 2.9rem;
    width: 2.4rem;
    background: rgb(255, 255, 255);
    color: rgb(202, 222, 233);
    font-size: 1.2rem;
    line-height: 2.9rem;
    text-align: center;
    transform: translate(-50%, -50%);
}

.fotorama__arr--prev .fotorama__arr__arr {
    border-radius: 0px 1.5rem 1.5rem 0px;
    padding-right: 20%;
}

.fotorama__arr--next .fotorama__arr__arr {
    border-radius: 1.5rem 0px 0px 1.5rem;
    padding-left: 20%;
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
    bottom: 0px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    width: 1.2rem;
    z-index: 1000;
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon {
    transform: translate3d(-50%, -50%, 0px);
    left: 50%;
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: 1.45rem;
    background: rgb(255, 255, 255);
    padding: 0px;
    color: rgb(202, 222, 233);
    font-size: 0.6rem;
    line-height: 1.45rem;
    text-align: center;
}

.fotorama__arr--prev, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left {
    left: 0px;
}

.fotorama__arr--next, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right {
    right: 0px;
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon {
    border-radius: 0px 0.8rem 0.8rem 0px;
    padding-right: 20%;
}

.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon {
    border-radius: 0.8rem 0px 0px 0.8rem;
    padding-left: 20%;
}

.fotorama__arr:hover .fotorama__arr__arr, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left:hover .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right:hover .fotorama__thumb--icon {
    color: rgb(99, 69, 148);
}

.fotorama__arr .fotorama__arr__arr::before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon::before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon::before {
    content: "";
    font-family: printshopz;
    display: block;
}

.fotorama__arr--prev .fotorama__arr__arr::before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon::before {
    transform: rotate(180deg);
}

.slide-counter {
    display: block;
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 10;
    font-weight: 800;
    color: rgb(255, 255, 255);
}

.top-slider {
    margin-bottom: 2.1rem;
}

.carousel-image {
    position: relative;
    padding-bottom: 26.8%;
}

.carousel-image img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
}

.slide-btn {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: rgb(62, 49, 105);
    color: rgb(255, 255, 255);
    border-radius: 1.1rem 0px 0.9rem;
    font-size: 1.25rem;
    line-height: 1.3rem;
    padding: 1.05rem 2.5rem 1.05rem 2.25rem;
    font-weight: bold;
    text-decoration: none;
}

.slide-btn:hover {
    color: rgb(255, 255, 255);
}

.carousel-indicators li {
    width: 2rem;
    height: 0.2rem;
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    border: none;
    border-radius: 10rem;
}
.carousel-nav {
    position: relative;
    margin-top: 1rem;
    width: 75%;
    margin: 1rem auto auto auto;
}

.carousel-indicators li:hover {
    opacity: 1;
}

.toolbar {
    display: flex;
    background: rgb(243, 243, 243);
    border-radius: 0.75rem;
    padding: 0.75rem 1.2rem;
    text-align: left;
    margin-bottom: 3.2rem;
}

.toolbar .limiter {
    margin-left: auto;
}

.toolbar-sorter, .toolbar .limiter {
    display: flex;
    align-items: center;
}

.toolbar label, .toolbar .field .label {
    display: block;
    background: rgb(255, 255, 255);
    font-size: 1.25rem;
    line-height: 1;
    color: rgb(62, 49, 105);
    font-weight: bold;
    padding: 0.75rem 1.75rem;
    border-radius: 1.5rem 1.5rem 0px;
    margin: 0px 1rem 0px 0px;
    white-space: nowrap;
}

select {
    width: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 1.1rem;
    font-weight: 500;
    color: rgb(113, 113, 113);
    font-size: 1rem;
    line-height: 1.3;
    font-family: "TT Commons", Arial, sans-serif;
    padding: 1rem 1.8rem;
    height: calc(2px + 3.3rem);
    outline: none;
    box-shadow: none !important;
}

.toolbar select {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    color: rgb(62, 49, 105);
    font-weight: bold;
    text-transform: uppercase;
}

.products-grid {
    margin: 2rem 0px 0px;
}

.product-item-box {
    height: calc(100% - 2.6rem);
    position: relative;
    border-radius: 1.1rem;
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 2.6rem;
}

.product-item-box a {
    text-decoration: none;
}

.product-item-box .product-item-info {
    padding: 0px;
}

.product-item-box .product-item-photo {
    width: 100%;
    height: 12rem;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 1.4rem 1.4rem 0px 0px;
    max-width: 100%;
}

.product-item-box .product-item-photo img {
    display: block;
    object-fit: cover;
    width: 100%;
    object-position: center center;
    height: 12rem;
}

.product-item-box .product-item-name {
    font-weight: bold;
    margin: 0px 0px 1rem;
}

.product-item-box .product-item-name, .product-item-box .product-item-name a {
    color: rgb(62, 49, 105);
}

.product-item-options {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1rem;
}

.product-item-options li {
    position: relative;
    padding-left: 1.7rem;
    margin-bottom: 0.2rem;
    font-size: 1rem;
}

.product-item-options li::before {
    font-family: printshopz;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    width: 1.2rem;
    height: 1.2rem;
    color: rgb(72, 60, 139);
}

.product-item-box .price-box {
    margin: 0px;
}

.product-item-box .price-box .price-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.product-item-box .price-box .price-label {
    font-size: 1rem;
    margin-top: 0.25rem;
    color: rgb(62, 49, 105);
    font-weight: 500;
}

.product-item-box .price-box .price {
    font-size: 1.25rem;
    color: rgb(62, 49, 105);
    font-weight: 500;
}

.product-item-box .price-box .price {
    font-weight: bold;
    margin-left: 0.25rem;
}

.product-item-box .product-item-actions {
    display: flex;
    justify-content: space-between;
    bottom: -1px;
    right: -1px;
    left: -1px;
    padding-top: 1rem;
}

.product-item-box .product-action-link {
    display: block;
    background: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.4rem 0.8rem;
    border-radius: 10rem;
    white-space: nowrap;
}

.product-item-box .product-action-link .ico {
    font-size: 1rem;
    margin-left: 0.55rem;
}

.fieldset-box {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    margin-bottom: 2.1rem;
}

.fieldset-box .fieldset-title {
    background: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    width: calc(100% + 2px);
    max-width: none;
    margin: -1px -1px 0px;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem 1.6rem;
    border-radius: 0.75rem 0.75rem 0px 0px;
}

.fieldset-box .fieldset-title .num {
    width: 2.15rem;
    height: 2.15rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.15rem;
    text-align: center;
    display: block;
    background: rgb(255, 255, 255);
    color: rgb(98, 200, 160);
    border-radius: 50%;
    margin-right: 1.35rem;
}

.fieldset-content {
    padding: 1.2rem 1.6rem 1rem;
}

.fieldset-content > .row {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.fieldset-content > .row > [class^="col"] {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.actions-toolbar {
    margin-bottom: 2rem;
}

.actions-toolbar .field.choice {
    padding-left: 1.6rem;
}

.actions-toolbar .field.choice input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.actions-toolbar .field.choice label {
    display: inline-block;
    position: relative;
    padding-left: 2.6rem;
    line-height: 1.6rem;
    min-height: 1.6rem;
    margin: 0px;
    cursor: pointer;
}

.actions-toolbar .field.choice input[type="checkbox"] + label::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1.6rem;
    height: 1.6rem;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(113, 113, 113);
    border-radius: 50%;
}

.actions-toolbar .field.choice input[type="checkbox"] + label::after {
    content: "";
    display: none;
    position: absolute;
    left: 0.4rem;
    top: 0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    background: rgb(62, 49, 105);
    border-radius: 50%;
}

.actions-toolbar .field.choice input[type="checkbox"]:checked + label::before {
    border-color: rgb(62, 49, 105);
}

.actions-toolbar .field.choice input[type="checkbox"]:checked + label::after {
    display: block;
}

.actions-toolbar .actions-primary {
    padding-top: 0.5rem;
}

.customer-account-create .actions-toolbar .btn {
    width: 20.7rem;
}

.block-customer-login {
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    padding: 3.6rem 2.3rem 1.25rem;
    max-width: 40.6rem;
    margin: 0px auto 2rem;
}

.block-customer-login .fieldset {
    margin: 0px;
}

.block-customer-login .actions-toolbar .btn {
    width: 100%;
}

.block-reseller-form {
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    padding: 0px 2rem 2.5rem;
}

.block-reseller-form .caption {
    text-align: center;
    border-bottom: 1px solid rgb(220, 220, 220);
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.5rem;
    color: rgb(69, 53, 114);
}

.client-section {
    background: rgb(202, 222, 233);
    color: rgb(69, 53, 114);
    padding: 5.2rem 0px;
    text-align: center;
    position: relative;
}

.client-section .section-title {
    font-size: 3rem;
    line-height: 1;
    color: rgb(255, 255, 255);
    margin-bottom: 1.2rem;
}

.client-section .subtitle {
    max-width: 53.3rem;
    margin: 0px auto 3rem;
}

.client-section .btn {
    width: 36rem;
}

@media screen and (min-width: 992px) {
    .client-section::before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: -60rem;
        width: 22.45vw;
        height: 87rem;
        background: url("../images/home-left-line.svg") 0px 0px / 100% 100% no-repeat;
    }

    .client-section.style-0::before {
        top: -36rem;
    }
}

.account .page-main {
    padding: 0px;
    max-width: 100%;
    flex-direction: row;
    align-items: stretch;
}

.account .page-main .columns {
    flex: 1 1 0%;
}

.account.page-layout-2columns-left .sidebar-main {
    width: 13.1rem;
    min-height: 100%;
    background: rgb(241, 241, 241);
}

.account.page-layout-2columns-left .column.main {
    width: calc(100% - 19.1rem);
    margin-right: 6rem;
    padding: 4.6rem 7.3rem;
}

.account-sidebar {
    background: rgb(241, 241, 241);
    position: relative;
}

.account-nav-content {
    background: rgb(241, 241, 241);
    position: relative;
    z-index: 2;
}

.account-nav-inner {
    padding: 3.4rem 1.3rem;
}

.account-nav-toggler {
    height: 2.2rem;
    background: rgb(241, 241, 241);
    position: relative;
    z-index: 1;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.583rem 1rem 0.5rem;
    text-align: center;
}

.account-nav-toggler .nav-hide {
    display: none;
}

.account-nav-toggler::before {
    content: "";
    display: block;
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.333rem;
    height: 2.333rem;
    background: rgb(62, 49, 105);
    border-radius: 50%;
}

.account-nav-toggler::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -1.05rem;
    width: 1rem;
    height: 1rem;
    border-right: 0.167rem solid rgb(255, 255, 255);
    border-bottom: 0.167rem solid rgb(255, 255, 255);
    transform: translateX(-50%) rotate(-135deg);
}

.account-sidebar.opened .account-nav-toggler .nav-show {
    display: none;
}

.account-sidebar.opened .account-nav-toggler .nav-hide {
    display: block;
}

.account-sidebar.opened .account-nav-toggler::after {
    top: -1.5rem;
    transform: translateX(-50%) rotate(45deg);
}

.user-icon {
    flex: 0 0 4.05rem;
    width: 4.05rem;
    height: 4.05rem;
    line-height: 3.6rem;
    text-align: center;
    position: relative;
    font-size: 2.15rem;
    color: rgb(255, 255, 255);
    font-weight: 800;
    background: rgb(202, 222, 233);
    border: 0.2rem solid rgb(255, 255, 255);
    border-radius: 50%;
}

.user-icon img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user-box {
    margin-bottom: 3.8rem;
}

.user-box .user-icon {
    margin-right: 0.6rem;
}

.user-box .user-name {
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(99, 69, 148);
}

.user-box .user-name b {
    font-weight: 800;
    display: block;
}

.user-box a {
    text-decoration: none;
    color: rgb(99, 69, 148);
}

.user-nav li {
    padding: 1.2rem 0px;
}

.user-nav li a, .user-nav li strong {
    display: inline-block;
    position: relative;
    padding: 0.4rem 0px 0.4rem 3.8rem;
    line-height: 1.3rem;
    color: rgb(99, 69, 148);
    font-weight: 800;
    text-decoration: none;
    opacity: 0.6;
    transition: 0.3s;
}

.user-nav li a::before, .user-nav li strong::before {
    content: "";
    display: block;
    position: absolute;
    left: 0.3rem;
    width: 2.4rem;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
}

.user-nav li.item-dashboard a::before, .user-nav li.item-dashboard strong::before {
    background-image: url("../images/dashboard-icon.svg");
}

.user-nav li.item-orders a::before, .user-nav li.item-orders strong::before {
    background-image: url("../images/orders-icon.svg");
}

.user-nav li.item-offers a::before, .user-nav li.item-offers strong::before {
    background-image: url("../images/offers-icon.svg");
}

.user-nav li.item-cart a::before, .user-nav li.item-cart strong::before {
    background-image: url("../images/menucart-icon.svg");
}

.user-nav li.item-products a::before, .user-nav li.item-products strong::before {
    background-image: url("../images/products-icon.svg");
}

.user-nav li.item-address a::before, .user-nav li.item-address strong::before {
    background-image: url("../images/address-icon.svg");
}

.user-nav li.item-settings a::before, .user-nav li.item-settings strong::before {
    background-image: url("../images/settings-icon.svg");
}

.account-sidebar .logout {
    margin-top: 7rem;
}

.logout .logout-link {
    display: inline-block;
    position: relative;
    padding-left: 3.8rem;
    line-height: 1.7rem;
    color: rgb(99, 69, 148);
    font-weight: 800;
    text-decoration: none;
    opacity: 0.6;
    transition: 0.3s;
}

.logout .logout-link::before {
    content: "";
    display: block;
    position: absolute;
    left: 1.6rem;
    top: 0px;
    width: 1.15rem;
    height: 1.15rem;
    background: rgb(220, 153, 218);
    border-radius: 50%;
}

.logout .logout-link::after {
    content: "";
    display: block;
    position: absolute;
    left: 0.9rem;
    top: 0.3rem;
    width: 1.35rem;
    height: 1.35rem;
    background: url("../images/logout-icon.svg") 0px 0px / 100% 100% no-repeat;
}

.user-nav li.current strong, .user-nav li.current a, .user-nav li a:hover, .logout .logout-link:hover {
    opacity: 1;
}

.title-search {
    position: relative;
    width: 24rem;
}

.title-search .input-text {
    display: block;
    width: 100%;
    background: rgb(253, 139, 76);
    border: none;
    border-radius: 1.6rem 1.6rem 0px;
    height: 3.2rem;
    color: rgb(255, 255, 255);
    padding: 0.95rem 3rem 0.95rem 2.1rem;
    outline: none !important;
    box-shadow: none !important;
}

.title-search .action.search {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 3.2rem;
    width: 3rem;
    padding-right: 0.5rem;
    padding-left: 0px;
    font-size: 1.2rem;
    line-height: 3.2rem;
    text-align: center;
    color: rgb(255, 255, 255);
    background: none;
    border: none;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.title-search .input-text::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}

.title-search .input-text::placeholder {
    color: rgb(255, 255, 255);
}

.table-wrapper {
    margin-bottom: 2rem;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    padding: 0.7rem 2.2rem 3.15rem;
}

.table-wrapper table {
    margin: 0px;
}

.table-wrapper table thead th {
    vertical-align: bottom;
    padding: 0.7rem 0.5rem 0.85rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.table-wrapper table tbody td {
    vertical-align: middle;
    padding: 1.35rem 0.5rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.table-wrapper table tbody td.col.status {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

.table-wrapper table thead th:first-child, .table-wrapper table tbody td:first-child {
    padding-left: 0px;
}

.table-wrapper table thead th:last-child, .table-wrapper table tbody td:last-child {
    padding-right: 0px;
}

.table-wrapper table .badge-status {
    min-width: 4.75rem;
    white-space: nowrap;
}

.badge-status {
    display: inline-block;
    background: rgb(220, 153, 218);
    border-radius: 0.85rem;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.3rem 0.6rem;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
}

.badge-status.pending {
    background: rgb(220, 153, 218);
}

.badge-status.complete {
    background: rgb(98, 200, 160);
}

.badge-status.expired {
    background: rgb(255, 0, 0);
}

.toolbar.account-toolbar {
    background: none;
    justify-content: center;
    padding: 0px;
}

.pages .items {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none none;
}

.pages .item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 1.3;
    margin: 0px 0.5rem;
}

.pages a.page {
    color: rgb(113, 113, 113);
    padding: 0px;
    text-decoration: none;
}

.pages a.page:hover {
    color: rgb(220, 153, 218);
}

.pages strong.page {
    background: none;
    font-size: 1rem;
    line-height: 2.6rem;
    letter-spacing: 0px;
    color: rgb(113, 113, 113);
    font-weight: 400;
    padding: 0px;
}

.pages .action {
    display: block;
    background: rgb(220, 220, 220);
    border: none;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.2rem;
    line-height: 2.8rem;
    padding: 0px;
    margin: 0px;
    box-shadow: none;
}

.pages .action .ico {
    display: inline-block;
}

.pages .action.previous .ico {
    transform: rotate(180deg);
}

.pages .action:hover {
    background: rgb(99, 69, 148);
    color: rgb(255, 255, 255);
}

.dashboard-overview {
    max-width: 47.4rem;
    margin: 0px auto;
}

.block {
    margin-bottom: 1.5rem;
}

.block .block-title {
    background: rgb(99, 69, 148);
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 0.75rem 0.75rem 0px 0px;
    padding: 1.3rem 1.85rem 1.35rem;
    margin: 0px;
}

.block.block-green .block-title {
    background: rgb(98, 200, 160);
}

.block .block-content {
    border-right: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid rgb(220, 220, 220);
    border-left: 1px solid rgb(220, 220, 220);
    border-image: initial;
    border-top: none;
    border-radius: 0px 0px 0.75rem 0.75rem;
}

.block .block-content > :last-child {
    margin-bottom: 6.5rem;
}

.steps {
    position: relative;
    margin-bottom: 3.15rem;
}

.steps::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.25rem;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background: rgb(241, 241, 241);
    border-radius: 0.1rem;
}

.steps .step-item {
    display: block;
    background: rgb(255, 255, 255);
    padding: 0px 1rem;
    color: rgb(99, 69, 148);
    margin: 0px 2.05rem;
    height: 3.6rem;
    line-height: 3.4rem;
    position: relative;
    font-size: 1.35rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.steps .step-item span {
    position: relative;
    z-index: 1;
    opacity: 0.34;
}

.steps .step-item::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    z-index: 0;
    opacity: 0.34;
}

.steps .step-item.active span, .steps .step-item.active::before {
    opacity: 1;
}

.steps .step-item.concept::before {
    background: rgb(220, 153, 218);
}

.steps .step-item.ordered::before {
    background: rgb(202, 222, 233);
}

.steps .step-item.production::before {
    background: rgb(150, 144, 208);
}

.steps .step-item.sent::before {
    background: rgb(98, 200, 160);
}

.row.dashboard-detail {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.row.dashboard-detail > [class^="col"] {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.white-block {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 220, 220);
    border-radius: 0.75rem;
    line-height: 1.25;
    padding: 1.2rem 1.4rem 1.2rem 1.6rem;
    margin-bottom: 1.2rem;
}

.white-block p:last-child, .white-block table:last-child {
    margin-bottom: 0px;
}

.white-block h5 {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: bold;
    color: rgb(113, 113, 113);
}

.data-row {
    padding: 1.3rem 0px;
    border-top: 1px solid rgb(220, 220, 220);
}

.data-row:first-child {
    padding-top: 0px;
    border-top: none;
}

.data-row:last-child {
    padding-bottom: 0px;
}

.data-row .icon {
    position: relative;
    height: 2.3rem;
    width: 2.6rem;
    flex: 0 0 2.6rem;
    margin-right: 1rem;
}

.data-row .icon img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.data-row .data-item {
    margin-right: 1rem;
}

.data-row .data-item:last-child {
    margin-right: 0px;
}

.downloads-block h5 {
    margin-bottom: 0.7rem;
}

.download-link {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    position: relative;
    background: rgb(220, 153, 218);
    color: rgb(255, 255, 255);
    border-radius: 1.05rem;
    font-size: 0.75rem;
    line-height: 1.05rem;
    font-weight: bold;
    padding: 0.5rem 1.45rem 0.5rem 2.8rem;
    text-decoration: none;
    margin-bottom: 0.8rem;
}

.download-link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0.95rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/download-icon.svg") 0px 0px / 100% 100% no-repeat;
}

.download-link:hover {
    color: rgb(255, 255, 255);
}

.download-link-grid {
    display: inline-block;
    white-space: nowrap;
    width: auto;
    position: relative;
    background: rgb(220, 153, 218);
    color: rgb(255, 255, 255);
    border-radius: 1.05rem;
    font-size: 0.75rem;
    line-height: 0.5rem;
    font-weight: bold;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    text-decoration: none;
}

.download-link-grid::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/download-icon.svg") 0px 0px / 50% 50% no-repeat;
}

.download-link-grid:hover {
    color: rgb(255, 255, 255);
}

.white-label-info {
    padding-top: 1rem;
}

.white-label-info p {
    margin-bottom: 0.7rem;
}

.white-label-link {
    background: rgba(204, 204, 204, 0.15);
    border-radius: 1.6rem 1.6rem 0px;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgb(62, 49, 105);
    padding: 1.05rem 1.2rem 1.05rem 1.6rem;
}

.white-label-link .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.white-label-link a {
    color: rgb(62, 49, 105);
    margin-left: 1.4rem;
}

.white-label-link a:hover {
    color: rgb(220, 153, 218);
}

.package-block .icon {
    width: 2.3rem;
    margin-right: 1.3rem;
}

.package-block .package-company {
    width: 22%;
    margin-left: auto;
    padding-top: 0.5rem;
}

.package-company .company-logo {
    margin-bottom: 0.7rem;
}

.package-company .company-logo img {
    height: 2.4rem;
    width: auto;
}

.package-block .package-data p {
    margin-bottom: 0px;
}

.package-block .package-data a {
    color: rgb(62, 49, 105);
    font-weight: 500;
    font-size: 0.85rem;
    margin-left: 0.5rem;
}

.order-detail-cart-table {
    margin: 0px;
}

.order-detail-cart-table th:first-child, .order-detail-cart-table td:first-child {
    padding-left: 0px;
}

.order-detail-cart-table th:last-child, .order-detail-cart-table td:last-child {
    padding-right: 0px;
}

.order-detail-cart-table tbody tr:last-child td {
    border-bottom: none;
}

.order-detail-cart-table tfoot tr td {
    border: none;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    color: rgba(113, 113, 113, 0.36);
}

.order-detail-cart-table tfoot tr td.cell-min {
    width: 1px;
}

.order-detail-cart-table tfoot .total td, .order-detail-cart-table tfoot .grand_total td {
    font-size: 1.35rem;
    line-height: 0.8;
    font-weight: bold;
    color: rgb(113, 113, 113);
}

.order-detail-cart-table tfoot .delivery td {
    border-top: 1px solid rgb(220, 220, 220);
    color: rgb(113, 113, 113);
    padding-top: 1rem;
}

.order-detail-cart-table tfoot tr.tr-pb td {
    padding-bottom: 1rem;
}

.order-detail-cart-table tfoot tr:first-child td {
    padding-top: 1rem;
    border-top: 1px solid rgb(220, 220, 220);
}

.order-detail-cart-table .total-wrap {
    position: relative;
}

.order-detail-cart-table .total-wrap .btn {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.add-btn {
    display: inline-block;
}

a.edit-link {
    display: inline-block;
    width: 2.2rem;
    height: 2rem;
    background: url("../images/edit-icon.svg") 0px 0px / 100% 100% no-repeat;
    text-decoration: none;
}

a.remove-link {
    display: inline-block;
    width: 2.1rem;
    height: 2.05rem;
    background: url("../images/remove-icon.svg") 0px 0px / 100% 100% no-repeat;
    text-decoration: none;
    border: none;
    padding: 0px;
}

a.copy-link {
    display: inline-block;
    width: 2.1rem;
    height: 2.05rem;
    background: url("../images/copy-icon.svg") 0px 0px / 100% 100% no-repeat;
    text-decoration: none;
    border: none;
    padding: 0px;
}

.cart.table .col.qty a.remove-link {
    margin-top: 1rem;
}

table.no-style {
    margin: 0px !important;
    width: auto !important;
}

table.no-style tr th, table.no-style tr td {
    padding: 0px !important;
    vertical-align: top !important;
    border: none !important;
}

table.no-style tr th + th, table.no-style tr th + td, table.no-style tr td + td {
    padding-left: 2rem !important;
}

.production-list {
    max-width: 56.8rem;
}

.production-list .category-item .thumb {
    height: auto;
    padding-bottom: 100%;
}

.settings-navbar + .settings-navbar {
    margin-top: 1.4rem;
}

.dashboard-caption {
    font-weight: bold;
    color: rgb(113, 113, 113);
    padding-bottom: 0.9rem;
    border-bottom: 1px solid rgb(220, 220, 220);
    margin-bottom: 1.3rem;
}

.settings-nav li {
    margin-bottom: 1.3rem;
}

.settings-nav li a {
    color: rgb(113, 113, 113);
    text-decoration: none;
    border-bottom: 0.1rem solid transparent;
}

.settings-nav li.current a, .settings-nav li a:hover {
    border-color: rgb(98, 200, 160);
}

.white-block .fieldset:last-child {
    margin-bottom: 0px;
}

.white-block .fieldset .legend {
    padding: 0px 0px 0.9rem;
    margin: 0px 0px 1.3rem;
    font-size: 1rem;
    line-height: 1.3;
    border-bottom: 1px solid rgb(220, 220, 220);
    float: none;
    font-weight: bold;
    color: rgb(113, 113, 113);
}

.field-logo {
    width: 6.4rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: 1.2rem;
}

.field-logo .user-icon {
    width: 6.4rem;
    height: 6.4rem;
    flex: 0 0 6.4rem;
    line-height: 5.6rem;
    font-size: 3.4rem;
    margin-bottom: 0.85rem;
}

.table-accounts tbody td {
    line-height: 1;
    border: none;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
}

.table-accounts tbody td.avatar {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.checkout-onepage-success {
}

.checkout-onepage-success .page-main {
}

.checkout-onepage-success .column.main {
    text-align: center;
}

.checkout-onepage-success .page-title-wrapper {
    margin-top: 48px;
    justify-content: center;
}

.checkout-onepage-success .succesimg {
    width: 19%;
}

.checkout-onepage-success .succesorder {
    font-weight: 800;
    font-size: 28px;
    line-height: 3;
}

.checkout-onepage-success .succestext {
    margin-bottom: 0px;
    font-weight: 450;
}

.checkout-onepage-success .column.main .actions-toolbar {
    margin-top: 3rem;
}

.checkout-onepage-success .succesbutton {
    display: inline-block;
    width: 290px;
    height: 65px;
    border-radius: 30px 30px 0px;
    line-height: 63px;
    font-size: 1rem;
}

.checkout-onepage-success .page-title-wrapper a.action.print {
    display: none !important;
}

.checkout-onepage-success a.action.primary {
    text-decoration: none !important;
}

.checkout-onepage-success a.action.primary.continue {
    font-weight: bold;
}

.checkout-onepage-success .action.primary.orderlookup .succesbutton {
    background: rgb(253, 139, 76);
    margin-right: 44px;
    color: white !important;
}

.checkout-onepage-success .action.primary.continue .succesbutton {
    background: rgb(243, 243, 243);
    box-shadow: rgba(0, 0, 0, 0.12) 5px 10px 18px 0px;
    color: rgb(62, 49, 105) !important;
}

@media only screen and (max-width: 480px) {
    .checkout-onepage-success .page-title {
        font-size: 2.25rem;
    }

    .checkout-onepage-success .action.primary.orderlookup .succesbutton {
        margin-right: 0px;
    }

    .checkout-onepage-success .succesimg {
        width: 35%;
    }

    .checkout-onepage-success .succesorder {
        font-size: 16px;
    }

    .checkout-onepage-success .succesbutton {
        display: inline-block;
        width: 45%;
        height: 50px;
        border-radius: 30px 30px 0px;
        line-height: 49px;
        font-size: 1.2rem;
    }

    .checkout-onepage-success .action.primary.orderlookup .succesbutton {
        margin-right: 3%;
    }
}

tr.grand.totals {
    border-top: 1px solid rgb(220, 220, 220);
}

.cart.table-wrapper {
    padding: 0.5rem 2rem;
    margin-bottom: 1.5rem;
}

table.cart tbody td {
    padding-top: 1.4rem;
    padding-bottom: 1.8rem;
}

table.cart tbody tr:last-child td {
    border-bottom: none;
}

table.cart tbody td.item {
    width: 99%;
}

.cart .product-item-photo {
    display: block;
    width: 9.5rem;
}

.cart .product-item-name {
    font-size: 1.25rem;
    color: rgb(62, 49, 105);
    font-weight: bold;
    margin: 0px 0px 0.8rem;
}

.cart .product-item-name a {
    color: rgb(62, 49, 105);
    text-decoration: none;
}

.cart table.no-style tr th, .cart table.no-style tr td {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}

.cart .qty-number {
    width: 5.9rem;
}

.cart .qty-number .input-qty {
    padding-left: 2rem;
    padding-right: 2rem;
}

.cart .qty-number .qty-minus {
    left: 0.5rem;
}

.cart .qty-number .qty-plus {
    right: 0.5rem;
}

.cart.actions {
    margin: 0px -0.8rem 2rem;
}

.cart.actions .btn {
    margin: 0px 0.8rem 1.5rem;
}

.block-chat {
    position: fixed;
    right: -12.25rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1050;
    transition: right 0.2s;
}

.block-chat.opened {
    right: 0px;
}

.chat-toggler {
    display: block;
    width: 4.95rem;
    height: 6.6rem;
    padding: 1rem;
    background: rgb(62, 49, 105);
    font-weight: 500;
    color: rgb(255, 255, 255);
    line-height: 1;
    border-radius: 1.5rem 0px 0px 1.5rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 5px;
    cursor: pointer;
}

.chat-toggler .ico {
    font-size: 1.9rem;
}

.chat-toggler .toggler-text {
    display: block;
    margin-top: 0.3rem;
}

.chat-content {
    background: rgb(243, 243, 243);
    width: 12.25rem;
    padding: 1.2rem;
    box-shadow: rgba(0, 0, 0, 0.37) 10px 10px 6px;
    border: 1px solid rgb(62, 49, 105);
}

.chat-content .chat-title {
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgb(69, 53, 114);
    color: rgb(69, 53, 114);
    margin-bottom: 0.8rem;
}

.chat-content .chat-window {
    height: 6.9rem;
    font-size: 0.85rem;
    line-height: 1rem;
    color: rgb(69, 53, 114);
    overflow: auto;
}

.chat-content .chat-window p {
    margin: 0.5rem 0px;
}

.chat-content .chat-field {
    margin-top: 0.8rem;
}

.chat-content .chat-textarea {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(176, 176, 176);
    width: 100%;
    height: 3.65rem;
    font-size: 0.85rem;
    line-height: 1rem;
    color: rgb(69, 53, 114);
    padding: 0.75rem 1rem;
    outline: none;
    resize: none;
}

.chat-content .chat-textarea::-webkit-input-placeholder {
    color: rgb(69, 53, 114);
    opacity: 1;
}

.chat-content .chat-textarea::placeholder {
    color: rgb(69, 53, 114);
    opacity: 1;
}

@media screen and (min-width: 992px) {
    .cart.table .col.qty a.remove-link {
        display: none;
    }

    .block-chat {
        margin-bottom: 0px !important;
    }
}

.opc-wrapper .input-text::placeholder {
    color: rgb(220, 220, 220) !important;
}

.contactblock1 {
    display: flex;
    justify-content: space-between;
}

.contactleftblock, .contactrightblock {
    width: 47%;
    border: 2px solid rgb(243, 243, 243);
    border-radius: 10px;
}

.contactblockimage {
    width: 20%;
    margin: 5%;
    display: inline-block;
    vertical-align: top;
}

.contactblocktitle {
    text-align: center;
    font-size: 1.5rem;
    color: rgb(103, 62, 144);
    font-weight: 800;
    width: 90%;
    height: 50px;
    line-height: 45px;
    margin: 0px auto;
    border-bottom: 2px solid rgb(243, 243, 243);
}

.contactblocktext {
    display: inline-block;
    width: 59%;
    margin: 5%;
}

.contactblocktext p {
    margin-bottom: 0px;
}

.contactblockbutton {
    margin-top: 20px;
}

.contactblockbutton a {
    text-decoration: none;
    text-align: center;
}

.contactblockbutton a .contactblockbuttoncontent {
    width: 203px;
    height: 43px;
    border-radius: 30px 30px 0px;
    font-size: 0.75rem;
    line-height: 42px;
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.12) 5px 10px 18px 0px;
    color: white !important;
}

a.contactlink {
    display: block;
    color: rgb(103, 62, 144);
    font-weight: bold;
    text-decoration: none !important;
}

.contactblock2 {
    width: 100%;
    border: 2px solid rgb(243, 243, 243);
    border-radius: 29px;
    margin-top: 30px;
}

.contactbackground {
    display: block;
    position: relative;
    background: url("/media/contact/contact_pand.png") no-repeat;
    height: 563px;
    border-radius: 27px;
}

.contactbackground .contactcenterinfoblock {
    position: absolute;
    top: 6%;
    right: 2%;
    width: 300px;
    background: rgb(253, 139, 76);
    border: 1px solid rgb(253, 139, 76);
    border-radius: 29px 29px 0px;
}

.contactbackground .contactcenterinfoblock .contactblocktitle {
    color: white;
    font-weight: 700;
    height: 60px;
    border-bottom: 1px solid rgb(243, 243, 243);
    line-height: 55px;
}

.contactbackground .contactcenterinfoblock .contactcenterinfotext p {
    margin-bottom: 0px;
    color: white;
}

.contactbackground .contactcenterinfoblock .contactcenterinfotext {
    margin: 10% 20%;
}

@media screen and (max-width: 991px) {
    table.cart tbody td.qty {
        vertical-align: top;
    }

    .contactblock1 {
        flex-wrap: wrap;
    }

    .contactleftblock, .contactrightblock {
        width: 100%;
    }

    .contactrightblock {
        margin-top: 22px;
    }

    .contactbackground {
        border: 0px;
        height: inherit;
    }

    .contactbackground .contactcenterinfoblock {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
    }

    .contactbackground .contactcenterinfoblock .contactcenterinfotext {
        display: inline-block;
        margin: 10% 10% 10% 8%;
        vertical-align: top;
    }

    .contact-index-index .fieldset .field {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .contact-index-index .actions-toolbar .btn {
        font-size: 0.75rem;
        width: 148px !important;
        height: 38px !important;
    }
}

.contact-index-index .form.contact {
    margin-top: 30px;
    border: 2px solid rgb(243, 243, 243);
    border-radius: 10px;
    padding: 0px 25px;
}

.contact-index-index .fieldset .legend {
    text-align: center;
    font-size: 1.5rem;
    color: rgb(103, 62, 144);
    font-weight: 800;
    width: 100%;
    height: 50px;
    line-height: 45px;
    margin: 0px auto;
    border-bottom: 2px solid rgb(243, 243, 243);
}

.contact-index-index .fieldset .field {
    width: 48%;
    display: inline-block;
}

.contact-index-index .fieldset .field:nth-of-type(2n) {
    margin-left: 3.6%;
}

.contact-index-index .fieldset .field.comment {
    width: 100%;
    margin-left: 0px;
}

.contact-index-index .actions-toolbar .primary {
    text-align: right;
    margin-top: 40px;
}

.contact-index-index .actions-toolbar .btn-primary {
    width: 256px;
    height: 50px;
    line-height: 0px;
}

.page-footer {
    color: rgb(255, 255, 255);
    font-weight: 500;
    position: relative;
    z-index: 5;
}

.page-footer .footer-content {
    background: rgb(62, 49, 105);
}

.page-footer a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.page-footer a:hover {
    color: rgb(219, 153, 217);
}

.footer.content {
}

.footer-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.col-footer-links, .col-copyright {
    padding-top: 2rem;
}

.footer-links {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer-socials {
    border: 2px solid rgb(255, 255, 255);
    border-radius: 100rem;
    height: 2rem;
}

.footer-legal li {
    opacity: 0.3;
    font-weight: 300;
}

.footer-legal li:hover {
    opacity: 0.7;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.footer-socials li a {
    display: block;
}

.footer-socials li a i.ico {
    font-size: 0px;
}

.footer-socials li a i.ico::before {
    font-size: 1.8rem;
}

@media screen and (max-width: 991px) {
    .input-group-prepend {
        display: none;
    }

    html {
        font-size: 3.2vw;
    }

    body::before, body::after, .page-wrapper::after {
        display: none !important;
    }

    .page-wrapper {
        padding-top: 9.363rem;
    }

    .page-main {
        min-height: 1px;
        padding-bottom: 6rem;
    }

    .columns {
        flex-direction: column;
    }

    .d-mobile-none {
        display: none !important;
    }

    .p-mobile-0 {
        padding: 0px !important;
    }

    .pt-mobile-0 {
        padding-top: 0px !important;
    }

    .pb-mobile-0 {
        padding-bottom: 0px !important;
    }

    .pl-mobile-0 {
        padding-left: 0px !important;
    }

    .pr-mobile-0 {
        padding-right: 0px !important;
    }

    .modal-popup._inner-scroll .modal-inner-wrap {
        width: 90% !important;
    }

    .header-main {
        background: rgb(255, 255, 255);
        padding: 1rem 0px;
    }

    .navbar-brand {
        width: 10.2rem;
    }

    .header-login .login-link {
        border-radius: 0px;
        background: none;
        font-size: 0px;
        line-height: 0;
        color: rgb(176, 176, 176);
        padding: 0.5rem;
        height: auto;
    }

    .header-login .login-link::before {
        position: relative;
        left: auto;
        top: auto;
        transform: translateY(0px);
        height: 1.5rem;
        width: 1.4rem;
        background-image: url("../images/user-ico.svg");
    }

    .action.showcart {
        padding-right: 1.2rem;
        color: rgb(176, 176, 176);
    }

    .action.showcart::after {
        width: 0.7rem;
        height: 0.7rem;
        top: 40%;
        border-color: rgb(176, 176, 176);
    }

    .header-mobile .header-search {
        width: 65%;
    }

    .header-mobile .header-search .input-text {
        border-radius: 2.5rem 2.5rem 0px;
    }

    .search-autocomplete {
        inset: 4rem 0px 0px;
        width: 100%;
        z-index: 1;
    }

    .search-autocomplete .mini-search::before {
        left: 65%;
    }

    #navi {
        position: fixed;
        top: 4.5rem;
        left: -100%;
        width: 79.2%;
        background: rgb(255, 255, 255);
        z-index: 1031;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        display: block !important;
        height: calc(100% - 4.5rem) !important;
        overflow: auto !important;
        transition: left 0.3s !important;
    }

    #navi.show {
        left: 0px;
    }

    #navi .navbar-nav .submenu-dropdown .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #navi .navbar-nav .submenu-dropdown .row > div[class^="col"] {
        padding-left: 0px;
        padding-right: 0px;
    }

    #navi .navbar-nav .submenu-dropdown .submenu {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #navi .navbar-nav .submenu-dropdown .submenu > li > .submenu {
        padding-left: 1rem;
    }

    #navi .navbar-nav .submenu-dropdown .submenu > li {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .nav-main-list {
        padding: 0px 2.167rem;
    }

    .nav-main-list > li {
        margin: 0px;
    }

    .nav-main-list > li > a, .nav-main-list > li.parent::after {
        display: none;
    }

    .nav-main-list .submenu-dropdown {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: none;
        overflow: visible;
        border-radius: 0px;
        padding: 0px;
    }

    .nav-main-list .submenu-dropdown.submenu-all {
        display: block;
        visibility: visible;
        opacity: 1;
        width: 100%;
    }

    .nav-main-list .tab-content > .tab-pane {
        display: block;
        opacity: 1;
        margin-bottom: 1.5rem;
    }

    .nav-main-list .menu-item {
        font-size: 1.333rem;
        line-height: 1.25;
        font-weight: 700;
        color: rgb(98, 200, 160);
    }

    .nav-main-list .menu-item a {
        display: block;
        padding: 0.25rem 0px;
        color: rgb(98, 200, 160);
    }

    .submenu-dropdown .submenu-body {
        padding: 0px;
    }

    .submenu-dropdown .submenu {
        margin: 0px;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .submenu-dropdown .two-cols .submenu > li {
        width: 100%;
    }

    .submenu-dropdown .submenu .submenu {
        display: none;
        padding-left: 1.083rem;
    }

    .submenu-dropdown .submenu .submenu.flexed {
        display: none;
    }

    .submenu-dropdown .submenu li.opened .submenu {
        display: block;
    }

    .submenu-dropdown .submenu li.opened .submenu.flexed {
        display: flex;
        flex-direction: column;
    }

    .submenu-dropdown .submenu li {
        margin: 0px;
    }

    .submenu-dropdown .submenu li a {
        display: block;
        position: relative;
        padding: 0.25rem 1.75rem 0.25rem 0px;
        color: rgb(113, 113, 113) !important;
    }

    .submenu-dropdown .submenu li a:hover {
        color: rgb(113, 113, 113);
    }

    .submenu-dropdown .submenu li.parent > a::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0.5rem;
        width: 0.55rem;
        height: 0.55rem;
        border-right: 1px solid rgb(193, 187, 187);
        border-bottom: 1px solid rgb(193, 187, 187);
        transform: translateY(-50%) rotate(-45deg);
        transition: 0.3s;
    }

    .submenu-dropdown .submenu li.parent.opened > a::after {
        top: 60%;
        transform: translateY(-50%) rotate(-135deg);
    }

    .submenu-dropdown .submenu .parent {
        width: 95% !important;
    }

    .submenu-dropdown .submenu {
        flex-wrap: nowrap;
    }

    .breadcrumbs {
        padding-top: 1.25rem;
    }

    .page-title-wrapper {
        display: block;
    }

    .page-title {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }

    .title-right {
        margin-bottom: 1.5rem;
    }

    .page-title-wrapper .title-bottom {
        margin-top: 0px;
    }

    .cms-home .page-wrapper::before {
        right: -7.2rem;
        top: 100rem;
        width: 17rem;
        height: 14.6rem;
    }

    .home-top-section {
        height: 60vh;
    }

    .home-top-section::before {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        transform: translateX(0px);
        margin-left: 0px;
        background: url("../images/lines.svg") center top / 100% no-repeat;
    }

    .home-title {
        font-size: 4.167rem;
        line-height: 3.333rem;
        max-width: 25rem;
        margin-bottom: 2.25rem;
    }

    .home-subtitle {
        max-width: 30rem;
    }

    .home-cats-list {
        margin-top: -41.2vw;
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto;
    }

    .category-item .thumb {
        height: calc(-2px + 41.2vw);
    }

    .production-list .category-item {
        margin-bottom: 2.5rem;
    }

    .production-list .category-item .caption {
        padding: 1.3rem 2rem;
    }

    .production-list .category-item .caption .ico {
        font-size: 1.5rem;
    }

    .show-staff-list {
        margin-top: -41.2vw;
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto;
    }

    .subscribe-section h1 {
        font-size: 3.167rem;
        line-height: 3.333rem;
        max-width: 25rem;
        margin-bottom: 10.25rem;
        color: rgb(255, 255, 255);
    }

    .staff-item .thumb {
        height: calc(-2px + 32.86vw);
    }

    .staff-list .category-item {
        margin-bottom: 2.5rem;
    }

    .staff-list .category-item .caption {
        padding: 1.3rem 2rem;
    }

    .staff-list .category-item .caption .ico {
        font-size: 1.5rem;
    }

    .section-title {
        font-size: 3.33rem;
        line-height: 1;
    }

    .home-video-section .section-title {
        max-width: 24rem;
    }

    .benefits-section {
        background: rgb(243, 243, 243);
        padding: 4rem 0px;
    }

    .benefits-section .container, .header-benefits .container {
        max-width: 100%;
        padding: 0px;
    }

    .home-benefits {
        overflow: auto;
        padding: 0px 1.5rem;
    }

    .benefit-item {
        width: 12.5rem;
        flex: 0 0 12.5rem;
        padding: 0px 0.75rem;
    }

    .benefit-item .icon {
        width: 7.5rem;
        height: 7.5rem;
    }

    .header-benefits {
        padding: 1rem 0px 0.5rem;
    }

    .benefits-list {
        overflow: auto;
        padding: 0px 1rem;
    }

    .benefits-list .benefit-item {
        width: auto;
        flex: 0 0 auto;
        white-space: nowrap;
        margin-bottom: 0.5rem;
    }

    .subscribe-section {
        padding: 1rem 0px;
    }

    .subscribe-section .form.subscribe {
        margin-top: 2rem;
    }

    .product.media, .product-info-main, .product.info.detailed {
        float: none;
        width: auto;
        margin-bottom: 1.75rem;
    }

    .product.data.items > .item.content {
        padding: 2rem 1.5rem 1.5rem 2rem;
    }

    .options-block {
        margin-bottom: 1.5rem;
    }

    .options-block .block-title .num {
        border-width: 1px;
        line-height: calc(-2px + 2.15rem);
        margin-right: 1.333rem;
    }

    .options-block .block-title .caption {
        font-size: 1.4rem;
    }

    .options-block .block-content {
        padding: 1.4rem 0.85rem 1.2rem;
    }

    .option-item .item-price-bottom, .option-item .opt-chosen {
        margin: 0px -0.75rem;
        bottom: -0.75rem;
    }

    .option-item .opt-chosen {
        left: 1.2rem;
    }

    .qty-wrapper {
        margin-bottom: 1rem;
    }

    .qty-number {
        width: 8.5rem;
    }

    .qty-number .input-qty {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .qty-number .qty-minus {
        left: 0.5rem;
    }

    .qty-number .qty-plus {
        right: 0.5rem;
    }

    .qty-wrapper .btn-secondary {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .product-info-main .box-tocart {
        padding-top: 0px;
    }

    .delivery-table thead th:first-child, .delivery-table tbody td:first-child {
        padding-left: 1rem;
    }

    .delivery-table thead th:last-child, .delivery-table tbody td:last-child {
        padding-right: 1rem;
    }

    .delivery-table tbody td:first-child::before {
        left: 1rem;
    }

    .delivery-table tbody td:last-child::before {
        right: 1rem;
    }

    .delivery-table.active tbody td span.catalog-price-incl {
        font-size: 0.5rem;
        display: block;
        margin-left: -5px;
    }

    .top-slider {
        margin-bottom: 1.75rem;
    }

    .carousel-image {
        padding-bottom: 58.8%;
    }

    .carousel-image img {
        border-radius: 1.25rem;
    }

    .slide-btn {
        border-radius: 1.25rem 0px;
        font-size: 1rem;
        padding: 1.25rem 2.833rem;
        font-weight: 500;
    }

    .top-slider .carousel-indicators {
        justify-content: flex-start;
        margin-left: 10%;
    }

    .toolbar {
        padding: 0.75rem;
        margin-bottom: 2rem;
    }

    .toolbar label, .toolbar .field .label {
        font-size: 1rem;
        padding: 0.75rem 1.25rem;
        border-radius: 2rem 2rem 0px;
        margin-right: 0.75rem;
    }

    .product-item-box {
        height: auto;
        font-size: 1rem;
        line-height: 1.25;
        margin-bottom: 1rem;
    }

    .product-item-box .product-item-info {
        padding: 0px;
    }

    .product-item-box .product-item-photo {
        width: 15rem;
    }

    .product-item-options li {
        margin-bottom: 0.5rem;
        font-size: 0.8rem;
    }

    .product-item-options li::before {
        top: 0px;
        width: 1.4rem;
        height: 1.4rem;
        font-size: 1rem;
        margin-top: -0.1rem;
    }

    .product-item-box .price-box {
        padding-left: 0px;
    }

    .product-item-box .price-box .price-label {
        font-size: 0.8rem;
    }

    .product-item-box .price-box .price {
        font-size: 1rem;
    }

    textarea.input-text, textarea.form-control {
        height: 10.5rem;
    }

    .field > .label, .fieldset > .field > .label, .fieldset > .fields > .field > .label {
        padding-left: 1rem;
        margin-bottom: 0.6rem;
    }

    .fieldset-content.col2-layout > .row > div {
        flex: 0 0 auto;
        width: 50%;
    }

    .fieldset-box {
        margin-bottom: 1.833rem;
    }

    .fieldset-box .fieldset-title {
        padding: 1rem 1.2rem;
    }

    .fieldset-box .fieldset-title .num {
        margin-right: 1.2rem;
    }

    .fieldset-content {
        padding: 1.75rem 0.667rem 1rem;
    }

    .actions-toolbar .field.choice {
        padding-left: 0px;
    }

    .actions-toolbar .btn, .customer-account-create .actions-toolbar .btn {
        width: 100%;
    }

    .block-customer-login {
        padding: 2rem 0.667rem 1rem;
        max-width: 100%;
    }

    .customer-account-login .page-main {
        padding-bottom: 3rem;
    }

    .client-section {
        padding: 4rem 0px 7rem;
    }

    .client-section .section-title {
        font-size: 1.667rem;
        margin-bottom: 1.4rem;
    }

    .client-section .subtitle {
        max-width: 100%;
        font-weight: 500;
        margin-bottom: 1.5rem;
    }

    .client-section .btn {
        width: 100%;
    }

    .account .page-main {
        transition: min-height 1s;
    }

    .account.account-nav-opened .page-main {
        min-height: 55rem;
        transition: min-height 0.3s;
    }

    .account.page-layout-2columns-left .sidebar-main {
        width: auto;
        height: auto;
        min-height: 0px;
    }

    .account.page-layout-2columns-left .column.main {
        width: 100%;
        flex: 0 0 100%;
        height: auto;
        min-height: 0px;
    }

    .account.page-layout-2columns-left .column.main {
        margin-right: 0px;
        padding: 3rem 1.25rem 6.5rem;
    }

    .account-sidebar {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 900;
        box-shadow: rgba(0, 0, 0, 0.43) 0px 3px 6px;
    }

    .account-sidebar::before {
        content: "";
        display: block;
        position: absolute;
        top: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 12.5rem;
        height: 12.5rem;
        z-index: 0;
        border-radius: 50%;
        background: rgb(241, 241, 241);
        box-shadow: rgba(0, 0, 0, 0.43) 0px 3px 6px;
    }

    .account-nav-content {
        display: none;
        background: rgb(241, 241, 241);
    }

    .account-sidebar.opened .account-nav-content {
        display: block;
    }

    .account-nav-inner {
        padding: 0.5rem 3.5rem;
    }

    .user-icon {
        width: 5.2rem;
        height: 5.2rem;
        flex: 0 0 5.2rem;
        line-height: 4.8rem;
        font-size: 2.8rem;
    }

    .user-nav li {
        padding: 1.75rem 0px;
    }

    .user-nav li a, .user-nav li strong {
        font-size: 1.667rem;
        line-height: 1.25;
        font-weight: 700;
        padding: 0.4rem 0px 0.4rem 5.3rem;
    }

    .user-nav li a::before, .user-nav li strong::before {
        height: 2.8rem;
        width: 3.3rem;
        left: 0px;
    }

    .account .account-toolbar {
        margin-bottom: 1rem;
    }

    .title-search {
        width: 100%;
    }

    .title-search .input-text {
        height: 3.75rem;
        padding: 1.2rem 3rem 1.2rem 1.5rem;
    }

    .title-search .action.search {
        height: 3.75rem;
        line-height: 3.75rem;
        font-size: 1.5rem;
    }

    .pages .item .page {
        font-weight: 500;
    }

    .table-wrapper {
        margin-bottom: 1.75rem;
        padding: 1.25rem 2rem;
    }

    .table-wrapper table thead th {
        line-height: 1.3;
        padding: 0.85rem 0.75rem 1.1rem;
    }

    .table-wrapper table tbody td {
        padding: 1.25rem 0.75rem;
    }

    .table-wrapper table tbody tr:last-child td {
        border-bottom: none;
    }

    .table-wrapper table tbody td.col.status {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .table-wrapper table .badge-status {
        width: 5.8rem;
    }

    .badge-status {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 0.25rem 0.3rem 0.35rem;
    }

    .steps {
        margin-bottom: 2rem;
    }

    .steps::before {
        height: 0.2rem;
    }

    .steps .step-item {
        width: 4.75rem;
        padding: 0px 0.5rem;
        margin: 0px 0.5rem;
        height: 3.75rem;
        line-height: 3.6rem;
        font-size: 0.667rem;
    }

    .steps .step-item::before {
        width: 3.75rem;
        height: 3.75rem;
    }

    .white-block {
        line-height: 1.5;
        padding: 1.5rem;
    }

    .white-block h5 {
        line-height: 1.5;
    }

    .data-row {
        padding: 1rem 0px;
    }

    .data-row .icon, .data-row .data-item {
        margin-right: 1.5rem;
    }

    .download-link {
        font-size: 1rem;
        line-height: 1.25rem;
        padding: 0.33rem 1.8rem 0.33rem 2.5rem;
        margin-bottom: 0.8rem;
        margin-right: 0.75rem;
    }

    .white-label-info {
        padding-top: 0px;
    }

    .white-label-link {
        font-size: 1rem;
        padding: 1.1rem 1.5rem;
    }

    .white-label-link a {
        margin-left: 1rem;
    }

    .package-block .icon {
        width: 4.2rem;
        margin-right: 1.5rem;
    }

    .package-block .package-company {
        width: 12%;
    }

    .package-company .company-logo {
        margin-bottom: 0.7rem;
    }

    .package-company .company-logo img {
        height: auto;
        max-width: 100%;
    }

    .package-company .company-name {
        display: none;
    }

    .package-block .package-data a {
        font-size: 1rem;
        margin-left: 0px;
    }

    .order-detail-cart-table tfoot .total td {
        font-size: 1rem;
        line-height: 1.5;
    }

    .order-detail-cart-table .total-wrap .btn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    table.no-style tr th + th, table.no-style tr th + td, table.no-style tr td + td {
        padding-left: 1.5rem !important;
    }

    .settings-navbar + .settings-navbar {
        margin-top: 1.65rem;
    }

    .dashboard-caption, .white-block .fieldset .legend {
        padding-bottom: 1rem;
        margin-bottom: 1.4rem;
    }

    .settings-nav li {
        margin-bottom: 1rem;
    }

    .field-logo {
        width: 6.4rem;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .field-logo .user-icon {
        width: 6.4rem;
        height: 6.4rem;
        line-height: 5.6rem;
        font-size: 3.4rem;
        margin-bottom: 1rem;
    }

    .field-logo {
        width: auto;
    }

    .field-logo .user-icon {
        width: 5.2rem;
        height: 5.2rem;
        flex: 0 0 5.2rem;
        line-height: 4.8rem;
        font-size: 2.8rem;
        margin-bottom: 0px;
        margin-right: 1.5rem;
    }

    .table-accounts tbody td {
        line-height: 1.5;
        padding-top: 1.58rem;
        padding-bottom: 1.58rem;
    }

    .table-accounts tbody td.avatar {
        padding-top: 0.58rem;
        padding-bottom: 0.58rem;
    }

    .cart.table-wrapper {
        padding: 1rem 2rem;
    }

    table.cart thead th.item, table.cart tbody td.item {
        padding-left: 0px;
    }

    table.cart thead th.qty, table.cart tbody td.qty {
        padding-right: 0px;
    }

    table.cart tbody td.qty {
        text-align: center;
    }

    .cart .product-item-name {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .cart .qty-number {
        width: 5.2rem;
    }

    .cart.actions .btn.clear, .cart.actions .btn.continue {
        width: calc(50% - 1.6rem);
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .cart.actions .btn.checkout {
        width: calc(100% - 1.6rem);
    }

    .footer.content {
    }

    .col-footer {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .col-footer .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }

    .col-footer .row > [class^="col"] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .footer-title {
        font-size: 1.16rem;
    }

    .col-copyright {
        order: -1;
    }

    .footer-socials {
        justify-content: center;
        margin: 0px;
    }

    .footer-socials li {
    }

    .footer-socials li a i.ico::before {
        font-size: 3rem;
    }

    .footer-links {
        display: inline;
    }

    .footer-links li {
        display: inline;
    }

    .footer-links li::after {
        content: " | ";
        margin: 0px 0.25rem;
    }

    .block-chat {
        right: 1.25rem;
        bottom: 2rem;
        top: auto;
        transform: none;
        z-index: 1000;
    }

    .account .block-chat {
        bottom: 3.2rem;
    }

    .block-chat.opened {
        right: 1.25rem;
        z-index: 1040;
    }

    .chat-toggler {
        width: 4.083rem;
        height: 4.083rem;
        padding: 0.75rem;
        border-radius: 50%;
    }

    .chat-toggler .ico {
        font-size: 2.417rem;
    }

    .chat-toggler .toggler-text {
        display: none;
    }

    .chat-content {
        display: none;
        position: fixed;
        background: rgb(243, 243, 243);
        width: 70vw;
        height: 20rem;
        max-height: 80vh;
        left: 15vw;
        bottom: 10vh;
        overflow: auto;
    }

    .block-chat.opened .chat-content {
        display: block;
    }

    .chat-content .chat-window {
        height: calc(100% - 8.5rem);
    }

    .ico-quote::before {
        content: "";
        display: block;
        left: 0.9rem;
        top: 0.3rem;
        width: 1.6rem;
        height: 1.6rem;
        background: url("../images/quotes-icon.svg") 0px 0px / 100% 100% no-repeat;
    }

    .ico-print::before {
        content: "";
        display: block;
        left: 0.9rem;
        top: 0.3rem;
        width: 1.6rem;
        height: 1.6rem;
        background: url("../images/printer-icon.svg") 0px 0px / 100% 100% no-repeat;
    }
}

@media screen and (max-width: 420px) {
    .home-top-section {
    }

    .home-top-section::before {
        display: none;
    }

    a.action.duplicate.btn.btn-secondary {
        padding: 1.2rem 0.4rem;
    }

    table.item-options.no-style {
        font-size: 0.8rem;
    }
}

.info-tooltip .tooltip-content {
    color: inherit;
    display: none;
}

.field .control label.placeholder {
    z-index: 100;
    border: 1px solid transparent;
    position: absolute;
    touch-action: none;
    cursor: text;
    left: 0px;
    top: 0px;
    height: 3.1rem;
    max-height: 100%;
    line-height: 3rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    padding: 0px 1.5rem;
}

.field .control label.placeholder span.text {
    opacity: 0.4;
}

.field .control label.placeholder span.char {
    color: red;
}

.opc-wrapper .field .control label.placeholder {
    height: calc(2px + 3.3rem);
    line-height: 1.3rem;
    padding: 1rem 1.8rem;
    font-size: 1rem;
}

.loading-mask {
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background: white;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery .loader, .product-options .loader {
    padding-top: 3rem;
    height: 200px;
    background-size: 2rem 2rem;
    background-image: url("../images/loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.block.block-minicart {
    display: none;
    background: white;
    border-radius: 0.8rem;
    position: relative;
    z-index: 100;
}

.block.block-minicart::before {
    content: "";
    display: none;
    position: absolute;
    right: 1rem;
    bottom: 100%;
    margin-bottom: -1px;
    border-bottom: 0.85rem solid rgb(255, 255, 255);
    border-left: 0.65rem solid transparent;
    border-right: 0.65rem solid transparent;
}

.block.block-minicart .block-title {
    display: none;
}

.block.block-minicart .block-content {
    border: none;
    border-radius: 0px;
    justify-content: space-between !important;
    height: calc(100% - 4.5rem) !important;
}

body:has(.action.showcart.active) .full-overlay {
    z-index: 10000;
}

.block.block-minicart .block-content .action.close {
    display: none;
}

body._has-modal {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.modals-overlay {
    z-index: 8999;
}

.modal-slide, .modal-popup {
    inset: 0px;
    min-width: 0px;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s;
}

.modal-slide._show, .modal-popup._show {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
}

.modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap {
    transform: translate(0px, 0px);
}

.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
    background-color: rgb(255, 255, 255);
    margin: 2rem auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px 2px;
    opacity: 1;
    pointer-events: auto;
    border-radius: 1.5rem;
}

.modal-slide {
    left: 44px;
    z-index: 9000;
}

.modal-popup .modal-inner-wrap {
    margin: 2rem auto;
}

.modal-slide._show .modal-inner-wrap {
    transform: translateX(0px);
}

.modal-slide .modal-inner-wrap {
    height: 100%;
    overflow-y: auto;
    position: static;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    width: auto;
}

.modal-slide._inner-scroll .modal-inner-wrap {
    overflow-y: visible;
    display: flex;
    flex-direction: column;
}

.modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer {
    flex-grow: 0;
    flex-shrink: 0;
}

.modal-slide._inner-scroll .modal-content {
    overflow-y: auto;
}

.modal-slide._inner-scroll .modal-footer {
    margin-top: auto;
}

.modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer {
    padding: 0px 2.6rem 2.6rem;
}

.modal-slide .modal-footer button[data-role="action"]:focus, .modal-slide .modal-footer button[data-role="action"]:active {
    box-shadow: none;
    outline: none;
}

.modal-slide .modal-footer button[data-role="action"] {
}

.modal-footer button {
    display: none;
}

.modal-footer button.ml-2.btn-primary {
    display: block;
}

.modal-slide .modal-header {
    padding-bottom: 2.1rem;
    padding-top: 2.1rem;
}

.modal-popup {
    z-index: 9000;
    left: 0px;
    overflow-y: auto;
}

.modal-popup.confirm .modal-inner-wrap {
    max-width: 50rem;
}

.modal-popup.confirm .modal-inner-wrap .modal-content {
    padding-right: 7rem;
}

.modal-popup._show .modal-inner-wrap {
    transform: translateY(0px);
}

.modal-popup .modal-inner-wrap {
    margin: 2rem auto;
    width: 75%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    left: 0px;
    position: absolute;
    right: 0px;
    transform: translateY(-200%);
    transition: transform 0.2s;
}

.modal-inner-wrap, .modal-content img {
    border-radius: 1vw !important;
}

.modal-popup._inner-scroll {
    overflow-y: visible;
}

.ie11 .modal-popup._inner-scroll {
    overflow-y: auto;
}

.modal-popup._inner-scroll .modal-inner-wrap {
    max-height: 95%;
    width: 50%;
}

.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
    max-height: none;
}

.modal-popup._inner-scroll .modal-content {
    overflow: hidden auto;
    margin: 1rem 0px 0px !important;
    padding: 0px 2rem 2rem !important;
}

.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    font-size: 1rem;
    padding: 1rem;
    border: none;
    background: transparent;
}

.modal-popup .modal-header p:last-child, .modal-popup .modal-content p:last-child, .modal-popup .modal-footer p:last-child {
    margin-bottom: 0px;
}

.modal-popup .modal-header, .modal-popup .modal-footer {
    flex-grow: 0;
    flex-shrink: 0;
}

.modal-popup .modal-header {
    display: block;
    padding-bottom: 0px;
    padding-top: 0px;
    background: rgb(243, 243, 243);
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
}

.modal-popup .modal-footer {
    margin-top: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.modal-popup .modal-footer-actions {
    text-align: right;
}

.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
    background: none;
    border: 0px;
    box-shadow: none;
    line-height: inherit;
    margin: 0px;
    padding: 0px;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 0px;
    color: rgb(72, 60, 139);
    z-index: 1;
    width: 3rem !important;
    height: 3rem !important;
}

.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close, .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active {
    outline: none;
    box-shadow: none;
}

.modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active {
    background: none;
    border: none;
}

.modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover {
    background: none;
    border: none;
}

.modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close {
    pointer-events: none;
    opacity: 0.5;
}

.modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span {
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

.modal-custom .action-close::before, .modal-popup .action-close::before, .modal-slide .action-close::before {
    -webkit-font-smoothing: antialiased;
    font-size: 2.5rem;
    line-height: 3rem;
    color: rgb(72, 60, 139);
    content: "×";
    margin: 0px;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.modal-content {
    width: auto;
}

.modal-custom .action-close:hover::before, .modal-popup .action-close:hover::before, .modal-slide .action-close:hover::before {
    color: inherit;
}

.modal-custom .action-close:active::before, .modal-popup .action-close:active::before, .modal-slide .action-close:active::before {
    color: inherit;
}

.modal-custom .action-close:hover::before, .modal-popup .action-close:hover::before, .modal-slide .action-close:hover::before {
    color: rgb(26, 26, 26);
}

.modal-custom .action-close {
    margin: 25px;
}

.modal-popup {
    pointer-events: none;
}

.modal-popup .modal-title {
    display: block;
    text-align: center;
    color: rgb(98, 200, 160);
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 4rem;
    margin-bottom: 0px;
    overflow-wrap: break-word;
}

.modal-popup .action-close {
    padding: 10px;
}

.modal-slide .action-close {
    padding: 0px;
    width: 3rem;
    height: 3rem;
    text-align: center;
    cursor: pointer;
}

.modal-slide .page-main-actions {
    margin-bottom: -12.9rem;
    margin-top: 2.1rem;
}

.modals-overlay {
    background-color: rgba(51, 51, 51, 0.55);
    inset: 0px;
    position: fixed;
}

.modal-content::-webkit-scrollbar {
    width: 10px;
    height: 15px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: linear-gradient(to right bottom, rgb(217, 216, 216) 0%, rgb(219, 219, 219) 100%);
    border-radius: 5px;
}

.modal-content::-webkit-scrollbar-track:horizontal {
    background-color: white;
    box-shadow: rgb(217, 216, 216) 0px 0px 2px 2px inset;
}

a.use-ajax.action.towishlist.action-towishlist {
    display: none;
}

.page.messages .messages {
    margin-bottom: 1rem;
}

.page.messages .messages .message {
    padding: 0.5rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    color: rgb(62, 62, 62);
}

.page.messages .messages .message + .message {
    margin-top: 0.5rem;
}

.page.messages .messages .message.success {
    background-color: rgb(229, 239, 229);
    border-color: rgb(0, 100, 0);
    color: rgb(0, 100, 0);
}

.page.messages .messages .message.error {
    background: rgb(250, 229, 229);
    border-color: rgb(224, 43, 39);
    color: rgb(224, 43, 39);
}

.page.messages .messages .message.error > div, .page.messages .messages .message.success > div {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5rem;
}

.page.messages .messages .message.error > :first-child::before, .page.messages .messages .message.success > :first-child::before {
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: icons-blank-theme;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}

.page.messages .messages .message.error > :first-child::before {
    color: rgb(179, 0, 0);
    content: "";
}

.page.messages .messages .message.success > :first-child::before {
    color: rgb(0, 100, 0);
    content: "";
}

.block-minicart .minicart-items .product-item + .product-item {
    border-top: 1px solid rgb(220, 220, 220);
}

.block-minicart .minicart-items .product-item .product-item-image {
    width: 4rem;
}

.block-minicart .minicart-items .product-item .product-item-details .product-item-name {
    padding: 0px 0.5rem 0px 0px;
}

.block-minicart .minicart-items .product-item .product-item-details .product-item-qty {
    padding: 0px 0.5rem;
}

.block-minicart .minicart-items .product-item .product-item-details .product-item-pricing {
    padding: 0px 0px 0px 0.5rem;
}

.block-minicart .subtotal {
    font-size: 1.3rem;
    font-weight: bold;
}

.block-minicart .product-item-pricing {
    line-height: calc(3px + 2.2rem);
    font-style: italic;
}

.block-minicart .product-item-pricing .price {
    font-size: 1.1rem;
}

.block-minicart .minicart-items table td {
    padding: 1rem 0.5rem;
}

.block-minicart .minicart-items .product-item .product-item-name {
    min-width: 8rem;
}

.delivery-date {
    font-size: 1rem;
    color: rgb(98, 200, 160);
}

.cart button.btn.editor, .order-cart button.btn.editor {
    background-color: rgb(51, 152, 255);
    padding: 0.8rem 2rem;
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 992px) {
    .widget-name.d-flex > div.field {
        width: 50%;
    }

    .widget-name.d-flex > div.field:nth-child(2n+1) {
        padding-right: 0.5rem;
    }

    .widget-name.d-flex > div.field:nth-child(2n) {
        padding-left: 0.5rem;
    }
}

.text-nowrap {
    font-size: unset;
}

.leverdatum > .text-nowrap {
    font-size: smaller;
    color: rgb(98, 200, 160);
}

a.edit-cart {
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    max-width: 100%;
    padding: 1.2rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
}

a.edit-quote {
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    max-width: 100%;
    padding: 1.2rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
    margin: 17px;
}

li.item.product.product-item {
    display: inline-block;
    padding-top: 10px;
    height: calc(100% - 2.6rem);
    position: relative;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 1.1rem;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 2.6rem;
}

li.item.product.product-item .product-action-link {
    float: right;
    display: block;
    background: rgb(98, 200, 160);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0.65rem 1.1rem 0.65rem 1.25rem;
    border-radius: 1.1rem 0px;
    white-space: nowrap;
}

li.item.product.product-item strong.product-item-name a {
    padding: 20px;
    color: rgb(62, 49, 105);
    text-decoration: none;
}

button.product-action-link {
    border: none;
}

span.shipping_sub_title {
    float: left;
    font-size: 0.8rem;
    position: relative;
    width: 100%;
}

span.shipping_title {
    float: left;
    position: relative;
    width: 100%;
}

a.parent-green {
    color: rgb(98, 200, 160) !important;
}

li.sub-cat-group {
    display: inline-block;
    float: left;
    width: 50%;
}

div#checkout-step-payment {
    border: 1px solid rgb(243, 243, 243);
}

.opc-block-address.step-content, div#checkout-step-shipping {
    border: 1px solid rgb(243, 243, 243);
}

.opc-block-overview.step-content {
    border: 1px solid rgb(243, 243, 243);
}

.opc-block-summary.step-content.p-3 {
    border: 1px solid rgb(243, 243, 243);
    padding-bottom: 33px !important;
}

div#checkout-step-billing {
    border: 1px solid rgb(243, 243, 243);
}

div#checkout-step-shipping_method {
    border: 1px solid rgb(243, 243, 243);
}

#shipping-method-top-fieldset {
    margin-top: 0px;
    margin-bottom: 0px;
}

label.error {
    color: red;
}

.field-error, .mage-error {
    color: red;
}

span#block-discount-heading {
    color: rgb(98, 200, 160);
    text-decoration: underline;
}

span.discount.coupon {
    color: rgb(98, 200, 160);
    font-style: italic;
    font-size: 0.8rem;
}

.opc-wrapper .form-login {
    margin-bottom: 0px !important;
}

button.btn-edit:hover {
    background: rgb(98, 200, 160);
}

.mage-error2 {
    margin: 14px 0px;
    background-color: rgba(241, 7, 44, 0.25);
    color: rgb(220, 53, 69);
    border: 1px solid;
    border-radius: 4px;
    padding: 4px;
    font-size: 0.8rem;
    width: 100%;
}

.mage-error2 span {
    display: block;
}

.mage-error2 > :first-child::before {
    color: rgb(0, 100, 0);
    content: "";
}

.mage-error2:not(:last-child) {
    display: none;
}

button.action.primary.quote-submit.quote-move-print {
    background-color: white;
    border: 0px;
    cursor: pointer;
}

button.action.primary.quote-submit.quote-move-print:focus {
    background-color: white;
    border: 0px;
    cursor: pointer;
}

.quote-bestellen {
    float: right;
}

.quote-annuleren {
    float: left;
}

.print-quote {
    width: 100%;
    float: right;
    text-align: right;
    position: relative;
    margin-top: -34px;
}

button.quote-print {
    border: 0px;
    background-color: white;
    cursor: pointer;
}

button.quote-print:focus {
    border: 0px;
    background-color: white;
    outline: 0px;
}

button.quote-print:active {
    border: 0px;
    background-color: white;
}

button.quote-print:hover {
    border: 0px;
    background-color: white;
}

table.table.order-detail-cart-table button.btn-edit {
    margin-left: 0% !important;
}

.item-title {
    font-weight: bold;
    color: rgb(99, 69, 148);
}

dl.item-options dt {
    float: left;
    min-width: 55%;
    font-size: 0.9rem;
}

dl.item-options dd {
    float: left;
    margin-left: 5px;
    font-size: 0.9rem;
    word-break: break-word;
    width: 40%;
}

.dashboard-detail.row .white-block .d-flex.status {
    justify-content: space-between;
}

.options-td {
    border-bottom: 0px !important;
    padding: 0rem !important;
}

table.table.order-detail-cart-table td {
    border-bottom: 0px !important;
}

.option-row {
    border-bottom: 1px solid rgb(220, 220, 220);
}

button.action-secondary.action-dismiss {
    background: rgb(243, 243, 243);
    border: 1px solid rgb(98, 200, 160);
    color: rgb(98, 200, 160);
    box-shadow: none;
    margin-top: 5px;
}

button.action-primary.action-accept {
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    margin: 13px;
    border-radius: 5px;
    padding: 8px;
}

.show-staff-list {
    margin-top: -12.76vw;
}

.staff-item {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    border: none;
    background: rgb(255, 255, 255);
}

.staff-section-full .form-control .staffFilter {
    border-radius: 0px 1.66rem 0px 0px;
}

.medewerkers-index-index .show-staff-list {
    margin-top: 3rem;
    margin-bottom: 8vw;
}

.medewerkers-index-index .block-staff .form-control {
    border-radius: 0px 1.66rem 1.66rem 0px;
    min-width: 10.2rem;
}

.medewerkers-index-index .block-staff {
    margin: auto;
    width: 45%;
    padding: 10vh 0px;
}

.show-staff-list .row div:nth-child(4) .staff-item img {
    border-radius: 0px;
}

.thin-style {
    font-weight: 100;
}

.staff-section-full {
    margin-bottom: 8vw;
}

@media screen and (min-width: 992px) {
    .medewerkers-index-index .filter {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media screen and (max-width: 991px) {
    .show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(2) .staff-item {
        border-radius: 0px 2rem 0px 0px;
    }

    .show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(2) .staff-item img {
        border-radius: 0px 2rem 0px 0px;
    }

    .show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(4) .staff-item {
        border-radius: 0px 0px 2rem;
    }

    .show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(3) .staff-item {
        border-radius: 0px 0px 0px 2rem;
    }

    .show-staff-list .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .show-staff-list .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .staff-section-full .input-group {
        place-content: space-between center;
        height: 8.2rem;
    }

    .staff-section-full .input-group > .form-control:not(:first-child) {
        border-top-left-radius: 1.66rem;
        border-bottom-left-radius: 1.66rem;
    }

    .staff-section-full .input-group .form-control {
        border-radius: 1.66rem;
    }

    .staff-section-full .input-group-prepend {
        justify-content: center;
        width: 100%;
    }

    .staff-section-full .form-control .staffFilter, .staff-section-full .input-group-prepend .filterLeft {
        border-radius: 1.66rem;
    }

    .medewerkers-index-index .show-staff-list {
        margin-top: -40.86vw;
    }
}

.staff-item .caption {
}

.staff-item .caption.caption-position {
    font-weight: 400;
    font-size: 0.9rem;
    background: transparent;
}

.staff-item:hover {
}

.staff-item:hover .caption {
    background: none;
    color: rgb(69, 53, 114);
}

.medewerkers-index-index .subscribe-section h1 {
    margin-bottom: 0px;
}

.block-staff select#staffFilter {
    background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") 96% center / 12px 12px no-repeat rgba(255, 255, 255, 0.62) !important;
    appearance: none !important;
}

.jobboard-index-index .card {
    border-radius: 0.75rem !important;
}

.jobboard-index-index .card-header {
    border-radius: 0.75rem;
}

.jobboard-index-index .jobaccordion {
    box-shadow: none;
    border-radius: 0.75rem;
}

.jobboard-index-index .workhours::before, .jobboard-index-index .experience::before, .jobboard-index-index .department::before {
    filter: none;
}

@media screen and (min-width: 992px) {
    .medewerkers-index-index .filter {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 991px) {
    .staff-section-full .container {
        margin-top: -23px !important;
    }

    .jobboard-index-index .jobBoard-section {
        padding: 8.5rem 0px 2.5rem;
    }

    .jobboard-index-index .card .card-header .container .row .col-5 {
        flex: 1 1 60%;
    }

    .jobboard-index-index .workhours, .jobboard-index-index .experience, .jobboard-index-index .department {
        padding-left: 18px;
    }

    .jobboard-index-index .form-control.jobFilter {
        border-radius: 1.66rem !important;
    }
}

@media screen and (max-width: 600px) {
    .col-2 {
        flex: 0 0 33.6667%;
        max-width: 33% !important;
    }
}

select#jobFilter, select#staffFilter {
    appearance: none;
    text-indent: 1px;
}

.job-form .btn-subscribe span::before {
    margin-top: -5px;
}

#cookienotification-block {
    position: fixed;
    left: 0px;
    z-index: 6;
    padding: 2rem;
    display: block;
    line-height: 1.5;
    font-size: 1rem;
    font-family: "TT Commons", Arial, sans-serif;
    margin: 0px 0px 25px 25px;
    width: 27rem;
    border-radius: 1rem;
    border: 1px solid rgb(110, 204, 167);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 10px;
}

button#btn-cookienotification-allow {
    cursor: pointer;
    font-size: 1rem;
    border: 1px solid rgb(253, 139, 76);
    padding: 0.7rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    float: right;
}

button#btn-cookienotification-more {
    cursor: pointer;
    font-size: 1rem;
    border: 0px solid rgb(98, 200, 160);
    border-radius: 1.75rem 1.75rem 0px;
    padding: 0.7rem 0px;
    text-decoration: underline;
}

main#maincontent .staff-section-full {
    margin-bottom: 8vw;
}

.department::before {
    transform: translateY(-55%) !important;
}

.button-next {
    margin-right: 0px;
    text-align: right;
}

.viewcart:nth-child(1) {
    margin-right: 25px;
}

.viewcart:nth-child(2) {
}

.fotorama__thum {
    background: white !important;
}

.block-minicart .block-content .actions.text-center .secondary {
    display: flex;
    justify-content: space-between;
}

.block-minicart .block-content .actions.text-center .secondary .viewcart:nth-child(1) {
    text-decoration: underline;
}

.block-minicart .product-item-pricing .price {
    font-size: 0.9rem;
}

#minicart-content-wrapper .block-content .d-inline-block {
    width: 100%;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row {
    flex-wrap: wrap;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row > span {
    width: 60%;
    text-align: left;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row .amount.price-container {
    display: flex;
    width: 40%;
    justify-content: flex-end;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2) {
    display: flex;
    width: 100%;
    background: rgb(241, 241, 241);
    border-radius: 14px;
    padding: 10px 3%;
    margin-top: 11px;
    justify-content: space-between;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2) span {
    font-size: 0.7rem;
    font-weight: 200;
    color: rgb(146, 146, 146);
    font-style: italic;
}

#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2) span span {
}

#minicart-content-wrapper .block-content .text-center.mb-3 {
    margin-bottom: 1.4rem !important;
}

.checkout-cart-index li.item.pages-item-next {
    margin: unset !important;
}

.checkout-cart-index .pages-item-next .next {
    position: relative;
    left: unset;
    top: unset !important;
    margin-top: 0.8rem !important;
}

.checkout-cart-index .pages-item-previous .previous {
    margin-top: 0.8rem !important;
}

@media screen and (min-width: 768px) {
    .overview-table tbody td {
        padding: 0.75rem 0.63rem;
    }

    .overview-table tbody tr:first-child td {
        text-align: center;
    }

    span.selected-gender {
        display: inline-block !important;
        width: 2.6rem !important;
        text-align: center !important;
        padding: 0.1rem 0.7rem !important;
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .overview-table tbody td {
        padding: 0.75rem 0.3rem;
    }

    .overview-table tbody tr:first-child td {
        text-align: center;
    }

    span.selected-gender {
        display: inline-block !important;
        width: 2.6rem !important;
        text-align: center !important;
        padding: 0.1rem 0.5rem !important;
        margin-left: 0px !important;
    }
}

.checkout-index-index .totals-tax-details {
    display: none;
}

.checkout-index-index tr.totals.sub.incl {
    display: none;
}

.field-tooltip.toggle {
    display: none;
}

.fotorama__thumb {
    background-color: transparent !important;
}

.opc-wrapper .checkout-payment-method .payment-method + .payment-method {
}

.items.payment-methods {
    margin-top: 26px;
}
.payment-methods ul { gap: .5rem; }
.ec-gtm-cookie-directive, .ec-gtm-cookie-directive div {
    max-width: 575px !important;
    max-height: 95vh !important;
}

.ec-gtm-cookie-directive {
    left: 0px;
    bottom: 0px;
    margin: 0px 0px 0.7rem 0.7rem;
    text-align: left;
    padding: 0px 0px 20px 20px;
    max-width: 95vw;
    z-index: 2147483647;
}

.ec-gtm-cookie-directive > div {
    border-radius: 1rem;
    border: 1px solid rgb(110, 204, 167);
    padding: 2rem 2rem 0.7rem !important;
}

.ec-gtm-cookie-directive p:first-child {
    text-align: start;
    font-size: 1.2rem;
    color: rgb(54, 52, 52) !important;
    display: block !important;
}

.ec-gtm-cookie-directive > div > div > div p {
    color: rgb(136, 136, 136) !important;
    margin-bottom: 0.8rem;
}

.ec-gtm-cookie-directive .ec-gtm-cookie-directive-segments, .ec-gtm-cookie-directive .ec-gtm-cookie-directive-segments label {
    margin: 0px;
    padding: 0px;
    font-size: 0.9rem;
}

.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle {
    margin-top: 0px;
}

.ec-gtm-cookie-directive-segments > div {
    width: 50%;
}

.ec-gtm-cookie-directive-segments > div label {
    width: 100%;
}

.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label::before {
    margin-top: 12px;
    border-width: 2px;
}

.ec-gtm-cookie-directive-segments {
    display: flex;
    flex-wrap: wrap;
}

.ec-gtm-cookie-directive .action {
    width: 100% !important;
    border-radius: 1rem !important;
    margin: 10px 0px 0px !important;
}

.ec-gtm-cookie-directive .action.accept-all {
    background: rgb(110, 204, 167);
    border: 1px solid rgb(110, 204, 167);
    color: rgb(255, 255, 255) !important;
    padding: 0.9rem 0px !important;
    text-align: center !important;
    margin-bottom: 0.5rem !important;
    width: 60% !important;
}

.ec-gtm-cookie-directive .action.customize {
    background: rgb(238, 238, 238);
    border: 1px solid rgb(238, 238, 238);
    width: 35% !important;
    float: right !important;
    font-weight: 600 !important;
    padding: 0.9rem 0px !important;
    text-align: center !important;
}

.ec-gtm-cookie-directive .action.accept {
    border: 1px solid rgb(217, 217, 217);
    text-align: center !important;
    padding: 0.9rem 0px !important;
    margin: 0.5rem 0px !important;
}

.ec-gtm-cookie-directive .action.decline {
    display: none !important;
}

.ec-gtm-cookie-directive .action.refuse {
    text-decoration: none;
    font-size: 12px;
    color: rgb(160, 160, 160) !important;
    text-align: left !important;
    margin-left: 10px !important;
    margin-top: 0px !important;
}

@media (max-width: 1192px) {
    .ec-gtm-cookie-directive .action.accept-all, .ec-gtm-cookie-directive .action.accept {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .ec-gtm-cookie-directive {
        padding: 0px 0px 10px 10px !important;
    }

    .ec-gtm-cookie-directive-segments label {
        font-size: 1.1rem;
    }

    .ec-gtm-cookie-directive div:first-child {
        max-width: calc(-40px + 100vw) !important;
    }
}

.qty-wrapper {
    display: grid !important;
    grid-template-areas: "aantal meerminder prijsEscl prijsEscl" "prijsincl prijsincl prijsincl btw";
}

.qty {
    grid-area: aantal;
}

.qty-number {
    grid-area: meerminder;
}

.catalog-price-excl {
    grid-area: prijsEscl;
}

.catalog-price-incl {
    grid-area: prijsincl;
    text-align: right;
    font-size: 57%;
    margin-top: -7%;
    padding-right: 6.5%;
}

.catalog-price-incl-text {
    grid-area: btw;
    padding-left: 5px;
    font-size: 57%;
    margin-top: -33%;
    margin-left: -33.5%;
}

@media screen and (max-width: 600px) {
    .catalog-price-incl {
        grid-area: prijsincl;
        text-align: right;
        font-size: 57%;
        margin-top: -7%;
        padding-right: 4.5%;
    }

    .catalog-price-incl-text {
        grid-area: btw;
        padding-left: 5px;
        font-size: 57%;
        margin-top: -32%;
        margin-left: -26.5%;
    }
}

.hhb-subtitle {
    font-size: 1.75rem;
    font-weight: 800;
    color: rgb(99, 69, 148);
    margin: 1rem 0px 0.5rem;
}

.hhb-timeline, .hhb-sub-italic {
    margin: auto;
}

.hhb-sub-italic {
    color: rgb(99, 69, 148);
    font-size: 1.2rem;
    font-style: italic;
    width: 35vw;
    margin: auto auto 1rem;
}

.hhb-spc {
    margin-bottom: 4rem;
}

.hhb-bg {
    box-shadow: rgb(202, 222, 233) 0px 0px 0px 100vmax;
    background-color: rgb(202, 222, 233);
    clip-path: inset(0px -100vmax);
}

.hhb-owner-timeline-col {
    padding: 6rem 0px;
    margin-top: 5rem;
    justify-content: space-around;
    margin-bottom: -2.2rem;
}

.hhb-gal img, .hhb-owner-info img {
    border-radius: 1rem;
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.hhb-owner-info {
    width: 50%;
}

.hhb-owner-info img {
    position: relative;
    object-position: center 25%;
}

.hhb-owner-img {
    padding-right: 3rem;
    height: 15vw;
}

.hhb-usp {
    padding-bottom: 5rem;
    margin: 0px 0px -2.2rem -1.25rem;
}

.hhb-job {
    margin-top: -0.75rem;
}

.hhb-usp ul li {
    list-style: none;
    font-size: 1.5rem;
    font-weight: 100;
    color: rgb(99, 69, 148);
}

.hhb-usp ul li::before {
    content: "> ";
}

.hhb-gal {
    padding: 2rem 0px;
}

@media screen and (max-width: 991px) {
    .footer-socials {
        height: 2.5rem;
    }

    .hhb-sub-italic {
        width: 80vw;
    }

    .hhb-8 {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .hhb-gal img, .hhb-owner-info img {
        height: 30vw;
    }

    .hhb-owner-img {
        margin-bottom: 5rem;
    }

    .hhb-timeline {
        display: none;
    }

    .hhb-owner-timeline-col {
        margin-left: 0px;
    }

    .hhb-usp {
        margin: 2rem 0px -6.2rem;
    }
}

.jobboard-index-index .message-error {
    display: none;
}

.submenu-dropdown.submenu-all {
    width: 73vw !important;
}

@media screen and (max-width: 991px) {
    .product-item-box .price-box .price-label {
        margin-top: 0px;
    }
}

.submenu a strong {
    margin-top: 2rem !important;
}

.submenu {
    width: 100%;
    padding-right: 0.5rem;
}

.wistia_embed div:first-child {
    border-radius: 1rem;
}

.w-vulcan-icon-wrapper {
    display: none !important;
}

.w-bottom-bar-right {
    background-image: url("https://www.printshopz.nl/media/logo/default/logo_1.png");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: left center;
}

.w-dialog, .w-context-menu {
    display: none !important;
}

.category-description, .product.attribute.overview {
    box-shadow: rgb(251, 251, 251) 0px 0px 0px 100vmax;
    background-color: rgb(251, 251, 251);
    clip-path: inset(0px -100vmax);
    padding: 5rem 0px 8rem;
    margin-top: 5rem;
    margin-bottom: -6rem;
}

.category-description h2, .category-description h3, .category-description h4, .overview h2, .overview h3, .overview h4 {
    font-size: 1.25rem;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .opc-wrapper {
        width: 66.6667%;
        float: left;
        padding-right: 30px;
    }

    .opc-sidebar {
        margin: 46px 0px 20px;
        width: 33.3333%;
        float: right;
    }
}

.opc-summary-wrapper .modal-header .action-close {
    display: none;
}

.opc-block-summary {
    background: rgb(245, 245, 245);
    margin: 0px 0px 20px;
    padding: 22px 30px;
}

.opc-block-summary > .title {
    display: block;
}

.checkout-index-index .opc-block-summary {
    display: block !important;
}

.opc-block-summary .minicart-items .product > .product-image-container {
    float: left;
}

.checkout-index-index .authentication-wrapper {
    display: none;
}

.checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-content, .checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-header, .checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-content .block-customer-login {
    border: none;
}

.checkout-index-index .authentication-wrapper > button {
    display: none;
}

div#checkout-step-shipping {
    margin-bottom: 54px;
}

.checkout-index-index .opc-block-address.step-content, div#checkout-step-shipping {
    border: none;
}

.checkout-index-index .opc-progress-bar {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2.2rem;
    position: relative;
    color: rgb(99, 69, 148);
    padding-left: 0px;
    background: url("../images/step-navigator-devider-bg.png") center center repeat-x;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item {
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active {
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item > span {
    position: relative;
    background: white;
    padding: 0px 10px;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item > span > span {
    position: relative;
    z-index: 2;
    opacity: 0.2;
    font-weight: 800;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete > span > span, .checkout-index-index .opc-progress-bar .opc-progress-bar-item._active > span > span {
    opacity: 1;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active::before {
    opacity: 0.2;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(2n+1) > span::after {
    opacity: 0.2;
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(220, 153, 218);
    color: transparent;
    border-radius: 20px;
    position: absolute;
    left: 0px;
    bottom: 8px;
    z-index: 0;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(2n) > span::after {
    opacity: 0.2;
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(202, 222, 233);
    color: transparent;
    border-radius: 20px;
    position: absolute;
    left: 0px;
    bottom: 8px;
    z-index: 0;
}

.checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(2n+1) > span::after, .checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(2n) > span::after, .checkout-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(2n+1) > span::after, .checkout-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(2n) > span::after {
    opacity: 1;
}

.checkout-index-index .step-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: rgb(99, 69, 148);
    padding: 15px 30px;
    background: rgb(243, 243, 243);
    border-radius: 18px;
    margin-bottom: 18px;
}

.checkout-index-index .field > .label, .checkout-index-index .fieldset > .field > .label, .checkout-index-index .fieldset > .fields > .field > .label, .checkout-index-index .note {
    padding-left: 24px;
}

.checkout-index-index .note {
    padding-top: 20px;
}

.checkout-index-index .actions-toolbar .primary:hover {
    cursor: pointer;
}

.checkout-index-index .actions-toolbar .action.login.primary, .checkout-index-index .actions-toolbar .button.action.continue.primary, .checkout-index-index .actions-toolbar button.action.primary.checkout {
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    max-width: 100%;
    padding: 1.2rem 2.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
}

.checkout-index-index .actions-toolbar .action.login.primary:hover, .checkout-index-index .actions-toolbar .button.action.continue.primary:hover, .checkout-index-index .actions-toolbar button.action.primary.checkout:hover {
    background-color: rgb(253, 139, 76);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

div#checkout-step-shipping_method, div#checkout-step-payment, .checkout-index-index header.modal-header {
    border: none;
}

.checkout-index-index .table-checkout-shipping-method td.col.col-method:nth-of-type(1), .checkout-index-index .table-checkout-shipping-method th.col.col-method:nth-of-type(1), .checkout-index-index .table-checkout-shipping-method thead .row {
    display: none;
}

.checkout-index-index .table-checkout-shipping-method .col.col-price {
    order: 3;
    text-align: right;
    padding-right: 60px;
}

.checkout-index-index .table-checkout-shipping-method .col.col-method {
    order: 2;
}

.checkout-index-index .table-checkout-shipping-method .col.col-carrier {
    padding-left: 39px;
}

.checkout-index-index .table-checkout-shipping-method tbody .row {
    border: 1px solid rgb(187, 187, 187);
    border-radius: 14px;
    padding: 10px;
    margin: 0px 0px 14px;
    font-size: 1.1rem;
}

.checkout-index-index .table-checkout-shipping-method input[type="radio"]:checked {
    background: rgb(247, 252, 250);
    border: 1px solid rgb(101, 201, 162) !important;
}

.checkout-index-index .form.payments hr {
    display: none;
}

.checkout-index-index .form.payments .legend span {
    display: none;
}

.checkout-index-index .opc-block-summary, .checkout-index-index .opc-block-summary .mark {
    background: rgb(255, 255, 255);
}

.checkout-index-index .opc-block-summary .mark {
    border-top: none;
}

.checkout-index-index .opc-block-summary .grand.totals.excl {
    display: none;
}

.checkout-index-index .opc-sidebar .modal-content {
    border: 1px solid rgb(222, 226, 230);
    border-radius: 20px;
}

a#morelink {
    border: dotted;
    border-radius: 9px;
    width: 7rem;
    height: 7rem;
    content: "•";
}

body.customer-account-create .field div.field-success, body.customer-address-form .field div.field-success {
    color: green;
}

body.customer-account-create .field div.field-error, body.customer-account-create .field div.field-success, body.customer-account-create .field label.label {
    padding-left: 1rem;
}

body.customer-address-form .field div.field-error, body.customer-address-form .field div.field-success, body.customer-address-form .field label.label {
    padding-left: 1rem;
}

body.customer-account-create .fieldset .field input.input-text[readonly="true"], body.customer-address-form .fieldset .field input.input-text[readonly="true"] {
    pointer-events: none;
    cursor: default;
    border-color: rgba(220, 220, 220, 0.5);
}

body.customer-account-create .fieldset div.field.choice {
    padding-left: 24px;
}

body.customer-account-create .fieldset div.field.choice .field-title {
    color: rgb(99, 69, 148);
}

body.customer-account-create .fieldset div.field.choice > input[type="checkbox"] {
    display: none;
}

body.customer-account-create .fieldset div.field.choice > .label {
    padding-left: 20px;
    line-height: 1.2rem;
}

body.customer-account-create .fieldset div.field.choice > .label::before {
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 17px;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url("../Magento_Checkout/css/img/checkbox-ico.png");
}

body.customer-account-create .fieldset div.field.choice > input[type="checkbox"]:checked + .label::before {
    background-position: -17px 0px;
}

body.customer-account-create .fieldset div.field.choice > .label {
    position: relative;
}

body.customer-address-form .fieldset div.field.choice {
    padding-left: 24px;
}

body.customer-address-form .fieldset div.field.choice .field-title {
    color: rgb(99, 69, 148);
}

body.customer-address-form .fieldset div.field.choice > input[type="checkbox"] {
    display: none;
}

body.customer-address-form .fieldset div.field.choice > .label {
    padding-left: 20px;
    line-height: 1.2rem;
}

body.customer-address-form .fieldset div.field.choice > .label::before {
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 17px;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url("../Magento_Checkout/css/img/checkbox-ico.png");
}

body.customer-address-form .fieldset div.field.choice > input[type="checkbox"]:checked + .label::before {
    background-position: -17px 0px;
}

body.customer-address-form .fieldset div.field.choice > .label {
    position: relative;
}

.product .description table, .modal-content table {
    border-radius: 0rem;
    border: none;
    margin-bottom: 1rem;
}

.description tbody tr:nth-child(2n+1), .modal-popup .modal-content tbody tr:nth-child(2n+1) {
    background-color: rgb(241, 241, 241);
}

.product .description td, .modal-content td {
    padding: 0.5rem 0px 0.5rem 0.5rem;
    border-top: 1px solid rgb(206, 206, 206);
}

.product .description tr td:first-child, .modal-content tr td:first-child {
    width: 30% !important;
}

.description h3, .modal-popup h3 {
    font-size: 1.3rem;
}

.description h3 {
    color: rgb(101, 101, 101);
}

.modal-footer button {
    display: none;
}

.modal-footer button.ml-2.btn-primary {
    display: block;
}

.easycatalogimg-grid ul.list-subcategories {
    display: none;
}

.easycatalogimg .easycatalogimg-listing {
    width: 100%;
    height: auto;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    align-items: baseline;
}

.easycatalogimg .easycatalogimg-listing::-webkit-scrollbar {
    display: none;
}

.easycatalogimg-grid {
    padding: 0px;
    border-radius: 4rem;
}

.easycatalogimg .item {
    padding: 0.4rem 1rem;
    border: 1px solid rgb(243, 243, 243);
    border-radius: 5rem;
    background-color: rgb(243, 243, 243);
    margin: 0px 0.5rem;
    transition-duration: 500ms;
}

.easycatalogimg .item .image {
    width: 2.25rem;
    margin-right: 0.5rem;
}

.easycatalogimg .item .parent-category-wrapper {
    white-space: nowrap;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.easycatalogimg .category-name a {
    color: rgb(72, 60, 139);
    font-weight: bold;
    text-decoration: none !important;
}

.easycatalogimg-grid .item:first-child {
    margin-left: 3.6rem;
}

.easycatalogimg-grid .item:last-child {
    margin-right: 3.6rem;
}

.easycatalogimg .item:hover {
    border: 1px solid rgb(72, 61, 137);
    border-radius: 5rem !important;
    background-color: rgb(255, 255, 255) !important;
}

@media screen and (max-width: 991px) {
    .easycatalogimg .item {
        margin: 0px 0.4rem;
    }

    .easycatalogimg .item .image {
        display: none;
    }

    .category-name.parent-category.parent-category-top {
        padding: 0.5rem 0.7rem;
    }
}

.page-title {
    margin-bottom: 1.5rem;
}

.scroll-buttons {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 2;
    padding: 0px 1.25rem;
    margin-left: -1.25rem;
}

.scroll-buttons button {
    background-color: rgb(99, 69, 148);
    border: none;
    font-size: 1.2rem;
    pointer-events: auto;
    cursor: pointer;
    padding: 0.5rem;
    color: white;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    line-height: 1.4rem;
}

.scroll-buttons button:disabled {
    cursor: not-allowed;
    background-color: rgb(220, 220, 220);
    color: white !important;
}

.scroll-buttons .scroll-left {
    rotate: 180deg;
}

.scroll-buttons .scroll-left::before {
    content: "";
}

.scroll-buttons .scroll-right::before {
    content: "";
}

.scroll-buttons .scroll-left, .scroll-buttons .scroll-right {
    padding: 0.5rem 0.7rem;
}

.scroll-buttons .scroll-right {
    margin-left: auto;
}

.overlap-container {
    background-size: cover;
    background-position: center center;
    margin-top: 5rem;
    width: 150%;
    margin-left: -25%;
}

.overlap-container .overlay {
    height: 90vh;
    margin-bottom: -5rem;
    background-image: linear-gradient(to right, rgba(202, 222, 233, 0.94), rgba(202, 222, 233, 0.84));
}

.overlap-block p {
    color: rgb(99, 70, 146);
}

.overlap-block {
    width: 50vw;
    padding: 4rem 7rem;
    margin: auto;
    border-radius: 1rem;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.overlap-block button {
    margin-top: 1rem;
}

.theme_header {
    background-size: cover;
    background-position: center center;
    width: 142%;
    margin-left: -21%;
    margin-top: -8rem;
    margin-bottom: -6rem;
    min-height: 60vh;
    height: auto;
    display: flex;
    justify-content: center;
}

._formpage {
    width: 50%;
    text-align: center;
    padding: 11rem 3rem;
}

@media screen and (max-width: 992px) {
    .overlap-container {
        width: 110%;
        margin-left: -5%;
    }

    .overlap-block {
        width: 90vw;
        padding: 3rem;
    }

    .overlap-container .overlay {
        height: 70vh;
    }

    .theme_header {
        min-height: 20vh;
        margin-bottom: -3.5rem;
        width: 110%;
        margin-left: -5%;
        margin-top: -5rem !important;
    }

    ._formpage {
        width: 100%;
        padding: 5rem 3rem 6rem !important;
    }
}

.nav-item.Koningsdag {
    color: rgb(253, 139, 76);
}

._form-label {
    font-weight: bold;
}

._field-wrapper input::placeholder {
    color: rgb(220, 220, 220);
}

._form_element {
    margin-top: 1rem;
}

._form-content select, ._form-content ._field-wrapper input, ._form-content textarea, ._form-content select {
    border: 1px solid rgb(220, 220, 220);
    border-radius: 1rem;
    padding: 0.6rem 1.2rem;
    height: calc(2px + 2.6rem);
    width: 100%;
}

._formpage {
    padding-top: 11rem;
}

._form-content .datetime_date, ._form-content .datetime_time {
    width: 49.5% !important;
}

._form-content .form-sr-only {
    display: none;
}

._form-content ._submit {
    margin-top: 2rem;
    max-width: 100%;
    padding: 1.2rem 2.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
    background-color: rgb(253, 139, 76);
    color: rgb(255, 255, 255);
    border-color: transparent;
}

._form-content ._submit:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
    cursor: pointer;
}

._form-content ._row input[type="checkbox"], ._form-content ._row input[type="radio"] {
    outline: rgb(220, 220, 220) solid 1px;
    transition: 0.5s;
}

._form-content input[type="checkbox"]:checked, ._form-content input[type="radio"]:checked {
    transition: 0.5s;
    background-color: rgb(98, 200, 160);
    border-color: rgb(255, 255, 255);
    outline: rgb(98, 200, 160) solid 1px;
}

._form-content ._row input[type="checkbox"], ._form-content ._row input[type="checkbox"]:checked, #_form_18_ ._row input[type="radio"], #_form_18_ ._row input[type="radio"]:checked {
    margin-right: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    appearance: none;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 0.2rem;
}

._row._checkbox-radio {
    display: flex;
    align-items: flex-start;
}

._form-content ::placeholder, .datetime_date, .datetime_time, .date_field {
    color: rgb(113, 113, 113);
}

._field-wrapper.listbox select {
    height: 100%;
    padding-bottom: 0px;
    overflow: hidden;
}

._field-wrapper.listbox select option:focus-visible, ._field-wrapper.listbox select option:checked {
    background-color: rgb(244, 245, 247);
    color: rgb(113, 113, 113);
}

._field-wrapper ._error-inner {
    color: red;
}

._field-wrapper textarea:last-child {
    min-height: 20vh;
}

.notfound-block {
    margin: auto;
}

.input-text, .form-control, select {
    border-radius: 14px !important;
}

.form .form-discount {
    display: flex;
    justify-content: space-between;
}

.input-text, .form-control, .form-shipping-address .select {
    border-radius: 14px !important;
}

#customer-email-fieldset, #customer-email-fieldset .actions-toolbar {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

#customer-email-fieldset .actions-toolbar {
    align-items: center;
}

#customer-email-fieldset .field.required, .choice.field {
    width: 100%;
}

#customer-email-fieldset .field._required {
    width: 49%;
}

.form-shipping-address input:read-only, .fieldset-content input:read-only, .form-billing-address input:read-only {
    background-color: rgb(241, 241, 241);
}

.form-shipping-address .choice.field label {
    margin-left: 0.7rem;
}

.checkout-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field {
    margin: 0px 0px 0.2rem;
}

.one-step-checkout-wrapper .step-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: rgb(99, 69, 148);
    background: rgb(243, 243, 243);
    border-radius: 14px 14px 0px 0px;
    padding: 1rem 2.3rem;
}

.one-step-checkout-wrapper .opc-block-summary, .one-step-checkout-wrapper .opc-block-address, .one-step-checkout-wrapper .opc-block-overview {
    background-color: rgb(255, 255, 255);
    border-radius: 0px 0px 14px 14px;
    margin-bottom: 2rem;
}

.one-step-checkout-wrapper .table-totals th {
    background-color: rgb(255, 255, 255);
    border-top: 0px;
}

.one-step-checkout-wrapper .btn-secondary-green {
    margin: 3rem 0px;
    float: right;
    width: 100%;
}

a.edit-quote {
    background: none;
    box-shadow: none;
    color: rgb(220, 153, 218);
    padding: 0px;
    border-radius: 0px;
    margin: 0px 0px 0px 2.5rem;
}

@media screen and (max-width: 972px) {
    .form.form-discount {
        display: block;
    }
}

.quoteextension-index-index .authentication-wrapper {
    display: none;
}

.quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-content, .quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-header, .quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-content .block-customer-login {
    border: none;
}

.quoteextension-index-index .authentication-wrapper > button {
    display: none;
}

.quoteextension-index-index .opc-block-address.step-content, div#checkout-step-shipping {
    border: none;
}

.quoteextension-index-index .opc-progress-bar {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2.2rem;
    position: relative;
    color: rgb(99, 69, 148);
    padding-left: 0px;
    background: url("../images/step-navigator-devider-bg.png") center center repeat-x;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item {
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active {
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item > span {
    position: relative;
    background: white;
    padding: 0px 10px;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item > span > span {
    position: relative;
    z-index: 2;
    opacity: 0.2;
    font-weight: 800;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete > span > span, .quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active > span > span {
    opacity: 1;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active::before {
    opacity: 0.2;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(2n+1) > span::after {
    opacity: 0.2;
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(220, 153, 218);
    color: transparent;
    border-radius: 20px;
    position: absolute;
    left: 0px;
    bottom: 8px;
    z-index: 0;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(2n) > span::after {
    opacity: 0.2;
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(202, 222, 233);
    color: transparent;
    border-radius: 20px;
    position: absolute;
    left: 0px;
    bottom: 8px;
    z-index: 0;
}

.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(2n+1) > span::after, .quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(2n) > span::after, .quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(2n+1) > span::after, .quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(2n) > span::after {
    opacity: 1;
}

.quoteextension-index-index .step-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: rgb(99, 69, 148);
    padding: 15px 30px;
    background: rgb(243, 243, 243);
    border-radius: 18px;
    margin-bottom: 18px;
}

.quoteextension-index-index .field > .label, .quoteextension-index-index .fieldset > .field > .label, .quoteextension-index-index .fieldset > .fields > .field > .label, .quoteextension-index-index .note {
    padding-left: 24px;
}

.quoteextension-index-index .note {
    padding-top: 20px;
}

.quoteextension-index-index .actions-toolbar .primary:hover {
    cursor: pointer;
}

.quoteextension-index-index .actions-toolbar .action.login.primary, .quoteextension-index-index .actions-toolbar .button.action.continue.primary, .quoteextension-index-index .actions-toolbar button.action.primary.checkout {
    background: rgb(253, 139, 76);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 5px;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    max-width: 100%;
    padding: 1.2rem 2.4rem;
    border-radius: 1.75rem 1.75rem 0px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
}

.quoteextension-index-index .actions-toolbar .action.login.primary:hover, .quoteextension-index-index .actions-toolbar .button.action.continue.primary:hover, .quoteextension-index-index .actions-toolbar button.action.primary.checkout:hover {
    background-color: rgb(253, 139, 76);
    color: rgb(255, 255, 255);
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.16) 2px 8px 6px;
}

.quoteextension-index-index .table-checkout-shipping-method td.col.col-method:nth-of-type(1), .quoteextension-index-index .table-checkout-shipping-method th.col.col-method:nth-of-type(1), .quoteextension-index-index .table-checkout-shipping-method thead .row {
    display: none;
}

.quoteextension-index-index .table-checkout-shipping-method .col.col-price {
    order: 3;
    text-align: right;
    padding-right: 60px;
}

.quoteextension-index-index .table-checkout-shipping-method .col.col-method {
    order: 2;
}

.quoteextension-index-index .table-checkout-shipping-method .col.col-carrier {
    padding-left: 39px;
}

.quoteextension-index-index .table-checkout-shipping-method tbody .row {
    border: 1px solid rgb(187, 187, 187);
    border-radius: 14px;
    padding: 10px;
    margin: 0px 0px 14px;
    font-size: 1.1rem;
}

.quoteextension-index-index .table-checkout-shipping-method input[type="radio"]:checked {
    background: rgb(247, 252, 250);
    border: 1px solid rgb(101, 201, 162) !important;
}

.quoteextension-index-index .form.payments hr {
    display: none;
}

.quoteextension-index-index .form.payments .legend span {
    display: none;
}

.quoteextension-index-index .opc-block-summary, .quoteextension-index-index .opc-block-summary .mark {
    background: rgb(255, 255, 255);
}

.quoteextension-index-index .opc-block-summary .mark {
    border-top: none;
}

.quoteextension-index-index .opc-block-summary .grand.totals.excl {
    display: none;
}

.quoteextension-index-index .opc-sidebar .modal-content {
    border: 1px solid rgb(222, 226, 230);
    border-radius: 20px;
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content {
    border: none;
    border-radius: 0px;
    padding: 0px 0px 0px 3.9vw;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content {
        padding: 0px;
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary {
    border: 1px solid rgb(222, 226, 230);
    border-radius: 10px;
    padding: 0px;
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-title {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 1rem 2.3rem;
    margin-bottom: 0px;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-title {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-content {
    padding-left: 2.3rem;
    padding-right: 2.3rem;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-content {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .actions-toolbar .primary.disabled {
    cursor: default;
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .actions-toolbar .primary.disabled button.button {
    opacity: 0.6;
    pointer-events: none;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice .field-title, .quoteextension-index-index .checkout-information-email div.field.choice .field-title, .quoteextension-index-index .checkout-information-shipping div.field.choice .field-title {
    color: rgb(99, 69, 148);
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice > input[type="checkbox"], .quoteextension-index-index .checkout-information-email div.field.choice > input[type="checkbox"], .quoteextension-index-index .checkout-information-shipping div.field.choice > input[type="checkbox"] {
    display: none;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice > .label, .quoteextension-index-index .checkout-information-email div.field.choice > .label, .quoteextension-index-index .checkout-information-shipping div.field.choice > .label {
    padding-left: 20px;
    line-height: 1.2rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice > .label::before, .quoteextension-index-index .checkout-information-email div.field.choice > .label::before, .quoteextension-index-index .checkout-information-shipping div.field.choice > .label::before {
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 17px;
    height: 17px;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url("../Magento_Checkout/css/img/checkbox-ico.png");
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice > input[type="checkbox"]:checked + .label::before, .quoteextension-index-index .checkout-information-email div.field.choice > input[type="checkbox"]:checked + .label::before, .quoteextension-index-index .checkout-information-shipping div.field.choice > input[type="checkbox"]:checked + .label::before {
    background-position: -17px 0px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice > .label, .quoteextension-index-index .checkout-information-email div.field.choice > .label, .quoteextension-index-index .checkout-information-shipping div.field.choice > .label {
    position: relative;
}

.quoteextension-index-index .checkout-information-email .field.choice, .quoteextension-index-index .checkout-information-email .field-error {
    padding-left: 24px;
}

.quoteextension-index-index .checkout-information-email .field-error {
    color: red;
    font-size: 0.8rem;
}

.quoteextension-index-index .opc-block-summary .table {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-block-summary .table {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

.quoteextension-index-index .opc-block-summary .table tbody tr td, .quoteextension-index-index .opc-block-summary .table tbody tr th {
    padding: 0.35rem 0px;
}

.quoteextension-index-index .opc-block-summary .table tbody tr .mark {
    font-weight: normal;
    vertical-align: middle;
    padding-left: 0px;
}

.quoteextension-index-index .opc-block-summary .table tbody tr .mark span.label + span.value {
    font-size: 0.7rem;
    color: rgb(220, 220, 220);
    margin-left: 4px;
}

.quoteextension-index-index .opc-block-summary .table tbody tr .amount {
    vertical-align: middle;
    text-align: right;
    padding-right: 0px;
}

.quoteextension-index-index .opc-block-summary .table tbody tr.devider td {
    padding: 0.25rem 0px;
}

.quoteextension-index-index .opc-block-summary .table tbody tr.devider td::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgb(220, 220, 220);
}

.quoteextension-index-index .opc-block-summary .table tbody tr.grand.totals.incl {
    border-top: 0px;
}

.quoteextension-index-index .opc-block-summary .summary-edit-cart {
    margin-bottom: 2.3rem;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-block-summary .summary-edit-cart {
        margin-bottom: 1.6rem;
    }
}

.quoteextension-index-index .step-title {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 1rem 2.3rem;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .step-title {
        font-size: 1.2rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}

.quoteextension-index-index .table-checkout-shipping-method tbody .row {
    padding: 7px 10px 7px 0px;
    margin: 0px 0px 10px;
}

.quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col.col-carrier {
    padding-left: 2.3rem;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col.col-carrier {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

.quoteextension-index-index .opc-wrapper {
    padding-right: 1.2vw;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-wrapper {
        padding-right: 0px;
    }
}

.quoteextension-index-index .opc-progress-bar {
    margin-top: 0.75vw;
    margin-bottom: 2.5vw;
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-progress-bar span span {
        font-size: 1rem;
    }
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap {
    border-radius: 1vw;
    width: 46%;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-header {
    background: transparent;
    padding-left: 2rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-header .modal-title {
    text-align: left;
    line-height: 3.5rem;
    color: rgb(99, 69, 148);
    font-weight: 800;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content {
    margin: 0px 2rem;
    padding: 0px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset {
    margin: 0px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field {
    margin: 0px 0px 0.5rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field label.label {
    padding-left: 1.2rem;
    font-size: 0.8rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field input.input-text {
    padding: 0.6rem 1.2rem;
    height: calc(2px + 2.6rem);
    border-color: rgb(220, 220, 220);
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field input.input-text[readonly="true"] {
    pointer-events: none;
    cursor: default;
    border-color: rgba(220, 220, 220, 0.5);
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field select.select {
    border-radius: 2.1rem;
    height: calc(2px + 2.6rem);
    padding: 0.6rem 0.8rem;
    font-size: 0.8rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field._required > label > span::after {
    display: inline-block;
    content: "*";
    margin-left: 5px;
    color: rgb(219, 153, 217);
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.success {
    color: green;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.mage-error, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.warning, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field-error {
    color: red;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.mage-error, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field-error, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.warning, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.success, .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset label.error {
    padding-left: 1.2rem;
    font-size: 0.8rem;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field {
    margin: 0px;
    overflow: hidden;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control {
    margin: 0px -5px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control div.field {
    padding: 0px 5px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control div.field .control {
    margin: 0px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field._error div.field {
    margin-bottom: 0px;
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-footer {
    padding: 1.5rem 2rem;
}

.quoteextension-index-index span#block-discount-heading span::before {
    display: inline;
    content: ">";
    margin-right: 5px;
}

.quoteextension-index-index span#block-discount-heading {
    color: rgb(220, 153, 218);
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    body.quoteextension-index-index .opc-wrapper, body.quoteextension-index-index .opc-sidebar {
        width: 100%;
        float: none;
    }

    .modal-popup .modal-inner-wrap {
        margin: 1rem auto;
    }

    .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-footer {
        padding: 0.75rem 2rem 1rem;
    }
}

.ec-gtm-cookie-directive:not(:has(.action.accept)) {
    opacity: 0;
}

.option-item, .option-label, .option-item .d-flex {
    height: 100% !important;
}

.options-grid.row > [class^="col"] > .option-label > .option-item .caption {
    height: auto;
}





/* ----------------------------  STAFF ---------------------------- */

.staff-item {
    background: rgb(237, 245, 248);
    border-radius: 12px;
    padding-top: 110px;
    margin-top: 40%;
}

.staff-thumb-wrap {
    position: absolute;
    top: -60%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 120%;
    z-index: 2;
}

.staff-item .thumb {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
}

.staff-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.staff-item .card-body {
    height: 8rem;
}

.staff-name {
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 500;
    color: rgb(106, 91, 154);
}

.staff-position {
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgb(91, 91, 122);
}


/* ----------------------------  HEADER ---------------------------- */
/* SEARCH */
.header-search form {/* display: flex; */}
.header-search .field.search {/* width: 100%; */}
.header-search .actions {
    /* display: flex; */
    /* align-items: center; */
    gap: .35rem;
    /* position: absolute; */
    right: .5rem;
    /* height: 100%; */
}

.header-search .search-extra {
    /* display: flex; */
    /* opacity: 0.7; */
}.header-search.has-value .search-clear {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-search.is-loading .search-loading {
    opacity: 1;
    visibility: visible;
}

.header-search.is-loading .search-clear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* #topbar → overflow-hidden */
#topbar {
    background: rgb(215, 227, 237);
    color: rgb(62, 49, 105);
    overflow: hidden;
}

/* .usp-center .item → d-inline-flex */
.usp-center .item {
    display: inline-flex !important;
}
@media (max-width: 991px) {
    .usp-center {
        position: relative;
        overflow: hidden;
        display: block !important;
        width: 100%;
    }

    #topbar .usp-center .item {
        display: none !important;
        width: 100%;
        /*! padding: 6px 0; */
        text-align: center;
    }

    #topbar .usp-center .item.active {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    #topbar .d-lg-flex {
        display: none !important;
    }
}
.header-right {
    /* margin-top: 0.25rem; */
}

.header-search {
    /* margin-left: 0.9rem; */
    z-index: 80;
}

.header-search .field label {
    display: none;
}

.header-search .input-text {
    /* display: block; */
    /* width: 100%; */
    /* background: rgb(255, 255, 255); */
    /* border: 1px solid rgba(255, 255, 255, 0.48); */
    /* border-radius: 1.6rem 1.6rem 0px; */
    /* height: 3.2rem; */
    /* color: rgb(255, 255, 255); */
    /* padding: 0.95rem 3rem 0.95rem 2.1rem; */
    /* transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; */
    /* outline: none !important; */
    /* box-shadow: none !important; */
}

.header-search .input-text::placeholder {
    color: rgba(255, 255, 255, 0.48);
    transition: color 0.3s ease-in-out;
}

.header-search {
}

.header-search .action.search {
    /* display: block; */
    /* padding-right: .5rem; */
    /* padding-left: 0px; */
    font-size: 1.2rem;
    /* text-align: center; */
    color: rgb(174, 163, 184);
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
}

.header-search .loader-spinner {
    width: .8rem;
    height: .8rem;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(69, 53, 114) rgb(204, 204, 204) rgb(204, 204, 204);
    border-image: initial;
    position: absolute;
    top: 0.8rem;
    right: 2.5rem;
}

.header-search .action.search-clear {
}

.header-search .input-text:focus {
    background: rgb(255, 255, 255);
    color: rgb(106, 79, 163);
    border: 1px solid rgb(255, 255, 255);
}

.header-search .input-text:focus::placeholder {
    color: rgb(106, 79, 163);
}

.header-search:focus-within .action.search {
    color: rgb(106, 79, 163);
}


.search-loading{
    display:flex;
    align-items:center;
    justify-content:center;
}

.loader-spinner{
    /* width:16px; */
    /* height:16px; */
    /* border:2px solid #ccc; */
    /* border-top-color:#000; */
    border-radius:50%;
    animation: searchSpin .6s linear infinite;
}
/* standaard allebei uit */
.header-search .search-loading,
.header-search .search-clear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

/* alleen X tonen als er waarde is */
.header-search.has-value .search-clear {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* loader tonen tijdens laden */
.header-search.is-loading .search-loading {
    opacity: 1;
    visibility: visible;
}

/* tijdens laden X juist verbergen */
.header-search.is-loading .search-clear {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@keyframes searchSpin{
    to{ transform:rotate(360deg); }
}


.header-usp ul {
    margin: 0px;
    padding: 0.3rem 0px;
    gap: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.header-usp {
    background: rgb(172, 145, 212);
    color: rgb(62, 49, 105);
}

.header-usp ul li::before {
    font-family: printshopz;
    content: "";
    display: inline-block;
    left: 0px;
    width: 1.2rem;
    margin-right: 0.3rem;
    height: 1.2rem;
    color: rgb(62, 49, 105);
}

#topbar div.order-0 .item::before {
    font-family: printshopz;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    color: rgb(62, 49, 105);
    padding-right: 0.6rem;
}

#topbar * {
    padding: 0px;
    margin: 0px;
}

.topbar {
    background: rgb(248, 248, 248);
    overflow: hidden;
    color: rgb(62, 49, 105);
}

.easycatalogimg .easycatalogimg-listing {
    overflow-x: hidden;
}

.nav-mobile {
    display: none;
}


/* ----------------------------  MINI CART ---------------------------- */


@media screen and (max-width: 992px) {
    .block.block-minicart {
        min-width: 90vw !important;
    }
}

.block.block-minicart {
    margin-bottom: 0px;
    height: 100%;
    border-radius: 0px;
    min-width: 500px;
}

.minicart-items-wrapper {
    padding-bottom: 1.5rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.cart-summ {
    margin: 0px 1rem 5.5rem;
    bottom: 0px;
    border-radius: 1rem;
}



#mini-cart .item.product.product-item > td:first-child {
    border-radius: 8px 0px 0px 8px;
    padding: 0.5rem !important;
}

#mini-cart .item.product.product-item .product-item-image img {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 10px;
}

#mini-cart .item.product.product-item > td {
    padding: 8px 12px;
    border-bottom: 1px solid rgb(246, 246, 246);
}

#mini-cart .item.product.product-item:last-child > td {
    border-bottom: none;
}

#mini-cart .product-item-name a {
    text-decoration: none;
    font-weight: bold;
    color: rgb(99, 69, 148);
}

#mini-cart .product.options .toggle {
    font-size: 0.9rem;
    font-style: italic;
    color: rgb(113, 113, 113);
    margin-top: -0.5rem;
    font-weight: 500 !important;
}

#mini-cart .product.options .content {
    font-size: 0.9rem;
    color: rgb(154, 154, 154);
}


.block-minicart .block-content .actions.text-center .secondary .viewcart:nth-child(1) {
    padding: 0.7rem 0px;
    text-decoration: none;
    color: rgb(113, 113, 113);
}

.block-minicart .block-content .actions.text-center .secondary .viewcart:nth-child(1):hover {
    text-decoration: underline;
}

.block-minicart .subtitle.empty {
    font-size: 0.9rem;
    text-align: center;
    color: rgb(113, 113, 113);
}

.minicart-header {
    background: #503778;
    max-height: 4.5rem;
    justify-content: center;
    min-height: 4.5rem;
}

.product-item:not(:has(.toggle)) tr > td.p-0.pr-2, .product-item .product-item-pricing {
    line-height: 4rem;
}

.product.options {
    margin-top: -1rem;
}

.product.options .content {
    padding-top: 1rem;
}

.product-item-qty > div {
    margin-top: 0.7rem;
}

.minicart-close span:first-child::after {
    padding-left: 0.4rem;
    content: "x";
    display: inline-block;
    transform: rotate(0deg);
    transition: transform 0.35s ease-in-out;
}

.delivery-table tbody tr td label input[type="radio"]:checked + span {
    border: 1px solid rgb(98, 200, 160);
    margin: -1.05rem;
}

.delivery-table tbody tr td label {
    white-space: nowrap;
}

.delivery-table {
    background-color: rgb(255, 255, 255);
}

.delivery-table.active tbody td span.catalog-price-incl {
    white-space: nowrap;
    left: 0px !important;
}

.catalog-price-incl {
    text-align: left;
    padding-left: 0.5rem;
}

@media screen and (max-width: 991px) {
    .product-options-bottom .block-content .priceTable {
        overflow-x: scroll;
    }

    .delivery-table.active tbody td span.catalog-price-incl {
        margin: 3px -8px;
    }
}

.showImage img {
    max-height: 150px !important;
    width: auto !important;
}

.cart-container .table-wrapper form {
    text-align: center;
}

.cart-container .table-wrapper .download-link {
    display: none;
}

.dashboard-detail .order-detail-cart-table .option-row img {
    object-fit: contain;
    max-height: 175px !important;
}

.submenu .px-0 > a:not(:has(+ ul)) {
    font-weight: 100 !important;
}

.modal-footer button {
    display: block !important;
}

.qtyTable .qty-wrapper .catalog-price-incl {
    text-align: right !important;
}
.mage-dropdown-dialog {
    z-index: 10001;
    top: 0px;
    margin-top: 0px;
    position: fixed;
    height: 100dvh;
    right: 0px;
}

/* ----------------------------  HOME SLIDER ---------------------------- */
@media (max-width: 992px) {
    .hero-slider-section {
        padding: 6rem 0px 10rem;
    }

    .home-top-section {
        height: 42.5rem;
    }

    .hero-slider-wrapper {
        max-width: 100%;
    }

    .hero-slide-image {
        display: none;
    }

    .hero-slide-card {
        min-height: 17.5rem;
        padding: 1rem 1.5rem;
        display: flex;
    }

    .hero-slide-title, .hero-slide-text {
        margin-right: 0px;
    }

    .hero-slide-inner {
        display: flex;
        flex: 1 1 0%;
    }

    .hero-slide-btn {
        width: 100%;
    }
}

.hero-slide-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero-slide-image {
    overflow: hidden;
}
.hero-slider-section {
    position: relative;
    background: url("/media/wysiwyg/Productie.png") center center / cover rgb(234, 242, 251);
    padding-top: 4.5rem;
    padding-bottom: 11.5rem;
    overflow: hidden;
}

.hero-slider-section::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgba(80, 56, 119, 0.88);
    margin-top: 2rem;
}

.hero-slider-wrapper {
    position: relative;
    max-width: 80%;
    margin: 0px auto;
}

.hero-slider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slide-card {
    background: rgb(248, 246, 247);
    border-radius: 2rem;
    padding: 20px;
    /* width: 70%; */
    margin: auto;
    box-shadow: rgba(54, 47, 79, 0.06) 0px 8px 24px;
}

.hero-slide-inner {
    display: flex;
    align-items: center;
    gap: 32px;
}

.hero-slide-image {
    flex: 0 0 34%;
    aspect-ratio: 1 / 1;
    background-image: url("/media/wysiwyg/Productie.png");
    border-radius: 1rem;
    background-size: cover;
}

.hero-slide-image .img-holder {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    background: linear-gradient(135deg, rgb(184, 202, 232), rgb(143, 176, 219));
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 700;
}

.hero-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-slide-content {
    flex: 1 1 0%;
    color: rgb(77, 51, 114);
    text-align: left;
}

.hero-slide-title {
    margin-bottom: 18px;
    color: rgb(78, 47, 121);
    margin-right: 2rem;
}

.hero-slide-title strong {
    font-weight: 700;
}

.hero-slide-text {
    color: rgb(116, 106, 134);
    margin-right: 4rem;
}

.hero-slide-inner {
    display: flex;
    align-items: stretch;
    gap: 32px;
}

.hero-slide-content {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    color: rgb(77, 51, 114);
    text-align: left;
}

.hero-slide-text-wrap {
    margin-bottom: auto;
}

.hero-slide-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: rgb(243, 243, 243);
    background: rgb(220, 153, 218);
    font-weight: 600;
    text-decoration: none;
    transition: 0.25s;
    align-self: flex-start;
    padding: 0.6rem 2rem;
    margin-bottom: 0.5rem;
}

.hero-slide-btn:hover {
    background: rgb(62, 49, 105);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.hero-slider-arrow:focus, .hero-slider-dot:focus {
    outline: none;
}

.hero-slider-arrow {
    position: absolute;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border: 0px;
    background: transparent;
    color: rgb(203, 203, 203);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
    transition: opacity 0.2s;
}

.hero-slider-arrow:hover {
    opacity: 0.7;
}

.hero-slider-arrow.prev {
    left: 1rem;
}

.hero-slider-arrow.next {
    right: 2rem;
}

.hero-slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.6rem;
    gap: 0.5rem;
}

.hero-slider-dot {
    width: 1.5rem;
    height: 0.3rem;
    border-radius: 999px;
    border: 1px solid rgb(161, 161, 161);
    background: transparent;
    padding: 0px;
    cursor: pointer;
    transition: 0.25s;
}

.hero-slider-dot.active {
    background: rgb(243, 243, 243);
}

.hero-slide {
    display: none;
}

.hero-slide.active {
    display: block;
}

@media (max-width: 991.98px) {
    .hero-slide-card {
        max-width: 100%;
    }

    .hero-slider-arrow.prev {
        left: -5px;
    }

    .hero-slider-arrow.next {
        right: -5px;
    }
}

@media (max-width: 767.98px) {
    .hero-slide-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .hero-slide-image, .hero-slide-content {
        width: 100%;
    }

    .hero-slide-image .img-holder {
        height: 220px;
    }

    .hero-slide-title {
        font-size: 22px;
    }

    .hero-slider-arrow {
        width: 36px;
        height: 36px;
        font-size: 26px;
    }
}




/* ----------------------------  HOME CATEGORY ---------------------------- */

.home-cats-wrapper {
    /* border-bottom: 1px solid rgb(199, 207, 227); */
    position: relative;
}


.home-cats-toggle {
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-cats-fade {
}

.home-cats-list > .row > [class^="col"]:last-child {
    margin-bottom: 2rem;
}


.home-cats-list .btn-double {
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 90%;
    display: flex;
    justify-content: space-between;
}

.home-cats-section {
    margin-bottom: 8rem;
}

.category-item {
    /* position: relative; */
    /* display: flex; */
    /* flex-direction: column; */
    /* width: 100%; */
    text-decoration: none;
    /* border-radius: 2rem; */
    /* overflow: hidden; */
    isolation: isolate;
    transition: .3s;
}

.category-item::before {
    content: "";
    position: absolute;
    inset: 0px;
    border: 1px solid rgb(199, 207, 228);
    border-radius: inherit;
    pointer-events: none;
    z-index: 3;
}

.category-item::after {
    content: "";
    position: absolute;
    inset: 0px;
    padding: .15rem;
    border-radius: inherit;
    pointer-events: none;
    z-index: 4;
    background: linear-gradient(135deg, rgb(255, 60, 172), rgb(120, 75, 160), rgb(43, 134, 197), rgb(255, 204, 0)) left center / 0% 100% no-repeat;
    transition: background-size 0.45s cubic-bezier(0.65, 0, 0.35, 1);
    mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px);
}

.category-item:hover::after {
    background-size: 100% 100%;
}

.category-item .thumb {
    /* position: relative; */
    /* display: block; */
    /* width: 100%; */
    border-radius: inherit;
    overflow: hidden;
    z-index: 1;
}

.category-item .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.category-item .btn-double {
    position: absolute;
    bottom: 0.75rem;
    z-index: 2;
}

.home-cats-wrapper {
    /* position: relative; */
}

.home-cats-list {
    /* overflow: hidden; */
    transition: max-height .6s cubic-bezier(.65, 0, .35, 1);
    /* position: relative; */
    border-bottom: 1px solid rgb(199, 207, 227);
}

.home-cats-wrapper.is-open .home-cats-list {
    max-height: 9999px !important;
}

.home-cats-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.8rem;
    height: 95px;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
    /* background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 35%,
        rgba(255,255,255,0.75) 70%,
        rgba(255,255,255,1) 100%
    ); */
    transition: opacity .3s ease;
}

.home-cats-wrapper.is-open .home-cats-fade {
    opacity: 0;
}

.home-cats-toggle {
    position: relative;
    z-index: 3;
}

.home-cats-toggle .btn {
    width: 15rem;
}
/* ----------------------------  HOME BLOCKS ---------------------------- */

.block-container .col { min-width: 50%!important;}

.block-image-block img, .placeholder-content, .product-image-photo, .hero-slide-image .img-holder {
    transition: transform 0.5s;
    display: block;
}

.block-image-block:hover img, .placeholder-content:hover, .product-image-photo:hover, .hero-slide-image .img-holder:hover {
    transform: scale(1.04);
}

.block-text-purple {
    color: rgb(69, 53, 114);
}

.blok-title {
    font-size: 2rem;
    line-height: 2rem;
}

.block-border-l {
    border-radius: 2rem;
}

.block-border-m {
    border-radius: 1rem;
}

.block-border-full {
    border-radius: 10rem;
}

.block-bg-blue {
    background: rgb(240, 245, 249);
}

.block-height {
    height: 35rem;
}

.block-bg-lavender { background: #C6CEE1;}

.block-video-block {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
   
}

.block-video-block video {
  width: 100%;
  height: 100%;
  object-fit: cover;
     border-radius: 1rem;
}
.block-vertical-img-text {
    /* display: flex; */
    /* flex-flow: wrap; */
    /* align-content: flex-start; */
    /* flex-direction: column; */
    /* flex-direction: row; */
}

.block-horizontal-img-text-reverse {
    display: flex;
    flex-direction: row-reverse;
}



.btn-double {
    overflow: hidden;
    border-radius: 10rem;
    display: inline-block;
    width: fit-content;
    padding-right: 2.6rem;
    cursor: pointer;
}

.block-container .btn-double {
    margin-left: -.4rem;
}
.block-text-block {
    align-items: flex-start;
    flex: 1;
}
.block-text .item::before {
  font-family: printshopz;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  color: rgb(62, 49, 105);
  padding-right: 0.6rem;
}
.btn-double-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 2.5rem;
    text-decoration: none;
    color: rgb(69, 53, 114);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(213, 219, 235);
    border-radius: 10rem;
    overflow: visible;
    transition: color 0.3s, border-color 0.3s;
    z-index: 1;
}

.btn-double-text::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -2.5rem;
    width: 2rem;
    height: 2rem;
    background: rgb(69, 53, 114);
    border-radius: 50%;
    transform: translateY(-50%) scale(1);
    transform-origin: center center;
    transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 1;
}

.btn-double-text .text {
    position: relative;
    z-index: 3;
    padding: 0.9rem 5rem 0.9rem 2rem;
    display: inline-block;
    transition: color 0.3s;
    font-size: 0.9rem;
    line-height: 1rem;
}

.btn-arrow {
    position: absolute;
    /* top: 50%; */
    right: -2rem;
    /* transform: translateY(-50%); */
    width: .75rem;
    height: .75rem;
    /* border-radius: 50%; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* background: rgb(69, 53, 114); */
    /* color: rgb(255, 255, 255); */
    z-index: 3;
    /* font-size: 1.25rem; */
    /* line-height: 1.25rem; */
    /* padding-bottom: 0.25rem; */
    background-image: url("/media/wysiwyg/arrow-xy.svg");
    transform: rotate(-90deg);
}

.btn-double-text:hover, .thumb-cover:hover .btn-double-text {
    color: rgb(255, 255, 255);
    border-color: rgb(69, 53, 114);
}

.btn-double-text:hover::before, .thumb-cover:hover .btn-double-text::before {
    transform: translateY(-50%) scale(16);
}

.btn-double-text:hover .text, .thumb-cover:hover .btn-double-text .text {
    color: rgb(255, 255, 255) !important;
}

.btn-double a {
    color: rgb(62, 49, 105) !important;
}


.block-s .block-image-block {
    /*! flex: 1 1 0%; */
    min-height: 12rem !important;
}
.block-s .block-text-block {
    height: calc(35rem - 14rem);
}

.block-image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.block-image-block {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 992px) {.block-container .col { min-width: 100%!important;} }

@media screen and (max-width: 992px) {
    .block-video-block { padding: 0rem!important;height: 15rem;}

    .block-horizontal-img-text { flex-direction: column!important;
}
.block-height{ height:auto;
}
.block-text-block  {padding: 1.5rem .5rem 1.5rem .5rem !important;
}
}
/* ----------------------------  FOOTER ---------------------------- */


.payment-icon {
    width: 2.5rem;
    height: auto;
    /* margin-right: 0.5rem; */
    max-height: 2rem;
    vertical-align: middle;
    transition: transform 0.2s;
}

.payment-icon:hover {
    transform: scale(1.2);
}

.icon-wrapper {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
}

.footer-socials .ico {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.footer-socials .ico::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer-socials li:not(:last-child)::after {
    content: "•";
    align-self: center;
    color: rgb(255, 255, 255);
    font-size: 0.6rem;
}

.footer {
    padding-bottom: calc(0px + env(safe-area-inset-bottom));
}

.footer-info {
    margin-bottom: 1rem;
}

@media screen and (max-width: 992px) {
    .payment-methods ul {
        justify-content: center;
        gap: .5rem;
    }

    .footer-info {
    }

    .footer-legal {
        justify-content: center !important;
    }

    .col-socials {
        width: auto;
        margin: 3rem auto 2rem !important;
    }
}

.footer-socials img {
    padding: 0.4rem;
    transition: 0.3s;
}

.footer-socials img:hover {
    padding: 0.25rem;
    transition: 0.3s;
}


/* ----------------------------  ANDERS / VERWIJDEREN / BOOTSTRAP ---------------------------- */
.benefits-section {display: none!important;}
/*.video-overlay {
    position: absolute;
    inset: 0px;
    pointer-events: none;
    background: linear-gradient(358deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0.2) 28%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.08) 48%, rgba(255, 255, 255, 0) 58%), radial-gradient(at 120% 78%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 18%, rgba(255, 255, 255, 0.42) 34%, rgba(255, 255, 255, 0.16) 50%, rgba(255, 255, 255, 0) 68%), linear-gradient(rgba(45, 35, 77, 0.55) 0%, rgba(45, 35, 77, 0.25) 28%, rgba(255, 255, 255, 0) 42%);
}

.video-container video {
    width: 100% !important;
}
 */

.btn2-primary {
    background: rgb(46, 36, 82);
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.btn2-primary:hover {
    color: rgb(255, 255, 255);
    background: rgb(62, 49, 105);
}

/*CUSTOM BOOTSTRAP */
.br-5 { border-radius: .5rem!important;}
.br-10 { border-radius: 1rem!important;}
.br-20 { border-radius: 2rem!important;}

.overflow-hidden { overflow: hidden;}

#carouselTop {
    position: relative;
}

.carousel-bottom-nav {
    position: static;
}

.carousel-bottom-arrow {
    position: absolute;
    top: 50%;
    /* width: 25%!important; */
    transform: translateY(-50%);
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #cfd6df; */
    /* background: #fff; */
    text-decoration: none;
    transition: all .25s ease;
    opacity: 0.5;
}
.carousel-bottom-arrow:hover { opacity: 1; }
.carousel-bottom-arrow.prev {
    left: -2rem;
}

.carousel-bottom-arrow.next {
    right: -2rem;
}

.carousel-bottom-arrow:hover {
    text-decoration: none;
}

.carousel-bottom-arrow-icon {
    line-height: 1;
    font-size: 1rem;
    background-image: url(/media/wysiwyg/arrow-xy.svg);
    width: 1rem;
    height: 1rem;
    transform: rotate(90deg);
}

.next .carousel-bottom-arrow-icon {
    transform: rotate(-90deg);
}
.hero-slider-section #carouselTop {
    width: 52.5%!important;
    margin: auto;
}
@media screen and (max-width: 992px) {
    .hero-slider-section #carouselTop {
        margin-top: 2rem;
        width: 95%!important;
    }
    .hero-slide-title, .hero-slide-text {
        margin-right: 0;
    }
    .carousel-indicators {
        margin-top: 1.5rem;
    }
    .carousel-bottom-nav {
        display: none;
    }
}




.block-horizontal-img-text {
    display: flex;
    flex-direction: row;
}
.block-horizontal-text-img {
    display: flex;
    flex-direction: row-reverse;
}
.block-vertical-img-text {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.block-vertical-text-img {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

.block-vertical-img-text .block-image-block, .block-vertical-text-img .block-image-block {
    max-height: 15rem!important;
    height: 15rem!important;
}

@media screen and (max-width: 992px) {

    .block-horizontal-img-text, .block-horizontal-text-img { flex-direction: column!important;
                                                           }
                                                           
}