:root {
    --black00: #000;
    --black01: #111;
    --black02: #222;
    --black03: #333;
    --green1: #1edf42;
    --green2: #18b235;
    --red0: #f50707;
    --red1: #f44336;
    --red2: #e94e1f;
    --red3: #18b235;
    --psblue1: #00aeef;
    --psblue2: #0092c9;
    --psblue3: #0089bc;
    --psblue1RGB: 0, 174, 239;
    --psyellow1: #f5ec4a;
    --psgray0: #435056;
    --psgray1: #5a6870;
    --psgray5: #95a4ad;
    --psgray6: #b9c6ce;
    --psgray7: #ccd8df;
    --psgray8: #dfeaf0;
    --psgray9: #f0f6fa;
    --bginput01: #8080800d;
    --bginput02: #e8eaeb;
    --bgform01: #f8f9f9;
    --bg-grad-green-mint-blue: linear-gradient(141deg, #9fb8ad 0%, var(--Mint-01) 51%, #2cb5e8 75%);
    --bg-grad-mint-blue: linear-gradient(141deg, var(--Mint-01) 30%, var(--Blue) 70%);
    --bg-grad-mint-blue-01: linear-gradient(141deg, var(--Mint-00) 30%, var(--Blue) 70%);
    --bg-grad-yellow-mint: linear-gradient(141deg, var(--Yellow) 30%, var(--Mint-01) 70%);
    --bg-grad-yellow-blue: linear-gradient(141deg, var(--Yellow) 30%, var(--Blue) 70%);
    --search-bg: #4e5f840d;
    --border-rad-inputs: 0.3rem;
    --border-rad-1rem: 1rem;
    --border-rad-75rem: 0.75rem;
    --border-rad-5rem: 0.5rem;
    --border-rad-35rem: 0.35rem;
    --border-rad-2rem: 2rem;
    --border-rad-02rem: 0.2rem;
    --border-rad-002rem: 0.02rem;
    --box-shadow-4-30: 0 4px 30px 0 rgba(152, 164, 175, 0.2);
    --box-shadow-4-30: 0 7px 20px 5px rgba(80, 94, 120, 0.2);
    --box-shadow-dbouble-blue: 0 10px 40px 0 rgba(18, 106, 211, 0.07), 0 2px 9px 0 rgba(18, 106, 211, 0.12);
    --box-shadow-dbouble-blue02: 0 7px 40px 5px rgba(96, 136, 168, 0.05), 0 2px 9px 1px rgba(11, 70, 124, 0.18);
    --box-shadow-dbouble-blue03: 10px 10px 40px 0 rgba(96, 136, 168, 0.07), 4px 2px 9px 0 rgba(96, 136, 168, 0.05);
    --box-shadow-dbouble-blue04: 0 12px 40px 5px rgba(96, 136, 168, 0.05), 0 4px 9px 1px rgba(96, 136, 168, 0.18);
    --box-shadow-dbouble-blue05: 0 12px 40px 0 rgba(96, 136, 168, 0.05), 0 14px 19px 0 rgba(96, 136, 168, 0.18);
    --box-shadow-dbouble-sml-blue05: 0 6px 20px 0 rgba(96,136,168,.05),0 7px 10px 0 rgba(96,136,168,.18);    
    --box-shadow-dbouble-menu: 0 20px 30px 0 rgba(96, 136, 168, 0.15), 0 0 16px rgba(96, 136, 168, 0.25);
    --box-shadow-ddown-menu: 0 10px 14px 2px rgba(0, 0, 0, 0.15), 0 20px 15px 20px rgba(0, 0, 0, 0.05);
    --box-shadow-ddown-menu-bottom: 0 10px 14px -2px rgba(0, 0, 0, 0.15), 0 20px 15px -20px rgba(0, 0, 0, 0.05);
    --anim-cubic: cubic-bezier(0.4, 0, 0.2, 1);
    --transY-up-5: translate(0, -5px) !important;
    --transY-up-10: translate(0, -10px) !important;
    --transY-up-15: translate(0, -15px) !important;
    --mainFont: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --maxcontainer: 1140px;
    --maxbanner: 1340px;
}
/* html {
	} */
::selection {
    color: white;
    background: var(--psblue1);
}
.bg-gray-100 {
    background-color: var(--bgform01) !important;
}
.bg-gray-800 {
    background-color: #5a6870 !important;
}
.text-white :-webkit-any(h1, h2, h3, h4, h5, h6) {
    color: white !important;
}
.text-white :is(h1, h2, h3, h4, h5, h6) {
    color: white !important;
}
.bg-gray-1000 {
    background-color: #435056 !important;
}
body {
    color: #444;
    font-size: 16px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--black01);
}
.h0 {
    font-size: 3.5rem;
}
html,
body,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.tooltip,
.popover {
    font-family: var(--mainFont);
}
.spinner {
    width: 30px !important;
    height: 30px !important;
    position: relative;
}
#app .spinner {
    margin: 20px;
}
#app .spinner .double-bounce1,
#app .spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}
#app .spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.spinner .bg-success {
    background-color: var(--psblue1) !important;
}
input:focus,
textarea:focus,
select:focus {
    outline: 0;
    border-style: solid;
}
.container-banner-expand {
    max-width: var(--maxbanner);
    margin-right: auto;
    margin-left: auto;
    background-color: var(--bginput01);
}
/* *:focus {
	} */
a {
    outline: 0;
    border: 0;
}
.ml-0 {
    margin-left: 0;
}
.mr-0 {
    margin-right: 0;
}
.ml-5,
.mx-5 {
    margin-left: 2.5rem !important;
}
.ml-6 {
    margin-left: -2rem;
}
.div-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.fas {
    line-height: inherit;
}
.fa-caret-down:before {
    content: "\f107";
}
.lh-2 {
    line-height: 2;
}
a,
.dropdown-item,
#dropdownmenu:hover,
li.dropdown,
a i,
a fill {
    -webkit-transition: all 0.2s var(--anim-cubic) 0s;
    -o-transition: all 0.2s var(--anim-cubic) 0s;
    transition: all 0.2s var(--anim-cubic) 0s;
}
a:hover {
    color: #455a64;
    text-decoration: none;
}
.border {
    border: none !important;
}
.border-round-35 {
    border-radius: var(--border-rad-35rem);
}
.border-round-50 {
    border-radius: var(--border-rad-5rem);
}
.border-round-75 {
    border-radius: var(--border-rad-75rem);
}
.border-round-100 {
    border-radius: var(--border-rad-1rem);
}
.border-round-200 {
    border-radius: var(--border-rad-2rem);
}
.border-gray-400 {
    border-color: transparent !important;
}
.btn {
    border-radius: 0.35rem;
}
.btn-outline-grey {
    color: #b9bdc0;
    border-color: #b9bdc0;
}
.btn-outline-grey:hover {
    background: var(--psblue1);
    color: white;
    border-color: var(--psblue1);
}
.btn-outline-yellow {
    color: #f5ec4a;
    border-color: #f5ec4a;
}
.btn-yellow {
    color: #435056;
    background-color: #f5ec4a;
    border-color: #f5ec4a;
}
.btn-yellow:hover,
.btn-outline-yellow:hover {
    background: var(--psblue1);
    color: white;
    border-color: var(--psblue1);
}
.btn-info {
    background: var(--psgray7);
    color: var(--psgray1);
    border-color: var(--psgray7);
}
.btn-secondary {
    background: var(--psgray8);
    color: var(--psgray1);
    border-color: var(--psgray8);
}
.btn-success {
    color: #fff;
    background-color: var(--psblue1);
    border-color: var(--psblue2);
}
.btn-outline-danger {
    color: var(--red1);
    border-color: var(--red1);
}
img {
    text-indent: -10000px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.pre-header {
    display: block;
    background-color: var(--gray-900);
    padding: 0.15rem 0;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 4;
}
.pre-header__msg {
    font-size: 1rem;
    padding: 0 0 0 0;
    line-height: 1.4;
}
.pre-header__msg p {
    margin-bottom: 0 !important;
}
/* .justify-between {
	} */
.flex {
    display: flex;
    flex-direction: column;
}
.items-center {
    align-items: center;
}
.bg-grad-01 {
    background-color: rgba(48, 122, 213, 0.81);
    background-image: linear-gradient(141deg, rgb(31, 200, 219) 30%, rgb(0, 171, 235) 50%, rgb(48, 122, 213) 70%);
}
.header-d {
    z-index: 1024;
}
#dropdownmenu.active > .dropdown-menu,
.dropdown:active > .dropdown-menu {
    display: block;
}
.dropdown:hover > .dropdown-menu {
    display: unset !important;
}
.navbar .mr-lg-auto,
.navbar .mx-lg-auto {
    margin-right: 0 !important;
}
@media (min-width: 992px) {
    .search-bar {
        margin-left: 2rem !important;
    }
    .search-bar + div {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 15% !important;
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }
}
.section-menu {
    background-color: var(--psblue1) !important;
}
.header-d.border-bottom,
.navbar.border-bottom {
    border-bottom: 1px solid transparent !important;
}
.navbar.navbar-expand-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 1022;
}
.navbar.navbar-expand-lg.navbar-light {
    background-color: white !important;
}
.navbar.navbar-expand-lg.navbar-light.bg-blue div {
    background-color: white;
}
.dropdown-menu.w-100 {
    margin-left: auto;
    margin-right: auto;
}
.dropdown-menu.w-100 div {
    margin-left: auto !important;
    margin-right: auto !important;
}
.section-menu-a .dropdown-menu .row.mx-0 {
    max-width: 1160px;
}
ul.navbar-nav.section-menu {
    background-color: white !important;
    justify-content: space-between;
    color: white;
}
ul.navbar-nav.section-menu li {
    color: white;
}
.navbar.navbar-expand-lg.navbar-light.bg-blue div div:not(.input-group-append):not(.row) {
    width: 100%;
}
.nav-item svg,
.nav-item i {
    display: none;
}
#mobileMenuContent .nav-item i {
    display: unset;
}
ul.navbar-nav.section-menu {
    justify-content: space-between;
}
.dropdown-menu div img {
    border-radius: var(--border-rad-2rem) !important;
    box-shadow: none !important;
}
.dropdown-item img {
    padding: 0 !important;
    margin: 0.25rem 0;
}
.dropdown-menu .bg-success {
    background: var(--bgform01) !important;
}
.bg-success .contrast-success {
    color: var(--psblue1);
    padding: 0.05rem 1rem !important;
}
.dropdown-menu,
ul.nav .dropdown-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: unset;
    box-shadow: var(--box-shadow-ddown-menu-bottom) !important;
    -webkit-box-shadow: unset !important;
    box-shadow: var(--box-shadow-ddown-menu-bottom) !important;
}
.section-menu-a .dropdown-menu .row.mx-0 {
    margin-left: auto !important;
    margin-right: auto !important;
}
.section-menu-a .dropdown-menu.w-100 div {
    margin-left: unset !important;
    margin-right: unset !important;
}
.section-menu li:first-of-type a:not(.dropdown-item) {
    padding-left: 0 !important;
}
.section-menu li:last-of-type a:not(.dropdown-item) {
    padding-right: 0 !important;
}
.nav-item a.text-black:hover {
    color: var(--psblue1) !important;
}
.dropdown-menu h2 {
    font-size: 1.5rem;
}
.col-6.col-md-3.p-2 {
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.section-menu .dropdown-item {
    padding: 0.05rem 1rem !important;
}
.section-menu .dropdown-item:hover {
    background: transparent;
}
.user-menu div {
    line-height: 1;
}
.user-menu .dropdown-menu .dropdown-item {
    padding: 0.75rem 1.5rem !important;
    z-index: 999;
}
.fal.fa-user-circle::before {
    font-size: 28px;
}
.logo {
    margin-top: 10px;
    margin-bottom: 10px;
}
.logo img {
    max-height: 50px !important;
    padding-left: 1rem;
}
.producten-lijst {
    min-height: 60vh;
}
nav .shopping-cart {
    padding-right: 0 !important;
}
nav.navbar .nav div {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.nav div:last-child li:first-child .nav-link {
    margin-right: 0 !important;
    padding-right: 0.2rem !important;
}
.dropdown-menu,
ul.nav .dropdown-menu {
    border-radius: 0.35rem !important;
    border: none !important;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: var(--box-shadow-ddown-menu);
    box-shadow: var(--box-shadow-ddown-menu);
}
.nav-item.dropdownSectionButton {
    color: black;
}
.dropdown-item {
    color: black;
    padding: 0.25rem 1rem !important;
    font-size: 1rem;
}
.dropdown.dropright a i,
.dropdown.dropright a svg {
    margin-right: 0.3rem !important;
    min-width: 1.2rem;
}
li i {
    width: 1rem;
    margin-right: 0.25rem;
}
.section-menu ul.dropdown-menu li.dropdown a.dropdownSectionButton i,
.section-menu ul.dropdown-menu li.dropdown a.dropdownSectionButton i svg path {
    color: black !important;
}
.section-menu ul.dropdown-menu li.dropdown a.dropdownSectionButton {
    font-weight: 600;
}
.section-menu ul.dropdown-menu li.dropdown:hover,
.section-menu ul.dropdown-menu li.dropdown:hover a.dropdownSectionButton,
.dropdown-item:focus,
.dropdown-item:hover {
    background: #f7f7f9;
    color: var(--psblue1) !important;
}
.section-menu ul.dropdown-menu li.dropdown:hover a.dropdownSectionButton i,
.section-menu ul.dropdown-menu li.dropdown:hover a.dropdownSectionButton svg path {
    color: var(--psblue1) !important;
    fill: var(--psblue1) !important;
}
.section-menu ul.dropdown-menu li.dropdown {
    padding: 0.25rem 1rem !important;
}
.section-menu ul.dropdown-menu li.dropdown .dropdown-menu {
    border-radius: 0.35rem !important;
}
.section-menu ul.dropdown-menu li.dropdown:first-child,
ul.nav .dropdown-menu a.dropdown-item:first-child {
    border-radius: 0.35rem 0.35rem 0 0;
}
.section-menu ul.dropdown-menu li.dropdown:last-child,
ul.nav .dropdown-menu a.dropdown-item:last-child {
    border-radius: 0 0 0.35rem 0.35rem;
}
.section-menu .dropdown-item {
    padding: 0.25rem 1rem;
    font-size: 1rem;
    line-height: 1.6;
}
.section-menu .col-4 {
    padding: 0 !important;
    font-size: 1rem;
    line-height: 1.6;
}
.section_menu-c .dropdown-menu .dropdown-menu img {
    box-shadow: var(--box-shadow-ddown-menu) !important;
    position: absolute;
    right: 0;
    left: 0;
}
.dropdown-menu .dropdown-menu .col-4 {
    max-width: fit-content !important;
    display: inline-flex;
    flex-direction: column;
    align-items: baseline;
    min-width: 200px;
}
.dropdown-menu div img {
    left: -160px;
    background: white;
    border-radius: var(--border-rad-35rem);
    box-shadow: var(--box-shadow-ddown-menu);
    z-index: 999;
    max-width: 1.5rem !important;
    max-height: 1.5rem !important;
}
.dropdown-menu .dropdown-menu .col-4 a {
    width: 100%;
}
.dropdown-menu .m-2.d-inline-block {
    margin: 0 !important;
    position: absolute;
    left: -160px;
    z-index: 9999;
}
.dropdown-menu .m-2.d-inline-block img {
    border-top-right-radius: var(--border-rad-5rem);
}
.section_menu-c .dropdown-menu .dropdown-menu {
    width: 150% !important;
}
.dropdown-menu hr,
.dropdown-menu .dropdown-header {
    visibility: hidden;
    display: none;
}
.sticky-top {
    padding: 5px 0;
}
.nav-item {
    font-weight: 500;
}
.nav-link,
.section-menu p {
    font-size: 1.2rem;
    font-weight: 700;
    color: black !important;
}
.nav-link:hover,
.section-menu p:hover {
    color: var(--psblue1) !important;
}
.sticky-top.border-top.border-bottom.border-opace.bg-blue {
    background: white !important;
    border-top: none !important;
    border-bottom: none !important;
}
.section-menu,
.search-bar {
    border-radius: 10px;
}
.search-bar {
    height: 40px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.section-menu {
    background-color: transparent !important;
    border-radius: 10px;
}
.section-menu p {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
#mobileMenuContent {
    width: 100%;
    max-width: 100%;
}
#mobileMenuContent,
#mobileMenu .open {
    height: 100% !important;
}
#mobileMenuContent .row {
    margin-left: -5px;
    margin-right: -5px;
}
#mobileMenuContent .row:first-of-type,
#mobileMenuContent h2,
#mobileMenuContent h3 {
    padding-left: 10px;
    padding-right: 10px;
}
#mobileMenu .dropdown-menu {
    width: 100vw;
}
#mobileMenu .fal {
    font-weight: 600;
}
.fa-plus-square:before {
    content: "\f107";
}
a svg,
a i {
    max-width: 1.35rem !important;
    max-height: 1.35rem !important;
}
a svg path {
    fill: black;
}
#mobileMenu a svg path {
    fill: black;
}
#mobileMenu .nav.col-12.col-sm-6.col-md-4,
#mobileMenu .col-12.col-sm-6 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
#mobileMenu .nav li {
    font-size: 1.2rem;
    line-height: 2;
}
.nav_extra p.col-12.px-0 a:last-child,
.nav_extra p.col-12.px-0:nth-last-child(2),
nav p a:last-child,
nav p:nth-last-child(1) {
    color: var(--psgray5);
}
.nav_extra p.col-12.px-0 a:last-child,
nav p a:last-child {
    cursor: none;
    pointer-events: none;
}
.jconfirm-bg.seen {
    opacity: 0.4 !important;
    background: black !important;
}
.jconfirm-box-container {
    color: white;
}
.jconfirm.jconfirm-white .jconfirm-box {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}
.jconfirm .jconfirm-box {
    background: var(--red1);
    padding: 24px 24px 0;
}
.jconfirm .jconfirm-box div.closeIcon,
.jconfirm .title {
    color: white;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
    box-shadow: none;
    background: #ffffff29;
    color: white;
}
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
    background: #ffffff;
    color: var(--red1);
}
.card img.card-img-top {
    display: block;
    width: 237px;
    height: 237px;
    background: var(--bgform01);
    max-width: 100%;
    max-height: 100%;
    border: 0;
}
.card {
    border-radius: var(--border-rad-35rem);
}
.categorie-div-container div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
.categorie-div.card {
    padding: 0;
}
.categorie-div .categorie-foto img,
.categorie-div .product-foto img,
.product-div .categorie-foto img,
.product-div .product-foto img {
    margin-right: auto;
    margin-left: auto;
    min-width: unset;
    max-height: 275px;
    max-width: fit-content !important;
    display: block;
    border: 0;
    background: var(--bgform01);
}
.categorie-div.card:hover a.btn {
    color: white;
    border-color: white;
    background: var(--psblue1);
}
.categorie-div.card a.btn:hover {
    background: var(--psblue1);
    color: white;
}
.categorie-div.card,
.card.pill {
    border-radius: 0.5rem;
    border: none;
    transform: translateY(0);
    transition: all 0.2s var(--anim-cubic);
}
.categorie-div.card:hover,
.card.pill:hover {
    box-shadow: var(--box-shadow-dbouble-blue05);
    transform: var(--transY-up-10);
    transition: all 0.15s var(--anim-cubic) !important;
}
.pill,
.sidebar {
    min-height: fit-content;
}
.card .categorie-foto {
    order: 1;
    border-radius: var(--border-rad-35rem);
    min-height: 120px;
    margin: 0;
    object-fit: cover;
}
.card .categorie-titel {
    order: 2;
    padding: 1rem 1.25rem !important;
}
.card .categorie-meer-info {
    margin: 0 1.25rem 1.25rem !important;
}
.categorie-div.card:hover {
    z-index: 99;
}
.categorie-div.card a.btn {
    order: 3;
    opacity: 0;
}
.categorie-div.card:hover a.btn {
    display: block;
    opacity: 1;
}
.card-title {
    color: var(--black01);
}
.categorie-titel .card-title {
    font-size: 1.2rem;
    font-weight: 600;
}
.categorie-foto {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin: 0 0.5rem;
}
#advice .card a:not(.btn) {
    display: flex;
}
.card:not(.gekozen_product) {
    border: none;
    border-radius: 0.35rem;
}
.thumbSelector.p-2 {
    padding: 0 !important;
}
.card .col-md-5 img {
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
img.card-img-top {
    object-fit: cover;
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
}
.card-body {
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 0 0 100%;
    padding: 1.25rem;
}
.no-gutters .card-img {
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
    object-fit: cover;
    height: 220px;
    margin-left: -2px;
}
.no-gutters .text-warning {
    position: absolute;
    bottom: 1.25rem;
    font-weight: 700;
    font-size: 1rem;
}
.col-lg-4 .card:hover {
    transition: 0.25s;
    box-shadow: 0 4px 30px 0 rgba(152, 164, 175, 0.2);
    border-radius: 5px;
    transform: translate(0, -3px);
}
.card .shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.home-page .card .overlay {
    border-radius: 5px !important;
    bottom: -4px;
    height: 100%;
    background: #00aeeff0 !important;
    color: white !important;
}
.home-page .card:hover .overlay {
    opacity: 1;
    -webkit-transition: opacity 0.2s var(--anim-cubic);
    transition: opacity 0.2s var(--anim-cubic);
    height: 100%;
    bottom: 0;
}
.overlay {
    padding-top: 30px;
}
.overlay a,
a .overlay span {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}
.home-page .card .overlay > *,
.home-page .card .overlay p,
.home-page .card .overlay p > *,
.home-page .card .overlay h1,
.home-page .card .overlay li,
.home-page .card .overlay li > * {
    color: white !important;
}
.home-page .card .overlay li {
    font-size: 1rem;
    line-height: 1;
}
.home-page .card .overlay .btn-primary {
    background: white;
    color: black !important;
    font-weight: 700;
    border: 1px solid #ffffff29;
}
.home-page .card .overlay .btn-primary:hover {
    background: var(--psblue2);
    border-color: var(--psblue3);
    color: white !important;
}
.banner {
    background: var(--bginput01);
}
.banner-1920 {
    max-width: 1920px;
    margin: auto;
}
.banner-1800 {
    max-width: 1800px;
    margin: auto;
}
.banner-img {
    border-radius: var(--border-rad-5rem);
}
.carousel-item img {
    margin-left: auto;
    margin-right: auto;
}
#carousel {
    max-height: 400px !important;
    width: 100% !important;
    max-width: var(--maxbanner);
    margin-left: auto;
    margin-right: auto;
}
.carousel {
    padding-top: 0.5rem;
}
.carousel h5 {
    color: white;
}
#product-banner img,
#product-banner .carousel-inner,
.carousel-inner {
    border-radius: 0.5rem;
    background: #8080800d;
    min-height: 300px;
}
.container-fluid #carousel {
    padding-right: 0;
    padding-left: 0;
}
.payoptions {
    margin-bottom: 0;
    height: 3rem;
}
.payoptions li.list-inline-item {
    width: 1.5rem;
    margin-right: 0.75rem;
    font-size: 1.5rem;
    margin-bottom: 0;
}
.container-fluid.bg-gray-800.pt-4.footer-a {
    padding-top: 0 !important;
    margin-top: 2rem;
}
ul.vragen {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
}
.mbr-section__container {
    text-align: center;
    padding: 0;
    position: relative;
    z-index: 3;
    margin: 30px auto;
    max-width: 100%;
}
.hero_text h3 {
    font-size: 30px;
    font-weight: 700;
    color: var(--black02);
}
#vragen ul {
    margin-top: 3rem;
}
#vragen .vragen li {
    width: 33%;
    max-width: unset;
    justify-content: center;
    display: flex;
}
ul.vragen a:hover .text-muted,
ul.vragen a:hover h5 {
    color: var(--psblue1) !important;
}
.vragen li {
    padding: 0 1.5rem 0 1.5rem;
    width: 25%;
    line-height: 1.5;
}
.vragen li:first-of-type {
    padding-left: 0;
}
.vragen li:last-of-type {
    padding-right: 0;
}
.vragen li h5 {
    font-weight: 700;
    margin-bottom: 5px;
}
#vragen a {
    float: left;
    display: flex;
    text-align: left;
}
#vragen .vragen li .body {
    height: unset;
}
.vragen li .body {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}
ul.vragen a .text-muted,
ul.vragen a:active .text-muted,
ul.vragen a:visited .text-muted,
ul.vragen a:hover h5 {
    color: var(--black02);
    text-decoration: none;
    -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    cursor: pointer;
}
.hero_text .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: unset;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    margin-right: -15px;
    margin-left: -15px;
}
.vragen-icon {
    height: 45px;
    width: 45px;
    margin: 0.25rem 1.5rem 0 0;
    background: var(--psblue1) !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.icon-call {
    content: "";
    -webkit-mask-image: url(icons/call.svg);
    mask-image: url(icons/call.svg);
    background: url(icons/call.svg);
    background-size: contain;
}
.icon-email {
    content: "";
    -webkit-mask-image: url(icons/email.svg);
    mask-image: url(icons/email.svg);
    background: url(icons/email.svg);
    background-size: contain;
}
.icon-kennisbank {
    content: "";
    -webkit-mask-image: url(icons/kennisbank.svg);
    mask-image: url(icons/kennisbank.svg);
    background: url(icons/kennisbank.svg);
    background-size: contain;
}
footer h3,
footer a,
footer p {
    color: #b9bdc0;
    transition: all 0.2s var(--anim-cubic) 0s;
    text-decoration: none !important;
}
footer h3,
footer h3 a {
    color: white !important;
}
footer a {
    color: #7b858a !important;
}
footer a:hover,
#footer-bottom a:hover {
    color: var(--psblue1) !important;
}
footer .card {
    background-color: transparent;
    border: none;
}
.footer a.text-reset:focus {
    color: var(--psblue1) !important;
}
.footer a.social-white:focus {
    background: var(--psblue1);
    opacity: 1;
}
li {
    font-size: 1rem;
    line-height: 1.5;
}
.widget-list li a:hover {
    text-decoration: underline;
}
.widget .card-header {
    background: #5a6870 !important;
}
.widget .card-header a {
    width: 100%;
    display: block;
}
.widget .card-header a:after {
    content: "+";
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 0.9rem;
    transform: rotate(0deg);
    transition: all 0.2s var(--anim-cubic);
}
.widget .card-header a:hover,
.widget .card-header a:focus {
    text-decoration: none;
}
.widget .card-header a[aria-expanded="true"]:after {
    transform: rotate(45deg);
    font-size: 35px;
    top: 0.65rem;
    right: 17px;
}
.widget .card-block {
    padding: 0 1.3rem;
}
/* .widget .card-block .widget-list li {
	} */
.footer ul {
    margin-top: 20px;
    line-height: 2;
}
.footer li {
    line-height: 2.5;
}
.footer a.text-reset:hover {
    color: var(--psblue1) !important;
}
ul .social-item {
    margin: 0 0.5rem;
    height: 1.5rem;
}
.social-white {
    background-color: white;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    display: block;
}
.social-white:hover {
    background-color: var(--psblue1);
    opacity: 1;
}
.facebook {
    -webkit-mask-image: url(icons/socials/icon-soc-facebook.svg);
    mask-image: url(icons/socials/icon-soc-facebook.svg);
    background-size: contain;
}
.instagram {
    -webkit-mask-image: url(icons/socials/icon-soc-instagram.svg);
    mask-image: url(icons/socials/icon-soc-instagram.svg);
    background-size: contain;
}
.pinterest {
    -webkit-mask-image: url(icons/socials/icon-soc-pinterest.svg);
    mask-image: url(icons/socials/icon-soc-pinterest.svg);
    background-size: contain;
}
#footer_top {
    margin-top: 120px;
    height: 120px;
    background: var(--bginput01);
}
#footer_top .container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1280px;
    height: 107px;
}
/* .nav_extra {
	} */
/* .container.py-3.row.mx-auto.mt-3 {
	} */
#codeContainer99 > div {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
/* .p-2 {
	} */
.my-gallery img {
    border-radius: var(--border-rad-5rem);
}
.sl-overlay {
    opacity: 1 !important;
}
.sl-close {
    font-weight: 700;
}
button.sl-close,
button.sl-next,
button.sl-prev {
    color: rgba(0, 0, 0, 0) !important;
}
.simple-lightbox ::before {
    font-family: Font Awesome\5 Pro;
    display: inline-block !important;
}
.sl-close:before {
    content: "\f00d" !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 2rem;
}
.sl-next:before {
    content: "\f054" !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 2rem;
}
.sl-prev:before {
    content: "\f053" !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 2rem;
}
.full_width h1 {
    font-weight: 700;
}
.title {
    color: #999;
}
.accept_conditions {
    width: 100%;
}
.waarde .price.font-weight-bold {
    font-weight: 400 !important;
}
.waarde:nth-of-type(6) .waarde-2,
.waarde:nth-of-type(8) .waarde-2 {
    padding-top: 6px;
}
.waarde:nth-of-type(6) .price.font-weight-bold {
    border-top: 1px solid #9797977a;
}
.waarde:nth-of-type(6) .waarde-2 .title,
.waarde:nth-of-type(6) .waarde-2 .price,
.waarde:nth-of-type(8) .waarde-2 .title,
.waarde:nth-of-type(8) .waarde-2 .price {
    padding-top: 4px;
}
.waarde.waarde_total_inc_vat .price.font-weight-bold {
    font-weight: 700 !important;
    border-top: 1px solid #9797977a;
}
.waarde.col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.waarde.offset-md-7 {
    margin-left: 70%;
}
.tabs-component-panels {
    padding: 2rem 1rem !important;
    line-height: 1.7;
}
ul.product-intro li {
    display: flex;
}
ul.product-intro li:before {
    content: "\25CF";
    display: block;
    color: var(--psblue1);
    margin-right: 0.6rem;
}
ul.product-specs strong {
    margin-top: 0.35rem;
}
ul.product-intro,
ul.product-specs,
ul.product-downloads {
    margin-block-start: 0.35em;
    padding-inline-start: 0;
}
ul.product-specs li {
    display: flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.3rem;
}
ul.product-specs li span:nth-child(1) {
    flex: 0 0 30%;
}
ul.product-specs li:nth-child(odd) {
    background: var(--bginput01);
}
ul.product-downloads {
    list-style: none;
}
ul.downloadlist {
    padding: 0 1rem 1rem;
    margin: 0;
    margin-bottom: 0;
    border: 1px solid var(--psgray6);
    border-top: 1px solid transparent;
    padding: 0 1rem 1rem;
    border-bottom-left-radius: var(--border-rad-35rem);
    border-bottom-right-radius: var(--border-rad-35rem);
    transition: all 0.2s var(--anim-cubic) 0s;
}
.download-list a {
    padding: 0.5rem 1rem;
    border-top-left-radius: var(--border-rad-35rem);
    border-top-right-radius: var(--border-rad-35rem);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid transparent;
    background: var(--bginput01);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
    transition: all 0.2s var(--anim-cubic) 0s;
}
.download-list a.collapsed {
    margin-bottom: 0.25rem;
    border-radius: var(--border-rad-35rem);
}
.collapse {
    margin-bottom: 0.25rem;
}
.download-list a::after {
    -webkit-content: "";
    content: "";
    background-image: url(icons/icon-arrow-right.svg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    height: 1rem;
    width: 1rem;
    margin-bottom: auto;
    margin-top: auto;
    position: relative;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}
.download-list a.collapsed::after {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
}
.download-list a:not(.collapsed) {
    background: white;
    border: 1px solid var(--psgray6);
    border-bottom: 1px solid transparent;
}
.collapsing .downloadlist,
.collapsin ul:not(.downloadlist) a {
    border: 1px solid transparent;
}
.collapse:not(.show) .downloadlist {
    border: 1px solid transparent;
}
.pdf li::before {
    background-color: #59656f;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    margin: 0 6px -3px 0;
    display: inline-block;
    content: "";
}
.pdf li::before {
    -webkit-mask-image: url(icons/pdf.svg);
    mask-image: url(icons/pdf.svg);
    background-size: contain;
}
.categorie-div-container {
    margin-bottom: 3rem;
}
.gekozen_product header.card-header .title {
    color: white;
}
.gekozen_product header.card-header {
    background: var(--psblue1);
}
.gekozen_product ul li.border-bottom {
    border-bottom: none !important;
    padding: 0.2rem 0.15rem;
}
.gekozen_product ul li:nth-child(even) {
    background: #f9f9f9;
}
.gekozen_product_wrapper .d-flex .col-5 {
    color: var(--psgray1);
}
.gekozen_product_wrapper .bold {
    color: var(--black01);
}
.radio_selector .col-10.col-lg-3.pt-4 {
    max-width: 100% !important;
    flex: 100%;
    padding-top: 0.5rem !important;
    margin-bottom: 0.25rem !important;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    color: #37474f;
    color: white !important;
    background-color: var(--psgray5);
    border-color: var(--psgray6);
    font-weight: 600;
}
.card-footer * {
    margin-left: 45%;
}
.card-footer .row {
    margin-left: 0;
    margin-right: 0;
    font-size: 0.9rem;
}
aside.gekozen_product_wrapper {
    top: 121px !important;
    position: sticky !important;
    position: -webkit-sticky !important;
}
.steps_selector .gekozen_product_wrapper .gekozen_product {
    position: relative;
}
.card-header {
    background: transparent;
}
ul#iconOptions li {
    line-height: 1.4;
}
ul#iconOptions li.col-lg-2,
.radio_selector ul li.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
}
ul#iconOptions li.col-lg-2 p {
    font-size: 0.95rem;
}
.radio_selector ul {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
}
.radio_selector ul li {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.radio_selector li img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}
.radio_selector ul li label {
    margin-top: 0.25rem !important;
}
.card-header .h6 {
    font-size: 1.2rem;
}
.steps_selector section.option_container {
    border: 0.1rem solid #ebebeb;
}
.steps_selector section.option_container.active {
    border: 2px solid var(--psblue1);
}
.steps_selector .option_container h2:before {
    width: 1rem;
    height: 1rem;
    font-family: Font Awesome\5 Pro fas;
    margin-right: 0.5rem;
    font-weight: 700;
    line-height: 0;
    border-radius: 7px;
}
.steps_selector .option_container.active h2:before {
    color: #4baef1;
    background: transparent;
    font-family: Font Awesome\5 Pro;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}
.custom-control label.ml-2 {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding-left: 32px;
}
.custom-control input.ml-2 {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control-label:before,
.custom-control label.ml-2:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #90a4ae;
}
.custom-control-label:after,
.custom-control-label:before,
.custom-control label.ml-2:after,
.custom-control label.ml-2:before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
}
.custom-control label.ml-2:after,
.custom-control label.ml-2:before {
    left: 0.5rem;
}
.custom-control-label:after,
.custom-control label.ml-2:after {
    background: no-repeat 50%/50% 50%;
}
.custom-control-input:checked ~ .custom-control-label:before,
.custom-control input:checked ~ label.ml-2:before {
    color: #fff;
    border-color: #00aeef;
    background-color: #00aeef;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after,
.custom-control.custom-radio input:checked ~ label.ml-2:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFF'/%3E%3C/svg%3E");
}
.custom-control.custom-radio label.ml-2:before {
    border-radius: 50%;
}
.custom-control label.ml-2:before {
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.custom-control-label:after,
.custom-control-label:before {
    top: 0.4rem;
}
.nav_extra .right {
    background: #f9f9f9;
    padding: 1rem;
    border-radius: 0.35rem;
}
.navmenu .codeContainer {
    padding: 0.25rem 1rem !important;
}
.navmenu .codeContainer:last-child {
    border-radius: 0.35rem !important;
    background: white !important;
    padding: 0.5rem 1rem !important;
    border: 2px solid var(--psblue1);
}
.navmenu .codeContainer:not(#codeContainer18) .row {
    align-items: center;
}
.navmenu .codeContainer.bg-gray-100 {
    background: none !important;
}
.navmenu .codeContainer:nth-child(even) {
    background: #f9f9f9 !important;
}
#codeContainer18 {
    padding: 0 1rem 1rem 1rem !important;
    background: white;
    border-radius: 0.35rem;
    margin: 0.5rem auto;
    margin-top: 1rem;
}
.codeContainer .col-8 {
    font-weight: 700;
}
.nav.nav-tabs {
    padding-top: 1rem;
}
.winkelwagen-knop.nav-link.nav-item {
    font-size: initial;
    font-weight: 400;
    color: var(--psgray5) !important;
    border-bottom: 1px solid #cfd8dc;
    background-color: #fafafa;
}
.nav-tabs .nav-link,
.tabs-component-tab {
    font-size: 1rem !important;
    font-weight: 400 !important;
    border: 1px solid #ddd !important;
    border-radius: 0.35rem 0.35rem 0 0 !important;
    margin-right: 0.25rem !important;
    -webkit-transform: translateY(1px) !important;
    transform: translateY(1px) !important;
    -webkit-transition: -webkit-all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
}
.winkelwagen-knop.nav-link.nav-item.active,
.tabs-component-tab.is-active {
    color: black !important;
    background-color: white !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
    font-weight: 700 !important;
}
.nav-tabs .nav-link:hover,
.tabs-component-tab:hover {
    color: var(--psblue1) !important;
    transform: translateY(-2px) !important;
    padding-bottom: 0 !important;
    margin-bottom: -3px !important;
}
.nav-tabs .nav-link:hover a,
.tabs-component-tab:hover a {
    color: var(--psblue1) !important;
}
.tabs-component-tabs {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ddd !important;
}
.producten-lijst h1 {
    font-size: 2rem;
}
table .w-auto {
    width: 100% !important;
}
form[name="memberlogin"] td input {
    background-color: #5264700f !important;
}
.search_result_block img {
    border-radius: var(--border-rad-35rem);
}
.search_result_title a {
    font-size: 1.4rem;
    color: var(--psblue1);
    font-weight: 700;
    padding-top: 0.8rem !important;
    display: block;
}
.search_result_link a {
    color: var(--gray-500);
}
.search .form-control {
    border: none;
    border-radius: 0.35rem;
}
.form-control,
button.btn.bg-white {
    border: none;
    background: #8080800d !important;
    border-radius: 0.35rem;
}
input.form-control,
textarea.form-control {
    width: 100%;
    padding: 10px;
    border: 0;
    margin-bottom: 2px;
    color: #000;
    background: #f7f7f8;
    border-radius: 0.35rem;
}
#search-product,
#search-product-template,
#custom-search-product {
    margin: 0 0 20px 0;
    background: #ffffff;
    border-radius: 10px;
    width: 100%;
    height: 54px;
    position: relative;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: box-shadow 0.25s var(--anim-cubic) 0s;
}
.close-grey {
    margin: 6px;
    background-color: #59656f;
    width: 14px;
    transform: scale(1.4);
    height: 14px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    opacity: 0.7;
}
/* .close-grey:hover {
	} */
.close-icon {
    mask-image: url(icons/icon-close.svg);
}
.contact-about {
    font-size: 1.15rem;
    line-height: 1.5;
}
#contact-form {
    background-color: var(--bgform01);
}
.contact-container {
    margin: 0 auto;
    max-width: var(--maxcontainer);
}
.form-contact {
    font-family: var(--mainFont);
    font-size: 18px;
    width: 100%;
    border-radius: 10px;
    padding: 10px 15px;
    border-color: transparent;
    background-color: white;
    color: var(--black01);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    float: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
.form-active .form-contact:invalid {
    box-shadow: 0 4px 10px 0 rgba(248, 10, 10, 0.2);
}
.form-contact:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.form-contact-select {
    padding: 10px 15px;
    height: 100%;
    box-shadow: none;
    border: 2px solid #d3d4d4;
}
.contact-header {
    color: var(--black01);
    font-family: var(--mainFont);
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 30px !important;
}
.contact-header::before {
    height: 26px;
    width: 26px;
    margin-right: 12px;
    display: inline-block;
    position: relative;
    background-color: var(--black01);
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}
textarea {
    height: auto;
}
.contact-body {
    font-family: var(--mainFont);
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    line-height: 27px;
}
.contact-body-googlemaps {
    color: rgba(89, 101, 111, 0.47);
    font-size: 14px;
}
a.contact-body-googlemaps {
    color: rgba(89, 101, 111, 0.47);
    font-size: 14px;
    -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    cursor: pointer;
}
a.contact-body-googlemaps:hover {
    color: var(--psblue1);
}
a.contact-body {
    color: var(--psblue1);
    font-weight: 400;
    -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    cursor: pointer;
}
a.contact-body:hover {
    color: #59656f;
}
.contact-icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-color: rgba(89, 101, 111, 0.47);
}
.call {
    -webkit-mask-image: url(icons/icon-call.svg);
    mask-image: url(icons/icon-call.svg);
    background-size: contain;
}
.mail {
    -webkit-mask-image: url(icons/icon-mail.svg);
    mask-image: url(icons/icon-mail.svg);
    background-size: contain;
}
ul.contact {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
li.contact {
    -webkit-margin-before: 0;
    -webkit-margin-after: 6px;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.form {
    position: relative;
    left: auto;
    right: auto;
}
.form-results {
    align-items: center;
    justify-content: space-between;
}
.form-control-label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0.357em;
    padding: 0;
}
.form-control {
    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    font-family: var(--mainFont);
    font-size: 1rem;
    line-height: 1.43;
    padding: 1.07em 0.5em;
}
.form-control > .mbr-iconfont {
    font-size: 1.6rem;
}
.form-control,
.form-control:focus {
    border: 2px solid #e8e8e8;
}
.form-active .form-control:invalid {
    border-color: red;
}
.alert {
    color: #ffffff;
    border-radius: 0;
    border: 0;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1.25rem;
    position: relative;
    font-family: var(--mainFont);
    font-size: 1rem;
}
.msg {
    border-radius: var(--border-rad-35rem);
}
.alert-warning {
    background-color: var(--red0);
    color: white !important;
}
.alert-success {
    background-color: var(--psblue1);
}
.alert.alert-form::after {
    background-color: inherit;
    bottom: -7px;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    transform: rotate(45deg);
    width: 14px;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    width: 250px;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #ff00eb;
    background-color: rgba(220, 53, 69, 0.8);
    border-radius: 0.2rem;
}
.catalogus {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-image: url(http://www.promotiespullen.com/assets/images/hero-1920x1080-low50.jpg);
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: transform 0ms linear 0s, -webkit-transform 0ms linear 0s;
    visibility: visible;
    background-color: rgba(48, 122, 213, 0.81);
}
.catalogus_text {
    font-size: 1.2rem;
    text-align: center;
    width: 65%;
    color: white;
}
.container-catalogus {
    display: flex;
    z-index: auto;
    font-size: 1.2rem;
    text-align: center;
    width: 65%;
    color: white;
    position: relative;
    top: 10%;
}
#adobeframe {
    width: 100%;
    height: 80%;
}
.cat-left {
    width: 100%;
    z-index: 10;
    display: block;
}
.cat-right {
    display: block;
    width: 100%;
    top: auto;
    z-index: 10;
    padding: 8% 0 10% 0;
}
a .catalogus-cover {
    width: 80%;
    margin: 5% auto;
    -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
}
a:hover .catalogus-cover {
    -webkit-transition: all 0.2s var(--anim-cubic) 0s;
    -o-transition: all 0.2s var(--anim-cubic) 0s;
    transition: all 0.2s var(--anim-cubic) 0s;
    -webkit-filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.3));
}
.rot-cover {
    transform: rotate(-5deg);
    width: 50% !important;
}
.main-cover {
    width: 50% !important;
    position: absolute;
    margin: 0 !important;
    left: 0;
    right: 20px;
    top: 10%;
    text-align: left;
}
ol.custom-bullet {
    list-style: none;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-inline-start: 15px;
    -webkit-padding-start: 15px;
    -webkit-padding-end: 15px;
}
ol.custom-bullet li {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
}
.paper__article-preview > .tips_h3 {
    color: var(--black01) 333;
    background-color: #f5f5f5;
    border-color: #dddddd;
    padding: 1rem;
    display: block;
    border-radius: 10px;
}
a.mbr-article-link,
a.mbr-article-link:active,
a.mbr-article-link:visited {
    color: var(--psblue1);
    -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    -o-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
    cursor: pointer;
    font-weight: 600;
}
#cookies a.mbr-article-link:hover {
    color: #00acec;
}
h2.tips_h3 {
    margin: 2rem auto 1rem;
}
.tips_h3 {
    color: var(--psblue1);
    font-family: var(--mainFont);
    font-size: 22px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
ol {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 30px;
}
ol.tips_body li {
    margin-bottom: 8px;
    margin-top: 4px;
}
ol.tips_body {
    list-style-type: disc;
    margin-bottom: 15px;
}
@media (min-width: 1200px) {
    .logo img {
        max-height: 40px !important;
        padding-left: 0.9rem;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: var(--maxcontainer);
    }
}
@media (min-width: 300px) {
    .card img.card-img-top {
        width: calc(85vw / 2);
        height: auto;
    }
    .d-xs-none {
        display: none !important;
    }
    .d-xs-inline {
        display: inline !important;
    }
    .d-xs-inline-block {
        display: inline-block !important;
    }
    .d-xs-block {
        display: block !important;
    }
    .d-xs-table {
        display: table !important;
    }
    .d-xs-table-row {
        display: table-row !important;
    }
    .d-xs-table-cell {
        display: table-cell !important;
    }
    .d-xs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .container-fluid #carousel {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .card img.card-img-top {
        width: calc(50vw / 2);
        height: auto;
    }
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .card img.card-img-top {
        width: calc(40vw / 2);
        height: auto;
    }
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .card img.card-img-top {
        width: calc(35vw / 2);
        height: auto;
    }
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (max-width: 575.98px) {
    .col-xs-6 {
        width: 50%;
    }
    .search-bar {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .categorie-div,
    .product-div {
        max-height: 250px;
    }
    .categorie-titel .card-title {
        font-size: 1rem;
    }
    .categorie-div-container div[class^="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 768px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }
    .h4,
    h4 {
        font-size: 6vw;
    }
    .h5,
    h5 {
        font-size: 5vw;
    }
    .btn.btn-primary:not(.d-block) {
        font-size: 5.5vw;
        width: 100%;
    }
    .overlay a,
    a .overlay span {
        bottom: 0.75rem;
        left: 0.5rem;
        right: 0.5rem;
    }
    .logo-a img {
        max-width: 130px !important;
        padding-left: 1rem;
    }
    .navbar-light .navbar-toggler {
        border: none;
        outline: none;
    }
    .navbar.navbar-expand-lg.navbar-light {
        top: unset;
    }
    .navbar.navbar-expand-lg {
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }
    .navbar .mr-lg-auto,
    .navbar .mx-lg-auto.p-5 {
        padding: 0.5rem !important;
    }
    tbody tr {
        display: flex;
        flex-direction: column;
    }
    .producten-lijst.col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }
    .user-menu .dropdown-toggle {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .shopping-cart {
        margin-left: 1rem;
    }
    #product-banner img,
    #product-banner .carousel-inner,
    .carousel-inner {
        min-height: 75%;
    }
    .home-page .card .overlay,
    .card-body {
        padding: 0.7rem;
    }
    .card .categorie-titel {
        padding: 0.7rem 0.7rem 0.5rem !important;
    }
    .card .categorie-meer-info {
        margin: 0 0.7rem 0.7rem 0.7rem !important;
    }
    .search_result_block,
    .search_result_block > div,
    .search_result_block > div > div {
        word-break: break-all;
        padding: 0 !important;
        margin: 0 !important;
    }
    .search_result_block {
        padding: 10px 0 !important;
    }
    .full_width h1,
    #product_description h1 {
        font-size: 2em;
    }
    .tabs-component li a {
        text-indent: -9999px;
    }
    .tabs-component li a:after {
        height: 25px;
        width: 25px;
        background: var(--psblue1) !important;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        text-indent: 0;
        content: "";
    }
    .tabs-component li:nth-of-type(1) a:after {
        -webkit-mask-image: url(icons/icon-info-circle-outline.svg);
        mask-image: url(icons/icon-info-circle-outline.svg);
        background: url(icons/icon-info-circle-outline.svg);
        background-size: contain;
    }
    .tabs-component li:nth-of-type(2) a:after {
        -webkit-mask-image: url(icons/icon-documentation-outline.svg);
        mask-image: url(icons/icon-documentation-outline.svg);
        background: url(icons/icon-documentation-outline.svg);
        background-size: contain;
    }
    .tabs-component li:nth-of-type(3) a:after {
        -webkit-mask-image: url(icons/icon-list-ul-outline.svg);
        mask-image: url(icons/icon-list-ul-outline.svg);
        background: url(icons/icon-list-ul-outline.svg);
        background-size: contain;
    }
    .tabs-component li:last-of-type a:after {
        -webkit-mask-image: url(icons/icon-download-outline.svg);
        mask-image: url(icons/icon-download-outline.svg);
        background: url(icons/icon-download-outline.svg);
        background-size: contain;
    }
    .waarde.offset-md-7 {
        margin-left: 0%;
    }
    .waarde.col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact .social-block {
        margin-top: 1rem;
        justify-content: left;
    }
    .contact .social-item:nth-child(1),
    .contact .nav-item .social-item a {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .col-md-4:last-child {
        margin-top: 60px;
        padding: 20px auto;
    }
    #contact-form.p-5,
    #about.p-5 {
        padding: 15px 10px !important;
    }
    .contact-body {
        font-size: 1rem;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    #navbarCollapse .col-sm-6 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        padding-right: 5px;
        padding-left: 5px;
    }
    .col-sm-6 {
        max-width: calc(100% * (1 / 2) - 8px);
        width: calc(100% * (1 / 2) - 8px);
    }
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .search-bar {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* .vragen{} */
}