@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');*/


*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    outline: none;
    -webkit-font-smoothing: antialiased;
}

body, html {
    margin: 0;
}
body {
    background-color: #fbfbfb;
}
body, input, select, textarea, button, td.VariantGroupLabel, .placeholder {
	font-weight: normal;
    /*font-family: "Source Sans Pro", "Helvetica Neue", Arial;*/
    font-family: "Figtree", "Helvetica Neue", Arial;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}
#menu * {
    font-size: 18px;
}
sup {
    font-size: 70%;
}
body.noscroll {
    overflow: hidden;
}
a {
	color: #000;
}
a:hover {
	color: rgba(0,0,0,1.00);
}
.dark a {
    color: #ef8b39;
}
img {
	border: 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], select, textarea, .btnfilter, input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0 10px;
    height: 39px;
    border-radius: 3px;
    border: solid 1px rgba(237,237,237,1.00);
    background-color: rgba(255,255,255,1.00);
}
body #checkout-container #confirm-complete-button {
	padding: 10px;
}
textarea {
    height: 60px;
    padding: 10px;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    margin: 0;
    outline: none;
    cursor: pointer;
    border-radius: 0;
    background-color: rgba(255,255,255,1.00);
    border: solid 1px rgba(198,198,198,1.00);
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
    background-color: #007dbc;
    border-color: #007dbc;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 50% 50%;
}
input[type="submit"], button, input[type="button"], .button, .ddrd-button, #ProductMenu_List div.container > a > span > small, .btnFilterProductsFound, [href="/shop/customer.html&StrCurTab=3"] {
    background-color: #208632;
    color: rgba(255,255,255,1.00);
    border-radius: 4px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-flex;
    padding: 14px 25px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    font-style: normal;
    line-height: normal;
    position: relative;
    font-size: 14px;
}
input[type="submit"]:not(:disabled):hover, button:not(:disabled):hover, input[type="button"]:not(:disabled):hover, .button:hover {
    color: #ffffff;
    opacity: .9;
}
input[type="submit"]:disabled, button:disabled {
    background-color: rgba(176,176,176,1.00);
    cursor:not-allowed;
}
input[type="submit"]:disabled.loading, button:disabled.loading {
    cursor: progress;
}
select {
    padding-right: 30px;
    background-image: url("/images/skins/Bewise/images/icon-down-black.svg");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: calc(100% - 10px) 50%;
}
h1, .largeheader, .container > table .Heading_Customer, .asideul > li > a, .Heading_Terms, .Heading_B2Blogin, .Heading_Order4 {
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: baseline;
    text-align: center;
    color: #000000;
    margin: 0 0 17px;
    font-size: 35px;
}
h1.waitingListFormHeadline {
	display: block;
	text-align: left;
}
h2, h3, .h2, .Heading_OrderStep4, .mediumheader, .SubCatsProcuctsHeading {
    margin: 0 0 15px;
    font-size: 22px;
    font-weight: normal;
}
.SubCatsProcuctsHeading:empty {
    display: none;
}
.columns-header {
    display: block;
    padding: 0;
    font-weight: normal;
    line-height: normal;
    align-items: baseline;
    color: #000000;
    margin: 0 0 5px;
    font-size: 25px;
}

/*
#checkout-container h3, #checkout-container h2 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 19px;
    font-weight: normal;
}
*/
body.bodyOverlay .container.content:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 39;
}
h1:empty, h2:empty {
    display: none;
}
*.center {
    text-align: center;
}
.container {
    width: 1600px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.container.small, columns {
    width: 1200px;
    max-width: 100%;
}
.container.micro {
    width: 800px;
    max-width: 100%;
}
.container.micro.boxed {
	padding: 30px;
	background-color: #fff;
	box-shadow: rgb(0 0 0 / 12%) 0px 2px 16px 0px;
	margin-bottom: 30px;
	width: 100%;
}
.container.micro.boxed .mediumheader {
	text-align: center;
	margin: 0;
}
.container.center {
    justify-content: center;
    display: flex;
}
.spacetop {
    margin-top: 80px;
}
.spacebottom {
    margin-bottom: 80px;
}
.paddingtop {
    padding-top: 80px;
}
.paddingbottom {
    padding-bottom: 80px;
}
.padding {
    padding: 3%;
}
/*
.light {
    background-color: rgba(255,255,255,1.00);
}
*/

.pdf-catalogue {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.pdf-catalogue > a {
    flex: none;
    width: 23%;
    margin: 0 1% 2%;
}

.pdf-catalogue img {
    width: 100%;
    max-width: 100%;
}
.count:not(:empty), [data-count]:not([data-count="0"]):before {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-color: #007dbc;
    color: rgba(255,255,255,1.00);
    display: flex;
    transform: translate(-45%,-45%);
    font-size: 9px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-family: 'Arial';
}
[data-count]:not([data-count="0"]):before {
    content: attr(data-count);
}
.basket > [data-count]:not([data-count="0"]):before {
    top: 12px;
    right: 0;
    left: auto;
    transform: none;
}
.headerbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    padding: 0 15px;
}

.headerbox > small {
    line-height: 1;
    font-size: 10px;
    margin: 7px 0 0;
    font-weight: normal;
    text-transform: uppercase;
    color: #000000;
}
.headerbox > img,
.headerbox > svg {
    width: auto;
    height: 25px;
    display: block;
}
.headerbox.customerservice i {
    position: absolute;
    top: 3px;
    background-color: #208632;
    color: #FFF;
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    padding: 4px 7px;
    border-radius: 2px;
    font-style: normal;
    line-height: 8px;
    display: none;
}
header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,1.00);
    transition: box-shadow 1s ease;
}
header > section {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    position: relative;
    z-index: 15;
}
header > section .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    gap: 5%;
}
header .wings {
    flex: none;
    display: flex;
    align-items: center;
}
header .wings.right {
    justify-content: flex-end;
    align-self: stretch;
}
header .search {
    display: flex;
    flex: auto;
    position: relative;
}
header .search input[type="text"] {
    flex: none;
    width: 100%;
    border-radius: 5px;
    background-color:rgba(238,238,238,.70);
    border: none;
    height: 40px;
    padding: 0 45px 0 25px;
}
header .search input[type="submit"] {
    position: absolute;
    z-index: 4;
    width: 17px;
    height: 17px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    border-radius: 0;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    padding: 0;
    background-image: url("/images/skins/Bewise/images/icon-search-black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
header .logo {
    flex: none;
    width: 200px;
}
header .logo img {
    flex: none;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
}
header .TopMenu_MenuItems {
    display: none;
}
.Heading_ProductMenu {
    display: none;
}
span.ProductMenu_MenuItemBold {
    font-weight: bold;
}

.mobilebar {
    display: none;
}
.popularjuton {
}
.popularjuton > span {
	display: block;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1;
	font-size: 50px;
	font-weight: bold;
}
.popularjuton > div {
	width: 1600px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.popularjuton a {
	flex: none;
	width: 23%;
	position: relative;
	text-decoration: none;
}
.popularjuton img {
	max-width: 100%;
    width: 100%;
    height: auto;
	transition: all 0.5s ease;
	box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
.popularjuton img:nth-child(1) {
	z-index: 8;
}
.popularjuton img:nth-child(2){
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.popularjuton a:hover img:nth-child(2) {
	opacity: 1;
}
.popularjuton span {
	display: block;
	margin-top: 10px;
}
.popularjuton .slick-slide {
  margin: 0 20px;
}
.popularjuton .slick-list {
  margin: 0 -20px;
}
.discountbanner {
	background-color: #efd70c;
}
.discountbanner > div {
	width: 1600px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
	text-align: center;
	font-weight: bold;
	padding: 6px 0;
}
.discountbanner a {
	text-decoration: none;
}
.discountbanner > div > span {
	display: none;
}


.uspouter {
    border-top: solid 1px rgb(234, 234, 234);
    border-bottom: solid 1px rgb(234, 234, 234);
    position: sticky;
    top: 145px;
    background-color: #fbfbfb;
    z-index: 40;
}
.webshop-checkout .uspouter {
    top: 90px;
}

.uspouter a {
	text-decoration: none;
}
.mainslider,
.webshop-frontpage .slider-align,
.webshop-frontpage .slideshow {
	margin-bottom: 30px;
}
.mainslider img {
	display: block;
    max-width: 100%;
    height: auto;
	width: 100%;
}
.mainslider a {
	position: relative;
	display: block;
}
.mainslider > a > span {
	position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    background-color: #FFF;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 40px;
	border-radius: 4px;
	font-size: 16px;
	text-align: center;
}
.mainslider strong {
	display: block;
	font-size: 60px;
	text-transform: uppercase;
	background-color: #f9d634;
	padding: 10px 40px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.mainslider small {
	background-color: #208632;
	color: #FFF;
	font-size: 15px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 4px;
	padding: 10px;
	margin: 20px auto 0;
	width: 200px;
	max-width: 100%;
}
.frontpageproducts {
	width: 1600px;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 50px;
}
.frontpageproducts > span {
	font-size: 50px;
    font-weight: bold;
    position: relative;
    line-height: 1;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
body.webshop-frontpage .uspouter {
    border-bottom: none;
}
.usp:not(.slick-initialized) {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}
.usp:not(.slick-initialized) > div, .usp .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    font-size: 13px;
}
.usp img {
    width: auto;
    height: 17px;
    display: block;
    margin-right: 10px;
}
.usp img[src*="emaerket"] {
    height: 20px;
    margin: 0 0 0 5px;
}
.usp .stars {
    display: flex;
    flex: none;
}
.usp .stars > img {
    height: 15px;
}
.usp .stars > img:not(:last-child) {
    margin-right: 1px;
}
.usp span {
    font-weight: normal;
    padding-left: 5px;
}

.item.shadow, .item.box {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.item.box {
    padding: 15px;
    border-radius: 6px;
    background-color: rgba(255,255,255,1.00);
}

.container.content {
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
}
body.webshop-frontpage .container.content {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
}
.videobanner {
    position: relative;
}
.videobanner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0,0,0,.30); */
    z-index: 5;
}
.videobanner .content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 5%;
    z-index: 10;
    transform: translateY(-50%);
    color: rgba(255,255,255,1.00);
    text-align: center;
    text-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.videobanner .content strong {
    font-size: clamp(25px, 5vw, 85px);
    display: block;
}
.videobanner .content > span {
    font-size: clamp(17px, 3vw, 50px);
	display: block;
}
.videobanner .content u {
    text-decoration: none;
    position: relative;
    border-bottom: solid 1px rgba(255,255,255,1.00);
}
.videobanner .content i {
    font-style: normal;
    font-size: clamp(17px, 2vw, 30px);
    padding: 8px 35px;
    background-color: #208632;
    border-radius: 5px;
    color: rgba(255,255,255,1.00);
    margin-top: 30px;
    display: inline-block;
}
.videobanner video {
    display: block;
    width: 100%;
    height: 70vh;
    object-fit: cover;
    object-position: 50% 50%;
}
.fpbanner {
    background-repeat: no-repeat;
    background-position:100% 0;
    background-size: cover;
    /*max-height: calc(100vh - 125px);*/
    min-height: calc(100vh - 171px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fpbanner .header {
    font-size: 60px;
    text-align: center;
    color: rgba(0,0,0,1.00);
}
.fpbanner ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fpbanner ul li {
    margin: 2%;
    flex: none;
    width: 21%;
    border-radius: 5px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(250,250,250,.90);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
.fpbanner ul li img {
    display: block;
    margin: 0 0 20px;
    max-width: 100%;
}
.fpbanner ul li strong {
    font-size: 18px;
    color:rgba(0,0,0,1.00);
    text-transform: uppercase;
}
.Text1_FrontPage:empty, .Text2_FrontPage:empty,
.Text1_FrontPage + br, .Text2_FrontPage + br {
    display: none;
}
.Text2_FrontPage {
    margin: 0 auto;
    display: block;
    width: 780px;
    text-align: center;
    max-width: 100%;
}
.Text2_FrontPage h2 {
    text-align: center;
}
.Text2_FrontPage p {
    text-align: center;
}
.team img, .team picture {
    display: block;
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
    height: auto;
    mix-blend-mode: multiply;
}

.SubCats_Categories_DIV {
    /*display: flex;*/
    display: none;
    margin: 0 -15px;
    flex-wrap: wrap;
}
.SubCats_Categories_DIV > div {
    flex: none;
    width: calc(25% - 30px) !important;
    float: none !important;
    margin: 0 15px 30px;
    display: flex;
    background-color: #efefef;
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
.SubCats_Categories_DIV > div:empty {
    display: none;
}
.SubCats_Categories_DIV > div > .image:not(:empty) {
    flex: none;
    width: 30%;
    background-color: rgba(238,238,238,.40);
    position: relative;
}
.SubCats_Categories_DIV > div > .image:not(:empty):before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.SubCats_Categories_DIV > div > .image a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.SubCats_Categories_DIV > div > .image a img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    display: block;
    transform: translate(-50%,-50%);

}
/*
.SubCats_Categories_DIV img {
    width: 100%;
    display: block;
    mix-blend-mode: multiply;
}
*/
.SubCats_Categories_DIV .name {
    flex: auto;
}
.SubCats_Categories_DIV .name a {
    padding: 9px 20px;
    display: flex;
    height: 100%;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.SubCats_Categories_UL {
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.SubCats_Categories_UL > li {
    flex: none;
    width: calc(25% - 30px) !important;
    float: none !important;
    margin: 0 15px 30px;
	position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,1.00);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
.SubCats_Categories_UL > li img {
    max-width: 100%;
	height: auto;
    display: block;
}
.availablebadge {
	position: absolute;
	border-radius: 25px;
	padding: 7px 15px;
	background-color:rgba(119,23,25,1.00);
	color: rgba(255,255,255,1.00);
	top: 15px;
	left: 15px;
	z-index: 2;
	text-transform: uppercase;
	font-size: 13px;
	white-space: nowrap;
}
.apartmentsCatName a {
    text-decoration: none;
    padding: 20px;
    text-align: center;
    display: block;
    position: relative;
}
.apartmentsCatName a:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #007dbc;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.apartmentsCatName a:after {
    content: url("/images/skins/Bewise/images/icon-location-white.svg");
    width: 25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    z-index: 2;
}
.sellingusp {
	display: flex;
	flex-wrap: wrap;
	margin: 30px -1% 0;
}
.sellingusp > div {
	background-color: #FFF;
	border-radius: 4px;
	width: 48%;
	margin: 0 1% 2%;
	padding: 10px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-shadow: rgb(0 0 0 / 5%) 0px 2px 8px 0px;
	position: relative;
	align-items: center;
	text-align: center;
}

.sellingusp > div img {
	display: block;
	margin-bottom: 5px;
}
.sellingusp > div:not(:last-child) img {
	width: 25px;
	height: 25px;
}
.item .stockinfo {
    background-color: #007dbc;
    display: inline-flex;
    white-space: nowrap;
    line-height: 1;
    padding: 4px 8px;
    font-size: 11px;
    color: rgba(255,255,255,1.00);
}
.item .stockinfo.notinstock {
    background-color: rgba(245,179,72,1.00);
}
.servicebox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-shadow: rgb(0 0 0 / 5%) 0px 2px 8px 0px;
	background-color: #007dbc;
	border-radius: 5px;
	padding: 10px;
}
.servicebox,
.servicebox a {
	color: rgba(255,255,255,1.00);
}
.servicebox a[href*="tel:"] {
	text-decoration: none;
}
.servicebox  img {
	width: 90px;
	height: 90px;
	object-fit: contain;
	object-position: 50% 50%;
	margin: 0 20px 0 0;
	display: block;
	border-radius: inherit;
	background-color: rgba(255,255,255,1.00);
}
.servicebox > div {
	flex: auto;
}
.servicebox > div strong {
	display: block;
	font-size: 18px;
}
.productcard .servicebox {
	margin-top: 30px;
}
.productcard .pricematch {
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 18px;
    background-color: #007dbc;
    color: #FFF;
    padding: 4px 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.productcard .stockinfo {
    display: flex;
    white-space: nowrap;
    line-height: 1;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 15px;
}
.productcard .rightStock .stockinfo {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    justify-content: flex-start;
    font-weight: bold;
}
.productcard .stockinfo img {
    margin-right: 5px;
    width: 22px;
    height: auto;
}
.productcard .stockinfo .shippingmessage {
    flex: none;
    padding: 0 0 0 5px;
}
.productcard .stockinfo .shippingmessage u {
	text-decoration: none;
}
.lastinstock {
    display: inline-flex;
    background-color: rgba(255,241,218,1.00);
    white-space: nowrap;
    padding: 4px 10px 5px;
    line-height: 1;
    align-items: center;
    justify-content: flex-start;
}
.lastinstock.lastbought {
    background-color:rgba(212,236,211,1.00);
}
.lastinstock.lastbought > img {
    flex: none;
    width: 17px;
    height: auto;
    margin: 0 6px 0 0;
}
.lastinstock:empty {
    display: none;
}
.productcard .lastinstock {
    margin: 0 0 30px;
}
.trustedpoints {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.trustedpoints > div {
    flex: none;
    width: 50%;
    position: relative;
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.trustedpoints > div:nth-child(2n+1):before {
    content: "";
    top: 50%;
    left: 100%;
    height: calc(100% - 10px);
    width: 1px;
    transform: translateY(-50%);
}
.trustedpoints > div img {
    margin-right: 5px;
    max-width: 100%;
}
.trustedpoints > div:before, .trustedpoints > div:after {
    background-color: rgb(234, 234, 234);
    position: absolute;
    display: block;
}
.trustedpoints > div:nth-child(n+3):after {
    content: "";
    top: 0;
    left: 50%;
    width: calc(100% - 10px);
    height: 1px;
    transform: translateX(-50%);
}

.webshop-productlist table.CmsPageStyle_Table {
    table-layout: fixed;
}
/*
.webshop-productlist table.CmsPageStyle_Table .CmsPageStyle {
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    margin-bottom: 20px;
    background-color: #FFF;
    padding: 20px;
    display: block;
}
*/
.webshop-productlist table.CmsPageStyle_Table .CmsPageStyle:empty {
    display: none;
}

#samecategoryitems:not(.active) {
    display: none;
}

seo, .CategoryFooterContent {
    display: block;
    background-color: #FFF;
    padding: 20px;
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
seo:empty, .CategoryFooterContent:empty {
    display: none;
}
seo {
    margin-bottom: 20px;
}
.CategoryFooterContent {
    margin-top: 30px;
}

.webshop-productlist .container.content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.webshop-productlist .container.content > * {
    flex: none;
}
.webshop-productlist .container.content aside {
    width: calc(25% - 30px);
}
.webshop-productlist .container.content div#Content_Productlist {
    flex: auto;
    max-width: 100%;
}
.webshop-productlist .container.content aside + div#Content_Productlist {
    flex: none;
    width: 75%;
}

.ProductList_Custom_DIV {
    display: flex;
    flex-direction: column;
}
.ProductList_Custom_DIV > div,
#Content_Productlist [class*="Custom_UL"] > li.apartmentli {
    width: calc(100% - 30px);
    flex: none;
    background-color: #FFF;
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    padding: 25px;
    position: relative;
    overflow: hidden;
}
body.servicepage #Content_Productlist .ProductList_Custom_UL {
    margin: 0;
    gap: 30px;
}
body.servicepage #Content_Productlist [class*="Custom_UL"] > li {
    width: 100%;
    margin: 0;
}
.apartment {
    display: flex;
    overflow: hidden;
    position: relative;
    padding: 20px;
    background-color: #f4f4f4;
    /* flex-wrap: wrap; */
}
.apartment .apartmentImage {
    width: 20%;
    flex: none;
}
.apartment .apartmentImage img {
    width: 100%;
    display: block;
}
.apartment .apartmentInfo {
    flex: none;
    width: 40%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
}
.apartmentName {
    flex: none;
}
.apartmentName a {
    font-size: 20px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
}
.apartmentDescription {
    margin-bottom: 20px;
    flex: none;
}
.apartmentReadmore {
    flex: none;
    margin-bottom: 20px;
}
.apartmentsMenu {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.apartmentsMenu a {
    background-color: #007dbc;
    color: #FFF;
    text-decoration: none;
    border-radius: 2px;
    padding: 5px 12px;
    margin: 0 5px 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
.waitinglist {
    flex: auto;
    display: flex;
    align-items: flex-end;
}
.waitinglist > a {
    background-image: url("/images/skins/Bewise/images/icon-user-white.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 13px;
    background-color: #007dbc;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border-radius: 2px;
    padding: 6px 15px 6px 35px;
    text-decoration: none;
}
.pcardApartmentInfo .waitinglist {
    margin-bottom: 10px;
}
li.apartmentli .apartmentSpecs {
    width: 40%;
    flex: none;
    border-left: 1px solid #eee;
    padding-left: 30px;
}
.apartmentSpecs {
    display: flex;
    flex-wrap: wrap;
}
.apartmentSpecs > div {
    width: 50%;
    flex: none;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}
.apartmentSpecs > div img {
    width: 30px;
    margin-right: 10px;
}
.formContainer {
    margin: 20px 0 0 0;
    width: 900px;
    max-width: 100%;
}
.formContainer input {
    margin-bottom: 5px;
}

.formContainer textarea {
    min-height: 150px;
}
.formContainer > form > div {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 5px;
}
.formContainer > form > div > label {
    display: block;
    margin-bottom: 3px;
}
.formContainer input[type="date"] {
    background-color: #f6f6f6;
}
.formContainer > form > div > div {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
}
.formContainer > form > div > div input[type="radio"] {
    margin-right: 8px;
    margin-bottom: 0;
}
.formContainer > form > div > div > div {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.thanksMessage {
    display: block;
    background-color: #F3FAF4;
    border: 1px solid #e7f2e8;
    padding: 8px 10px;
    border-radius: 2px;
    text-align: center;
}
.waitingListFormHeadline {
    justify-content: left;
}
.rentalmode {
    position: absolute;
    top: 30px;
    left: -59px;
    background-color: #007dbc;
    color: #FFF;
    display: flex;
    align-items: center;
    padding: 5px;
    transform: rotate(-45deg);
    width: 200px;
    justify-content: center;
}
.rentalmode img {
    display: block;
    width: 20px;
    margin-right: 8px;
}

.pcardApartment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.pcardApartmentImage {
    flex: none;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-right: solid 1px rgba(229,229,229,1.00);
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.pcardApartmentImage > div:not(.pcardApartmentImageSelector) {

}
.pcardApartmentImage img {
    max-width: 100%;
    display: block;
    height: auto;
}
.pcardApartmentInfo {
    flex: none;
    width: 70%;
    padding-left: 30px;
}
.pcardApartmentInfo h1 {
    justify-content: flex-start;
}
.pcardApartmentImage .thumbs {
    display: flex;
    justify-content: center;
    margin: 0 -2% 0;
    flex-wrap: wrap;
}
.pcardApartmentImage .thumbs a {
    flex: none;
    width: 21%;
    margin:4% 2% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: solid 1px rgba(238,238,238,1.00);
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
}
.pcardApartmentImage .thumbs a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.pcardApartmentImage .thumbs a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.pcardApartmentSpecs {
    background-color: #FFF;
    padding: 20px;
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
.pcardApartmentMoreinfo ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pcardApartmentMoreinfo li {
    flex: none;
    width: 48%;
    display: flex;
    justify-content: space-between;
}
.pcardApartmentMoreDescription {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
}

[class*="Custom_UL"] {
    margin: 0 -15px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
[class*="Custom_UL"].Related_Custom_UL:not(.slick-initialized) ,
[class*="Custom_UL"].Frontpage_Custom_UL:not(.slick-initialized) {
    justify-content: center;
}
[class*="Custom_UL"] > li {
    flex: none;
    width: calc(16.6% - 30px);
    margin: 0 15px 30px;
}
.frontpageproducts [class*="Custom_UL"] > li {
    width: calc(20% - 30px);
}
.frontpageproducts [class*="Custom_UL"] > li:nth-child(n+6) {
    display: none;
}
.influencesamecategoryitems [class*="Custom_UL"] > li {
    width: calc(33.3% - 30px);
}
[class*="Custom_UL"] form {
    height: 100%;
    display: flex;

}
.image [class*="VariantSelector"] {
    display: none;
}
#Content_Productlist [class*="Custom_UL"] > li {
    width: calc(20% - 30px);
}
#Content_Productlist [class*="Custom_UL"] > li.catinfowidth2 {
    width: calc(40% - 30px);
}
#Content_Productlist [class*="Custom_UL"] > li.catinfowidth3 {
    width: calc(60% - 30px);
}
#Content_Productlist [class*="Custom_UL"] > li.catinfowidth4 {
    width: calc(80% - 30px);
}
#Content_Productlist [class*="Custom_UL"] > li.catinfowidth5 {
    width: calc(100% - 30px);
}
.inspirationbox {
    display: flex;
    background-color: rgba(255,255,255,1.00);
}
.inspirationbox > * {
    display: flex;
    text-decoration: none;
    flex: auto;
}
.inspirationbox > * > .infomediaitem {
    flex: none;
    width: 50%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.inspirationbox > * > .infomediaitem:only-child {
    width: 100%;
}
.catinfobox {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 30px;
    gap: 20px;
}
.inspirationbox.catinfowidth4 .catinfobox {
    padding: 40px;
}
.inspirationbox.catinfowidth5 .catinfobox {
    padding: 50px;
}
.catinfobox > strong {
    font-size: clamp(14px,1.3vw,30px);
}
.catinfobox > p {
    margin: 0;
    padding: 0;
}
.catinfobox > span {
    border-bottom: solid 2px #bababa;
}
.inspirationbox.catinfowidth1 > * {
    flex-direction: column;
}
.inspirationbox.catinfowidth1 > * > .infomediaitem {
    width: 100%;
    max-height: 160px;
}
.inspirationbox.catinfowidth3 .catinfobox > strong {
    font-size: clamp(14px,1.7vw,30px);
}
.inspirationbox.catinfowidth4 .catinfobox > strong,
.inspirationbox.catinfowidth5 .catinfobox > strong {
    font-size: clamp(14px,3vw,39px);
}

#Content_Productlist [class*="Custom_UL"] > li.col2,
[class*="Custom_UL"].samecategoryitems > li.col2{
    width: calc(50% - 30px);
}
.item.article {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    position: relative;
    padding: 25px;
    display: flex;
    align-items: center;
    width: 100%;
}
.item.article > * {
    flex: auto;
}
.item.article > a {
    flex: none;
    width: 30%;
}
.item.article > a img {
    width: 100%;
    height: auto;
    display: block;
}
.item.influence  > a img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}
.item.article > div.info {
    flex: auto;
    padding: 0 0 0 30px;
}
.item.article > div.info .name a,
.item.influence > div.info .name a{
    font-weight: bold;
    text-decoration: none;
}
.item.influence > div.info .short {
    font-size: 13px;
    padding: 10px 0;
}
.item.influence {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    position: relative;
    padding: 25px;
    flex-direction: column;
    flex: auto;
    display: flex;
    height: 100%;
}

.item.influence .info > a {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 20px 0 0 0;
    text-transform: uppercase;
    font-size: 13px;
    border-top: 1px solid #eee;
}
.item.influence .info > a > img {
    display: block;
    margin-right: 8px;
}
.influencedescription {
    margin-bottom: 50px;
}
.accountname {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #7D7D7D;
    margin: 5px 0 0 0;
}
.accountname img {
    margin-right: 6px;
    display: block;
}
body.webshop-productinfo .accountname:not(.item .accountname) {
    justify-content: center;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 0;
}

.colordots {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
}
.colordots > span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #000000;
    margin: 0 3px 0 0;
    
}
.colordots > span:nth-of-type(1) {
    display: none;
}
.colordots > span:nth-of-type(2) {
    background-color: #00294d;
}
.colordots > span:nth-of-type(3) {
    background-color: #4a4648;
}
.colordots > span:nth-of-type(4) {
    background-color: #365c8e;
}
.colordots > span:nth-of-type(5) {
    background-color: #987f6e;
}

.product-filter-row {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    position: relative;
    padding: 25px;
}
.item.product {
    flex: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    padding: 25px;
}
.item.product .stockinfo {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: none;
}
.item.product .stockinfo > span {
    display: none !important;
}
.item.product .batch:empty {
    display: none !important;
}
.item.product .productbatch {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
	flex-direction: column;
    white-space: nowrap;
    line-height: 1;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 5;
    pointer-events: none;
}
.item.product .productbatch > div:first-child {
	margin-bottom: 5px;
}
.productbatch > div {
	padding: 4px 8px;
	border-radius: 2px;
}
.item.product .bluebatch {
	background-color: #007dbc;
	color: #FFF;
}
.item.product .yellowbatch {
	background-color: #F8D330;
	color: #000;
}
.item.product .batch.offervariant {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
	background-color: rgba(255,221,24,1.00);
	color: rgba(0,0,0,1.00);
}
.item.product .batch.batchflexie {
    min-width: 75px;
    text-align: center;
    display: block;
}
.productcardbatch {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
    pointer-events: none;
    white-space: nowrap;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
	display: flex;
	flex-direction: column;
	z-index: 3;
}
.productcardbatch > div {
	padding: 4px 8px;
	border-radius: 2px;
}
.productcardbatch > div:first-child {
	margin-bottom: 5px;
}
.bluebatch {
	background-color: #007dbc;
	color: #FFF;
}
.yellowbatch {
	background-color: #fed831;
	color: #000;
}
.item.product .image {
    flex: none;
    position: relative;
}
.item.product .image > a {
    display: flex;
    overflow: hidden;
    align-items: flex-start;
}
.productcardbatch > .item.product .image {
    flex: none;
    margin-bottom: 15px;
    position: relative;
}
.item.product .image .swan {
    pointer-events: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    width: 60px;
    height: auto;
    display: block;
    max-width: 25%;
}
.item.product .info {
    padding: 10px 0 0;
    flex: auto;
    display: flex;
    flex-direction: column;
}
.item.product .pricematch {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    background-color: #007dbc;
    color: #FFF;
    padding: 4px 8px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.item.product .info > strike {
    color: #868686;
}
.item.product .info > * {
    flex: none;
}
.item.product .info .name a {
    display: block;
    margin-bottom: 10px;
    color: rgb(53, 53, 53);
    font-weight: bold;
    text-decoration: none;
}
/*
.colorcodesplash {
    position: absolute;
    width: 45px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    bottom: 10px;
    right: 10px;
    z-index: 4;
    pointer-events: none;
}
*/
.colorcodesplash {
    
    height: 20px;
}
.item.product.coloritem {
    box-shadow: none;
    padding: 0;
    background-color: transparent;
}
.item.product.coloritem .info .name a {
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
    font-weight: normal;
}
.item.product .info .longDescription {
    margin-bottom: 10px;
    
}
.item.product .info .longDescription,
.item.product .info .longDescription * {
    font-size: 12px !important;
    color: #454646 !important;
}
.item.product .info .short {
    flex: auto;
    margin-bottom: 15px;
}
.item.product .variants {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1% 5px;
    flex: auto;
    align-items: flex-start;
}
.item.product .variants > a {
    flex: none;
    padding: 3px 10px;
    margin: 0 1% 2%;
    border: solid 1px rgb(234, 234, 234);
    text-decoration: none;
    color: inherit;
    font-size: 13px;
}
.item.product .variants label {
    display: block;
}
.item.product .variants select {
    font-size: 13px;
    height: 28px;
    padding: 3px 10px;
    width: 100%;
}
.item.product .variants > a:hover {
    background-color: rgb(234, 234, 234);
}
.item.product .image picture {
    width: 100%;
    display: block;
    transition: all 0.2s ease;
    flex: none;
    aspect-ratio: 1/1;
    height: auto;
}
.item.product .image img {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: scale-down;
    height: auto;
    flex: none;
    
}
.item.product:hover .image:has(picture:nth-child(2)) picture {
    transform: translateX(-100%);
}
.item.product .Prices_Custom_DIV {
    margin-bottom: 15px;
}
.item.product .Prices_Custom_DIV .price {
    font-weight: bold;
	font-size: 20px;
}
.item.product .Prices_Custom_DIV .price .example {
    font-size: 13px;
    font-weight: normal;
    color: #666;
}
.item.product .Prices_Custom_DIV > div strike {
    color: #505050;
}
.item.product .retailSalesPrice {
    display: none !important;
}
/*
.item.product .Prices_Custom_DIV strike + .price {
    color: #007dbc;
}
*/
.item.product .buy {
    position: relative;
}
.item.product .buy input[type="text"] {
    position: absolute;
    top: 50%;
    left: 7px;
    height: calc(100% - 12px);
    width: 35px;
    z-index: 5;
    border: none;
    background-color: rgba(255,255,255,1.00);
    border-radius: 3px;
    transform: translateY(-50%);
    padding: 0;
    text-align: center;
}
.item.product .buy .button,
.item.product .buy input[type="submit"] {
    width: 100%;
}
.item.product .buy input[type="text"] + input {
    padding-left: 50px;
}
.item.product .savingsbadge {
    background-color: #fed831;
    color: rgba(0,0,0,1.00);
    padding: 5px 10px;
    line-height: 1;
    font-style: normal;
    display: inline-block;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
	font-weight: bold;
}
.savingsbadge strong {
	position: absolute;
	bottom: 100%;
	left: 0;
	padding: inherit;
	background-color: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
}


#ProductFilter-Container.loading {
    min-height: 400px;
    position: relative;
}
#ProductFilter-Container.loading > * {
    opacity: .2;
}
#ProductFilter-Container.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
    z-index: 40;
    background-image: url("/images/skins/Bewise/images/loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px auto;
}
.product-filter-headertext-container,
.product-filter-clear-all {
    display: none;
}
.product-filter-row {
    margin-bottom: 30px;
}
.product-filter-header-text {
    font-weight: bold;
    margin: 0 0 10px;
}
.product-filter-body-container > div > div:not(:last-of-type) {
    margin-bottom: 10px;
}
.product-filter-checkbox-container {
    display: flex;
    align-items: center;
}
.product-filter-checkbox-container > * {
    flex: none;
}
.product-filter-checkbox-container > label {
    flex: auto;
    padding: 0 12px;
}
div.product-filter-body-container, div.product-filter-body-container-price {
    padding: 10px 0 0;
}
div.product-filter-body-container-price {
    padding-top: 15px;
}
.priceRangeInfo {
    display: flex;
}
.priceRangeInfo > span {
    flex: auto;
    font-size: 70%;
}
.priceRangeInfo > span:last-child {
    text-align: right;
}
.value-slider-wrapper-input {
    display: none;
}


.listtools {
    display: none;
    margin: 0 -1%;
}
.listtools > * {
    flex: none;
    margin: 0 1% 20px;
}

.btnfilter, .btnFilterProductsFound {
    display: none;
}
.btnfilter {
    flex: auto;
    align-items: center;
    justify-content: center;
}


.listimage {
    display: none;
}
.listheader {
    padding: 100px 0;
    /*box-shadow: 0 0 30px rgb(0 0 0 / 10%);*/
    /*margin-bottom: 50px;*/
    /*min-height: 305px;*/
    display: none;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}
.webshop-productlist .listheader {
    display: flex;
}
/*
.listheader:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(255,255,255,.50);
    display: block;
    position: absolute;
    z-index: 1;
}
*/
.listheader * {
    color: rgba(255,255,255,1.00);
}
.listheader > div {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.listheader > div > *:not(img) {
    background-color: rgba(0,0,0,.20);
    border-radius: 3px;
}
.listheader > div > span {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.listheader h1 {
    padding: 5px 15px;
    margin-bottom: 0;
}
.listheader > div > img:first-child + h1 {
    display: none;
}
.listheader h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 15px;
}
.listheader img {
    width: 400px;
    max-width: 70%;
    height: auto;
    margin: 0 0 20px;
}
td.BreadCrumb_ProductInfo br {
    display: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] {
    display: flex;
    justify-content: center;
    padding: 0 10px 6px;
}
[itemtype*="https://schema.org/BreadcrumbList"] > * {
    margin: 0 5px;
    flex: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] a {
    color: inherit;
}
#Content_Productlist.contentmoved h1:first-of-type {
    display: none;
}
.webshop-productinfo [itemtype*="https://schema.org/BreadcrumbList"] {
    margin-bottom: 20px;
}

a#ActiveCategory_A {
    display: none !important;
}


article > section {
    background-color: rgba(255,255,255,1.00);
    padding: 5%;
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    line-height: 2em;
}
article > div.image {
    height: 170px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.influencebreadcrumb {
    display: flex;
    width: 100%;
    justify-content: center;
}
.influencebreadcrumb [itemtype*="https://schema.org/BreadcrumbList"] {
    padding: 0;
}
.influencebreadcrumb .Description_Productinfo {
    margin: 0 5px;
}
.influencebreadcrumb table {
    width: auto !important;
}
article > div.image.influenceimage {
    height: 600px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.influenceextraimages {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1% 50px;
}
.influenceextraimages > a {
    flex: none;
    width: 23%;
    margin: 0 1% 2%;
    display: block;
}
.influenceextraimages > a > img {
    width: 100%;
    display: block;
    max-width: 100%;
}
.influencerelatedproductheader {
    text-align: center;
    font-size: 30px;
    margin-bottom: 50px;
}
.influencerelatedproductheader.rooms {
    margin-top: 50px;
}
.influencesection .item.product .variants {
    display: none;
}
.influencesection [class*="Custom_UL"] > li {
    width: calc(25% - 30px);
}

.influencetabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    justify-content: center;
}
.influencetabs > * {
    flex: none;
    width: 48%;
    margin: 0 1% 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    padding: 40px 20px;
    min-height: 400px;
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 25px;
    text-shadow: 0 0 4px rgba(0,0,0,.4);
    text-align: center;
}

article ~ .largeheader,
article .largeheader {
    margin-top: 70px;
}
article .samecategoryitems {
    justify-content: center;
}
article .samecategoryitems > li:nth-child(n+3) {
    display: none;
}

.productcard ~ .largeheader,
article ~ .largeheader,
#samecategoryitems .largeheader {
    margin-bottom: 40px;
}
.productcard .intro {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 50px;
}
.productcard .intro .left {
    flex: auto;
    position: relative;
    min-width: 1px;
}
.productcard .intro .right {
    flex: none;
    width: 550px;
}
.productcard .right .buy {
	
}
.productcard .mobileprice {
    text-align: center;
    font-size: 34px;
    ine-height: 1;
    letter-spacing: -1px;
    font-weight: bold;
}
.productcard .mobileprice small {
    font-size: 50%;
}
.productcard .images {
    flex: none;
    position: relative;
}
.productcard .productimages::-webkit-scrollbar {
    height: 0;
}
.productcard .swiper:not(.swiper-initialized) .productimages {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-overflow-scrolling:touch;
    overflow-x:auto;
	overflow-y:hidden;
}
.swiperbuttons {
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    display: flex;
}
.swiperbuttons > * {
    display: flex;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,1.00);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px #0000000a,0 2px 2px #00000005;
}
.swiperbuttons > * svg {
    width: 50%;
    height: auto;
    display: block;
}

.productcard .swiper:not(.swiper-initialized) .swiperbuttons {
    display: none;
}
.productcard .swiper .productimages > a {
    width: 90%;
    flex: none;
    position: relative;
    max-width: calc(100vh - 390px);
    background-color: rgba(255,255,255,1.00);
}
.productcard .swiper .productimages > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.07) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=1 );
}
.productcard .swiper .productimages > a:only-child {
    width: 100%;
    max-width: 100%;
}
.productcard .swiper .productimages > a img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
}
.productcard .swiper .productimages > a:only-child img {
    max-height: calc(100vh - 390px);
}
.productcard .swiper .productimages > a img[src*="youtu"] {
    object-fit: cover;
}
.productcard .swiper .productimages a[href*="youtu"]:after {
    content: "";
    background-image: url("/images/skins/Bewise/images/icon-youtube-red.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70px auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 4;
}

/*
.productcard .images a img {
    display: block;
    width: 100%;
    height: auto;
    mix-blend-mode: multiply;
}
*/
.productcard .thumbs {
    display: flex;
    justify-content: center;
    margin: 20px -2% 0;
    flex-wrap: wrap;
}
.productcard .thumbs a {
    flex: none;
    width: 21%;
    margin:4% 2% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: solid 1px rgba(238,238,238,1.00);
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
}
.productcard .thumbs a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.productcard .thumbs a[href*="youtu"] {
    background-size: auto 150%;
}
.productcard .thumbs a[href*="youtu"]:after {
    content: "";
    background-image: url("/images/skins/Bewise/images/icon-youtube-red.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 4;
}
.productcard .thumbs a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.productcard .short:not(:empty) {
    margin-bottom: 30px;
}
.productcard .short a[href*="longdescription"] {
    display: block;
}
.variantselectors {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.variantselectors:empty {
    display: none;
}
.variantselectors > div {
    width: calc(50% - 5px);
    flex: none;
}
.variantselectors > div.Variants {
	width: calc(50% - 5px) !important;
}
.variantselectors > div.colorpickerbutton {
}
.variantselectors > div > table {
    width: 100%;
}
.popupcardbutton {
    margin-bottom: 30px;
    text-decoration: underline;
    cursor: pointer;
}
.amountcalculatorbutton {
    background-color:#007dbc;
    display: none;
}
.variantdropdown .amountcalculatorbutton {
    display: flex;
}
.amountcalculator {
    display: none;
    background-color:#007dbc;
    padding: 10px 15px;
    margin-bottom: 30px;
    line-height: normal;
    position: relative;
    align-items: center;
    color: #FFF;
    border-radius: 4px;
    border: solid 1px #007dbc;
    justify-content: space-between;
}
.amountcalculator.active {
    display: flex;
	flex-direction: column;
}
.amountcalculator:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: inherit;
    position: absolute;
    top: -1px;
    left: 77px;
    transform: translateY(-50%) rotate(45deg);
    border: solid 1px;
    border-color: inherit;
    border-right: 0;
    border-bottom: 0;
}
.amountcalculator > * {
    flex: none;
}
.amountcalculator > div:first-child {
    display: flex;
    flex-direction: column;
}
.amountcalculator > div.m2calc {
	display: flex;
	align-items: center;
	width: 100%;
	flex: none;
}
.amountcalculator > div.input {
    position: relative;
	display: flex;
	align-items: center;
	margin: 10px 0 0 0;
}
.amountcalculator > div.input input {
    width: 75px;
    height: 40px;
    border-radius: 4px;
    padding: 0 35px 0 10px;
    border: solid 1px rgba(229,229,229,1.00);
    color: rgba(0,0,0,1.00);
    text-align: right;
}
.amountcalculator > div.input input::-webkit-outer-spin-button,
.amountcalculator > div.input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.amountcalculator > div.input input[type="number"] {
    -moz-appearance:textfield;
    border: none;
}
.amountcalculator > div.input span {
    position: absolute;
    top: 47%;
    right: 10px;
    color: rgba(128,128,128,1.00);
    transform: translateY(-50%);
}
.amountcalculator > strong {
    font-size: 26px;
    min-width: 96px;
    text-align: right;
}

.colorpickerbutton,
.Variants select,
.microcementcolorpickerbutton,
.transparentpickerbutton {
    border-radius: 5px;
    background-color: rgba(254,254,254,1.00);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.Variants select {
    height: 48px;
    padding: 0 45px 0 20px;
    background-position: calc(100% - 15px) 50%;
}
.Variants .VariantGroup > tbody > tr:first-child {
    display: none;
}
.colorpickerbutton,
.microcementcolorpickerbutton,
.transparentpickerbutton {
    /*
    padding: 15px 25px 15px 65px;
    background-image: url("/images/skins/Bewise/images/colorpalette.png");
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 18px 50%;
    */
    flex: auto;
    padding: 0 20px 0 10px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    position: relative;
    cursor: pointer;
}


.colorsampleboxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.colorsamplebox {
    flex: 1;
}

.colorsamplebox .sample {
    width: 100%;
    height: 96px;
    padding: 0 20px 0 10px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    background-color: rgba(254,254,254,1.00);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.colorsamplebox .sample.error {
    background-color: rgba(255,0,0,.36);
    animation: shake 0.4s;
}

@keyframes shake {
    0% { transform: translate(0, 0); }
    40% { transform: translate(10px, 0); }
    60% { transform: translate(-10px, 0); }
    100% { transform: translate(0, 0); }
}

.colorsamplebox .sample .sampletext {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    color: rgba(0,0,0,1.00);
}

.colorsamplecontainer {
    width: 940px;
    margin: 0 auto;
    max-width: 100%;
}

.colorsamplecontainer .colorsamplebutton {
    display: block;
    margin: 40px auto 0;
}
.colorproductslider {
    flex: none;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
.colorproductactive .productcard .images,
.colorproductactive .productnumber{
    display: none;
}
*/


/*
.productcard .colorpickerbutton span {
    border-radius: 25px;
    height: 12px;
    width: 32px;
    display: block;
    position: absolute;
    top: 0;
    right: 52px;
    transform: translateY(-50%);
}
*/
.colorpickerbutton span,
.microcementcolorpickerbutton span,
.transparentpickerbutton span{
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: block;
    margin: 0 15px 0 0;
    flex: none;
}
/*
.productcard .colorpickerbutton span.light {
    border: solid 1px rgba(163,163,163,1.00);
}
*/
.colorpickerbutton i,
.microcementcolorpickerbutton i,
.transparentpickerbutton i {
    font-style: normal;
    flex: auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 18px;
}
.colorpickerbutton:empty,
.microcementcolorpickerbutton:empty,
.transparentpickerbutton:empty {
    background-image: url("/images/skins/Bewise/images/loader.gif");
    background-position: 50% 50%;
    background-size: auto 50%;
    background-repeat: no-repeat;
}
.colorpickerbutton:not(:empty):after,
.microcementcolorpickerbutton:not(:empty):after,
.transparentpickerbutton:not(:empty):after {
    content: url("/images/skins/Bewise/images/icon-external-black.svg");
    margin: 0 0 0 10px;
    display: block;
    flex: none;
}

.productcard .savingsbadge {
    background-color: #fed831;
    color: rgba(0,0,0,1.00);
    padding: 6px 9px;
    line-height: 1;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    margin: 0;
    align-self: center;
    font-size: 18px;
	position: relative;
	font-weight: bold;
	margin-top: 10px;
	border-radius: 2px;
}
.productcard .left .savingsbadge {
	left: 10px;
	position: absolute;
	margin: 0;
	top: 10px;
}
.offerbatch {
	top: 10px;
	border-radius: 2px;
	left: 120px;
	position: absolute;
	background-color: #fed831;
    color: rgba(0,0,0,1.00);
    padding: 6px 9px;
    line-height: 1;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    align-self: center;
    font-size: 18px;
	font-weight: bold;
}
.pricesection {
    position: relative;
    display: flex;
    flex-wrap: wrap;
	margin-right: 30px;
}
.pricesection > span {
    flex: none;
    width: 100%;
}
.pricesection > span#retailPrice {
    display: none !important;
}
.productcard .Prices_Custom_DIV > div {
    line-height: normal;
}
.productcard .Prices_Custom_DIV > div:first-child {
}
.pricesection strike {
    font-size: 18px;
    color: #868686;
}
.productcard .Prices_Custom_DIV > div .before {
	display: block;
}
.productcard .Prices_Custom_DIV > div .before div {
    font-weight: bold;
}
.productcard .Prices_Custom_DIV > div > span {
    font-size: 45px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: bold;
}
.productcard .Prices_Custom_DIV > div > span.currency {
	font-size: 12px;
}

.doclinks:not(:empty) {
    display: flex;
    margin: 30px -3% 0;
    justify-content: flex-start;
}
.doclinks > a {
    flex: none;
    margin: 0 3%;
    display: flex;
    align-items: center;
}
.doclinks > a img {
    width: 15px;
    height: auto;
    margin: 0 0 0 6px;
    flex: none;
}

.productnumber {
    margin: 10px 0 0;
}

.morecategories {
    display: flex;
    margin: 40px -1% 0;
    flex-wrap: wrap;
}
.morecategories > a {
    flex: none;
    margin: 2% 1% 0;
    background-color: rgba(168,168,168,.10);
    border-radius: 25px;
    padding: 8px 25px;
    text-decoration: none;
    color: inherit;
}

#BUYSECTION:not(:empty) {
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex: auto;
}
#BUYSECTION input[type="submit"] {
    width: 66%;
}
#BUYSECTION input[type="submit"].loading {
    cursor: progress;
    opacity: .7;
}
#BUYSECTION > * {
    flex: none;
}
#BUYSECTION .amount {
    display: flex;
    width: 30%;
}
#BUYSECTION .amount > * {
    height: 45px;
}
#BUYSECTION .amount span {
    cursor: pointer;
    width: 33.3%;
    display: flex;
    font-family: 'Arial';
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    user-select: none;
    border: solid 1px rgba(237,237,237,1.00);
    background-color: #FFF;
}
#BUYSECTION input[type="number"] {
    width: 33.3%;
    margin: 0 4px;
    padding: 0;
    text-align: center;
    -moz-appearance: textfield;
}
#BUYSECTION input::-webkit-outer-spin-button,
#BUYSECTION input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#BUYSECTION .buybutton {
    flex: auto;
    position: relative;
}
#BUYSECTION .amount + .buybutton input {
    width: 100%;
}
/*
.productcard .info {
    display: flex;
    background-color: rgba(255,255,255,1.00);
    box-shadow: rgb(0 0 0 / 12%) 0px 2px 16px 0px;
}
.productcard .info .preview {
    flex: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.productcard .info .preview:before {
    content: "";
    display: block;
    padding-bottom: 80%;
}
.productcard .info .description {
    flex: auto;
    padding: 32px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.productcard .info .description .swan {
    width: 80px;
    margin-top: 20px;
    height: auto;
}

*/
.productcard .left .swan {
    width: 70px;
    height: auto;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
    pointer-events: none;
}

.cardinforow {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0 0 20px;
}

.keys {
    display: flex;
    flex-wrap: wrap;
}
.keys > div {
    flex: none;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px 20px;
    position: relative;
}
.keys > div:before, .keys > div:after {
    background-color: rgb(234, 234, 234);
    position: absolute;
    display: block;
}
.keys > div:nth-child(2n+1):before {
    content: "";
    top: 50%;
    left: 100%;
    height: calc(100% - 60px);
    width: 1px;
    transform: translateY(-50%);
}
.keys > div:nth-child(n+3):after {
    content: "";
    top: 0;
    left: 50%;
    width: calc(100% - 60px);
    height: 1px;
    transform: translateX(-50%);
}
.keys strong {
    font-size: 23px;
    font-weight: normal;
}

.productcard .left .mediumheader {
    text-align: center;
    margin: 0;
}

table.CmsPageStyle_Table {
    table-layout: fixed;
}

.extraProductsHeader {
    background-color: rgb(234, 234, 234);
    display: inline-flex;
    padding: 1px 15px;
    font-weight: bold;
}
.extraProductsContainer {
    background-color: rgba(254,254,254,1.00);
    border: solid 1px rgb(234, 234, 234);
    margin-bottom: 30px;
}
.extraProduct {
    display: flex;
    align-items: center;
}
.extraProduct:not(:last-child) {
    border-bottom: solid 1px rgb(234, 234, 234);
}
.extraProduct > * {
    flex: none;
}
.extraProduct input[type="checkbox"] {
    margin: 0 20px;
    display: block;
}
.extraProduct .image {
    width: 56px;
}
.extraProduct .image img {
    display: block;
    width: 100%;
    height: auto;
}
.extraProduct .extrainfo {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: normal;
    padding: 10px 20px;
}
.extraProduct .extrainfo u {
    text-decoration: none;
}
.extraProduct .extrainfo select {
    width: auto;
    max-width: 100%;
    margin: 8px 0 0;
}
.extraProduct .extrainfo strike + span {
    font-weight: bold;
    color: #007dbc;
    padding-left: 4px;
}
.extraProduct a.more {
    margin: 0 20px 0 0;
}


.showbasket-creditcards {
    margin: 30px 0 0 0;
}
.showbasket-creditcards img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}
.showbasket {
    display: flex;
    align-items: flex-start;
    clear: both;
}
.showbasket > * {
    flex: auto;
}
.showbasket > .summary {
    flex: none;
    width: 28%;
    margin-left: 30px;
    background-color: rgba(255,255,255,1.00);
}
.showbasket > .summary .deliveryinfo {
    margin: 0 0 15px;
    border-radius: 4px;
    padding: 10px;
    background-color: rgba(240,240,240,1.00);
    display: none;
}
.ShowBasket_Custom_DIV > div a[href*="remove=1"] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-40%,-40%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: rgba(0,0,0,1.00);
    z-index: 10;
}
.ShowBasket_Custom_DIV > div a[href*="remove=1"] img {
    width: 60%;
    display: block;
}
.ShowBasket_Custom_DIV > div {
    display: flex;
    padding: 15px;
    border: solid 1px rgba(237,237,237,1.00);
    background-color: rgba(255,255,255,1.00);
    position: relative;
    align-items: center;
}
.ShowBasket_Custom_DIV > div:not(:last-child) {
        margin-bottom: 10px;
    }
.ShowBasket_Custom_DIV .image {
    flex: none;
    width: 70px;
    margin: 0 15px 0 0;
    display: flex;
    align-items: flex-start;
}
.ShowBasket_Custom_DIV .image a {
    position: relative;
}
.ShowBasket_Custom_DIV .image img {
    width: 100% !important;
    display: block;
    padding: 5px;
}
.ShowBasket_Custom_DIV .info {
    flex: auto;
}
.ShowBasket_Custom_DIV .info > a {
    text-decoration: none;
}
.ShowBasket_Custom_DIV .info table {
    margin: 10px 0 0;
    background-image: url("/images/skins/Bewise/images/icon-gift-black.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: calc(100% - 10px) 50%;
    padding: 7px 35px 7px 10px;
    border: solid 1px rgba(237,237,237,1.00);
    border-radius: 2px;
    width: 10px;
}
.ShowBasket_Custom_DIV .info table td {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.ShowBasket_Custom_DIV .info table td input {
    margin-right: 7px;
}
.ShowBasket_Custom_DIV .info .ShowBasket_SimpleVariants_DIV {
    line-height: normal;
    color: rgba(73,73,73,1.00);
}
.ShowBasket_ChildProduct_SPAN + div {
    float: right;
}
.ShowBasket_ChildProduct_SPAN + div .unit {
    display: none;
}
.ShowBasket_Custom_DIV .amount {
    display: flex;
}
.ShowBasket_Custom_DIV .amount a {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    font-family: 'Arial';
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    text-decoration: none;
    border: solid 1px rgba(237,237,237,1.00);
}
.ShowBasket_Custom_DIV .amount span {
    display: flex;
    padding: 0 10px;
    align-items: center;
}
.ShowBasket_Custom_DIV .amount a[href*="dec=1"]:before {
    content: "-";
}
.ShowBasket_Custom_DIV .amount a[href*="inc=1"]:before {
    content: "+";
}
.ShowBasket_Custom_DIV .amount img {
    display: none;
}
.ShowBasket_Custom_DIV .price {
    display: flex;
    justify-content: flex-end;
    margin-left: 15px;
    align-items: center;
}
.ShowBasket_Custom_DIV .price .amount {
    margin-right: 20px;
}
.ShowBasket_Custom_DIV .price .priceholder {
    line-height: normal;
    text-align: right;
}
.ShowBasket_Custom_DIV .price .totalbefore {
    text-decoration: line-through;
    color: rgba(147,147,147,1.00);
}
.showbasket .summary {
    padding: 30px;
    display: flex;
    flex-direction: column;
}
.showbasket .summary .servicebox {
	margin-bottom: 25px;
}
.showbasket .summary .row {
    display: flex;
    justify-content: space-between;
    flex: none;
}
.showbasket .summary .row > div:last-of-type {
    text-align: right;
}
.showbasket .summary .row.total {
    font-size: 28px;
    border-top: solid 1px rgba(0,0,0,.20);
    padding-top: 25px;
    margin-top: 15px;
}
.showbasket .summary .row.total small {
    font-size: 14px;
}
.showbasket .summary .buttons {
    flex: auto;
    display: flex;
    align-items: flex-end;
}
.showbasket .summary .buttons a.button {
    display: flex;
    width: 100%;
    margin: 20px 0 0;
    flex: none;
}

.trustpilot-widget-container {
    padding: 20px 0;
}

.footerInfo  {
    background-color: #007dbc;
    border-top: 20px solid #f6f6f6;
    color: #FFF;
}
.footerInfo > div {
    display: flex;
    align-items: center;
    padding: 50px 0;
    justify-content: space-between;
}
.footerInfo > div > div {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.footerInfo > div > div:first-child {
    width: 45%;
}
.footerInfo > div > div:first-child:after {
    position: absolute;
    left: calc(100% + 15%);
    height: 80%;
    width: 1px;
    content: "";
    background-color: #075b87;
    bottom: 0;
}
.footerInfo > div > div:first-child > span {
    display: block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 23px;
    text-align: center;
    position: relative;
}
.footerInfo > div > div:first-child > span > small {
    display: block;
    font-size: 16px;
    font-weight: normal;
}
/*.footerInfo > div > div:first-child > span:after {
    content: "";
    height: 1px;
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    background-color: #1878a9;
}*/
.footerInfo > div > div:last-child {
    width: 45%;
    padding-left: 50px;
    flex-direction: column;
    align-items: center;
}
.footerInfo > div > div:last-child > img {
    margin: -90px 0 0 0;
    width: 450px;
    height: auto;
    max-width: 100%;
}
.footerInfo form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0 0 0;
}
.footerInfo input[type="text"],
.footerInfo input[type="email"] {
    flex: none;
    width: 49%;
    margin-bottom: 10px;
    text-align: center;
}
.footerInfo form > label {
    display: none;
}
.footerInfo .terms {
    flex: none;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 10px 0;
    justify-content: center;
}
.footerInfo .terms input {
    margin-right: 8px;
}
.footerInfo .terms a {
    color: #FFF;
}
.footerInfo input[type="submit"] {
    flex: none;
    margin: 0 auto;
    background-color: #000;
}
.footerInfo input {
    text-align: center;
}

.footerInfo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.footerInfo li {
    display: flex;
    align-items: center;
    font-size: 18px;
    flex: none;
    width: 50%;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 20px 10px;
    position: relative;
}
.footerInfo li:after, .footerInfo li:before {
    background-color: #075b87;
    position: absolute;
    display: block;
}
.footerInfo li:nth-child(2n+1):before {
    content: "";
    top: 50%;
    left: 100%;
    height: calc(100% - 10px);
    width: 1px;
    transform: translateY(-50%);
}

.footerInfo li:nth-child(n+3):after {
    content: "";
    top: 0;
    left: 50%;
    width: calc(100% - 10px);
    height: 1px;
    transform: translateX(-50%);
}
.footerInfo li img {
    width: 40px;
    height: auto;
    display: block;
    margin-right: 10px;
}

footer .TopMenu_MenuItems a {
    text-decoration: none;
}

footer a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #FFF;
}
footer a > img {
    margin-right: 6px;
}
footer a:hover {
    color:#007dbc;
}
footer {
    color: #FFFFFF;
    background-color: #343434;
    border-top: solid 20px #007dbc;
}
footer > div.container {
    display: flex;
    justify-content: center;
}
footer > div.container > div {
    max-width: 25%;
    padding: 0 40px;
}
footer > div.container > img {
    flex: none;
    display: block;
    width: 33%;
    height: auto;
    max-width: 540px;
}
footer > div.container > div > strong {
    font-size: 22px;
    margin: 0 0 15px;
    display: block;
    font-weight: bold;
}
footer .menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
footer form > input {
    margin-top: 15px;
}
.labelCallInput {
}
footer form > input[type="tel"], footer form > input[type="text"] {
    border: solid 1px #FFF;
    background-color: #FFF;
    width: 250px;
    max-width: 100%;
}
.footerpayshipping {
    padding: 30px 0 0 0;
    border-top: 1px solid #444;
    margin: 40px 0 0 0;
}
.footerpayshipping > div {

}
.footerpayshipping > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
.footerpayshipping > div > div:not(:last-child) {
    margin-bottom: 15px;
}
.footerpayshipping > div > div > span {
    background-color: rgba(255,255,255,1);
    border-radius: 3px;
    padding: 4px;
    margin: 0 6px 12px;
}
.footerpayshipping > div > div > span > img {
    height: 17px;
    width: auto;
    display: block;
}

.colorfavoritesbuttoncontainer {
    position: sticky;
    padding: 15px 0;
    background-color: rgba(255,255,255,.70);
    top: 187px;z-index: 10;
}
.colorfavoritesbutton {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 10;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 5px 10px 5px 30px;
    border-radius: 3px;
    color: rgba(255,255,255,1.00);
    background-color: #007dbc;
    background-image: url("/images/skins/Bewise/images/icon-favorites-solid-red.svg");
    background-size: 16px auto;
    background-position: 9px 55%;
    background-repeat: no-repeat;
	box-shadow: 2px 2px 0 rgba(0,0,0,.4);
}
.colorfavoritesbutton.remove {
    background-color: #ce3a3a;
    color:rgba(255,255,255,1.00);
    background-image: url("/images/skins/Bewise/images/icon-favorites-solid-white.svg");
}
/*
.colorfavoritesbutton {

    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 5px 10px 5px 30px;
    border-radius: 3px;
    color: rgba(255,255,255,1.00);
    background-color: #007dbc;
    background-image: url("/images/skins/Bewise/images/icon-favorites-white.svg");
    background-size: 16px auto;
    background-position: 9px 55%;
    background-repeat: no-repeat;
}
.colorfavoritesbutton.remove {
    background-color: rgba(254,189,190,1.00);
    color: rgba(123,45,46,1.00);
    background-image: url("/images/skins/Bewise/images/icon-favorites-red.svg");
}
*/

.colorpicker,
.microcementpicker,
.transparentpicker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1.00);
    z-index: 99999;
    display: none;
}
.colorpicker.active,
.microcementpicker.active,
.transparentpicker {
    display: flex;
}
.colorpicker .preview,
.microcementpicker .preview,
.transparentpicker .preview{
    width: 60%;
    flex: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    position: relative;
	z-index: 60;
}
.colorpicker .preview > img,
.microcementpicker .preview img,
.transparentpicker .preview img {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 8%;
    min-width: 120px;
    height: auto;
    z-index: 10;
}

.colorpicker,
.colorpicker *,
.microcementpicker,
.microcementpicker *,
.transparentpicker *{
    min-height: 0;
    min-width: 0;
}
.previewslider {
    width: 100%;

}
.previewslider:not(.slick-initialized) {
    display: flex;
}
.previewslider:not(.slick-initialized) > div {
    flex: auto;
}
.previewslider:not(.slick-initialized) > div:nth-child(n+2) {
    display: none;
}
.previewslider .slick-list, .previewslider .slick-track {
    height: 100%;
}
.previewslider .slick-slide,
.previewslider:not(.slick-initialized) > div {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.previewthumbs {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 40px rgb(0 0 0 / 50%);
    width: 70px;
    justify-content: flex-start;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
.previewthumbs > div {
    margin: 0;
    flex: none;
    width: 100%;
    cursor: pointer;
    transition: all .2s ease;
    position: relative;
}
.previewthumbs > div:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background-color: #007dbc;
    transition: all .2s ease;
    z-index: 4;
}
.previewthumbs > div.active:before {
    opacity: 1;
}
.previewthumbs > div:hover img, .previewthumbs > div.active img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.previewthumbs img {
    display: block;
    width: 100%;
    height: auto;
}
.categoriescontainer {
    padding-top: 5px;
    padding-bottom: 15px;
}
.categoriesul {
    margin: -1%;
    padding: 0;
    list-style-type: none;
    display: flex;
}
.categoriesul > li {
    margin: 1%;
    flex: none;
    cursor: pointer;
    width: 8%;
    border-radius: 50%;
    /*padding: 16px 5px;*/
	aspect-ratio: 1/1;
	max-width: 30px;
}
.colorselect {
    box-shadow: 0 0 60px rgba(0,0,0,.5);
    z-index: 5;
    width: 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    /*overflow: hidden;*/
}
.colorselect > * {
    flex: none;
    padding-left: 40px;
    padding-right: 40px;
}
.colorselect .colorpickerheader {
    display: flex;
    align-items: center;
    padding-right: 0;
}
.colorselect .colorpickerheader .colorpickertitle {
    font-size: 24px;
    flex: auto;
}
.colorselect .colorpickerheader .colorpickerclose {
    flex: none;
    width: 100px;
    background-image: url("/images/skins/Bewise/images/icon-close-black.svg");
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 50% 50%;
    cursor: pointer;
}
.colorselect .colorpickerheader .colorpickerclose:before {
    content: "";
    padding-bottom: 100%;
    display: block;
}
.colorselect .colorstabsul {
    margin: 0 -2%;
    padding-top: 15px;
    padding-bottom: 15px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}
.colorselect .colorstabsul > li {
    flex: none;
    margin: 0 2%;
    display: flex;
    align-items: center;
    position: relative;
}
.colorselect .colorstabsul > li.hidden,
.colorselect .colorstabsul > li.colorfavoritesli[data-count="0"],
.colorselect .colorstabsul > li.colorfavoritesli:not([data-count]){
    display: none;
}


.colorselect h3 {
    margin: 0;
    padding: 0 0 0 40px;
    text-align: left !important;
    font-size: 18px;
}
/*
.colorselect .colorstabsul > li:not(:last-child) {
    border-right: solid 1px rgba(230,230,230,1.00);
    padding-right: 15px;
}
*/
.colorselect .colorstabsul > li input {
    margin: 0;
    flex: none;
}
.colorselect .colorstabsul > li label {
    flex: auto;
    padding: 0 0 0 10px;
    cursor: pointer;
    line-height: normal;
    white-space: nowrap;
}
.colorselect .colorstabsul > li.colorfavoritesli:before {
    left: auto;
    right: 0;
    transform: translate(45%,-45%)
}
.colorselect .colorsearchdiv {
    background-color: rgba(245,245,245,1.00);
    padding-top: 15px;
    padding-bottom: 15px;
}
.colorselect .colorsearchdiv input {
    height: 45px;
    padding: 0 15px;
}
.colorpicker .colorscontinue {
    display: none;
    padding-top: 15px;
}
.colorselect .colorsdiv {
    flex: auto;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
    padding-top: 30px;
    padding-bottom: 10px;
}
.colorselect ul.colors {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    padding: 0;
    list-style-type: none;
}
.colorselect ul.colors > li {
    flex: none;
    width: 18%;
    margin: 0 1% 2%;
    border-radius: 5px;
    /*box-shadow: 0 0 10px rgba(0,0,0,.2);*/
    padding: 10px;
    color: rgba(0,0,0,1.00);
    cursor: pointer;
    display: none;
    justify-content: flex-start;
    text-transform: lowercase;
    position: relative;
    font-size: 10px;
    font-family: arial;
}
.colorselect ul.colors > li.hasfavorite:after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	transform: translate(30%,-30%);
	border-radius: 50%;
	background-image: url("/images/skins/Bewise/images/icon-favorites-solid-white.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 63% auto;
	background-color:#ce3a3a;
	width: 17px;
	height: 17px;
	pointer-events: none;
}
.colorselect ul.colors > li.visible {
    display: flex;
}
.colorselect ul.colors > li.active:before {
    content: "";
    top: -3px;
    left: -3px;
    border-radius: inherit;
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    background-color: #007dbc;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.colorselect ul.colors > li.dark {
    color: rgba(255,255,255,1.00);
}
.colorselect .savediv {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(245,245,245,1.00);
    box-shadow: -10px -15px 25px rgba(0,0,0,.2);
}
.colorselect .savediv button {
    width: 100%;
    height: 45px;
}

.colorviewer .colorpicker {
    position: relative;
    height: 100vh;
    z-index: 1;
    background-color: transparent;
}
.colorviewer .colorselect {
    box-shadow: none;
}
.colorviewer .colorpickerclose,
.colorviewer .colorselect .savediv,
.colorviewer .colorselect .colorpickerheader {
    display: none;
}
.colorviewerembed .listtools {
    display: none;
}
.colorviewerembed h3 {
    text-align: center;
}
.colorviewerembed h3:not(:first-of-type) {
    margin-top: 40px;
}
.colorviewerselect {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -1% 40px;
}
.colorviewerselect label {
    display: flex;
    align-items: center;
    font-size: 120%;
    margin: 0 1%;
}
.colorviewerselect label input {
    margin: 0 15px 0 0;
    width: 40px;
    height: 40px;
}

.slick-arrow {
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 100%;
    border-radius: none;
    padding: 0;
    z-index: 10;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    cursor: pointer;
    border: none;
    background-image: url("/images/skins/Bewise/images/icon-right-black.svg");
}
.slick-arrow.slick-prev {
    left: 0;
    transform: translateY(-50%) rotate(180deg);

}
.slick-arrow.slick-next {
    right: 0;
	left: auto;
}
.slick-arrow.slick-disabled {
    display: none !important;
}
.previewslider .slick-arrow {
	height: 100%;
}
.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 20px;
    list-style-type: none;
}
.slick-dots > li {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: rgba(237,237,237,1.00);
    margin: 0 5px;
    flex: none;
}
.slick-dots > li.slick-active {
    background-color: rgba(90,90,90,1.00);
}
.slick-dots button {
    display: none;
}
.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}

slider .slick-arrow {
	height: 40px;
	width: 40px;
	background-color:rgba(255,255,255,.40);border-radius: 50%;
	background-size: 10px auto;
	
}
slider .slick-arrow.slick-next {
	right: 15px;
}
slider .slick-arrow.slick-prev {
	left: 15px;
}

.webshop-productinfo [class*="Custom_UL"] {
    margin: 0;
    padding: 2px 0 5px;
    list-style-type: none;
    gap: 20px;
    display: flex;
    justify-content: center !important;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}
.webshop-productinfo [class*="Custom_UL"] > li {
    margin: 0;
    flex: none;
    width: calc(19.62% - 10px);
}


.webshop-productinfo [class*="Custom_UL"].dragscroll {
    padding-bottom: 15px;
    justify-content: flex-start !important;
}
.webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar {
    height: 7px;
    cursor: grab;
}
.webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar-track {
    background-color: transparent;
    cursor: grab;
}
.webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar-thumb {
    background-color:rgba(211,211,211,1.00);
    cursor: grab;
    border-radius: 25px;
}
.webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar-thumb:hover {
    background-color:rgba(162,162,162,1.00);
    cursor: grab;
}
.webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar-thumb:active {
    background-color:rgba(162,162,162,1.00);
    cursor: grab;
}


.headerbox.project {
    cursor: pointer;
}
.headerbox.project:not(.active) {
    display: none;
}

.basket {
    position: relative;
    align-self: stretch;
    display: flex;
}
/*
.minibasket {
    position: absolute;
    flex-direction: column;
    top: 100%;
    right: -30px;
    background-color: rgba(255,255,255,1.00);
    width: 600px;
    box-shadow: 0 0 40px rgba(0,0,0,.2);
    display: none;
}
.minibasket:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: rgba(255,255,255,1.00);
    border-top: none;
    position: absolute;
    bottom: 100%;
    right: 34px;
}
.minibasket > *:not(.lines), .minibasket .lines > div {
    padding-left: 40px;
    padding-right: 40px;
}
.minibasket > .header {
    font-size: 25px;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f6f6f6;
}
.minibasket .lines {
    max-height: 300px;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
.minibasket .line {
    padding: 7px 0;
    display: flex;
    align-items: center;
    background: rgb(255,255,255);
    border-bottom: 1px solid #f6f6f6;
}
.minibasket .line.aligntop {
    align-items: flex-start;
}
.minibasket .line > * {
    flex: none;
}
.minibasket .line > .image {
    width: 50px;
}
.minibasket .line > .image img {
    display: block;
    width: 100%;
    mix-blend-mode: multiply;
}
.minibasket .line > .info {
    padding: 10px 20px;
    flex: auto;
    display: flex;
    flex-direction: column;
}
.minibasket .line > .info > a {
    text-decoration: none;
    color: rgba(0,0,0,1.00);
}
.minibasket .line > .info > small {
    display: flex;
    flex-direction: column;
    line-height: normal;
}
.minibasket .line > .price {
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: normal;
}
.minibasket .line > .price small {
    color: rgba(130,130,130,1.00);
}
.minibasket .line > .edit {
    padding-left: 15px;
}
.minibasket .line > .edit a[href*="remove=1"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: rgba(0,0,0,1.00);
}
.minibasket .line > .edit a[href*="remove=1"] img {
    width: 60%;
    display: block;
}
.minibasket .shippingline, .minibasket .total {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.minibasket .shippingline {
    border-bottom: solid 1px #f0f0f0;
}
.minibasket .total {
    font-weight: bold;
    align-items: flex-start;
    line-height: normal;
}
.minibasket .total > div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.minibasket .total > div > small {
    font-weight: normal;
}
.minibasket .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #f6f6f6;
    border-top: 1px solid #f1f1f1;
}
.minibasket .bottom .button {

}
*/
.shippingcountdown:empty {
    display: none;
}
.shippingcountdown .text {
    margin: 0 0 5px;
    padding: 0 65px 0 0;
    font-weight: bold;
    text-transform: uppercase;
}
.shippingcountdown .text i {
    font-style: normal;
    color: #00689c;
}
.shippingcountdown .bar {
    border-radius: 20px;
    height: 16px;
    padding: 1px;
    border: solid 1px #007dbc;
    background-color: rgba(255,255,255,1.00);
    display: flex;
    position: relative;
}
.shippingcountdown .bar span {
    flex: none;
    background-color: #007dbc;
    border-radius: 20px;
    width: 0;
}
.shippingcountdown .bar small {
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 11px;
    background-color: #007dbc;
    color: rgba(255,255,255,1.00);
    position: absolute;
    right: 0;
    bottom: calc(100% + 5px);
    font-weight: bold;
}
.shippingcountdown .bar small:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #007dbc;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.shippingcountdown.redeemed {
    font-weight: bold;
    display: flex;
    align-items: center;
}
.shippingcountdown.redeemed img {
    width: 17px;
    height: auto;
    margin: 0 6px 0 0;
}
.productcard .shippingcountdown:not(:empty) {
    margin: 30px 0 0;
}
.productcard [data-before]:not(:empty):before {
    display: none;
}
[data-before]:not(:empty):before {
    content: attr(data-before);
}
.productcard .deliveryinfo-container > span {
    flex: none;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.popup, .popupplaceholder {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 200;
    transform: translateY(calc(100% + 40px));
    transition: all .5s ease;
}
.popup.active, .popupplaceholder.active {
    transform: translateY(0);
}
.popupplaceholder {
    background-color: #007dbc;
    border-radius: 6px;
    padding: 15px 30px;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    cursor: pointer;
}
.popupplaceholderclose {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,1.00);
    cursor: pointer;
    top: 0;
    right: 0;
    transform: translate(30%,-30%);
}
.popupplaceholderclose img{
    display: block;
    width: 60%;
    height: auto;
    flex: none;
}
.popup,
.guidepopup {
    background-color: rgba(255,255,255,1.00);
    width: 900px;
    max-width: calc(100% - 40px);
    box-shadow: 0 0 40px rgba(0,0,0,.2);
    display: flex;
    z-index: 210;
}
.guidepopup, .buypopup {
    position: fixed;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 30px;
    display: block;
}
.popup .popupcontentclose,
.guidepopup .guidepopupcontentclose {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    background-color: rgba(245,245,245,.70);
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup .popupcontentclose img,
.guidepopup .guidepopupcontentclose img {
    flex: none;
    width: 20px;
    height: auto;
    display: block;
}
.popup .image {
    flex: none;
    width: 40%;
    margin-right: 30px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
body.webshop-frontpage .popup .image {
    background-size: 100%;
}
.popup .mediumheader {
    font-size: 28px;
}
.popup .popupcontent,
.guidepopup .guidepopupcontent {
    flex: auto;
    padding: 40px;
}
.guidepopup .guidepopupcontent {
    height: 100%;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
.buypopup .popupcontent {
    background-color: rgba(255,255,255,1.00);
	max-height: 90vh;
	-webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
.popup .popupcontent > p {
    margin: 0 0 20px;
}
.popup .popupcontent > input[type="number"] {
    height: 55px;
    font-size: 17px;
    padding: 0 20px;
}
.popup .zipmessage:not(:empty) {
    margin-top: 15px;
}
.popup button {
    margin-top: 20px;
}

.buypopup {
    top: 0;
    left: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    transform: none;
    background-color: rgba(0,0,0,.70);
    padding: 45px;
    align-items: center;
    justify-content: center;
}
.buypopup .popupcontent {
    max-width: 1000px;
}
.buypopup h2 {
    text-align: center;
}
.buypopup .extraProductsContainer {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
    background-color: transparent;
    border: none;
}
.buypopup .extraProductsContainer > div {
    flex: auto;
    max-width: 48%;
    margin: 1%;
    border: none;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.buypopup .extraProduct input[type="checkbox"] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.popup.buypopup .extraProduct .image {
    width: 18%;
}
.buypopupbuttons {
    margin: 30px -1% -1%;
    display: flex;
}
.buypopupbuttons > button {
    flex: auto;
    margin: 1%;
    max-width: 48%;
    font-size: 18px;
}
.buypopupbuttons > button.continue {
    background-color: rgba(0,0,0,1.00);
}

.calcpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999999999;
    transition: background 1s ease;
    display: flex;
}
.calcpopupimage {
    flex: none;
    width: 60%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.calcpopupcontent {
    flex: auto;
    box-shadow: 0 0 60px rgb(0 0 0 / 50%);
    z-index: 5;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: rgba(250,250,250,1.00);
    overflow: hidden;
}
.calcpopupcontent > * {
    flex: none;
    padding-left: 40px;
    padding-right: 40px;
}
.calcpopupcontent .calcpopupheader {
    display: flex;
    align-items: center;
    padding-right: 0;
}
.calcpopupcontent .calcpopupheader .calcpopuptitle {
    font-size: 24px;
    flex: auto;
}
.calcpopupcontent .calcpopupheader .calcpopupclose {
    flex: none;
    width: 100px;
    background-image: url("/images/skins/Bewise/images/icon-close-black.svg");
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 50% 50%;
    cursor: pointer;
}
.calcpopupcontent .calcpopupheader .calcpopupclose:before {
    content: "";
    padding-bottom: 100%;
    display: block;
}
.calcpopupcontentcenter {
    flex: auto;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.calcpopupcontentcenter .mediumheader:not(:first-child) {
    margin-top: 30px;
}
.calcpopupcontentcenter .zipcity {
    display: flex;
}
.calcpopupcontentcenter .zipcity > div {
    flex: auto;
}
.calcpopupcontentcenter .zipcity > div:first-child {
    flex: none;
    width: 130px;
    margin-right: 15px;
}
.calcpopupcontentcenter label {
    display: block;
    font-size: 90%;
    line-height: normal;
    margin: 10px 0 4px;
}
.calcpopupbottom {
    flex: none;
}
.calcpopupbottom {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(245,245,245,1.00);
    box-shadow: -10px -15px 25px rgba(0,0,0,.2);
}
.calcpopupbottom button {
    width: 100%;
    height: 45px;
}

.projectcontrol {
    display: none;
    background-color: #46af58;
    color: rgba(255,255,255,1.00);
}
.projectcontrol > * {
    padding: 15px 0;
}
.projectcontrol > :not(:last-child) {
    border-bottom: solid 1px rgba(255,255,255,.20);
}
.projectcontrol input[type="submit"], .projectcontrol button {
    background-color:rgba(0,0,0,1.00);
}
.activeproject {
    display: none;
}
.activeproject.active {
    display: block;
}
.activeproject > div {
    display: flex;
    align-items: center;
}
.activeproject > div > * {
    flex: none;
}
.activeproject > div > div {
    font-size: 18px;
    flex: auto;
}
.activeproject .activenumber {
    font-weight: bold;
    /*
    display: inline-block;
    padding: 1px 10px;
    background-color:rgba(255,255,255,1.00);
    color: #46af58;
    border-radius: 3px;
    */
}
.activeproject button {
    margin-left: 1%;
}
.activeproject button.remove {
    background-color: rgba(120,13,15,1.00);
}
.findproject {
    display: none;
}
.findproject.active {
    display: block;
}
.findproject form {
    display: flex;
    align-items: center;
    margin: 0 -0.5%;
}
.findproject form > * {
    height: 40px;
    flex: auto;
    margin: 0 0.5%;
    border: none;
}
.findproject form > select {
    flex: none;
    width: 20%;
    min-width: 180px;
}
.findproject .results {
    margin: 15px -1% 0;
    display: flex;
}
.findproject .results:empty {
    display: none;
}
.findproject .results > div {
    cursor: pointer;
    color: rgba(0,0,0,1.00);
    background-color: rgba(255,255,255,1.00);
    border-radius: 5px;
    padding: 30px;
    flex: none;
    width: 23%;
    margin: 0 1%;
    position: relative;
}
.findproject .results > div:not(.selected):hover {
    background-color: rgba(255,255,255,.80);
}
.findproject .results > div.selected:before {
    position: absolute;
    top: 0;
    left: 30px;
    line-height: normal;
    padding: 3px 10px;
    font-size: 11px;
    background-color: #007dbc;
    color: rgba(255,255,255,1.00);
    border-radius: 0 0 2px 2px;
    content: attr(data-selected);
}
/*
.findproject .results > div.selected:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 5px red;
    border-radius: inherit;
}
*/
.findproject .results > div:nth-child(n+5) {
    display: none;
}

#customer_alternativedelivery_history {
    display: none;
}
#customer-alternative-delivery #customer-data {
    position: relative;
}
.hasproject #customer-alternative-delivery #customer-data:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,.70);
    z-index: 10;
}

.employees_filter {
	display: flex;
	margin: 0 -1%;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.employees_filter > .btn {
	margin: 0 1% 2%;
	padding: 10px 30px;
	display: flex;
	border-radius: 4px;
	flex: none;
	align-items: center;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	background-color:rgba(106,106,106,1.00);
	font-weight: bold;
	justify-content: center;
	cursor: pointer;
	transition: background-color .5s ease;
	white-space: nowrap;
}
.employees_filter > .btn:not(.active):hover {
	background-color: #00679c;
}

.employees_filter > .btn.active {
	background-color: #007dbc;
}

.employees {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -1% 60px;
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}

.employees .employee_section {
	width: 100%;
	display: none;
	flex-wrap: wrap;
	transition: opacity .2s ease, height .2s ease;
}
.employees .employee_section.active {
	display: flex;
}

.employees .init {
	opacity: 0;
	height: 0;
	pointer-events: none;
}

.employees .init.active {
	opacity: 1;
	height: 100%;
	pointer-events: auto;
}

.employee_section > div.init {
	display: none;
}

.employee_section > div.init.active {
	display: block;
}

.employees > div > span {
    flex: none;
    width: 98%;
    margin:0 auto;
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.employees > div > div {
    flex: none;
    width: 18%;
    margin: 0 1% 2%;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
	display: none;
}
.employees > div > div.active {
	display: block;
}
.employees > div > div > *:not(img) {
    padding: 0 20px;
    display: block;
}
.employees img {
    display: block;
    max-width: 100%;
    width: 100%;
}
.employees > div > div > span {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}
.employees > div > div > small {
    margin-bottom: 10px;
}
.employees > div > div > a {
    text-decoration: none;
    font-size: 14px;
    display: block;
}
.employees > div > div > a[href*="mailto"] {
    margin-bottom: 20px;
}

.employees.servicepage {
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
	justify-content: center;
}
.employees.servicepage .employee_section {
	justify-content: center;
}

.employees.servicepage .employee_section > div {
	width: 48%;
}


columns {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
columns > * {
    flex: auto;
}
columns > div, columns > form {
    padding: 5%;
}
columns > div[style*=background] {
    min-height: 200px;
    align-self: stretch;
}
columns.customerservice > form {
    width: 50%;
    background-color: #eee;
}
columns > img, columns > iframe, columns > form, columns > section, columns > div[style*=background], columns > video {
    flex: none;
    width: 50%;
    height: auto;
}
columns > form {
    width: 30%;
}
.contactforms form {
    flex: none;
    width: 100%;
    padding: 0;
}
.contactforms {
    background-color: #343434;
    margin: 30px auto 0;
    flex-wrap: wrap;
    padding: 30px;
}
.contactforms > div {
    color: #FFF;
    flex: none;
    width: 60%;
    padding: 0;
}
.contactforms > div.contactformsText {
    display: flex;
    flex-wrap: wrap;
    padding-left: 40px;
}
.contactforms > div.contactformsText > div {
    flex: none;
    width: 50%;
}
.contactforms > div.contactformsText > div > div:first-child {
    margin-bottom: 20px;
}
columns.contactforms .contactformsImage {
    width: 40%;
}
columns.contactforms .contactformsImage img {
    width: 100%;
    display: block;
}

columns h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 20px;
}
columns.contactforms p {
    margin: 0;
    padding: 0;
}
columns > iframe {
    height: 430px;
}
columns > form input:not(:last-of-type),
columns > form textarea {
    margin-bottom: 15px;
}
columns > form textarea {
    height: 80px;
}
columns h2 {
    font-weight: normal;
    font-size: 30px;
    line-height: normal;
}
columns img[src*="-logo."] {
    display: none;
}

.videoflex, .download-pdf {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.videoflex > div, .download-pdf > a {
    width: 31.3%;
    flex: none;
    margin: 0 1% 2%;
}
.videoflex > div > span {
    display: block;
    margin-bottom: 10px;
}
.download-pdf img {
    display: block;
    max-width: 100%;
}

.shortcutscontainer {
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    padding: 30px 0;
}
.shortcuts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.shortcuts > a {
    flex: none;
    width: 23%;
    margin: 1% 1%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: rgba(255,255,255,1.00);
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border: solid 15px rgba(255,255,255,1.00);
    position: relative;
    transform-origin: 50% 50%;
    transition: all .3s ease;
}
.shortcuts picture > img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s ease;
    filter: grayscale(1);
}
.shortcuts span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:rgba(0,0,0,.40);
    padding: 4px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}
.shortcuts > a > span > picture {
    display: block;
    margin: 0 0 10px 0;
}

fieldset {
    border: none;
    padding: 0;
}
iframe[data-tally-src],
.TableLines_OrderStep4 {
    width: 900px;
    margin: 0 auto 20px;
    max-width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 30px;
    table-layout: fixed;
}
iframe[data-tally-src] {
    display: block;
    margin: 0 auto 30px;
    border-bottom: solid 10px #007dbc;
}
td.Order_printIcon a,
span.Heading_Order4 ~ br,
.BackGroundColor1_OrderStep4 > tbody > tr:nth-child(1),
.BackGroundColor1_OrderStep4 > tbody > tr:nth-child(2) > td:first-child > br:first-of-type {
    display: none;
}
.backtofrontpagediv {
    display: flex;
    justify-content: center;
}
body.webshop-orderstep4 .backtofrontpage {
    display: inline-block;
    background-color: #007dbc;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: bold;
}
body.webshop-checkout header #ProductmenuContainer_DIV {
    display: none;
}
#checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary {
	width: 800px;
	max-width: 100%;
	margin: 0 auto 40px;
	float: none;
	border: none;
	min-height: 10px;
	padding: 30px;
	box-shadow: 0 0 40px rgba(0,0,0,.1);
	position: relative;
    background-color: rgba(255,255,255,1.00);
}
#checkout-container #column-data:after, #checkout-container #column-shipping-payment:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(255,255,255,1.00);
	position: absolute;
	top: 100%;
	left: 30px;
	z-index: 20;
}
#checkout-container h3, #checkout-container h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0;
}
#checkout-container #column-data #customer-data input, #checkout-container #column-data #customer-data select, #checkout-container textarea {
	margin: 0;
}
#checkout-container input[type="text"], #checkout-container input[type="tel"] {
    display: block;
    width: 100%;
    border: 1px solid #dfdfdf;
    height: 34px !important;
    padding: 0 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(255,255,255,1.00);
    border-radius: 2px;
}
#checkout-container select {
    -webkit-appearance: none;
    border: 1px solid #dfdfdf;
    background-color: #FFF;
    padding: 0px 30px 0px 15px;
    height: 34px !important;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
}
#customer-login > fieldset, #customer-login-devider {
    display: none;
}
#customer-data label {
	display: block;
	position: relative;
	margin: 0 0 10px;
}
#customer-data fieldset > label[for="res2"] {
    display: inline-flex;
    flex-wrap: wrap;
}
#checkout-container .salesdiscountcode-label {
	flex: none;
	width: 100%;
}
#checkout-container .salesdiscountcode-container {
	display: inline-block;
	width: 70%;
	float: none;
}
#checkout-container .salesdiscountcode-button-container {
	display: inline-block;
	float: none;
	width: 28%;
	margin: 0 0 0 2%;
}
#checkout-container #column-data #customer-data input.checkout-salesdiscount-code-button {
	float: none;
	width: 100%;
	cursor: pointer;
	height: 34px;
	padding: 0;
	font-size: 12px;
}
#customer-data fieldset {
	display: block;
	margin: 0 -1%;
}
#customer-data fieldset > label {
	width: 48%;
	margin: 0 1% 2%;
	display: inline-block;
	vertical-align: top;
}
#customer-data fieldset > label[for="checkout_customertype"] {
    width: 98%;
}
#customer-data fieldset > label[for="checkout_customer_zipcode"] {
    width: 100px;
}
#customer-data fieldset > label[for="checkout_customer_city"] {
    width: calc(96% - 100px);
}
#customer-data fieldset > label[for="checkout_customer_country"] {
    display: none;
}
#customer-data fieldset > label[for="checkout_note"] {
    width: 98%;
}
#customer-data fieldset > label[for="res5"] {
    position: absolute;
    left: -10000px;
}


.checkout-row {
    display: inline-flex !important;
    align-items: center;
}
/*
.div-checkout-checkbox-label label {
    margin-bottom: 0 !important;
    margin-left: 6px !important;
}
*/
#checkout-container .checkout-row {
    margin: 0 1% !important;
    width: 98% !important;
}
.hasproject #checkout-container .checkout-row {
    position: absolute;
    left: -10000px;
}
#checkout-container .checkout-row input {
    display: block;
    margin: 0 10px 0 0 !important;
}
#checkout-container .checkout-row label {
    margin: 0;
}
#checkout-container div#customer-alternative-delivery {
	margin-top: 20px;
}
#checkout-container #column-data #customer-data .checkout-row.altdev > .div-checkout-checkbox input {
	margin: 0 0 0;
}
#checkout-container .checkout-row.altdev .opcHeader {
	font-weight: 300;
}
#checkout-container .checkout-row.altdev .opcHeader br {
	display: none;
}
#checkout-container #column-data #customer-data .checkout-row.altdev label {
	margin: 0;
}
#payment-methods {
	margin: 0 0 30px;
}
#checkout-container .checkout-payment-table, #checkout-container .checkout-shipping-table {
	width: 100%;
}
#shipping-methods div:empty {
	display: none;
}
#checkout-container #column-shipping-payment label {
	border: 1px solid #dfdfdf;
    padding: 10px;
	cursor: pointer;
    border-radius: 2px;
    display: block;
}
#checkout-container #column-shipping-payment label:not(:last-of-type) {
    margin-bottom: 2%;
}
#checkout-container #column-shipping-payment label:hover {
	background-color: rgba(238,238,238,.50);
}
#checkout-container .checkout-payment-radio-cell, #checkout-container .checkout-shipping-radio-cell {
	width: 30px;
    vertical-align: top;
}
#checkout-container #column-shipping-payment input[type=radio] {
	margin: 0 !important;
}
.checkout-payment-method-image, .checkout-shipping-method-image {
	float: right;
}
.checkout-payment-method-image img, .checkout-shipping-method-image img {
    width: 120px;
    display: block;
}
label[for="checkout-payment-59"] .checkout-payment-method-image img {
    width: 130px;
}
label[for="checkout-payment-60"] .checkout-payment-method-image img {
    width: 90px;
}
label[for="checkout-payment-89"] .checkout-payment-method-image img {
    width: 80px;
}
#column-shipping-payment .shipping-message, #column-shipping-payment .payment-message {
	font-size: 11px;
	color: rgba(114,114,114,1.00);
}
.checkout-order-confirm-headline {
	display: none;
}
table#order-summary.order-summary,
table#order-summary.order-summary ~ table {
    width: 100%;
}
table#order-summary.order-summary th {
    text-align: left;
}
table#order-summary.order-summary th.right-align,
table#order-summary.order-summary td.right-align,
table#order-summary.order-summary ~ table td.right-align {
    text-align: right;
}
table#order-summary.order-summary ~ table .bold {
    font-weight: bold;
}
#confirm-accepterms, #subscription-maillist {
	border: 1px solid #dfdfdf;
    padding: 10px 15px;
	cursor: pointer;
    border-radius: 2px;
	float: none;
	margin: 20px 0;
    display: flex;
    align-items: center;
}
#mailchimp-subscribe-box small {
	display: block;
}
#confirm-accepterms input, #subscription-maillist input {
	margin: 0 8px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#confirm-accepterms span, #subscription-maillist label{
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 30px);
}
#confirm-complete-button {
	float: none;
	width: 100%;
    font-size: 20px;
    padding: 15px;
}

div.checkout-customerdata-text-validationmessage {
	font-size: 10px;
	margin: 2px 0 0;
}


.fphighlight, .videobanner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 2000px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	background-position: 50% 50%;
}
.videobanner[style*="background-image"] {
	min-height: calc(80vh - 200px);
}
.fphighlight > div > span {
    flex: none;
    width: 100%;
    color: #FFF;
    font-size: 45px;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fphighlight > div > span > small {
    font-size: 25px;
}
.fphighlight > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
    max-width: 100%;

}
.fphighlight div div {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.fphighlight a {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    flex: none;
    width: 14.6%;
    margin: 1%;
    transition: transform .4s ease;
}
.fphighlight a > span {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    color: #FFF;
    text-transform: uppercase;
}
.fphighlight img {
    display: block;
    height: auto;
    padding: 10px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    width: 100%;
}

.fphighlight .largeheader a {
    background-color: #007dbc;
    margin: 20px 0 0;
    font-size: 18px;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    width: auto;
}

/*
.fphighlight {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 2000px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.fphighlight > div > span {
    flex: none;
    width: 100%;
    color: #FFF;
    font-size: 45px;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fphighlight > div > span > small {
    font-size: 25px;
}
.fphighlight > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
    max-width: 100%;

}
.fphighlight div div {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.fphighlight .largeheader a {
    background-color: #007dbc;
    margin: 20px 0 0;
    font-size: 18px;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.fphighlight .container a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    flex: none;
    width: 14.6%;
    margin: 1%;
    transition: transform .4s ease;
}
.fphighlight .container a > span {
    font-size: 20px;
    display: block;
    margin-top: 10px;
    color: #FFF;
    text-transform: uppercase;
}
.fphighlight a
.fphighlight img {
    display: block;
    height: auto;
    padding: 10px;
    border-radius: 6px;
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    width: 100%;
}
*/

.boxes {
    display: flex;
    justify-content: space-between;
}
.boxes > * {
    flex: none;
    width: 49%;
    padding: 5%;
    position: relative;
}
.boxes > * img {
    display: block;
    width: 100%;
    height: auto;
}
/*.boxes > div:last-child {
    display: block;
    height: 100%;
    backface-visibility: hidden;
    animation-name: fadeIn;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
    will-change: transform, opacity;
    z-index: 1;
}
*/
.boxes > a.boxes-video:before {
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,.20);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 1;
    transition: all .4s ease;
}
.boxes > *:hover:before {
    opacity: 1;
}
.boxes .boxes-first,
.boxes .boxes-second,
.boxes .boxes-video {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    text-align: center;
    min-height: 600px;
	border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.boxes .boxes-first {
    background-image: url("/images/skins/Bewise/images/vores-farver-rose-mille-greige-box.webp");
}
.boxes .boxes-second {
    background-image: url("/images/skins/Bewise/images/banner-juton.webp");
}
.boxes-first > i {
    position: absolute;
    top: 70px;
    left: -80px;
    font-size: 16px;
    font-style: normal;
    background-color: #007dbc;
    padding: 5px 80px;
    transform: rotate(-40deg);
}
.boxes-first > i small {
    display: block;
}
.boxes .boxes-first span > i {
    position: absolute;
    top: 70px;
    right: -60px;
    font-size: 16px;
    font-style: normal;
    background-color: #007dbc;
    padding: 5px 60px;
    text-shadow: none;
    transform: rotate(40deg)
}
.boxes-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.boxes a {
    text-decoration: none;
}
.boxes .boxes-first > span,
.boxes .boxes-second > span,
.boxes .boxes-video > span,
.boxes .boxes-categories > span {
    font-size: 50px;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0,0,0,0.50);
    position: relative;
    z-index: 2;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.boxes .boxes-categories > span {
    text-shadow: none;
    color: rgba(0,0,0,1.00);
}
.boxes .boxes-first span strong,
.boxes .boxes-second span strong,
.boxes .boxes-video span strong {
	padding: 6px 15px;
	border-radius: 3px;
	font-size: .875em;
	background-color: #007dbc;
	color: #fff;
    margin-top: 10px;
}
.boxes .boxes-first span small,
.boxes .boxes-second span small,
.boxes .boxes-video span small {
    display: block;
    font-weight: normal;
    font-size: 25px;
    padding-top: 20px;
}
.boxes .boxes-video button {
    margin: 20px 0 0;
    font-size: 18px;
}

.boxes-categories {
    background-color: rgba(242,242,242,1.00);
    display: flex;
    flex-direction: column;
    justify-content: center;
	border-radius: 5px;
}
.boxes-catbuttons {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -1% -1%;
}
.boxes-catbuttons > a {
    flex: none;
    width: 31.33%;
    margin: 1%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    border-radius: 5px;
    padding: 15px 10px 10px;
    background-color: rgba(255,255,255,1.00);
}
.boxes-catbuttons > a img {
    /* mix-blend-mode: multiply; */
}
.btnmenuDiv {
    display: none;
}



.customertop {
    width: 100%;
    table-layout: fixed;
}
.customertop br, .customertop + br {
    display: none;
}
.loginform {
    padding: 30px;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    table-layout: fixed;
}
.Login_Customer tr:not(:last-of-type) td, .ForgotPassword_Customer td {
    font-size: 0;
}
.Login_Customer #xprofileid,
.Login_Customer #xprofileid1,
.ForgotPassword_Customer #xprofileid,
#Username_B2Blogin,
.TextInputField_B2Blogin[name="password"]
{
    width: 100% !important;
    margin: 0 0 12px;
    text-align: center;
}
.Login_Customer input[type="submit"],
.ForgotPassword_Customer input[type="submit"],
input[type="submit"].SubmitButton_B2Blogin {
    display: block;
    margin: 0 auto 20px;
}
.ForgotPassword_Customer input[type="submit"] {
    margin-bottom: 0;
}
.Login_Customer a[href*="?showForgotPswForm=1"],
a[href*="/shop/b2blogin.html?showForgotPswForm=1"] {
    text-align: center;
    display: block;
}
.ForgotPassword_Customer {
    margin: 30px 0 0;
}




.ErrorText_customerlogin {
    background-color: rgba(237,208,209,1.00);
    color: rgba(97,32,33,1.00);
    border: solid 1px rgba(209,142,143,1.00);
    border-radius: 3px;
    padding: 5px 15px;
    margin: 0 0 10px;
    text-align: center;
}
.webshop-customercenter td > b + br,
.webshop-customercenter article > table + br {
    display: none;
}

form[name="CustomerCenterForm"] > table {
    width: 100%;
    border: solid 1px rgba(231,231,231,1.00);
    padding: 20px;
}
form[name="CustomerCenterForm"] > span {
	float:left;
	margin-right:6px;
    font-size: 14px;
    text-transform: uppercase;
}
form[name="CustomerCenterForm"] > span > span {
	background-color: rgba(238, 238, 238, 1);
	padding: 10px 15px;
	display: block;
	border-radius: 3px 3px 0 0;
}
form[name="CustomerCenterForm"] > span > span.Tabactive_Customer, form[name="CustomerCenterForm"] > span > span.Tabhover_Customer {
	background-color: #007dbc;
	color: rgba(255,255,255,1.00);
}
form[name="CustomerCenterForm"] > span:last-of-type {
	float: right;
	margin: 0;
}
form[name="CustomerCenterForm"] > span:last-of-type > span.Tabdeactive_Customer {
    color: rgba(255,255,255,1.00);
	background-color: rgba(120,13,15,1.00);
    font-weight: bold;
}
#tabID1 > tbody > tr > td > br:first-child,
#tabID1 > tbody > tr > td > span.Heading_Customer,
#tabID1 > tbody > tr > td > span.Heading_Customer + br,
#tabID1 > tbody > tr > td > span.Heading_Customer + br + br,
#tabID3 > tbody > tr > td > br:first-child,
#tabID3 > tbody > tr > td > span.Heading_Customer,
#tabID3 > tbody > tr > td > span.Heading_Customer + br,
#tabID3 > tbody > tr > td > span.Heading_Customer + br + table + br,
#tabID3 > tbody > tr > td > .mediumheader + br {
    display: none;
}
.Text1_Customer tr[id*="Field"] > td {
	padding: 5px 0;
}
.Text1_Customer tr[id*="Field"] > td:nth-child(3) {
	font-size: 0;
}
span.FieldReq_Customer {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	margin: -7px 0 0 -21px;
}
#OrderDetailsHeading + br + table,
#OrderDetailsHeading + br + table + br + table + table{
	display: none;
}
#OrderDetailsHeading + br + table + br + table > tbody > tr > td {
	border-bottom: solid 1px rgba(238, 238, 238, 1);
	padding: 7px 0;
}

[align="right"] [href="/shop/customer.html&StrCurTab=3"] {
	margin-top: 15px;
}

.Heading_Terms_Wrapper + br {
    display: none;
}
.termsWrapper table {
    table-layout: fixed;
}
.termsWrapper {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.Text1_Terms, .GDPR_Terms, .CookieConsent_Terms {
    padding: 50px;
    background-color: #FFF;
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
}
.Text1_Terms span {
    display: block;
    padding: 0;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 5px 0;
    font-size: 20px;
}
.GDPR_Terms {
    margin: 30px 0;
}

.toc {
    padding: 4%;
    background-color:rgba(240,240,240,1.00);
    float: right;
    margin: 0 0 5% 5%;
}
.toc > strong {
    display: block;
}
.toc > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.toc > ul ul {
    margin: 0;
    padding: 0 0 0 20px;
}
.toc > ul > li:not(:last-child) ul {
    margin-bottom: 10px;
}
.toc a {

}
/*
body.isb2b form.search {
    visibility: hidden;
}
*/
body.isb2b .bewise_search .showAll {
	display: none;
}

.isb2b .trustedpoints,
.isb2b .footerInfo,
.isb2b .showbasket-creditcards,
/*.isb2b #column-shipping-payment > h2:first-child,*/
/*.isb2b #payment-methods,*/
.isb2b #confirm-accepterms,
.isb2b #subscription-maillist,
.isb2b header #ProductmenuContainer_DIV,
.isb2b .uspouter,
.isb2b .headerbox.customerservice,
.isb2b .shortcutscontainer,
.isb2b #customer-data fieldset > label[for="res2"] {
    display: none !important;
}
.isb2b div#checkout-container #column-shipping-payment,
.isb2b #customer-data fieldset > label[for="checkout_customer_email"].hidden {
    position: absolute;
    left:-10000px;
}
.isb2b #order-confirm {
    margin-top: 20px;
}



div#CookiePolicy, div#CookiePolicy.fixed-bottom {
    background-color:rgba(0,0,0,.80);
    left: 0;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    position: fixed;
    margin: 0;
    border-radius: 0;
    right: auto;
}
div#CookiePolicy div.CookiePolicyCenterText {
    background-color: rgba(255,255,255,1.00);
    flex: none;
    width: 700px;
    max-width: 90%;
    max-height: 90%;
    box-shadow: 0 0 40px rgba(0,0,0,.7);
    border-radius: 10px;
    color: rgba(0,0,0,1.00);
    margin: 0;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
div#CookiePolicy h1, div#CookiePolicy h2, div#CookiePolicy h3, div#CookiePolicy h4, div#CookiePolicy h5 {
    color: rgba(0,0,0,1.00);
}
div.CookiePolicyText {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    max-height: none;
    overflow: visible;
}

div.CookiePolicyText a {
    text-decoration: underline;
}
div.CookiePolicyText > h2, div.CookiePolicyText > p {
    background-color:#f6f6f6;
    font-weight: normal;
    color: rgba(84,84,84,1.00);
}
div.CookiePolicyText > img {
    width: 300px;
    max-width: 50%;
    margin: 20px 40px;
}
div.CookiePolicyText > h2 {
    padding: 30px 40px 15px;
    margin: 0;
    font-size: 25px;
    font-weight: normal;
}
div.CookiePolicyText > p {
    padding: 0 40px 30px;
    margin: 0;
    line-height: 1.4em;
}
div.CookiePolicyText > * {
    order: 1;
}
div.cookie-policy-accept-buttons-container {
    order: 2;
    margin: 0;
    padding: 30px 40px 25px;
    display: flex;
    flex-direction: column-reverse;
	align-items: center;
}
div.cookie-policy-accept-buttons-container > input[type="button"] {
    flex: none;
	width: 100%;
    margin: 0;
    border-radius: 5px;
    padding: 20px 15px;
    font-weight: normal;
	font-size: inherit;
    /*
    box-shadow: inset 0px -4px 0px -2px rgba(0, 0, 0, 0);
    background-color: rgba(87,168,87,1.00) !important;
    */
}
div.cookie-policy-accept-buttons-container > input[type="button"].cookie-policy-accept {
    background-color: transparent!important;
    border: none !important;
    color: rgba(0,0,0,1.00) !important;
	padding: 0;
	margin: 0;
	flex: none;
	width: 100%;
	border-radius: 0;
	text-transform: none;
	text-decoration: underline;
}

.CookiePolicyText input[type="button"].cookie-policy-accept {
	background-color: transparent!important;
    border: none !important;
    color: rgba(0,0,0,1.00) !important;
	padding: 0;
	margin: 0;
	flex: none;
	width: 100%;
	text-align: left;
	justify-content: flex-start;
	font-size: inherit;
	border-radius: 0;
	text-transform: none;
	text-decoration: underline;
	font-weight: normal;
}

/*
div.cookie-policy-accept-buttons-container > input:not(:last-of-type) {
    margin-right: 30px;
}
*/
div.cookie-policy-details-link-container {
    order: 3;
    padding: 0 0 25px;
    display: flex;
    justify-content: center;
}
div.cookie-policy-details-link-container > a {
    flex: none;
    color: rgba(0,0,0,1.00);
}
div.cookie-policy-details-container {
    order: 4;
    display: none;
}
div.cookie-policy-details-container div.rtable-cell {
    font-size: 65%;
}
div.cookie-policy-consents-container {
    order: 5;
    border-top: solid 1px #d4d4d4;
    background-color:#f6f6f6;
    margin: 0;
	display: none;
}
div.cookie-policy-consents-container > div {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 20px;
}
div.cookie-policy-consents-container > div input {
    display: none;
}
div.cookie-policy-consents-container > div:not(:last-child) {
    border-right: solid 1px #d4d4d4;
}
div.cookie-policy-consents-container label {
    font-weight: normal;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.cookie-policy-consents-container label div {
    border-radius: 25px;
    width: 53px;
    margin: 7px 0 0;
    background-color: #ababab;
    padding: 4px;
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
}
div.cookie-policy-consents-container input:checked + label div {
    justify-content: flex-end;
    background-color:rgba(87,168,87,1.00);
}
div.cookie-policy-consents-container input:checked:disabled + label div {
    opacity: 0.7;
    cursor: default;
}
div.cookie-policy-consents-container label div > span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(255,255,255,1.00);
}


.rtable {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    padding: 0;
}
.rtable--4cols>.rtable-cell {
    width: 25%;
}
.rtable-header-cell {
    background-color: rgba(0,0,0,0.05);
    font-weight: bold;
}
.rtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: 0.8em 1.2em;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px solid #ececec;
    font-size: 0.85em;
}

.cookieSettingsButton {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    background-color: rgba(69,135,63,1.00);
    border-radius: 50%;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cookieSettingsButton img {
    flex: none;
    width: 57%;
}
.cookieSettingsButton:hover {
    opacity: .7;
}

.quickbuycontainer {
    display: inline-flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}
.quickbuycontainer.advanced {
	width: 500px;
	max-width: 100%;
	border: solid 1px rgb(234, 234, 234);
    background-color: #FFF;
	padding: 15px;
}
.quickbuycontainer.advanced > a img {
	width: 100%;
	display: block;
	margin: 0 0 15px;
}
.quickbuycontainer .price {
	width: 100%;
	font-weight: bold;
	padding: 0 0 10px;
	font-size: 17px;
}
.quickbuycontainer input[type="number"] {
    flex: none;
    width: 50px;
}
.quickbuycontainer.simple input[type="number"] {
	margin-right: 10px;
}
.quickbuycontainer select {
    width: 150px;
    flex: none;
    margin: 0 10px;
}
.quickbuycontainer a {
    white-space: nowrap;
	flex: auto;
}
.quickbuycontainer .colorpickerbutton {
	width: 100%;
	margin: 0 0 10px;
	flex: none;
}
.quickbuycontainer .advancedpicker {
	margin: 0 0 10px;
	justify-content: space-between;
	width: 100%;
	display: flex;
}
.quickbuycontainer.advanced .advancedpicker > * {
	width: calc(50% - 5px);
	margin: 0;
}
.quickbuycontainer .amountcalculator {
	width: 100%;
}
.quickbuycontainer .advancedpicker ~ input[type="number"] {
	margin-right: 10px;
}

.buyguide > .SubCats_Categories_DIV {
    display: none;
}
[data-step] {
    position: relative;
    border-left: dotted 5px rgba(189,189,189,1.00);
    padding: 0 0 60px 40px;
}
[data-step="buy"] {
    padding-bottom: 0;
}
[data-step]:before {
    content: attr(data-stepcount);
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    font-size: 26px;
    background-color: #007dbc;
    color: rgba(255,255,255,1.00);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translate(-57%,-10px);
}
[data-step].disabled {
    filter: grayscale(1);
}
[data-step].disabled > section {
    opacity: .6;
}
[data-step].loading > section {
    min-height: 380px;
}
[data-step].disabled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}
[data-step] h3 {
    background-color: transparent;
    padding: 0;
    margin: 0 0 15px;
    text-align: left;
}
[data-step] .SubCats_Categories_DIV {
    display: none;
}
[data-step] > section {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    border-radius: 5px;
}

[data-step].loading > section {
    background-image: url("/images/skins/Bewise/images/loader.gif");
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 50% 50%;
}
[data-step] > section > ul {
    display: flex;
    margin: -1%;
    padding: 0;
    list-style-type: none;
}
[data-step] > section > ul > li {
    flex: auto;
    margin: 1%;
    position: relative;
    max-width: 48%;
    user-select: none;
    min-height: 150px;
    display: flex;
    justify-content: flex-end;
}
[data-step] > section > ul > li:not(.active) {
    cursor: pointer;
}
[data-step] > section > ul.ulselected > li:not(.active) {
    opacity: .4;
}
[data-step] > section > ul img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 5px;
}
[data-step] > section > ul.ulselectshine img {
    display: none;
}
[data-step] > section > ul span {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 28px;
    z-index: 2;
    padding: 10px;
    color: rgba(255,255,255,1.00);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    transform: translate(-50%,-50%);
    text-shadow: 0 0 20px rgba(0,0,0,.7);
    line-height: normal;
    white-space: nowrap;
}
/*
[data-step] > section > ul.ulselectshine span {
    width: 100%;
    max-width: 100%;
}
*/
[data-step] > section > ul.ulselectshine > li {
    background-color: rgba(88,88,88,1.00);
    border-radius: 5px;
}
[data-step] > section > ul > li.active span:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url('/images/skins/Bewise/images/icon-check-white.svg');
    background-size: 60% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #208632;
}

[data-step="buy"] > section {
    display: flex;
}
[data-step="buy"] > section > div {
    flex: auto;
}
[data-step="buy"] > section > div.guidebuyleft {
    flex: none;
    width: 40%;
    margin-right: 30px;
}
.guidebuyitem {
    position: relative;
    border: solid 1px rgba(239,239,239,1.00);
    padding: 15px;
    border-radius: 10px;
}
.guidebuyitem:not(.active) {
    cursor: pointer;
}
.guidebuyitem:not(:last-child) {
    margin-bottom: 20px;
}
.guidebuyitem.active {
    /*background-color: rgba(239,239,239,1.00);*/
    background-color: rgb(7,91,135,0.05);
    border-color: #075b87;
}
.guidebuyitembadge {
    position: absolute;
    top: 0;
    right: 20px;
    transform: translateY(-30%);
    background-color: #075b87;
    color:rgba(255,255,255,1.00);
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 12px;
}
.guidebuyitembadge.alternative {
    background-color: #F8D330;
    color: #000000;
}
.product .guidebuyitembadge {
    right: auto;
    left: 20px;    
}
.guidebuyitem h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
}
.guideinfo {
    display: flex;
    align-items: flex-start;
}
.guideinfo > img {
    flex: none;
    width: 33%;
    height: auto;
    margin-right: 20px;
    mix-blend-mode: multiply;
}
.guideinfo > p {
    flex: auto;
    margin: 15px 0 0
}
.guideinfo > p > strong + br + br {
    display: none;
}
[data-step] .tabs {
    display: flex;
}
[data-step] .tabs > * {
    flex: auto;
    padding: 15px 20px;
    text-align: center;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    user-select: none;
    cursor: pointer;
    background-color: rgba(231,231,231,1.00);
}
[data-step] .tabs > :first-child {
    border-radius: 5px 0 0 5px;
}
[data-step] .tabs > :last-child {
    border-radius: 0 5px 5px 0;
}
[data-step] .tabs > .active {
    background-color: #208632;
    color: rgba(255,255,255,1.00);
    cursor: default;
}
[data-step] .tabs > .active:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: inherit;
    transform: translate(-50%,-50%) rotate(45deg);
    transform-origin: 50% 50%;
}
[data-step] .tab {
    display: none;
    padding: 20px;
}
[data-step] .tab.active {
    display: block;
}
.calccontainer {
    display: flex;
    flex-direction: column;
}
.guideitem {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px rgba(236,236,236,1.00);
	position: relative;
}
.guideitem.disabled {
	opacity: .3;
	pointer-events: none;
	cursor: not-allowed;
	user-select: none;
}
.guideitem > * {
    flex: none;
}
.guideitem > img {
    width: 100px;
    height: auto;
    max-width: 10%;
    mix-blend-mode: multiply;
}
.guideitem > .name {
    flex: auto;
    padding: 0 5% 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.guideitem > .price {
    text-align: right;
    width: 127px;
}
.calcquantity {
    display: flex;
    align-items: center;
}
.calcquantity > span {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    font-family: 'Arial';
    line-height: 1;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    text-decoration: none;
    /*border: solid 1px rgba(237,237,237,1.00);*/
    background-color:rgba(77,77,77,1.00);
    color: rgba(255,255,255,1.00);
}
.calcquantity > span.dec:before {
    content: "-";
}
.calcquantity > span.inc:before {
    content: "+";
}
.calcquantity > span:hover {
    background-color: rgba(0,0,0,1.00);
}
.calcquantity div {
    padding: 0 15px;
    min-width: 112px;
    text-align: center;
}
.calcquantity div:before {
    content: attr(data-amount);
}
.calculatecontainer .calcquantity > span {
    display: none;
}
.buyguide .activecolor {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 10px 0 0;
}


.bestpricelabel {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #ffe100;
    color: rgba(0,0,0,1.00);
    padding: 10px;
    cursor: pointer;
    
    
    /*clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));*/
}
.bestpricelabel.active {
    display: flex;
}
.bestpricelabel img {
    margin: 0 5px 0 0;
}
.productcard .bestpricelabel {
    margin: 0 0 24px;
    border-radius: 5px;
}


.guidebuy .bestpricelabel {
    width: 50%;
    align-self: flex-end;
}
.showbasket .summary .bestpricelabel {
    margin-top: 5px;
    border-radius: 4px;
}

.guidetotal {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 20px;
    padding: 20px 0;
    align-self: flex-end;
    width: 50%;
}
.guidebuy {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.guidebuy .m2info {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
}
.guidebuy .m2info small {
    font-weight: normal;
}
.guidebuy input {
    width: 50%;
    font-size: 18px;
    padding: 15px 30px;
}
.guidecalcm2 {
    display: flex;
    align-items: center;
    background-color: #007dbc;
    border-radius: 5px;
    padding: 15px;
    margin: 0 0 20px;
}
.guidecalcm2 > * {
    flex: none;
}
.guidecalcm2 > span {
    padding: 0 15px 0 0;
    font-weight: bold;
    color: rgba(255,255,255,1.00);
}
.guidecalcm2 > input {
    flex: auto;
    border: none;
    border-radius: 3px;
}
.buyguide .colorscontinue.active {
    display: block;
}
.buyguide .colorscontinue button {
    width: 100%;
}

#alertbar.clickable {
    cursor: pointer;
}
#alertbar .container {
    position: relative;
    padding: 10px 30px 10px 0;
}
#alertbar .close {
    font-family: 'Arial';
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    transform-origin: 50% 50%;
    font-weight: bold;
}
#alertbar .close:hover {
    transform: translateY(-50%) rotate(180deg);
}

.flexbanner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1600px;
	max-width: 90%;
	margin: 20px auto 30px;
	box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
	padding: 30px;
	border-radius: 5px;
}
.flexbanner > span {
	flex: none;
	width: 100%;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #000000;
    margin: 0 0 17px;
    font-size: 50px;
}
.flexbanner > a > span {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	transform: translate(-50%, -50%);
	font-size: 50px;
	font-weight: bold;
	text-shadow: 0 2px 2px rgb(0 0 0 / 50%);
}
.flexbanner > a > span > small {
	background-color: #208632;
	color: #FFF;
	border-radius: 3px;
	padding: 6px 10px;
	font-size: 18px;
	text-shadow: none;
	text-align: center;
	text-transform: uppercase;
}
.flexbanner > a {
	flex: none;
	width: 49%;
	position: relative;
}
.flexbanner img {
	display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: 50% 50%;
	border-radius: 5px;
}

.RootCategory_Productmenu > a[href*="-266"],
#ProductMenu_List > li > a[href*="specialoffer"] {
	background-color: #fed831;
	color: rgba(0,0,0,1.00) !important;
	border-right: none !important;
	position: relative;
}
.RootCategory_Productmenu > a[href*="-266"]:before,
#ProductMenu_List > li > a[href*="specialoffer"]:before {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 1px;
	height: 100%;
	background-color: inherit;
}
.customlogo {
	display: none;
}
body.hascustomlogo .discountbanner,
body.isb2b .discountbanner,
body.hascustomlogo .uspouter {
	display: none;
}

.fancybox__content.CmsPageStyle {
	max-width: 90vw;
}

.availableswitchcontainer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px;
}
.availableswitch {
	display: flex;
	margin: 0 10px 0 0;
	width: 55px;
	height: 30px;
	border-radius: 25px;
	background-color: rgba(208,208,208,1.00);
	position: relative;
	cursor: pointer;
	transition: all .3s ease;
}
.availableswitch:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	height: 24px;
	width: 24px;
	background-color:rgba(255,255,255,1.00);
	box-shadow: 1px 1px 0 rgba(0,0,0,.2);
	border-radius: 50%;
	transition: all .3s ease;
}
.availableswitch.active {
	background-color: #208632;
}
.availableswitch.active:before {
	left: 28px;
}

.departments {
	display: flex;
	padding: 7px;
	gap:7px;
}
.departments:empty {
	display: none;
}
.departments > * {
	flex: auto;
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	position: relative;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}
.departments > .active {
	background-color: #007dbc;
}
.departments > *:before {
	content: "";
	transition: all .4s ease;
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 3px;
	background-color: #007dbc;
	z-index: 10;
}
.departments > *:hover {
	color: rgba(255,255,255,1.00);
}
.departments > *:hover:before {
	width: 100%;
}
.departments > * > picture {
	display: block;
}
.departments > * > picture img {
	position: absolute;
	opacity: .4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
    filter: grayscale(1);
}
.departments > * > span {
	display: flex;
	padding: 10px;
	align-items: center;
	position: relative;
	z-index: 5;
	justify-content: center;
	font-weight: bold;
}
.departments > * > span > img {
	width: 25px;
	height: auto;
	margin: 0 15px 0 0;
}

.servicepage header .search,
.servicepage header .wings.right,
.servicepage header #ProductmenuContainer_DIV,
.servicepage .mobilebar {
	display: none;
}

#servicepage {
    display: none;
}


.variantexpanded {
    position: relative;
}
.variantexpanded::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.70);
    z-index: 37;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease .2s;
}
.variantexpanded.open::before {
    opacity: 1;
    pointer-events: auto;
}
.variantexpanded::after {
    content: 'Luk';
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-weight: bold;
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transition: opacity ease .2s;
}
.variantexpanded.open::after {
    opacity: 1;
}
.variantexpanded .variantselector {
	height: 48px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-radius: 5px;
    background-color: rgba(254,254,254,1.00);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 10px 15px;
    align-items: center;
    position: relative;
    z-index: 38;
    cursor: pointer;
}
.variantexpanded .variantdropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: scaleY(0);
    transform-origin: top center;
    pointer-events: none;
    transition: transform ease .2s;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-direction: column;
}
.variantexpanded .variantdropdown .variantitem {
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color ease .2s;
}
.variantexpanded .variantdropdown .variantitem:hover {
    background-color: #eee;
}
.variantexpanded .variantdropdown .variantitem.active {
    background-color: #eee;
    pointer-events: none;
}
.variantexpanded .variantdropdown .variantitem .variantprice {
    display: flex;
    gap: 10px;
}
.variantexpanded .variantdropdown .variantitem .variantprice strike {
    color: #888;
}
.variantexpanded .variantdropdown .variantitem .variantprice .freedelivery {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #f9d634;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
.variantexpanded .variantdropdown .variantitem .variantprice .freedelivery::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f9d634;
}
.variantexpanded .variantdropdown .variantitem .variantprice > div {
    display: flex;
    flex-direction: column;
}
.variantexpanded .variantdropdown .variantitem .variantprice > div > strike {
    font-size: 12px;
}
.variantexpanded .variantdropdown .variantdropdownfooter {
    padding: 15px;
    border-top: 1px solid #eee;
}
.variantexpanded .variantdropdown .variantdropdownfooter > .amountcalculatorbutton {
    width: 100%;
    height: 38px;
}
.variantexpanded .variantdropdown .variantdropdownfooter > .amountcalculator {
    margin-top: 20px;
    margin-bottom: 0;
}
.variantexpanded.open .variantselector {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.variantexpanded.open .variantdropdown {
    transform: scaleY(1);
    pointer-events: auto;
    z-index: 39;
}

slider .slick-slide {
	margin: 0 10px;
}

slider .slick-list {
	margin: 0 -10px;
}


.slider-align {
	display: none;
}



.slideshow:not(.slick-initialized) > *,
.slideshow .slick-slide {
	display: block;
	height: 100%;
	position: relative;
	

}
/*
.slideshow:not(.slick-initialized) > .hastext:after,
.slideshow .slick-slide.hastext:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .20);
	z-index: 1;
}
.slideshow:not(.slick-initialized) > * > span, .slideshow .slick-slide > span {
	position: relative;
	z-index: 2;
}
*/
.slideshow:not(.slick-initialized) > :nth-child(n+2) {
	display: none !important;
}
.slideshow .slick-slide > img,
.slideshow:not(.slick-initialized) img {
	display: block;
	width: 100%;
}
.slideshow .slidercontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: rgba(255, 255, 255, 1.00);
	text-align: center;
}
.slideshow .header {
	font-size: clamp(1vw, 80px, 5vw);
	line-height: normal;
	font-weight: bold;
}
.slideshow .teaser {
	font-size: clamp(1vw, 34px, 2vw);
    font-style: normal;
    padding: 17px 30px 0;
    margin-top: 20px;
	font-weight: bold;
    border-top: 1px solid #ffffff;
	line-height: normal;
}
.slideshow .button {
	margin-top: 30px;
	font-size: 17px;
}
.slideshow video {
	display: block;
	width: 100%;
}

videocontrols {
	position: absolute;
	top: 3%;
	right: 3%;
	z-index: 20;
	display: none;
	align-items: center;
	gap: 10px;
}
videocontrols svg {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255,255,255,1.00);
	color: rgba(0,0,0,1.00);
	object-fit: contain;
	object-position: 50% 50%;
	padding: 9px;
	cursor: pointer;
}
videocontrols svg.active {
	background-color: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
}

.slick-track {
    display: flex !important;
}
.slick-slider:not(.slideshow) .slick-slide {
    height: inherit !important;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	left: 3%;
	z-index: 5;
	width: 35px;
	/*height: auto !important;*/
	cursor: pointer;
	transform: translate(0,-50%);
}
.slick-arrow.next {
	transform: translate(0,-50%) rotate(180deg);
	left: auto;
	right: 3%;
}
.slideshow .slick-arrow {
	color: rgba(255,255,255,1.00);
}
.slideshow .slick-track {
	display: block !important;
}
.slideshow .slick-slide {
	height: 100% !important;
}



.subcats {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 30px;
    width: 100%;
    list-style-type: none;
    border-bottom: solid 1px rgba(237, 237, 237, 1.00);
}
.subcats > * {
    width: 160px;
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none;
}
.subcats .subcatimage {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    border: solid 2px #f4f4f4;
    overflow: hidden;
    transition: all .2s ease;
    flex: none;
}
/*
.subcats .subcatimage:after {
    background-color: rgba(204, 204, 204, .10);
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 5;
    border-radius: inherit;
}
*/
.subcats .subcatimage img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    object-fit: cover;
    border-radius: inherit;
    padding: 5px;
    object-position: 50% 50%;
}
.subcats .subcatimage img[src*="nosubcat"] {
    object-fit: cover;
    height: 100%;
    opacity: .3;
}
.subcats .subcatname {
    flex: auto;
    display: block;
    text-decoration: none;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    padding: 5px 0 0;
    color: rgba(0, 0, 0, 1.00);
}

.dropdowninnercontainer .subcats {
    padding: 0;
    border: none;
}


.paintselectloading {
    
    min-height: 300px;
    opacity: .4;
}
.paintselectloading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: progress;
    background-image: url("/images/skins/Bewise/images/loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 40px auto;
}
.paintselect {
    position: relative;
    counter-reset: section;
}
.paintselect h3:before {
  counter-increment: section;
  content: counter(section) ". "; /* Viser tællerværdien efterfulgt af et punktum og et mellemrum */
}
.guidesection {
    padding: 5%;
    box-shadow: 0 0 80px rgba(0,0,0,.1);
}
.guidesubtitle {
    margin: 0 0 15px;
}
.guidecategories {
    display: flex;
    margin: -1%;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.guidecategories > * {
    flex: auto;
    max-width: 31.33%;
    margin: 1%;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: rgba(238,238,238,.70);
    border-radius: 10px;
}
.guidecategories > * > img {
    flex: none;
    width: 35%;
    object-fit: cover;
    display: block;
    align-self: stretch;
    border-radius: 6px;
    height: auto;
    aspect-ratio: 10/12;
}
.guidecategories > * > strong {
    font-weight: normal;
    padding: 0 0 0 20px;
}
.guidecategories > .active {
    background-color: #007dbc;
    color: rgba(255,255,255,1.00);
}

div.bp_lsaFullScreen .bp_lsaCategoriesList .bp_lsaCategory:nth-child(n+20) {
    display: none;
}

.bp_lsaFullScreen .bp_lsaProductsList > .bp_lsaProduct.coloritem .bp_lsaProductPrice,
.bp_lsaFullScreen .bp_lsaProductsList > .bp_lsaProduct.coloritem .bp_lsaProductButtons {
    display: none;
}


.colorproduct {
    padding: 0 0 30px 0;
}
.cptabshead,
.cardtabshead {
    display: flex;
}
.cptabshead > *,
.cardtabshead > * {
    flex: auto;
    padding: 0 10px 10px;
    text-align: center;
    cursor: pointer;
    border-bottom: solid 1px #ccc;
    position: relative;
}
.cardtabshead > * {
    text-transform: uppercase;
    font-weight: bold;
}
.cptabshead > .active,
.cardtabshead > .active {
    color: #075b87;
    cursor: default;
}
.cptabshead > .active:after,
.cardtabshead > .active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #075b87;
}
.cptabsbody > *,
.cardtabsbody > * {
    display: none;
    padding: 15px 0 0;
}
.cptabsbody > .active,
.cardtabsbody > .active {
    display: block;
}
.cpproductbuttonscontainer {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.cpproductbuttonscontainer > * {
    flex: none;
    background-color: #eae5da;
    border: solid 1px #eae5da;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    width: calc(50% - 8px);
    /*max-width: calc(50% - 7px);*/
}
.cpproductbuttonscontainer > .active {
    border-color: #075b87;
    cursor: default;
}
.cpproductbuttonscontainer > .active.light {
    color: rgba(0,0,0,1.00);
}
.cpproductinfocontainer {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 20px 0 0;
    padding: 15px;
    background-color:rgba(255,255,255,1.00);
    border: solid 1px rgba(172,172,172,.50);
    border-radius: 6px;
}
.cpproductinfocontainer > img {
    width: 80px;
    height: auto;
    flex: none;
}
.cpproductinfocontainer > .cpproductinfo {
    flex: auto;
    display: flex;
    flex-direction: column;
}
.cpproductinfo .variantinfocontainer {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    white-space: nowrap;
}
.cpproductinfo .variantinfocontainer select {
    width: auto;
    min-width: 120px;
}

.colorproduct:not(.loaded) {
    min-height: 295px;
}
.colorproduct:not(.loaded) .cpproductinfocontainer {
    min-height: 119px;
    opacity: 0.3;
}

header #ProductMenu_List > li > a[href*="325c1"],
.mobileMenuUl > li > a[href*="325c1"] {
    /*
    background-color: #F8D330;
    color:#000000;
    */
    background-color: rgba(0,0,0,1.00);
    color: rgba(255,255,255,1.00);
}
.mobileMenuUl > li > a[href*="325c1"]:first-child:before {
    background-color:rgba(0,0,0,0.2);
    content: "$";
    font-size: 25px;
    display:flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}


.mobilemenuheader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mobilemenuclosebutton {
    cursor: pointer;
    width: 60px;
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobilemenuclosebutton svg {
    width: 26px;
    height: auto;
    display: block;
}

:root {
    --mm-size: 100%;
}
.mm-menu a,
.mm-listitem,
.mm-navbar,
.mm-listitem__btn:not(.mm-listitem__text) {
    border: none;
}
.mm-listitem:after {
    display: none;
}
    
.mm-menu {
    --mm-color-background: #fff;
    --mm-color-text: #000;
    --mm-color-text-dimmed: #000;
    font-size: 16px;
}
.mm-btn.mm-btn--next.mm-listitem__btn,
.mm-btn.mm-btn--prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzAwMCI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAxMGEuNzUuNzUgMCAwIDEgLjc1LS43NWgxMC42MzhMMTAuMjMgNS4yOWEuNzUuNzUgMCAxIDEgMS4wNC0xLjA4bDUuNSA1LjI1YS43NS43NSAwIDAgMSAwIDEuMDhsLTUuNSA1LjI1YS43NS43NSAwIDEgMS0xLjA0LTEuMDhsNC4xNTgtMy45NkgzLjc1QS43NS43NSAwIDAgMSAzIDEwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4=");
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.mm-btn.mm-btn--prev {
    transform: rotate(180deg);
}
.mm-btn--next:after,
.mm-btn.mm-navbar__btn:before {
    display: none;
}
.mm-wrapper--opened .bp_popupMinized {
    z-index: -1;
}
.mm-menu .mm-listitem.specialitem > a {
    background-color: rgba(242,242,242,1.00);
    border-top: solid 1px rgba(227,227,227,1.00);
}

/*
nav#menu:not(.mm-menu) {
    display: none;
}
.mm-menu--offcanvas.mm-menu--opened {
    z-index: 210;
}
.mm-blocker {
    z-index: 205;
}
*/

.minibasketcontainer .closebutton {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 45px;
    height: auto;
    aspect-ratio: 1/1;
    border: none;
    background-color: #000;
    font-size: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iI2ZmZiI+CiAgPHBhdGggZD0iTTYuMjggNS4yMmEuNzUuNzUgMCAwIDAtMS4wNiAxLjA2TDguOTQgMTBsLTMuNzIgMy43MmEuNzUuNzUgMCAxIDAgMS4wNiAxLjA2TDEwIDExLjA2bDMuNzIgMy43MmEuNzUuNzUgMCAxIDAgMS4wNi0xLjA2TDExLjA2IDEwbDMuNzItMy43MmEuNzUuNzUgMCAwIDAtMS4wNi0xLjA2TDEwIDguOTQgNi4yOCA1LjIyWiIgLz4KPC9zdmc+);
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: translate(50%,-50%);
    cursor: pointer
}

.minibasketcontainer {
    display: none
}
.minibasketpayment .payment {
    display: flex;
    justify-content: center
}
.minibasketpayment .payment img {
    border: 1px solid #eee
}
.minibasketcontainer {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(200%);
    background-color: rgba(0,0,0,.0);
    transition: background .5s ease;
    z-index: 200;
    color: #000
}
.minibasketcontainer.active {
    transform: translateX(0);
    background-color: rgba(0,0,0,.5);
}
.minibasket {
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    transform: translateX(120%);
    background-color: #fff;
    width: 750px;
    max-width: calc(100vw - 260px);
    transition: all .5s ease;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}
.minibasket > * {
    flex: none
}
.minibasket > .linescontainer {
    flex: none;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 50vh
}
.minibasketpayment {
    padding: 0 0 30px
}
.minibasketcontainer.active .minibasket {
    transform: translateX(0)
}
.minibasket > *:not(.linescontainer) {
    padding-left: 40px;
    padding-right: 40px
}
.minibasket > .header {
    font-size: 25px;
    padding-top: 30px;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative
}
.minibasket .closeminibasket {
    position: relative;
    top: auto;
    right: auto;
    transform: none
}
.minibasket .linesheader {
    font-size: 15px;
    justify-content: center;
    padding: 40px 30px 27px;
    flex: none;
    display: none;
    align-items: flex-end;
    position: relative
}
.lineinfo small {
    display: none !important
}
.minibasket .lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 40px 20px;
    position: relative
}
.minibasket .line {
    flex: none;
    width: 100%;
    display: flex;
    background-color: #fff;
    padding: 10px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 4px;
    align-items: center
}
.minibasket .line .lineinfo {
    flex: auto;
    padding: 0 20px
}
.minibasket .lineincdec {
    flex: none;
    width: 100px;
    display: flex;
    justify-content: flex-end
}
.minibasket .line .name {
    margin-bottom: 3px
}
.minibasket .line .price {
    font-weight: bold;
    display: flex;
    align-items: center
}
.minibasket .line .price .stockinfo {
    font-weight: 400;
    margin-left: 10px
}
.minibasket .line .price > span {
    display: none
}
.minibasket .line .deletebutton {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 25;
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #000;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    cursor: pointer;
    user-select: none;
    color: #fff
}
.minibasket .line .deletebutton svg {
    display: block;
    fill: #fff;
    width: 12px;
    height: auto;
    margin: 0;
    cursor: pointer
}
.minibasket .line > .image {
    position: relative;
    width: 50px;
    flex: none
}
.minibasket .line > .image img {
    display: block;
    width: 100%;
    height: auto
}
.minibasket .line > a.name {
    text-decoration: none;
    color: #000;
    font-weight: 700
}
.minibasket .line .variantinfo {
    font-size: 11px;
    color: gray;
    line-height: normal;
    padding-bottom: 5px
}
.minibasket .line > .price {
    display: flex;
    flex-direction: column;
    line-height: normal;
    font-weight: 700
}
.minibasket .line .price small, .minibasket .line > small {
    font-weight: 400;
    display: block
}
.minibasket .line .incdec {
    margin: 7px 0 10px
}
.minibasket .line .giftwrap label {
    display: none;
    align-items: center;
    margin: 0 0 7px;
    cursor: pointer
}
.minibasket .line .giftwrap label input {
    flex: none;
    margin: 0 7px 0 0
}
.minibasket .shippingline, .minibasket .total, .minibasket .wrappingline {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between
}
.minibasket .wrappingline.hidden {
    display: none
}
.minibasket .shippingline, .minibasket .wrappingline {
    border-bottom: solid 1px #f0f0f0;
    background-color: #f2f2f2;
    padding: 20px 40px;
    gap: 15px
}
.minibasket .shippingline .shippingfee {
    white-space: nowrap
}
.minibasket .discountcode {
    border: none;
    border-bottom: solid 1px #f0f0f0
}
.minibasket .discountcode > input[type=text] {
    padding-left: 0
}
.minibasket .discountcode > input[type=text].active {
    background-position: 0 50%
}
.minibasket .discountcode > button:disabled {
    cursor: progress
}
.minibasket .discountcode > button.active {
    background-color: #9e6a5a
}
.minibasket .pointsinfo {
    border-left: none;
    border-right: none
}
.minibasket .total {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 30px
}
.minibasket .sparxpress {
    margin-bottom: 20px
}
.minibasket .bottom {
    padding-bottom: 30px
}
.minibasket .bottom > a {
    padding: 15px 20px;
    width: 100%
}
.minibasket .basketButtons {
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}
.minibasket .basketButtons > * {
    flex: auto;
    gap: 10px;
    padding: 18px 15px
}
.minibasket .basketButtons svg {
    fill: #fff;
    width: 20px;
    height: auto
}
.minibasket .basketButtons > .button[href*=checkout] {
    background-color: rgba(0,0,0,1);
}
.minibasketheader {
    font-weight: 700;
    margin: 0 0 8px;
    font-size: 15px
}
.minibasket .incdec {
    display: flex
}
.minibasket .incdec a {
    ursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    font-family: Arial;
    line-height: 1;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: solid 1px rgba(237, 237, 237, 1);
    border-radius: 50%;
    background-color: #f9f9f9
}
.minibasket .incdec span {
    display: flex;
    padding: 0 10px;
    align-items: center
}

.webshop-checkout .alertbarplaceholder {
    display: none;
}


[data-starrating] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}
[data-starrating] > * {
    flex: none;
    width: 20px;
    height: auto;
    color: rgba(219,219,219,1.00);
}
[data-starrating] > .active {
    color: #F8D330;
}
.cardstars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.reviews {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-left: -1%;
    margin-right: -1%;
    justify-content: center;
}
.reviews > * {
    flex: none;
    width: 48%;
    margin: 1%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(201 201 201 / 50%) 0px 2px 4px 0px;
    padding: 25px;
    border-radius: 6px;
    text-align: center;
}
.reviews .reviewtop {
    display: flex;
    gap: 10px;
    align-items: center;
}
.reviews .reviewtop time {
    color: rgba(96,96,96,1.00);
    font-size: 12px;
}
#hiddenreviews {
    display: none;
}

.cardtabs {
    padding: 40px 0 0;
}
.cardtabshead {
    
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
}
/*
.cardtabshead {
    display: flex;
    gap: 25px;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
}
.cardtabshead > * {
    position: relative;
    padding: 0 0 10px;
    user-select: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.cardtabshead > :not(.active) {
    cursor: pointer;
}
.cardtabshead > .active {
    font-weight: bold;
}
.cardtabshead > .active:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(109,109,109,1.00);
    content: "";
}
.cardtabsbody > * {
    padding: 15px 0 0;
}
.cardtabsbody > :not(.active) {
    display:  none;
}
*/
.productcard .cardtabsbody .info .preview {
    display: none;
}


.yesoffertitle {
    margin: 0 0 10px
}
.yesofferproducts {
    overflow: hidden;
    gap: 10px;
    display: flex;
    flex-direction: column
}
.yesofferproducts > .yesitem {
    padding: 10px;
    border: 2px solid #455852;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fff
}
.yesofferproducts > .yesitem:nth-child(n+3) {
    display: none
}
.yesofferproducts > .yesitem:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    background-color: #f0f8ee;
    border: 2px solid #dcebd9;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: all .5s ease;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iZ3JlZW4iPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjkxNiA0LjYyNmEuNzUuNzUgMCAwIDEgLjIwOCAxLjA0bC05IDEzLjVhLjc1Ljc1IDAgMCAxLTEuMTU0LjExNGwtNi02YS43NS43NSAwIDAgMSAxLjA2LTEuMDZsNS4zNTMgNS4zNTMgOC40OTMtMTIuNzRhLjc1Ljc1IDAgMCAxIDEuMDQtLjIwN1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+);
    background-size: 30px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.yesofferproducts > .yesitem.yesitemadded:before {
    opacity: 1
}
.yesofferproducts > .yesitem .image {
    flex: none;
    width: 20%;
    max-width: 80px;
}
.yesofferproducts > .yesitem .image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1
}
.yesofferproducts > .yesitem .info {
    padding: 0 10px;
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}
.yesofferproducts > .yesitem .info .inforow {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start
}
.yesofferproducts > .yesitem .info .priceinfo > span {
    font-weight: 700
}
.yesofferproducts > .yesitem.isoffer .info .priceinfo > span {
    color: #455852
}
.yesofferproducts > .yesitem .info .stockinfo {
    margin: 0
}
.yesofferproducts > .yesitem .button {
    flex: none
}
[data-yesoffers]:not(:empty) + .minibasketpayment {
    padding-top: 30px
}


.chatmessagecontainer {
    border-radius: 8px;
    position: relative;
    background-color: rgba(255,255,255,1.00);
    padding: 16px;
    box-shadow: 0px 0px 20px rgba(0,49,73,0.1);
    margin-left: 70px;
    min-height: 80px;
}
.chatmessagecontainer:not(:first-child) {
    margin-top: 60px;
}
/*
.chatmessagecontainer:before {
    content: "";
    width: 50px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #009fe3;
    position: absolute;
    right: calc(100% + 20px);
    top: 0;
    background-image: url("/images/skins/Bewise/images/r2-white.svg");
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 50% 50%;
}
*/
.chatmessagecontainer:before {
    content: "";
    width: 50px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: solid 2px #009fe3;
    background-color: #fff;
    position: absolute;
    right: calc(100% + 20px);
    top: 0;
    background-image: url("/images/skins/bewise/images/chat-image.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}

.chatmessagecontainer:empty {
    background-image: url("/images/skins/Bewise/images/typing.gif");
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: 30px 50%;
}
.chattextcontainer {
    font-weight: bold;
}
.chattextcontainer:empty {
    display: none;
}
.choicescontainer {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.3s ease;
    display: flex;
    margin: 30px 0 0 auto;
    flex-wrap: wrap;
    /*width: 840px;*/
    gap: 20px;
    max-width: calc(100% - 70px);
    justify-content: center;
}
.choicescontainer.active {
    opacity: 1;
    transform: translateY(0);
}
.choicescontainer > * {
    flex: none;
    width: calc(25% - 15px);
    max-width: 195px;
    height: auto;
    aspect-ratio: 1/1;
    background-color: rgba(255,255,255,1.00);
    box-shadow: 0px 0px 20px rgba(0,49,73,0.1);
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    gap: 15px;
    flex-direction: column;
    user-select: none;
}
.choicescontainer > :not(.active):hover {
    transform: scale(1.05);
}
.choicescontainer > .active {
    border: solid 3px #007dbc;
}
.choicescontainer > * img {
    width: 60px;
    height: auto;
    display: block;
    max-width: 40%;
}
.chatresultcontainer {
    margin: 40px 0 0 70px;
}
.chatresulttitle {
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px;
}
.chatresultform {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1.00);
    padding: 30px;
    margin: 0 auto;
    width: 600px;
    max-width: 100%;
    box-shadow: 0px 0px 20px rgba(0, 49, 73, 0.1);
}
.chatresultform > div {
    position: relative;
}
.chatresultform input[type="email"] {
    height: 60px;
    border-radius: 100px;
    border: solid 1px rgba(139,139,139,1.00);
    font-size: 18px;
    padding: 0 60px 0 28px;
}
.chatresultform input[type="submit"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMjggMTEuNDdhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNy41IDcuNWEuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDE0LjY5IDEyIDcuNzIgNS4wM2EuNzUuNzUgMCAwIDEgMS4wNi0xLjA2bDcuNSA3LjVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIC8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 50% 50%;
    background-color: #007dbc;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 0;
    border-radius: 50%;
    padding: 0;
}
[class*="Custom_UL"].chatresultproducts {
    justify-content: center;
}
[class*="Custom_UL"].chatresultproducts > li {
    width: calc(25% - 30px);
}
.centerelement {
    display: flex;
    justify-content: center;
}
.nobutton {
    margin: 30px 0 0;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}
.button.startoverbutton {
    border-radius: 50px;
    padding: 12px 37px;
    margin: 0 auto 30px;
}

#page {
    max-width: 100vw;
    
}


div.bp_popup.bp_popup_194.bp_popup_Center {
    background-color: rgba(255,255,255,1.00);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical {
    border-radius: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    flex: none;
    flex-direction: row-reverse;
    height: 100%;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent {
    flex: auto;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: 40px 3vw 17vh;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > * {
    width: 400px;
    max-width: 100%;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupVideo,
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupImage {
    width: 50%;
    height: 100%;
    flex: none;
    margin: 0;
}

div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupVideo video,
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupImage img {
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}
div.bp_popup.bp_popup_194.bp_popup_Center .bp_popupClose {
    top: 30px;
    right: 30px;
}

div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form > .bp_popupNewsletterFields {
    width: 300px;
    max-width: 100%;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form > .bp_popupNewsletterSignedupTerms {
    
}
div.bp_popup_194 .bp_popupNewsletterFieldInput > input[type="email"],
div.bp_popup_194 .bp_popupNewsletterFieldInput > input[type="text"] {
    border-radius: 50px;
    min-height: 53px;
    border: none;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
div.bp_popupButtons {
    display: flex;
    justify-content: center;
}
div.bp_popup_194 div.bp_popupButtons .bp_popupNewsletterSubmit,
div.bp_popup_194 div.bp_popupButtons > div {
    flex: none;
    width: auto;
    min-width: 200px;
    padding: 12px 30px;
    box-shadow: none;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form > .bp_popupNewsletterSignedupTerms {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form > .bp_popupNewsletterSignedupTerms input[type="checkbox"] {
    border: none;
    border-radius: 50%;
}
div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent > form > .bp_popupNewsletterSignedupTerms > label {
    cursor: pointer;
    user-select: none;
    text-align: left;
}
.bp_popup_194 .bp_popupCoupon {
    margin: 20px 0 30px;
}


.transparentpicker .colorselect {
    flex: auto;
}
.transparentpicker .colorselect ul.colors > li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 7px;
    font-size: inherit;
    line-height: normal;
}
.transparentpicker .colorselect ul.colors > li img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.transparentpicker .colorselect ul.colors > li small {
    font-size: inherit;
    text-align: center;
}
.transparentpicker .colorselect ul.colors > li.active:before {
    background-color: transparent;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    border-radius: 10px;
    display: none;
}
.transparentpicker .colorselect ul.colors > li.active {
    z-index: 2;
}
.transparentpicker .colorselect ul.colors > li.active img {
    border: solid 6px #208632;
}

span.swiper-pagination-bullet {
    transition: all 0.3s ease;
}
span[class*="swiper-pagination-bullet-active"] {
    background-color: rgba(0, 0, 0, 1.00);
    width: 20px;
    border-radius: 25px;
}
[data-slideshow] img {
    display: block;
    width: 100%;
    height: auto;
}
[data-slideshow].hideondesktop:empty {
    aspect-ratio: 415/326;
}
[data-slideshow].hideonmobile:empty {
    aspect-ratio: 1870/545;
}



@media (min-width: 1250px) {
	.productcard .right .buy {
		display: flex;
		justify-content: space-between;
	}
}
@media (min-width: 1001px) {
	
    .choicescontainer {
        padding: 0 20%;
    }
    
    .alertbarplaceholder {
        min-height: 67px;
    }
    
    header .wings.left {
        display: none;
    }
	
    #Content_Productlist .paintselect [class*="Custom_UL"] > li {
        width: calc(33% - 27px);
    }
    
    .subcats {
        justify-content: center;
        flex-wrap: wrap;
    }
    .subcats > :hover .subcatimage {
        border-color: #007dbc;
        transform: scale(1.05);
    }
    
	.hideondesktop {
		display: none !important;
	}
	.flexbanner > a > span > small {
		width: 130px;
		margin: 0 auto;
	}
    .colorviewer .colorpicker {
        height: calc(100vh - 210px);
    }
    .colorselect ul.colors > li {
        width: 31.33%;
    }
    .transparentpicker .colorselect ul.colors > li {
        width: 23%;
    }

    .dropdowncontainer {
        opacity: 0;
        position: absolute;
        left: 0;
        top: calc(100% - 15px);
        width: 100%;
        padding: 50px 0;
        background-color: rgba(255,255,255,1.00);
        box-shadow: 0 20px 40px rgba(0,0,0,.1);
        justify-content: center;
        z-index: 99999999;
        display: flex;
        transition: all 0.3s ease;
    }
    li:not(:hover) .dropdowncontainer {
        pointer-events: none;
    }
    #ProductMenu_List > li.hover:hover > .dropdowncontainer {
        top: 100%;
        opacity: 1;
    }
    .dropdowncontainer > .dropdowninnercontainer {
        flex: none;
        width: 1600px;
        max-width: 90%;
        justify-content: flex-start;
        display: flex;
    }
    .dropdowncontainer > .dropdowninnercontainer:empty {
        height: 193px;
        background-image: url("/images/skins/Bewise/images/loader.gif");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 40px auto;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul {
        flex: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul {
        display: flex;
        flex-wrap: wrap;
        margin: -1%;
        flex: auto;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-weight: bold;
        flex: none;
        width: 14.66%;
        margin: 1%;
        background-color: #FFF;
        border-radius: 5px;
        padding: 0;
        box-shadow: 0 0 8px rgb(0 0 0 / 10%);
        transition: transform .4s ease;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li {
        font-size: 0;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li a,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li a {
        display: block;
        text-align: center;
        width: 100%;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > span,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > span {
        flex: auto;
        width: 100%;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > span > a,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > span > a {
        padding: 20px 0 0;
        display: flex;
        justify-content: center;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > a,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li > a {
        font-size: 16px;
        padding: 0 0 20px;
    }
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li img,
    a[href*="-161s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li img {
        display: block;
        height: 60px;
        width: auto;
        margin-bottom: 5px;
    }
    header #ProductMenu_List > li:last-child .dropdowncontainer > .dropdowninnercontainer {
        width: 1100px;
    }
    ul.services > li > ul {
        display: none;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1%;
        flex: auto;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li {
        width: 23%;
        flex: none;
        margin: 1%;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: rgba(255,255,255,1.00);
        box-shadow: 0 0 30px rgb(0 0 0 / 10%);
        border: solid 15px rgba(255,255,255,1.00);
        position: relative;
        transform-origin: 50% 50%;
        transition: all .3s ease;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li > a {
        color: rgba(255,255,255,1.00);
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li > a > span {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: rgba(0,0,0,.40);
        padding: 4px;
        position: absolute;
        font-weight: bold;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-transform: uppercase;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li > a > span > img {
        display: block;
        width: 25px;
        margin: 0 0 10px 0;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li > a > img {
        display: block;
        filter: grayscale(1);
        height: auto;
        max-width: 100%;
    }


    .dropdowncontainer a {
        text-decoration: none;
        display: block;
        color: rgba(0,0,0,1.00);
    }
    ul.level3ul + ul.dropdown {
        padding-left: 30px;
        margin-left: 60px;
        border-left: solid 1px rgba(231,231,231,1.00);
    }
    ul.level3ul + ul.dropdown span.Productmenu_Category_Icon_Container {
        display: none;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.level3ul {
        display: flex;
        max-width: 100%;
        flex-wrap: wrap;
        flex: auto;
        justify-content: flex-start;
    }

    .dropdowncontainer > .dropdowninnercontainer > ul.popularul {
        width: 20%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: 30px;
        position: relative;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul:before {
        content: "";
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        left: 0;
        top: -50px;
        height: calc(100% + 100px);
        width: 100%;
        position: absolute;
        z-index: 1;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul > li {
        position: relative;
        z-index: 2;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul > li > span.Productmenu_Category_Icon_Container {
        display: none;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul > li > a:last-of-type > span {
        font-weight: bold;
        display: block;
        font-size: 22px;
        margin: 0 0 15px;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul > li > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul + ul.level3ul {
        justify-content: flex-start;
        max-width: calc(80% - 30px);
    }
    .dropdowncontainer > .dropdowninnercontainer > ul.popularul + ul.level3ul > li {
        width: 25%;
    }

    .dropdowncontainer > .dropdowninnercontainer > ul:empty {
        display: none;
    }
    .level3ul > li {
        flex: none;
        width: 25%;
        padding-left: 44px;
        padding-right: 20px;
        position: relative;
    }
    .level3ul > li:nth-child(5n+5) {
        padding-right: 0;
    }
    .level3ul > li:nth-child(n+6) {
    }
    ul.popularul + .level3ul > li:nth-child(n+5) {
        margin-top: 25px;
    }
    .level3ul > li > ul {
        list-style-type: none;
        margin: 0 0 15px 0;
        padding: 0;
    }
    .level3ul > li > ul .Productmenu_Category_Icon_Container {
        display: none;
    }
    .level3ul > li > span {
        width: 30px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,1.00);
        display: none;
        font-size: 0;
        line-height: 0;
    }
    .level3ul > li > span > a img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
    }
    .level3ul > li > a {
    }
    .level3ul > li > a > span.ProductMenu_MenuItemBold {
        font-weight: bold;
    }
    .level3ul > li > ul > li.viewall ~ li {
        display: none;
    }
    .level3ul > li > ul > li.viewall > a {
        text-decoration: underline;
    }
    .level3ul > li > ul > li > ul {
        display: none;
    }
    .level3ul > li > ul span.ProductMenu_MenuItemBold {
        font-weight: normal;
    }

    .dropdowncontainer[class*="col"] > div > ul.dropdown {
        column-gap: 60px;
        column-rule: 1px solid rgba(231,231,231,1.00);
    }
    .dropdowncontainer.col2 > div > ul.dropdown {
        column-count: 2;
    }
    .dropdowncontainer.col3 > div > ul.dropdown {
        column-count: 3;
    }
    .dropdowncontainer.colalfabet > div > ul.dropdown {
        column-count: 5;
    }
    .alfabetcolumns {
        display: flex;
        width: 100%;
    }
    .alfabetcolumns > div {
        flex: auto;
    }
    .alfabetcolumns > div div.letter {
        font-size: 16px;
        color: #34495e;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .alfabetcolumns > div > div.letter:not(:first-child) {
        margin-top: 15px;
    }
    .productmenubanner {
        flex: none;
        width: 20%;
        margin-right: 40px;
    }
    .productmenubanner img {
        display: block;
        width: 100%;
    }
    
    
    
    

    #Content_Productlist [class*="Custom_UL"] > li:hover .item.product:not(.coloritem) {
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .mobileMenu {
        display: none !important;
    }

    .fphighlight {
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(140deg, rgba(39,58,63,1) 0%, rgba(102,133,134,1) 19%, rgba(100,135,145,1) 100%);
        /*
        background-image: url("/images/skins/Bewise/images/newbg.jpg");
        */
    }

    .fphighlight a:hover,
    a[href*="-24s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li:hover,
    a[href*="-12s1.html"] + div.dropdowncontainer > .dropdowninnercontainer > ul > li:hover {
        transform: scale(1.06);
    }

    .shortcuts > a:hover {
        transform: scale(1.1);
    }
    .shortcuts > a:hover picture img,
    .dropdowncontainer > .dropdowninnercontainer > ul.services > li:hover > a > img {
        filter: grayscale(0);
    }
    .stickycontent {
        /*
        position: sticky;
        top: 150px;
        */
    }


    .basket:hover > a:not([data-count="0"]) + .minibasket, .basket.open > a:not([data-count="0"]) + .minibasket {
        display: flex;
    }
    .ShowBasket_Custom_DIV .name .amount {
        display: none;
    }
    .ShowBasket_Custom_DIV .price .priceholder {
        min-width: 120px;
    }

    header #ProductmenuContainer_DIV {
        height: 55px;
        display: flex;
        justify-content: center;
        background-color:rgba(255,255,255,1.00);
        position: relative;
    }
    header #ProductMenu_List {
        display: flex;
        margin: 0;
        padding: 0;
        list-style-type: none;
        flex: none;
    }
    header #ProductMenu_List > li {
        flex: auto;
        display: flex;
        transition: background .5s ease;
    }
    header #ProductMenu_List > li > a[href*="24s1"] + .dropdowncontainer,
    header #ProductMenu_List > li > a[href*="161s1"] + .dropdowncontainer {
        background-color: #f6f6f6;
    }
    header #ProductMenu_List > li > span {
        display: none;
    }
    header #ProductMenu_List > li > span > a {
        display: flex;
        align-items: center;
        flex: auto;
        padding-left: 20px;
    }
    header #ProductMenu_List > li > span > a > img {
        flex: none;
        display: block;
        width: 27px;
        height: auto;
        margin: 0 10px 0 0;
    }
    header #ProductMenu_List > li > a,
    header #ProductMenu_List > li > a > span.ProductMenu_MenuItemBold {
        font-weight: normal;
    }
    header #ProductMenu_List > li > a {
        padding: 0 20px;
        display: flex;
        flex: auto;
        align-items: center;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
    }
    
    header #ProductMenu_List > li > ul {
        display: none;
    }
    /*
    #BUYSECTION input[type="submit"] {
        font-size: 20px;
    }
    */


}

@media (min-width: 1001px) and (max-height: 800px) {
	.listheader {
		padding: 50px;
	}
}


@media (max-width: 1600px) {

    .fphighlight a {
        width: 31.3%;
    }

    .colorselect .colorstabsul > li label span {
        display: none;
    }
    .colorselect ul.colors > li {
        width: 31.33%;
    }
	
	header #ProductMenu_List > li > a,
	header #ProductMenu_List > li > span ~ a {
		padding: 0 14px;
		font-size: 12px;
	}
	header #ProductMenu_List > li > span > a > img {
		margin: 0;
		width: 19px;
	}
	header #ProductMenu_List > li > span > a {
		padding-left: 10px;
	}

}
@media (max-width: 1300px) {
    #Content_Productlist [class*="Custom_UL"] > li {
        width: calc(33.3% - 30px);
    }
    header #ProductMenu_List > li > span {
        display: none;
    }
	.mainslider > a > span {
		padding: 20px;
	}
	.mainslider strong {
		font-size: 40px;
	}

    .apartment {
        flex-direction: column;
    }
    .apartment .apartmentInfo {
        width: 100%;
        padding: 15px 0;
    }

    .apartment .apartmentImage {
        width: 100%;
        max-width: 200px;
    }
}
@media (max-width: 1285px) {
    .usp:not(.slick-initialized) > div:nth-child(5) {
        display: none !important;
    }
}
@media (max-width: 1200px) {

    .colorselect, .colorselect input[type="text"] {
        font-size: 14px;
    }
    .colorselect > * {
        padding-left: 30px;
        padding-right: 30px;
    }
    .colorselect .colorpickerheader .colorpickerclose {
        width: 60px;
    }
    .colorselect .colorpickerheader .colorpickertitle {
        font-size: 21px;
    }
    .colorselect .colorstabsul > li:not(:last-child) {
        border: none;
    }
}


@media (max-width: 1000px) {
    
    input[type="submit"], button, input[type="button"], .button, .ddrd-button, #ProductMenu_List div.container > a > span > small, .btnFilterProductsFound, [href="/shop/customer.html&StrCurTab=3"] {
        padding: 10px 19px;
        font-size: 13px;
    }
    
    nav#menu {
        max-width: 100vw;
    }
    
    div.bp_popup_194 .bp_popupContainer.bp_popup_vertical {
        flex-direction: column-reverse;
        justify-content: center;
    }
    div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupContent {
        height: auto;
        padding: 50px 30px 30px;
        justify-content: center;
    }
    div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupVideo, 
    div.bp_popup_194 .bp_popupContainer.bp_popup_vertical .bp_popupImage {
        height: auto;
        max-height: 30vh;
        width: 100%;
    }
    
    #order-summary td {
        font-size: 12px;
    }
    .basket-line.basket-line-product td.left-align > * {
        max-width: 100px;
        display: block;
    }
    
    
    .choicescontainer {
        gap: 10px;
        margin: 20px 0 0 auto;
        max-width: 100%;
    }
    .choicescontainer > * {
        width: calc(33.33% - 7px);
        line-height: normal;
    }
    
    .chatmessagecontainer {
        margin-left: 0;
    }
    .chatmessagecontainer:not(:first-child) {
        margin-top: 40px;
    }
    .chatresultform {
        padding: 17px;
    }
    .chatresulttitle {
        font-size: 15px;
    }
    [class*="Custom_UL"].chatresultproducts > li {
        width: calc(50% - 10px);
    }
    .choicescontainer>* img {
        max-width: 80%;
    }
    .chatmessagecontainer:before {
        width: 35px;
        right: auto;
        left: 3px;
        top: 3px;
        transform: translate(-50%,-50%);
    }
    .chatresultcontainer {
        margin-left: 0;
    }
	
    .cardtabshead {
        justify-content: space-between;
    }
    
    .alertbarplaceholder {
        min-height: 91px;
    }
    .cpproductbuttonscontainer > * {
        
        max-width: 100%;
    }
    
    .colorsampleboxes {
        flex-direction: column;
    }
    
    .subcats {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 13px;
        padding: 5vw;
    }
    .subcats > * {
        width: 25vw;
        max-width: none;
        flex: none;
    }
    .subcats .subcatimage img {
        padding: 4px;
    }
    
	
	.slideshow .header {
		font-size: 6vw;
	}
	.slideshow .teaser {
		font-size: 4vw;
		padding-top: 15px;
	}
	.slideshow .button {
		font-size: 3vw;
	}

    .productcard .shippingcountdown:not(:empty) {
        margin: 20px 0 0;
    }

    .item.product .batch.offervariant {
        display: none;
    }

	.hideonmobile {
		display: none !important;
	}
    .pricesection {
        gap: 10px;
        justify-content: flex-end;
        align-items: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .pricesection .savingsbadge {
        margin: 0;
    }

    body, input, select, textarea, button, td.VariantGroupLabel {
        font-size: 14px;
    }
    h1, .largeheader, .container > table .Heading_Customer, .asideul > li > a, .Heading_Terms, .Heading_B2Blogin, .Heading_Order4, .productcard ~ .largeheader, .fphighlight > div > span {
        font-size: 26px;
        margin-bottom: 15px;
    }
    h2, h3, .h2, .Heading_OrderStep4, .mediumheader, columns h3, .footerInfo > div > div:first-child > span, .SubCatsProcuctsHeading {
        font-size: 19px;
        margin: 0 0 10px;
    }
    #samecategoryitems .largeheader {
        font-size: 20px;
    }
    .mobilesearch input[type="text"] {
        height: 46px;
        border: none;
        padding: 0 20px;
        font-size: 16px; /* iOS fix */
    }
    header .wings.left {
    }
    .spacebottom {
        margin-bottom: 30px;
    }
    .spacetop {
        margin-top: 30px;
    }
    .paddingtop {
        padding-top: 30px;
    }
    .paddingbottom {
        padding-bottom: 30px;
    }
    .container.content {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .usp:not(.slick-initialized) > div, .usp .slick-slide {
        flex: auto;
        justify-content: center;
    }
    .usp span {
        padding-left: 3px;
    }

    header > section .container {
        height: 60px;
        gap: 10px;
    }
    

    header .search {
        display: none;
    }
    header #ProductmenuContainer_DIV {
        display: none;
    }
    header > section {
        box-shadow: none;
        z-index: 9999;
        border-bottom: 1px solid #f2f2f2;
    }
    header .wings {
        width: auto;
        max-width: none;
        flex: auto;
        gap: 13px;
    }
    header .logo {
        width: 110px;
        flex: none;
    }
	
	
	
	.departments {
		flex-wrap: wrap;
		padding: 5px;
		gap: 5px;
		max-width: 100vw;
	}
	.departments > * > span {
		padding: 6px;
	}
	.departments > * > span > img {
		display: none;
	}
	
    .videobanner .content i {
        padding: 10px 35px;
    }

	img.smallonmobile {
		aspect-ratio: 16/7;
		object-fit: cover;
		object-position: 50% 50%;
	}
	columns > div[style*=background] {
		min-height: 110px;
	}
    .mobilebar {
        display: flex;
        background-color: rgba(255,255,255,1.00);
        position: relative;
        box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 05%);
    }
    .mobilebar > * {
        flex: none;
    }
    .mobilebar > form {
        flex: auto;
    }
    .mobilebar > form input[type="submit"] {
        display: none;
    }

    .mobilesearch {
        position: static !important;
    }
    .webshop-checkout .mobilebar {
        display: none;
    }
    
    .webshop-checkout .uspouter {
        top: 60px;
    }
    
    
    .basket > [data-count]:not([data-count="0"]):before {
        top: 14px;
        left: 7px;
    }

    .headerbox {
        padding: 0;
    }
    .headerbox.pricematch {
        display: none;
    }
    /*
    .btnmenuDiv > small {
        text-transform: uppercase;
        line-height: 1;
        font-size: 9px;
        font-weight: normal;
        margin: 4px 0 0 0;
    }
    */
    .wings .headerbox svg,
    .wings .headerbox img {
        width: auto;
        height: 25px;
    }
    .btnmenu {
        
    }
    .btnmenu img {
        height: 18px;
    }
    .headerbox > small {
        margin: 4px 0 0 0;
        text-transform: uppercase;
        font-size: 9px;
        display: none;
    }
	.popularjuton > div > a {
		width: 48%;
		margin-bottom: 2%;
	}
    .usp:not(.slick-initialized) > div:nth-child(n+2) {
        display: none !important;
    }
    .productcard .intro {
        flex-direction: column;
        gap:20px;
    }
    .productcard .intro .left,
    .productcard .intro .right {
        width: 100%;
        max-width: 100%;
        border: none;
        padding: 0;
    }
    .productcard .Prices_Custom_DIV > div > span {
        font-size: 34px;
    }

    .button.amountcalculatorbutton {
        padding: 0 10px;
    }
    .VariantGroup {
        width: 100%;
    }
    .colorpickerbutton > * {
        flex: auto;
    }
    .colorpickerbutton > span,
    .colorpickerbutton:after{
        flex: none;
    }
    .productcard .stockinfo {
        justify-content: center;
    }
	
    .sellingusp {
		margin: 20px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        box-shadow: rgb(0 0 0 / 12%) 0px 2px 16px 0px;
	}
	.sellingusp > div {
        flex: none;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        padding: 20px 20px;
        position: relative;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
	}
    .sellingusp > div:last-child img {
        margin-top: 4.5px;
        margin-bottom: 9.5px;
    }
    .sellingusp > div:before,
    .sellingusp > div:after {
        background-color: rgba(0, 0, 0, 0.1);
        position: absolute;
        display: block;
        z-index: 30;
    }
    .sellingusp > div:nth-child(2n+1):before {
        content: "";
        top: 50%;
        left: 100%;
        height: calc(100% - 60px);
        width: 1px;
        transform: translateY(-50%);
    }
    .sellingusp > div:nth-child(n+3):after {
        content: "";
        top: 0;
        left: 50%;
        width: calc(100% - 60px);
        height: 1px;
        transform: translateX(-50%);
    }

    .productcard .left .swan {
        width: 50px;
        top: 10px;
        left: 10px;
    }
    .webshop-productinfo [itemtype*="https://schema.org/BreadcrumbList"] {
        margin-bottom: 10px;
    }
    [data-before]:not(:empty):before {
        display: none;
    }
    .amountcalculator {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .amountcalculator > div:first-of-type {
        width: 100%;
        flex: none;
        margin: 0 0 5px;
    }
    .amountcalculator > div.input input {
        width: 100px;
    }

    .productcard .savingsbadge {
        font-size: 16px;
        margin-right: auto;
    }

    .productcard .info {
        flex-direction: column;
    }
    .productcard .info .preview {
        width: 100%;
    }
    
    .doclinks:not(:empty) {
        flex-direction: column;
        margin: 30px 0 0;
    }
    .doclinks > a {
        margin: 0;
    }
    .doclinks > a:not(:last-child) {
        margin-bottom: 10px;
    }

    .keys strong {
        font-size: 20px;
        margin-top: 0;
    }
    .item.product {
        padding: 13px;
    }
    .item.product .Prices_Custom_DIV .price {
        font-size: 16px;
    }
    .item.product .buy input[type="text"] + input,
    .item.product .buy a.button {
        font-size: 12px;
        padding: 10px;
        text-align: center;
    }
    .item.product .buy input[type="text"] {
        display: none;
    }
    /*
    .item.product .buy input[type="text"] + input {
        padding-left: 50px;

    }
    */
    .item.product .variants > a {
        padding: 1px 5px;
        font-size: 11px;
    }
    .item.product .info .longDescription {
        display: -webkit-box;
        -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .item.product .stockinfo {
        font-size: 9px;
    }
    .item.product .stockinfo .shippingmessage {
        padding-left: 3px;
    }
    [class*="Custom_UL"] {
        margin: 0 -5px;
    }
    .influenceul {
        margin: 0;
    }
    [class*="Custom_UL"] > li,
    #Content_Productlist [class*="Custom_UL"] > li,
    .frontpageproducts [class*="Custom_UL"] > li {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }
    [class*="Custom_UL"].influenceul > li,
    #Content_Productlist [class*="Custom_UL"].influenceul > li {
        width: 100%;
        margin: 0 0 10px 0;
    }
    
    
    #Content_Productlist [class*="Custom_UL"] > li.catinfowidth1,
    #Content_Productlist [class*="Custom_UL"] > li.catinfowidth2,
    #Content_Productlist [class*="Custom_UL"] > li.catinfowidth3,
    #Content_Productlist [class*="Custom_UL"] > li.catinfowidth4,
    #Content_Productlist [class*="Custom_UL"] > li.catinfowidth5 {
        width: calc(100% - 10px);
    }
    .inspirationbox.catinfowidth1 > * {
        flex-direction: row;
    }
    .catinfobox,
    .inspirationbox.catinfowidth2 .catinfobox,
    .inspirationbox.catinfowidth3 .catinfobox,
    .inspirationbox.catinfowidth4 .catinfobox,
    .inspirationbox.catinfowidth5 .catinfobox {
        gap: 10px;
        padding: 20px;
        line-height: normal;
    }
    .inspirationbox.catinfowidth1 > * > .infomediaitem {
        max-height: 100%;
        width: 50%;
    }
    
    
    
    #Content_Productlist .guidesection [class*="Custom_UL"] {
        margin-top: 20px;
    }
    #Content_Productlist .guidesection [class*="Custom_UL"] > li {
        width: 100%;
        margin-bottom: 25px;
    }
	[class*="Custom_UL"].Frontpage_Custom_UL > li {
		width: calc(48% - 10px);
	}
    .frontpageproducts [class*="Custom_UL"] > li:nth-child(n+5) {
        display: none;
    }
	.frontpageproducts > span, .popularjuton > span {
		font-size: 28px;
	}

    .item.article {
        padding: 15px;
    }
    .item.article > div.info {
        padding: 0 0 0 20px;
    }
    .Related_Custom_UL:not(.slick-initialized) > li,
    #Content_Productlist [class*="Custom_UL"] > li.col2, [class*="Custom_UL"].samecategoryitems > li.col2 {
        width: 98%;
    }
    
    .webshop-productinfo [class*="Custom_UL"] {
        width: 100vw;
        margin-left: -5vw;
        padding-left: 5vw;
        padding-right: 5vw;
        justify-content: flex-start !important;
    }
    .webshop-productinfo [class*="Custom_UL"] > li:not(:only-child) {
        width: calc(100% - 120px);
    }
    .webshop-productinfo [class*="Custom_UL"]::-webkit-scrollbar {
        height: 0;
    }

    .influencesamecategoryitems [class*="Custom_UL"] {
        margin: 0;
    }
    .influencesamecategoryitems [class*="Custom_UL"] > li {
        width: 100%;
    }

    .toc {
        float: none;
        padding: 0;
        margin: 0 0 15px;
        background-color: transparent;
    }
    .toc > strong {
        padding: 6px 5%;
        background-color: rgba(240,240,240,1.00);
        display: flex;
        justify-content: space-between;
    }
    .toc > strong:after {
        content: "+"
    }
    .toc > strong.open:after {
        content: "-";
    }
    .toc > ul {
        padding: 5%;
        display: none;
    }

    .fpbanner {
        min-height: calc(100vh - 70px);
        padding: 30px;
    }
    .fpbanner .header {
        font-size: 30px;
        margin: 0 0 20px;
    }
    .fpbanner ul {
        margin: -1%;
    }
    .fpbanner ul li {
        width: 31.33%;
        margin: 1%;
        padding: 10px;
        border-radius: 10px;
    }
    .fpbanner ul li img {
        max-width: 50px;
        margin: 0 0 10px;
    }
    .fpbanner ul li strong {
        font-size: 13px;
    }

    .fphighlight {
        background: linear-gradient(140deg, rgba(39,58,63,1) 0%, rgba(102,133,134,1) 19%, rgba(100,135,145,1) 100%);
    }



    .fphighlight a {
        width: 48%;
    }
    .fphighlight a > span {
        font-size: 13px;
        margin-bottom: 3px;
    }
    .fphighlight > div > span {
        line-height: 23px;
    }
    .fphighlight > div > span > small {
        font-size: 15px;
    }
    .fphighlight div div {
        margin: 0;
        justify-content: center;
    }
    .fphighlight img {
    }
    /*
    .fphighlight {
        background: linear-gradient(140deg, rgba(39,58,63,1) 0%, rgba(102,133,134,1) 19%, rgba(100,135,145,1) 100%);
    }



    .fphighlight .container a {
        width: 48%;
    }
    .fphighlight .container a > span {
        font-size: 13px;
    }
    .fphighlight > div > span {
        line-height: 23px;
    }
    .fphighlight > div > span > small {
        font-size: 15px;
    }
    .fphighlight div div {
        margin: 0;
        justify-content: center;
    }
    .fphighlight img {
    }

    */
    .boxes {
        flex-direction: column;
    }
    .boxes > * {
        width: 100%;
    }
    .boxes > :not(:last-child) {
        margin-bottom: 15px;
    }

    .listheader {
        padding: 20px 0;
    }
    .listheader h1 {
        font-size: 20px;
    }
    [itemtype*="https://schema.org/BreadcrumbList"], .influencebreadcrumb .Description_Productinfo {
        font-size: 80%;
    }
    .influenceextraimages {
        flex-wrap: wrap;
    }
    .influenceextraimages > a {
        flex: none;
        width: 48%;
    }
    .influencerelatedproductheader > span.Description_Productinfo {
        display: block;
        font-size: 20px;
        font-weight: bold;
    }
    .influencerelatedproductheader {
        font-size: 16px;
    }



    columns {
        flex-direction: column;
    }
    columns:nth-of-type(2n+2) {
        flex-direction: column-reverse;
        margin: 20px 0;
    }
    columns > * {
        flex: none;
        width: 100% !important;
    }
    columns > img, columns > iframe, columns > form {
        width: 100%;
    }
    columns h2 {
        font-size: 19px;
    }
	columns h2 {
        font-size: 17px;
    }

		.employees_filter {
			flex-wrap: wrap;
			gap: 10px;
		}

		.employees_filter .btn {
			padding: 6px 10px;
			text-align: center;
			
		}

		

		.employees > .employee_section > div {
				width: 48%;
		}

    .contactforms, columns:nth-of-type(2n+2).contactforms {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    columns.contactforms .contactformsImage {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    columns.contactforms .contactformsImage img {
        flex: none;
        width: 60%
    }
    .contactforms > div.contactformsText {
        padding: 20px 0;
        width: 100%;
    }

    .footerInfo > div {
        flex-direction: column;
    }
    .footerInfo > div > div:first-child,
    .footerInfo > div > div:last-child {
        width: 100%;
    }
    .footerInfo > div > div:last-child {
        padding: 30px 0 0;
    }
    .footerInfo > div > div:last-child > img {
        margin: 0;
        max-width: 60%;
    }
    .footerInfo > div > div:first-child:after {
        display: none;
    }
    .footerInfo input[type="text"],
    .footerInfo input[type="email"] {
        width: 100%;
        margin-bottom: 5px;
    }
    .footerInfo .terms {
        margin: 15px 0;
    }
    .footerInfo li {
        font-size: 12px;
    }

    .footerpayshipping > div > div {
        justify-content: flex-start;
    }
    .footerpayshipping > div > div > span {
        margin: 0 4px 10px 0;
    }

    .shortcuts > a {
        width: 48%;
        border: none;
    }
    .shortcuts > a > span {
        font-size: 11px;
    }

    .SubCats_Categories_DIV {
        margin: 0;
    }
    .SubCats_Categories_DIV > div {
        width: 100% !important;
        margin: 0 0 15px;
    }

    footer > div.container {
        flex-direction: column;
    }
    footer > div.container > div {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    footer > div.container > div:not(:last-child) {
        margin-bottom: 35px;
    }

    footer form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .loginform {
        width: 100%;
    }

    .Text1_Terms, .GDPR_Terms, .CookieConsent_Terms {
        padding: 20px;
    }

    .projectcontrol > * {
        padding: 10px 0;
    }
    .activeproject > div {
        flex-wrap: wrap;
    }
    .activeproject > div > div {
        width: 100%;
        font-size: 90%;
        margin: 0 0 5px;
    }
    .activeproject button {
        margin: 0 2% 0 0;
        padding: 7px 15px;
    }
    .btnmenuDiv {
        display: flex;
        flex-direction: column;

    }


    form[name="CustomerCenterForm"] > span > span {
        padding: 6px 13px;
    }
    form[name="CustomerCenterForm"] > table {
        padding: 10px;
    }
    #tabID3 td {
        font-size: 85%;
    }


    div.mobileMenu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99999999;
		overflow: hidden;
		background-color: rgba(0,0,0,.4);
		display: none;
	}
	div.mobileMenu .mobileMenuContainer {
		position: absolute;
		top: 0;
		left: -400px;
		background-color: rgba(255,255,255,1.00);
		height: 100%;
		width: 330px;
		max-width: 80%;
		box-shadow: 0 0 40px rgba(0,0,0,0.6);
	}
	.mobileMenuInner {
		position: relative;
		height: 100%;
		width: 100%;
		-webkit-overflow-scrolling:touch;
		overflow-y:auto;
		overflow-x:hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
	}
	.mobileMenuHeader, .mobileMainMenuHeader {
		padding: 15px 20px;
		font-size: 20px;
        border-bottom: 2px solid #007dbc;
		text-transform: uppercase;
		background-color: #f6f6f6;
		position: relative;
        z-index: 10;
        flex: none;
	}
	.mobileMenuUl {
		margin:0;
		padding: 0;
		list-style-type: none;
        flex: auto;
	}
    .mobileMenuUl a {
        color: rgba(0,0,0,1.00);
    }
	.mobileMenuUl .toggler {
		position: absolute;
		height: calc(100% + 1px);
		width: 40px;
		right: 0;
		top: 0;
		z-index: 10;
		cursor: default;
		/*border-left: solid 1px rgba(0,0,0,.15);*/
	}
	.mobileMenuUl a, .mobileMenuUl > li > span {
		position: relative;
	}
    .mobileMenuUl .toggler img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 15%;
        height: auto;
        transform: translate(-50%,-50%) rotate(90deg);
        transition: transform .5s ease;
    }
    .mobileMenuUl li.open > a > .toggler img {
		transform: translate(-50%,-50%) rotate(-90deg);
	}

    /*
	.mobileMenuUl .toggler:after {
		content: "+";
		font-size: 14px;
		line-height: 1;
		color: rgba(0,0,0,1.00);
		position: absolute;
		top: 50%;
		left: 50%;
		font-family: 'Arial';
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.mobileMenuUl li.open > a > .toggler:after {
		content:"-";
		color:#578e54;
	}
    */
	.mobileMenuUl span.ProductMenu_MenuItemBold {
		font-weight: normal;
	}
	.mobileMenuUl ul {
		display: none;
	}
	.mobileMenuUl > li > a, .mobileMenuUl > li > span, .mobileMainMenuUl > li > a {
		display: block;
		text-decoration: none;
		padding: 15px 40px 14px 15px;
		text-transform: uppercase;
		border-bottom: solid 1px rgba(0,0,0,.15);
	}
    .mobileMenuUl li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .mobileMenuUl li > * {
		flex: auto;
	}
    .mobileMenuUl li > span {
        flex: none;
        width: 40px;
        font-size: 0;
        line-height: 0;
        position: relative;
        align-self: stretch;
        display: flex;
        padding: 0;
        background-color: #007dbc;
        border-bottom: solid 1px rgba(0,0,0,.15);
    }
		.mobileMenuUl > li > a:first-child {
			padding-left: 55px;
			position: relative;
		}
		.mobileMenuUl > li > a:first-child::before {
			content: '';
			width: 40px;
			height: 51px;
			background-color: #007dbc;
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			border-bottom: solid 1px rgba(0,0,0,.15);
		}
    .mobileMenuUl ul li > span {
        background-color: rgba(207,207,207,.50);
    }
    .mobileMenuUl li > span > a {
        flex: auto;
    }
    .mobileMenuUl li > span img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 58%;
        max-height: 48%;
    }
    .mobileMenuUl li > span + a {
        flex: none;
        width: calc(100% - 40px);
    }
	.mobileMenuUl > li:last-child > *, .mobileMainMenuUl > li:last-child > a {
		border-bottom: 0;
	}
    .mobileMenuUl a[href*="specialoffer"]::before {
        background-color: #fed831 !important;
    }
	/* LEVEL 2 */
	.mobileMenuUl li > ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		border-left: solid 5px rgba(0,0,0,.15);
        background-color: rgba(240,240,240,1.00);
        flex: none;
        width: 100%;
	}
	.mobileMenuUl li > ul > li > a {
		display: block;
		text-decoration: none;
		padding: 14px 10px 14px 10px;
		border-bottom: solid 1px rgba(0,0,0,.15);
	}


	.mobileMenuUl a.Activ_ProductMenu {
		color:rgba(144,144,144,1.00);
	}
    .mobileMenuUl a#ActiveCategory_A {
        display: none;
    }

    .mobileMenuContact {
        flex: none;
        padding: 20px;
        border-top: 10px solid #eee;
    }
    .mobileMenuContact > span {
        padding: 0;
        font-weight: normal;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: baseline;
        text-align: center;
        color: rgb(54, 55, 64);
        margin: 0 0 17px;
        font-size: 20px;
    }
    .mobileMenuContact > img {
        mix-blend-mode: multiply;
        display: block;
        max-width: 80%;
        width: 100%;
        border-radius: 50%;
        margin: 0 auto;
        border: 3px solid #f9f9f9;
    }
    .mobileMenuContact > p {
        text-align: center;
    }
    .mobileMenuContact > a {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    .mobileMenuContact > a > img {
        width: 15px;
        display: block;
        margin-right: 8px;
    }

    aside {
        display: none;
    }
    .webshop-productlist .container.content aside,
    .webshop-productlist .container.content aside + div#Content_Productlist {
        width: 100%;
    }

    .popup {
        flex-direction: column;
    }

    .popup .image {
        display: none;
    }
    .popup.buypopup .extraProduct .image {
        display: block;
        width: 14%;
        margin: 0;
    }
    .buypopup .extraProduct .extrainfo select {
        max-width: 150px;
    }
    .popup .popupcontent {
        padding: 30px;
    }
    .popup .mediumheader {
        font-size: 24px;
    }

    .calcpopupimage {
        display: none;
    }
    .calcpopupcontent {
        width: 100%;
    }
    .calcpopupcontent > * {
        padding-left: 30px;
        padding-right: 30px;
    }
    .calcpopupcontent .calcpopupheader .calcpopupclose {
        width: 70px;
    }
    .calcpopupcontent .calcpopupheader .calcpopuptitle {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .calcpopupcontent > .calcpopupcontentcenter {
        padding-top: 0;
    }


    .btnfilter.active {
        display: inline-flex;
    }
    .btnfilter > * {
        flex: none;
    }
    .btnfilter img {
        margin: 0 8px 0 0;
        width: 13px;
    }

    .popup.buypopup {
        flex-direction: row;
        padding: 20px;
    }
    .buypopup .popupcontent {
        padding: 20px;
    }
	.buypopup .popupcontent h1 {
		font-size: 20px;
		margin-bottom: 3px;
	}
    .buypopupbuttons {
        margin-top: 15px;
    }
    .buypopupbuttons > button {
        font-size: 13px;
    }
    .buypopup .extraProductsContainer {
        flex-direction: column;
    }
    .buypopup .extraProductsContainer > div {
        max-width: 98%;
        width: 98%;
    }
    .buypopup .extraProduct input[type="checkbox"] {
        width: 22px;
        height: 22px;
        margin: 0 15px;
    }


    aside.showfilter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        overflow: hidden;
        background-color: rgba(0,0,0,.4);
        display: flex;
    }
    #ProductFilter-Container {
        flex: auto;
        height: 100%;
        width: 330px;
        max-width: 90%;
        padding: 20px;
        background-color: rgba(255,255,255,1.00);
        box-shadow: 0 0 50px rgba(0,0,0,.2);
        z-index: 400;
        transition: left 0.2s ease-in-out;
        display: flex;
        flex-direction: column;
    }

    #ProductFilter-Container > * {
        flex: none;
    }
    .product-filter-headertext-container {
        display: none;
    }
    #ProductFilter-Container div[class*="product-filter-column-container"] {
        display: flex;
        flex: auto;
        flex-direction: column;
        -webkit-overflow-scrolling:touch;
        overflow-y:auto;
        overflow-x:hidden;
    }
    .product-filter-header-text {
        margin: 0;
        font-size: 15px;
    }
    .product-filter-row {
        padding: 0;
        margin: 0 0 20px;
        box-shadow: none;

    }
    .btnFilterProductsFound {
        display: block;
        margin: 0 0 20px;
    }
    .btnFilterProductsFound:before {
        content: "×";
        font-family: 'Arial';
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 25px;
        cursor: pointer;
        background-color: rgba(0,0,0,1.00);
        color: rgba(255,255,255,1.00);
        padding: 3px 0;
        line-height: 1;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
    }

    .showbasket {
        flex-direction: column;
    }
    .showbasket > * {
        flex: none;
        width: 100%;
    }
    .ShowBasket_Custom_DIV > div {
        padding: 10px;
    }
    .ShowBasket_Custom_DIV .image {
        width: 50px;
    }
    .ShowBasket_Custom_DIV .name .amount {
        margin: 10px 0 0;
    }
    .ShowBasket_Custom_DIV .price {
        align-self: flex-end;
        flex-direction: column;
    }
    .ShowBasket_Custom_DIV .price .amount {
        display: none;
    }
    .showbasket .summary {
        padding: 20px;
        margin: 20px 0 0;
        width: 100%;
    }
    .showbasket .summary .row.total {
        font-size: 20px;
    }

    .webshop-checkout header > section .container {
        justify-content: center;
    }
    #checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary {
        padding: 20px;
    }
    #customer-data fieldset {
        margin: 0;
    }
    #customer-data fieldset > label, #checkout-container .checkout-row, #customer-data fieldset > label[for="checkout_note"] {
        width: 100%;
        margin: 0 0 6px;
    }
    #customer-data fieldset > label[for="checkout_note"] {
        margin-bottom: 15px
    }
    #customer-data fieldset > label[for="checkout_customer_city"] {
        margin-left: 11px;
    }

    #checkout-container .checkout-row {
        margin: 10px 0 0;
    }
	
	
	#Content_Productlist [class*="Custom_UL"] > li.apartmentli {
		width: 100%;
	}
	li.apartmentli .apartmentImage, li.apartmentli .apartmentInfo, li.apartmentli .apartmentSpecs {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
    }
	li.apartmentli .apartmentImage {
        margin-bottom: 20px;
    }
	/*
    .ProductList_Custom_DIV .apartmentImage, .ProductList_Custom_DIV .apartmentInfo, .ProductList_Custom_DIV .apartmentSpecs {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
    }
    .ProductList_Custom_DIV .apartmentImage {
        margin-bottom: 20px;
    }
	*/
    .apartmentInfo {
        margin-bottom: 20px;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #eee;
    }
    .pcardApartmentImage {
        width: 100%;
        border-right: 0;
        margin-bottom: 20px;
    }
    .pcardApartmentInfo {
        width: 100%;
        padding-left: 0;
    }
    .pcardApartmentMoreinfo li {
        width: 100%;
    }

    div.CookiePolicyText > img {
        margin: 20px 25px;
    }
    div.CookiePolicyText > h2 {
        padding: 25px 25px 15px;
        font-size: 21px;
    }
    div.CookiePolicyText > p {
        padding: 0 25px 25px;
        font-size: 13px;
    }
    div.cookie-policy-accept-buttons-container {
        padding: 20px 25px 15px;
        flex-direction: column-reverse;
    }
    div.cookie-policy-accept-buttons-container > input[type="button"] {
        font-size: 90%;
        padding: 15px 10px;
    }
    div.cookie-policy-details-link-container {
        padding:  0 0 20px;
    }
    div.cookie-policy-consents-container {
        flex-wrap: wrap;
    }
    div.cookie-policy-consents-container > div {
        flex:none;
        width: 50%;
    }
    div.cookie-policy-consents-container > div:nth-child(-n+2) {
        border-bottom: solid 1px #d4d4d4;
    }
    div.cookie-policy-accept-buttons-container > input {
        padding: 10px 15px;
    }
    div.cookie-policy-accept-buttons-container > input:not(:last-of-type) {
        margin-right: 0;
        margin-top: 10px;
    }
    div.cookie-policy-consents-container label {
        font-size: 80%;
    }
    div.cookie-policy-consents-container label div > span {
        width: 20px;
        height: 20px;
    }
    .cookieSettingsButton {
        bottom: 10px;
        left: 10px;
        width: 30px;
        height: 30px;
    }


    .boxes > .boxes-first {
        padding: 77.922% 0 0;
        position: relative;
        height: auto;
    }
    .boxes > .boxes-first > span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .minibasket .shippingcountdown,
    .minibasket .shippingcountdown.redeemed {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .minibasket .yesoffertitle {
        font-size: 15px;
        padding: 0 0 9px;
        margin: 0
    }
    .minibasket {
        width: 100%;
        max-width: 100%
    }
    .minibasket > * {
        flex: none
    }
    .minibasket > *:not(.linescontainer) {
        padding-left: 20px;
        padding-right: 20px
    }
    .minibasket > .header {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        align-items: center;
        justify-content: space-between
    }
    .minibasket .closeminibasket {
        position: static;
        right: auto;
        top: auto;
        width: 40px;
        height: 40px;
        transform: none;
        font-size: 18px
    }
    
    .minibasket .bottom {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap
    }
    .minibasket .bottom > a {
        padding: 11px 15px;
        white-space: nowrap;
        font-size: 12px;
        flex: auto
    }
    .minibasket .bottom > a:first-child {
        margin-bottom: 0
    }
    .minibasket .basketButtons {
        margin: 0;
        gap: 10px;
        flex: auto;
    }
    .minibasket .button svg {
        display: none
    }
    .minibasket .linescontainer {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 500px);
        flex: none;
        box-shadow: none
    }
    .minibasket .lines {
        padding: 0 20px 20px
    }
    .minibasket .line {
        flex-direction: row;
        align-items: flex-start
    }
    .minibasket .lineincdec {
        width: auto
    }
    .minibasket .line .incdec {
        flex-direction: column-reverse;
        margin: 0 0 0 10px;
        gap: 4px
    }
    .minibasket .line .price {
        display: block
    }
    .minibasket .line .price .stockinfo {
        margin: 4px 0 0
    }
    .minibasket .line > .image {
        width: 20%;
        margin: 0
    }
    .minibasket .line > .lineinfo {
        flex: auto;
        padding: 0 0 0 10px
    }
    .minibasket .total {
        padding-top: 10px;
        padding-bottom: 20px
    }
    .minibasket .basket-usp, .minibasket .trustpilot-widget, .minibasket .pointsinfo {
        display: none
    }
    .minibasket .linesheader {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 20px
    }
    .minibasketpayment {
        display: none
    }
    .basketclosebutton {
        position: relative;
        left: auto;
        top: auto
    }
    .minibasket [data-yesoffers] {
        padding-bottom: 20px
    }
}
@media (max-width: 750px) {
	.variantselectors > div, .variantselectors > div.Variants {
		width: 98% !important;
	}
	.mainslider > a > span {
		top: 30px;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 90%;
	}
	.mainslider strong {
		padding: 10px 20px;
		font-size: 30px;
	}
	div .fancybox__content {
		padding: 20px;
	}
	.colorfavoritesbutton {
		top: 13px;
		right: 13px;
	}
	
	.flexbanner {
		padding: 0;
		margin: 20px auto 20px;
		box-shadow: none;
	}
	.flexbanner > span {
		font-size: 25px;
		margin: 0 0 10px 0;
	}
	.flexbanner > a > span {
		font-size: 22px;
	}
	.flexbanner > a > span > small {
		font-size: 10px;
	}
	.flexbanner img {
		aspect-ratio: auto;
	}
    .productcard .pricematch {
        margin-left: 10px;
        font-size: 16px;
        padding: 8px 10px;
    }
    .SubCats_Categories_UL > li {
        width: calc(50% - 30px) !important;
    }
	.availablebadge {
		font-size: 12px;
		padding: 5px 11px;
		top: 10px;
		left: 10px;
	}
    .boxes .boxes-first span > i {
        font-size: 16px;
    }
    .pdf-catalogue > a {
        width: 100%;
        margin: 0 0 2%;
    }
    div.bewise_search {
        max-width: 90vw;
        width: 90vw;
    }
    .uspouter {
        border-top: none;
        top: 61px;
    }
    
    .headerbox.customerservice i {
        display: none;
    }
    footer a {
        margin: 20px 0;
        font-weight: bold;
        padding: 5px 0;
    }
    .boxes-catbuttons > a {
        width: 48%;
    }

    .boxes .boxes-first, .boxes .boxes-second {
        height: 300px;
        font-size: 30px;
        text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    }
    .boxes .boxes-first > span, .boxes .boxes-second > span, .boxes .boxes-video > span, .boxes .boxes-categories > span {
        font-size: 28px;
    }
    .boxes .boxes-first span small, .boxes .boxes-second span small {
        font-size: 18px;
    }
    .download-pdf {
        margin: 0;
    }
    .download-pdf > a {
        margin: 0 0 2% 0;
        width: 100%;
    }
    .colorpicker,
	.microcementpicker,
    .transparentpicker {
        flex-direction: column;
    }
    .colorselect .colorpickerheader .colorpickerclose {
        width: 50px;
    }
    .colorselect {
        width: 100%;
        z-index: 50;
    }
    .previewthumbs {
        width: 100%;
        flex: none;
        flex-direction: row;
    }
    .previewthumbs > div {
        flex: auto;
        max-width: 14.285714285714286%;
    }
    .previewthumbs > div.active:before {
        left: 0;
        right: auto;
        top: 100%;
        width: 100%;
        height: 4px;
    }

    .colorfavoritesbuttoncontainer {
        top: 149px;
    }
    .colorpicker .preview,
	.microcementpicker .preview,
    .transparentpicker .preview {
        width: 100%;
        height: 44vh;
        max-height: 280px;
    }
    /*
    .transparentpicker .preview {
        height: auto;
        flex: auto;
        max-height: 50%;
    }
    */
    .colorpicker .preview > img,
	.microcementpicker .preview > img,
    .transparentpicker .preview img {
        display: none;
    }
    .colorselect > * {
        padding-left: 10px;
        padding-right: 10px;
    }
    .colorselect .colorsdiv {
        padding-top: 20px;
    }
    .colorselect .colorsearchdiv {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .colorselect input[type="text"] {
        height: 40px;
    }
    .colorselect .savediv, .colorselect .savediv, .colorselect .colorsdiv, .colorselect .colorstabsul {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .colorselect .colorstabsul {
		/*
        padding-left: 0;
        padding-right: 0;
		*/
        margin: 0 -1%;
    }
    .colorselect .colorstabsul > li {
        margin: 0 1%;
    }
    .colorselect .colorstabsul > li label {
        font-size: 12px;
        padding-left: 5px;
    }
    .colorselect ul.colors > li {
        font-size: 9px;
    }
    .colorselect .colorstabsul > li.colorfavoritesli:before {
        transform: translate(-15%,-45%);
    }
    
    .transparentpicker .colorselect ul.colors > li small {
        font-size: 12px;
    }

    /*
    .colorpicker .preview .colorfavoritesbutton {
        top: 10px;
        right: 10px;
        font-size: 12px;
        background-size: 11px auto;
        padding-left: 24px;
        background-position: 9px 51%;
    }
    .colorpicker .preview .colorfavoritesbutton + .colorfavoritesbutton {
        top: auto;
        bottom: 10px;
    }
    */

    .colorselect .colorpickerheader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        justify-content: flex-end;
    }
    .colorselect .colorpickerheader .colorpickertitle {
        display: none;
    }
    .colorselect .savediv button {
        height: 40px;
    }

    .colorviewer .colorpicker {
        height: 1000px;
    }

    .apartmentReadmore {
        margin-bottom: 20px;
    }

    #BUYSECTION .amount > * {
        height: 41px;
    }

    .TableLines_OrderStep4 {
        padding: 15px;
        font-size: 90%;
    }

    columns > img, columns > iframe, columns > form, columns > section, columns > div[style*=background] {
        width: 100%;
    }

    [data-step] {
        padding: 0 0 40px 18px;
        border-left-width: 2px;
    }
    [data-step]:before {
        width: 28px;
        height: 28px;
        font-size: 12px;
        font-weight: bold;
        transform: translate(-56%,-1px);
    }
    [data-step] > section {
        padding: 10px;
    }
    [data-step] h3 {
        margin: 0px 0 7px;
    }
    [data-step] > section > ul > li {
        justify-content: center;
        align-items: center;
        min-height: 90px;
    }

    [data-step] > section > ul span {
        font-size: 15px;

    }
    [data-step] > section > ul > li.active span:before {
        width: 20px;
        height: 20px;
    }
    [data-step] > section > ul img {
        width: 100%;
        border-radius: 3px;
    }
    [data-step] > section > ul.ulselectwhere,
    [data-step] > section > ul.ulselectshine {
        flex-wrap: wrap;
    }
    [data-step] > section > ul.ulselectwhere > li,
    [data-step] > section > ul.ulselectshine > li {
        flex: none;
        width: 48%;
    }
    [data-step="buy"] > section {
        flex-direction: column;
    }
    [data-step].loading > section {
        min-height: 150px;
    }
    [data-step="buy"] > section > div.guidebuyleft,
    [data-step="buy"] > section > div.guidebuyright {
        width: 100%;
        flex: none;
        margin: 0;
    }
    [data-step="buy"] > section > div.guidebuyleft {
        margin-bottom: 15px;
    }
    .guideinfo > p {
        margin: 0;
    }
    [data-step] .tabs > * {
        padding: 11px;
        font-size: 13px;
    }
    [data-step] .tab {
        padding: 10px;
    }
    .guidecalcm2 {
        flex-direction: column;
        padding: 11px;
    }
    .guidecalcm2 > span {
        padding: 0 0 10px;
    }
    .guidecalcm2 > input {
        width: 100px;
    }
    .guideitem {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .guideitem > .name {
        flex: none;
        width: 100%;
        font-weight: bold;
        padding: 0 0 7px;
    }
    .guideitem > .price {
        width: 60px;
    }
    .calculatecontainer .calcquantity div {
        padding: 0;
    }
    .guidetotal {
        width: 100%;
        padding: 0 0 15px;
    }

    .guidebuy .m2info {
        font-size: 13px;
        font-weight: bold;
        padding: 0 15px 0 0;
        line-height: normal;
        flex: auto;
    }
    .guidebuy input {
        width: 60%;
        flex: none;
        font-size: 14px;
        padding: 12px 20px;
    }

    .boxes > .boxes-first {
        height: auto;
    }
    
    .guidecategories > * {
        max-width: 100%;
        padding: 9px;
    }
    .guidecategories > * > img {
        aspect-ratio: 16/9;
    }
}

@media (max-height: 750px) and (max-width: 500px) {
	.colorpicker .preview,
	.microcementpicker .preview {
        max-height: 240px;
    }
	.categoriescontainer {
		padding-bottom: 9px;
	}
	.colorfavoritesbuttoncontainer {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.colorselect input[type="text"] {
        height: 30px;
    }
	.colorselect .savediv button {
		height: 35px;
		font-size: 12px;
	}
	.categoriesul > li {
		max-width: 25px;
	}
	.colorselect .colorstabsul {
		padding-bottom: 5px;
	}
	.colorselect ul.colors > li {
		padding: 8px 10px;
	}
}

@media (max-width: 600px) {
    
    .apartmentSpecs > div {
        width: 100%;
    }
}

@media (max-width: 350px) {
    [class*="Custom_UL"] {
        margin: 0;
    }
    [class*="Custom_UL"] > li, #Content_Productlist [class*="Custom_UL"] > li {
        width: 100%;
        margin: 0 0 10px 0;
    }
}





/*! nouislider - 12.1.0 - 10/25/2018 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:4px}.noUi-horizontal .noUi-handle{width:30px;height:24px;left:-17px;top:-11px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-29px;left:auto}html:not([dir=rtl]) .noUi-horizontal .noUi-handle.noUi-handle-upper{right:0}.noUi-target{background:rgba(178,178,178,.3);border-radius:0;margin:20px 0 15px}.noUi-connect{background:#000}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #007dbc;border-radius:3px;background:#007dbc;cursor:default;}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:10px;width:1px;background:#FFFFFF;left:12px;top:6px}.noUi-handle:after{left:15px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border-radius:3px;background:#000;color:#fff;padding:2px 4px;text-align:center;white-space:nowrap;font-size:60%}.noUi-tooltip:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.noUi-horizontal .noUi-tooltip{line-height:normal;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-html-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;max-width:100%}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
