@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
body, html {
margin: 0;
}
body, input, select, textarea, button, td.VariantGroupLabel {
font-family: 'Montserrat', sans-serif;
color: rgba(0,0,0,1.00);
font-size: 13px;
font-weight: 300;
}
body {
overflow-x: hidden;
background-color: #FFF;
}
body.noscroll {
overflow: hidden;
}
a {
color: rgba(0,0,0,1.00);
}
a:hover {
color: #000000;
}
img {
border: 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 0 10px;
height: 35px;
border-radius: 0;
border: solid 1px rgba(237,237,237,1.00);
background-color: rgba(255,255,255,1.00);
}
textarea {
height: 60px;
padding: 10px;
}
input[type="checkbox"], input[type="radio"], .typeselect > div:before {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
margin: 0;
outline: none;
cursor: pointer;
border-radius: 2px;
background-color: rgba(255,255,255,1.00);
border: solid 1px rgba(198,198,198,1.00);
}
input[type="radio"], .typeselect > div:before{
border-radius: 50%;
}
input[type="checkbox"]:checked, input[type="radio"]:checked, .typeselect > div.active:before {
background-color: #000000;
border-color: #000000;
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, .btnFilterProductsFound, .referButton {
background-color: #08723c;
color: #FFF;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
display: inline-flex;
min-height: 35px;
padding: 8px 20px;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
cursor: pointer;
user-select: none;
transition: all 0.3s ease;
position: relative;
border-radius: 3px;
}
.button.dark {
background-color: #795D4A;
}
.button.light {
background-color: #9a979e;
}
button.red, .button.red {
background-color: #000;
}
.button.loginpopupbutton, .loginpopup input[type="submit"] {
background-color: #000000;
}
input[type="submit"]:hover, button:not(.slick-arrow):hover, input[type="button"]:hover, .button:hover, .ddrd-button:hover, .btnFilterProductsFound:hover, .button.dark:hover, .button.light:hover {
background-color: #015329;
color: rgba(255,255,255,1.00);
}
button p {
margin: 0;
padding: 0;
}
.green {
color: #668C41;
}
select {
padding-right: 30px;
background-image: url("/images/skins/Bewise2022/images/icon-down-black.svg");
background-repeat: no-repeat;
background-size: 15px auto;
background-position: calc(100% - 10px) 50%;
}
h1, .largeheader, .Text1_Customer .Heading_Customer {
margin: 0 0 15px;
padding: 0;
font-size: 23px;
font-weight: 300;
}
body.webshop-productinfo h1 {
margin-bottom: 5px;
}
h2, #checkout-container h3 {
font-size: 16px;
margin: 0 0 15px;
padding: 0;
font-weight: 400;
}
.mediumheader {
font-size: 23px;
margin: 0 0 15px;
padding: 0;
font-weight: 400;
}
h2 em {
font-style: normal;
}
h1:empty, h2:empty {
display: none;
}
h1.center, h2.center, .mediumheader.center {
text-align: center;
}
.container {
width: 1700px;
max-width: 90%;
margin-right: auto;
margin-left: auto;
}
.container.content {
padding-top: 5%;
padding-bottom: 5%;
}
.container.center {
justify-content: center;
display: flex;
}
.spacetop {
margin-top: 30px;
}
.spacebottom {
margin-bottom: 20px;
}
.count:not(:empty), .topnavbuttons > .basket > a:not([data-count="0"]):before {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background-color: #000000;
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';
}
.count:empty {
display: none;
}
header {
/*
position: sticky;
top: 0;
*/
z-index: 999999999;
background-color: #FFF;
}
.topnavbuttons > .basket > a[data-count="0"] {
cursor: default;
}
.topnavbuttons > .basket > a:not([data-count="0"]):before {
content: attr(data-count);
}
.loading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.80);
z-index: 40;
background-image: url("/images/skins/Bewise2022/images/loader.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px auto;
}
body.bgOverlay:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 99999999;
}
.top {
position: relative;
z-index: 9;
border-bottom: 1px solid #eee;
}
.top:hover {
z-index: 9999999;
}
.top > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.usp {
display: flex;
}
.usp:not(.slick-initialized) > div, .usp div.slick-slide {
flex: none;
display: flex !important;
align-items: center;
margin-left: 20px;
padding: 10px 0;
}
.usp a {
display: flex;
align-items: center;
}
.usp > div > *, .usp div.slick-slide > * {
flex: none;
}
.usp strong {
margin-right: 7px;
}
.usp img {
margin-right: 5px;
height: auto;
display: block;
max-height: 14px;
}
.usp img[src*="maerket"] {
height: auto;
}
.usp a {
text-decoration: none;
}
.bookingform {
display: none;
width: 600px;
}
.productcard-ask {
margin: 20px 0;
}
.productcard-ask a.button {
-webkit-appearance: none;
border: none;
color: #fff;
cursor: pointer;
display: inline-flex;
padding: 0 20px;
font-size: inherit;
text-decoration: none;
border-radius: 4px;
text-align: center;
justify-content: center;
align-items: center;
outline: none;
min-height: 40px;
font-weight: bold;
position: relative;
transition: ease .4s;
width: 100%;
background-color: #333;
}
.productcard-ask a.button svg {
width: 26px;
height: auto;
margin-right: 8px;
}
.bookingformheader {
display: block;
font-size: 24px;
margin-bottom: 5px;
}
.bookingformsubheader {
margin-bottom: 20px;
}
.bookingform input[type="text"], .bookingform input[type="number"], .bookingform input[type="email"], .bookingform input[type="tel"] {
width: 100%;
min-height: 40px;
border-radius: 2px;
border: 1px solid #ddd;
margin-bottom: 8px;
padding: 0 15px;
}
.bookingform textarea {
width: 100%;
min-height: 80px;
border-radius: 2px;
border: 1px solid #ddd;
margin-bottom: 8px;
padding: 15px;
}
.topnav {
position: relative;
z-index: 50;
}
.topnav > .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.topnavbuttons {
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.topnavbuttons > *:not(.minibasketcontainer) {
flex: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
position: relative;
text-decoration: none;
margin-left: 20px;
}
.topnavbuttons .myPoints {
position: absolute;
bottom: calc(100% + 3px);
left: 50%;
transform: translateX(-50%);
background-color: #000000;
color: #FFF;
font-weight: normal;
font-size: 8px;
padding: 3px 5px;
border-radius: 2px;
font-style: normal;
line-height: 1;
display: block;
white-space: nowrap;
text-transform: lowercase;
}
.topnavbuttons .myPoints:empty {
display: none;
}
.topnavbuttons > .service {
position: inherit;
}
.topnavbuttons > .basket > a {
display: flex;
flex-direction: column;
text-decoration: none;
}
.topnavbuttons > * img {
height: auto;
margin-bottom: 5px;
}
.topnavbuttons > a > small {
flex: none;
display: block;
width: 100%;
text-align: center;
}
.minibasketcontainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(200%);
background-color: rgba(0,0,0,.0);
transition: background .5s ease;
}
.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(110%);
background-color: rgba(255,255,255,1.00);
width: 500px;
max-width: calc(100vw - 260px);
transition: all .5s ease;
}
.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: 10px;
display: flex;
align-items: flex-end;
}
.minibasket .linescontainer {
position: absolute;
right: 100%;
top: 0;
height: 100%;
background-color: #f9f9f9;
display: flex;
flex-direction: column;
width: 260px;
box-shadow: -40px 0 40px rgba(0,0,0,.2);
}
.minibasket .linesheader {
font-size: 15px;
justify-content: center;
padding: 40px 30px 27px;
flex: none;
display: flex;
align-items: flex-end;
position: relative;
}
.basketclosebutton {
position: absolute;
left: 0;
top: 0;
font-family: 'Arial';
font-size: 26px;
line-height: 1;
cursor: pointer;
background-color: #000;
color: #FFF;
padding: 0 10px;
}
.minibasket .lines {
flex: auto;
padding: 0 30px;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.minibasket .line {
display: flex;
flex-direction: column;
background-color: rgba(255,255,255,1.00);
padding: 15px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
margin-bottom: 20px;
position: relative;
}
.minibasket .line > * {
flex: none;
}
.minibasket .line > * a {
text-decoration: none;
}
.minibasket .line > * > .price {
margin: 8px 0 0 0;
font-weight: bold;
}
.minibasket .line > * > .giftwrap {
display: none;
}
.minibasket .line .deletebutton, .slideoutmain .line .deletebutton {
position: absolute;
top: 15px;
left: 15px;
z-index: 5;
display: flex;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: rgba(0,0,0,1.00);
align-items: center;
justify-content: center;
transform: translate(-50%,-50%);
cursor: pointer;
}
.minibasket .line .deletebutton img, .slideoutmain .line .deletebutton img {
display: block;
width: 55%;
height: auto;
margin: 0;
cursor: pointer;
}
.minibasket .line > .image {
position: relative;
margin-bottom: 10px;
}
.minibasket .line > .image img {
display: block;
width: 100%;
height: auto;
}
.minibasket .line > a.name {
text-decoration: none;
color: rgba(0,0,0,1.00);
font-weight: bold;
}
.minibasket .line > .price {
display: flex;
flex-direction: column;
line-height: normal;
font-weight: bold;
}
.minibasket .line .price small, .minibasket .line > small {
color: rgba(130,130,130,1.00);
font-weight: normal;
display: block;
}
.minibasket .line .incdec {
margin: 7px 0 10px;
}
.minibasket .line .giftwrap label {
display: flex;
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;
}
.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: #000000;
}
.minibasket .pointsinfo {
border-left: none;
border-right: none;
}
.minibasket .total {
font-weight: bold;
font-size: 15px;
padding-top: 20px;
padding-bottom: 30px;
}
.minibasket .sparxpress {
margin-bottom: 20px;
}
.minibasket .bottom {
padding-bottom: 40px;
}
.minibasket .bottom > a {
padding: 15px 20px;
width: 100%;
}
.minibasket .bottom > a:first-child {
margin-bottom: 20px;
background-color: #6B6B6B;
}
.minibasket .bottom > a:last-child:not(:hover) {
animation: buttonColorChange 5s infinite;
}
.minibasketheader {
font-weight: bold;
margin: 0 0 8px;
font-size: 15px;
}
.minirecommendations {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style-type: none;
}
.minirecommendations > *:not(:last-child) {
margin-bottom: 5px;
}
.minirecommendations > :nth-child(n+3) {
display: none;
}
.minirecommendations > .loading {
opacity: .6;
}
.minirecommendations .product {
display: flex;
align-items: center;
flex-direction: row;
}
.minirecommendations .product > * {
flex: none;
}
.minirecommendations .product > .image {
width: 50px;
margin: 0;
}
.minirecommendations .product > .image img {
margin: 0;
}
.minirecommendations .product > .name {
flex: auto;
padding: 0;
}
.minirecommendations .product > .name a {
padding: 0 15px;
}
.minirecommendations .product > .image[data-savings]:not([data-savings=""]):not([data-savings="0%"]):not([data-savings="100%"]):before {
top: 0;
font-size: 11px;
display: none;
}
.minirecommendations .product > .price {
font-size: inherit;
}
.minirecommendations .product > .button {
font-size: 12px;
margin: 0 0 0 15px;
min-height: 5px;
padding: 5px 10px;
}
.basket-usp {
display: flex;
flex-wrap: wrap;
margin: 0 -1% 40px;
padding: 40px 0;
border-bottom: 1px solid #eee;
border-top: solid 1px rgba(237,237,237,1.00);
}
.basket-usp > div {
width: 48%;
flex: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 1% 2%;
background-color: #f9f9f9;
padding: 10px;
}
.basket-usp > div > * {
flex: none;
}
.basket-usp > div > img {
display: block;
width: 20px;
margin-bottom: 10px;
}
.basket-usp > div > span {
display: block;
text-align: center;
font-size: 15px;
font-weight: 300;
margin-bottom: 5px;
width: 100%;
}
.basket-usp > div > small {
color: #909090;
display: block;;
width: 100%;
text-align: center;
}
.basket-usp-emaerket img {
width: 30px;
}
.topnav .logo {
height: 55px;
width: auto;
margin: 10px 0;
display: block;
}
.topmenu {
border-top: solid 1px rgba(237,237,237,1.00);
}
.topmenu > .container {
display: flex;
max-width: 100%;
}
.topmenu .btnmenu {
flex: none;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 5%;
}
.topmenu .btnmenu img {
width: 17px;
margin: 0 9px 0 0;
}
.topmenu .search {
flex: auto;
}
.topmenu .search input[type="text"] {
border-top: none;
border-right: none;
border-bottom: none;
padding-left: 35px;
height: 38px;
background-image: url("/images/skins/Bewise2022/images/icon-search-black.svg");
background-repeat: no-repeat;
background-size: 15px auto;
background-position: 15px 50%;
}
.productcard-shippinginfo {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.productcard-shippinginfo > div {
flex: none;
width: 100%;
padding: 0 0 15px 0;
display: flex;
align-items: center;
}
.productcard-shippinginfo > div.stockinfo-container:not(.active) {
display: none;
}
.productcard-shippinginfo .stockinfo-container u, .productcard-shippinginfo .stockinfo-container b {
display: none;
}
.productcard-shippinginfo > div.stockinfo-container img {
height: 15px;
margin-right: 8px;
flex: none;
}
.productcard-shippinginfo > div.shippingmessage:not(:first-child) {
border-top: solid 1px rgba(237,237,237,1.00);
}
.productcard-shippinginfo > div.shippingmessage u {
padding-left: 4px;
}
.productcard-shippinginfo > div.deliveryinfo-container img {
height: 14px;
margin-right: 8px;
flex: none;
}
.productcard-shippinginfo > div.deliveryinfo-container > span {
padding: 0 4px;
font-weight: 700;
}
.productcard-shippinginfo > div.return-container {
background-color: #f9f9f9;
}
.cardmessage {
display: none;
justify-content: center;
align-items: center;
padding: 15px;
background-color:rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
margin-bottom: 20px;
}
.cardmessage.active {
display: flex;
}
.askformbutton {
display: flex;
align-items: center;
background-color: #f9f9f9;
border: solid 1px rgba(237,237,237,1.00);
text-decoration: none;
padding: 15px 0 15px 20px;
cursor: pointer;
margin-bottom: 20px;
position: relative;
justify-content: center;
}
.askformbutton img {
margin-right: 6px;
display: block;
}
.askformbutton > * {
flex: none;
}
.askform {
display: none;
margin: -10px 0 25px;
}
.askform > *:not(:last-child) {
display: block;
margin-bottom: 5px;
}
.askform .error {
border-color: #000000;
}
div.fancybox-container {
z-index: 9999999999999999;
}
div.fancybox-content {
max-width: 80%;
}
/* ALERTBAR */
.infobar {
display: flex;
background-color: #f8951d;
color: rgba(255,255,255,1.00);
letter-spacing: 1px;
top: 165px;
z-index: 30;
}
.infobar > div {
padding: 8px 0;
align-items: center;
justify-content: flex-start;
display: flex;
position: relative;
}
.infobar > div > * {
flex: none;
}
.infobar a {
padding: 3px 8px;
background-color: rgba(255,255,255,1.00);
text-decoration: none;
margin-left: 10px;
border-radius: 2px;
}
.infobar .close {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: flex-end;
height: 100%;
align-items: center;
cursor: pointer;
padding: 0 0 0 20px;
}
.infobar .close:before {
content: "×";
font-family: 'Arial';
line-height: 1;
font-size: 18px;
color: #FFF;
}
.listbanner {
display: block;
max-width: 100%;
width: 2000px;
margin: 0 auto;
}
#ProductMenu_List {
margin: 0;
padding: 0;
list-style-type: none;
}
.Productmenu_Category_Icon_Container {
display: none;
}
#ProductMenu_List #ActiveCategory_A {
display: none !important;
}
.categorydescription section {
display: none;
}
.listtools {
display: flex;
}
.listtools > * {
flex: none;
}
.listtools > table {
flex: none;
}
.listtools select {
border-color: #eee
}
.listtools .found {
display: none;
}
.btnfilter {
display: flex;
align-items: center;
justify-content: center;
background-color: #2A3D4C;
color: rgba(255,255,255,1.00);
position: relative;
padding-right: 5px;
padding-left: 5px;
cursor: pointer;
}
.btnfilter img {
width: 15px;
margin-right: 8px;
}
[class*="Custom_UL"] {
margin: 0;
padding: 0;
list-style-type: none;
}
[class*="Custom_UL"]:not(.slick-initialized) {
margin: 0 -1%;
display: flex;
flex-wrap: wrap;
}
[class*="Custom_UL"] > li {
width: 48%;
margin: 0 1% 2%;
box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
[class*="Custom_UL"] > li > form {
height: 100%;
width: 100%;
}
.product {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
padding: 15px;
}
/*
[class*="Custom_UL"] .product:hover:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: calc(100% + 20px);
width: calc(100% + 20px);
content: "";
z-index: -1;
box-shadow: 0 0 30px rgba(0,0,0,.1);
}
*/
[class*="Custom_UL"].slick-initialized .product:hover:before {
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.product > * {
flex: none;
}
.product .image {
position: relative;
margin-bottom: 20px;
}
.product .image img {
display: block;
max-width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: contain;
}
.product .image > a {
position: relative;
display: block;
}
.variantscontainer {
display: block;
margin-top: 5px;
}
.variantscontainer > * {
margin: 2% 2% 0 0;
text-decoration: none;
border: solid 1px #eee;
padding: 3px 5px;
font-size: 10px;
border-radius: 2px;
text-transform: uppercase;
background-color: #f9f9f9;
white-space: nowrap;
display: inline-block;
}
.product .name {
padding: 10px 0;
flex: auto;
}
.product .name a {
flex: auto;
text-decoration: none;
display: block;
}
.product .product-manufactor a {
text-transform: uppercase;
color: #B1B1B1;
font-size: 10px;
text-decoration: none;
}
.product .price {
font-size: 17px;
}
.product .price span {
font-weight: bold;
}
.product .price strike:not(:empty) {
font-size: 80%;
display: block;
}
.product .price strike:not(:empty):before {
content: attr(data-text) " ";
}
.product .price strike:not(:empty):after {
content: " " attr(data-currency);
}
.product .price .currency {
padding-left: 3px;
}
li .Prices_Custom_DIV > div:nth-child(n+2) {
display: none;
}
.product .image img[data-favorites] {
width: 15px;
flex: none;
margin: 3px 0 0 10px;
align-self: flex-start;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 10;
cursor: pointer;
}
img[data-favorites]:not(.added):hover {
opacity: .4;
cursor: pointer;
}
select[class*="VariantSelector"] {
display: none;
}
.mainslider {
margin-bottom: 40px;
}
.frontpagecategories {
display: flex;
margin: 0;
flex-wrap: wrap;
}
.frontpagecategories > span {
flex: none;
width: 100%;
text-align: center;
display: block;
font-size: 25px;
margin: 0 0 20px 0;
}
.frontpagecategories > a {
flex: none;
width: 48%;
margin: 0 1% 2%;
display: flex;
flex-direction: column;
border: 1px solid #eee;
padding: 20px;
justify-content: center;
align-content: center;
text-decoration: none;
}
.frontpagecategories > a > span {
background-color: #08723c;
color: #FFF;
border-radius: 3px;
padding: 6px 8px;
text-align: center;
}
.frontpagecategories img {
max-width: 100%;
display: block;
height: auto;
}
.frontpage-products {
margin: 90px 0;
max-width: 100%;
overflow: hidden;
}
.product .buy {
margin-top: 10px;
display: block;
}
.product .buy * {
width: 100%;
font-weight: normal;
}
.product .buy input[type="IMAGE"], .product .buy input[type="text"], .product .buy > a > img.BuyButton_ProductList {
display: none;
}
.productsloaded {
text-align: center;
font-size: 12px;
margin: 20px 0 10px;
}
.autopagerbutton {
position: relative;
display: flex;
align-items: center;
text-align: center;
text-decoration: none;
background-color: rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
padding: 4px 25px;
margin: 0 auto;
width: fit-content;
}
.autopagerbutton:after {
content: "+";
font-size: 25px;
margin: 0 0 0 15px;
}
.autopagerbutton.loading {
cursor: progress;
opacity: .4;
}
.pager {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pager .prev, .pager .next {
flex: none;
}
.pager .prev a, .pager .next a {
display: flex;
align-items: center;
justify-content: center;
}
.pager img {
width: 15px;
transform-origin: 50% 50%;
}
.pager .prev a img {
transform: rotate(90deg);
}
.pager .next a img {
transform: rotate(-90deg);
}
.pager > div:empty {
background-color: rgba(244,244,244,.50);
}
.pager .pages {
display: flex;
justify-content: center;
align-items: baseline;
}
.pages a.ActivePageNumber_ProductList:link,
.pages a.ActivePageNumber_ProductList:visited,
.pages a.ActivePageNumber_ProductList:hover,
.pages a.ActivePageNumber_ProductList:active,
.pages a.InactivePageNumber_ProductList:link,
.pages a.InactivePageNumber_ProductList:visited,
.pages a.InactivePageNumber_ProductList:hover,
.pages a.InactivePageNumber_ProductList:active,
.pager .prev a,
.pager .next a {
font-weight: normal;
text-decoration: none;
border: solid 1px rgba(237,237,237,1.00);
padding: 6px 10px;
}
.pager .prev a,
.pager .next a {
border: none;
background-color: #000000;
color: rgba(255,255,255,1.00);
padding-top: 7px;
padding-bottom: 7px;
}
.pages a.ActivePageNumber_ProductList:link,
.pages a.ActivePageNumber_ProductList:visited,
.pages a.ActivePageNumber_ProductList:hover,
.pages a.ActivePageNumber_ProductList:active {
background-color: rgba(237,237,237,1.00);
}
.pages > a:not(:last-of-type) {
margin-right: 5px;
}
.pager .next a {
margin-left: 2px;
}
span.HiddenPagesIndicator_ProductList {
padding: 0 3px;
}
.toppager .pager {
/*width: 48%;*/
flex-wrap: nowrap;
}
.toppager .pages {
flex: auto;
width: auto;
}
.toppager .pager .prev, .toppager .pager .next {
width: 13%;
min-width: 90px;
}
.toppager .pager .prev:empty, .toppager .pager .next:empty {
visibility: hidden;
}
.HiddenPagesIndicator_ProductList + a + a + a:not(:last-of-type) {
display: none;
}
.pages > a[rel="prev"] + a + a:not(:last-of-type) {
display: none;
}
.closebutton {
flex: none;
align-self: flex-start;
width: 45px;
display: block;
background-color: rgba(237,237,237,1.00);
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.closebutton img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 18px;
}
.closebutton:after {
content: "";
padding-bottom: 100%;
display: block;
}
.news, [data-savings]:not([data-savings=""]):not([data-savings="0%"]):not([data-savings="100%"]):before, .preorderBadge {
position: absolute;
top: 20px;
z-index: 10;
padding: 3px 8px;
color: rgba(255,255,255,1.00);
}
/* [data-savings]:not([data-savings=""]):not([data-savings="0%"]):not([data-savings="100%"]):before {
content: attr(data-savings);
right: 0;
font-size: 140%;
} */
.news {
left: 0;
background-color: #000000;
text-transform: uppercase;
}
.onlyinstores {
position: absolute;
bottom: 0;
z-index: 10;
padding: 3px 8px;
color: rgba(255,255,255,1.00);
background-color:rgba(0,0,0,1.00);
left: 0;
}
/*
.product .image > a:first-of-type:before,
.productcard .images a:first-of-type:before, .productcard .images.slick-initialized a:before,
.brandsslider a:before,
.ShowBasket_Custom_DIV .image a:before,
.minibasket .item .image:before,
.extraProduct > .image:before,
.favoritespopupaddedinfo .image:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 5;
opacity: .8;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 54%, rgba(0,0,0,0.05) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 54%,rgba(0,0,0,0.05) 100%);
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 54%,rgba(0,0,0,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=1 );
}
*/
.webshop-favorites table.FormTB {
display: none;
}
.categorydescription, .CategoryFooterContent {
line-height: 1.8em;
}
.readmorebutton {
cursor: pointer;
text-decoration: underline;
}
.SubCats_Categories_UL {
display: flex;
flex-wrap: wrap;
margin: 20px -1% 0;
list-style-type: none;
padding: 0;
}
.SubCats_Categories_UL > li {
width: 48% !important;
float: none !important;
margin: 0 1% 2%;
}
.SubCats_Categories_UL > li[style*="clear"] {
display: none;
}
.SubCats_Categories_UL img {
display: block;
width: 100%;
height: auto;
}
.SubCats_Categories_UL .name a {
display: block;
text-decoration: none;
background-color: #08723c;
color: rgba(255,255,255,1.00);
text-align: center;
padding: 10px;
}
.preorderBadge {
right: 0;
left: auto;
background-color:rgba(0,0,0,1.00);
display: none;
}
.preorderBadge.active {
display: block;
}
.preorderBadge > strong {
text-transform: uppercase;
color: rgba(255,255,255,1.00);
font-weight: normal;
}
.preorderBadge small {
display: block;
white-space: nowrap;
}
.preorderBadge small:after {
content: attr(data-date);
}
.productcard .preorderBadge {
top: 0;
left: 0;
right: auto;
}
[class*="Custom_UL"] > li.full {
width: 96%;
}
[class*="Custom_UL"] > li.full:last-child {
margin-bottom: 0;
}
#breadcrumb, .SubCats_Categories_Container > [itemtype="https://schema.org/BreadcrumbList"]:first-child {
display: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] ~ br {
display: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.webshop-productlist [itemtype*="https://schema.org/BreadcrumbList"] {
margin: -5px 0 15px;
}
[itemtype*="https://schema.org/BreadcrumbList"] span.divider {
display: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] a {
text-decoration: none;
font-size: 9px;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
padding-right: 10px;
}
[itemtype*="https://schema.org/BreadcrumbList"] a:hover {
color: #000;
}
[itemtype*="https://schema.org/BreadcrumbList"] a.BreadCrumbLink_Active {
color: #000;
}
[itemtype*="https://schema.org/BreadcrumbList"] a.BreadCrumbLink_Active:after {
display: none;
}
[itemtype*="https://schema.org/BreadcrumbList"] a:after {
content: url("/images/skins/Bewise2022/images/icon-arrow-right-black.svg");
width: 7px;
height: 13px;
margin-left: 5px;
opacity: 0.5;
}
.categorydescription [itemtype*="https://schema.org/BreadcrumbList"] {
display: none;
}
.center > [itemtype*="https://schema.org/BreadcrumbList"] {
justify-content: center;
}
.CategoryFooterContent:not(:empty) {
padding-top: 40px;
}
.productcard {
margin-bottom: 60px;
}
.imagescontainer {
position: relative;
}
.imagescontainer .zoom {
position: absolute;
bottom: 15px;
right: 15px;
width: 20px;
z-index: 10;
opacity: .7;
pointer-events: none;
}
.imagescontainer .images {
position: relative;
}
.imagescontainer .images a {
position: relative;
display: block;
}
.imagescontainer .images > a:nth-child(n+2) {
display: none;
}
.imagescontainer .images a img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.productcard .imagescontainer .images a img {
/*padding: 20px;*/
aspect-ratio: 1/1;
object-fit: contain;
}
.productcard .trustpilot-widget {
margin-bottom: 20px;
border: solid 1px rgba(237,237,237,1.00);
padding: 15px 0;
}
.imageselector {
display: flex;
flex-wrap: wrap;
margin: 15px -1% 0;
}
.imageselector a {
position: relative;
flex: none;
margin: 0 1% 2%;
width: 18%;
}
.imageselector a img {
display: block;
width: 100%;
object-fit: cover;
object-position: 50% 50%;
aspect-ratio: 1/1;
height: auto;
}
.productcard .productcard-price {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
/* .productcard .productcard-price [itemprop="offers"] {
margin-right: auto;
} */
.Variants {
margin-bottom: 20px;
}
.Variants > table {
width: 100%;
margin-bottom: 10px;
}
.Variants > .VariantGroup:nth-child(n+2) > tbody > tr:first-of-type:not(.active) {
display: none;
}
.VariantGroup > tbody > tr:first-of-type td.VariantGroupLabel {
padding: 0 0 7px;
font-weight: bold;
}
.RadioButton_Container_ProductInfo {
display: flex;
flex-wrap: wrap;
margin: 0 -1%;
}
.RadioButton_Container_ProductInfo > div {
flex: none;
margin: 0 1% 2%;
width: 23%;
position: relative;
border: solid 1px rgba(243,243,243,1.00);
}
.RadioButton_Container_ProductInfo label {
cursor: pointer;
}
.RadioButton_Container_ProductInfo label img {
display: block;
max-width: 100%;
width: 120px;
margin: 0 auto;
mix-blend-mode: multiply;
}
.RadioButton_Container_ProductInfo > div.hasdiscount > span.discountbadge {
position: absolute;
background-color: #000000;
color: #FFF;
font-size: 11px;
text-align: center;
padding: 3px 5px 4px;
line-height: 1;
white-space: nowrap;
display: block;
top: 7px;
right: 7px;
}
.RadioButton_Container_ProductInfo > div.hasdiscount strike {
display: block;
}
.advanced-variant-item-container input {
display: none;
}
.advanced-variant-item-container label {
text-align: center;
display: block;
padding: 8px;
}
.advanced-variant-item-container label small {
display: block;
}
.advanced-variant-item-container.advanced-variant-image-active {
border-color: #000000;
}
.advanced-variant-item-container:hover {
background-color: rgba(239,239,239,.50);
cursor: pointer;
}
/* .productcard .productcard-buysection .Prices_Custom_DIV > div:first-child {
font-size: 38px;
}
.productcard .productcard-buysection .Prices_Custom_DIV > div:first-child > span {
padding-right: 4px;
}
.productcard .productcard-buysection .Prices_Custom_DIV strike:not(:empty) {
font-size: 15px;
padding-left: 10px;
}
.productcard .productcard-buysection .Prices_Custom_DIV strike:not(:empty):after {
content: attr(data-currency);
} */
.productcard-price > div {
width: 100%;
}
.productcard .Prices_Custom_DIV {
margin-bottom: 30px;
margin-top: 30px;
display: flex;
flex-direction: column;
width: 100%;
}
.productcard .Prices_Custom_DIV > div {
flex: none;
width: 100%;
}
.productcard .Prices_Custom_DIV > div:first-child .unittext {
font-size: 15px;
padding-left: 8px;
}
.productcard .Prices_Custom_DIV > div:first-child:not(:last-child) {
padding-bottom: 10px;
border-bottom: solid 1px rgba(237,237,237,1.00);
background-color: transparent;
}
.productcard .Prices_Custom_DIV > div:first-child > span {
font-size: 28px;
}
.productcard .Prices_Custom_DIV > div:nth-child(n+2).selected .bulkprice:not(.titles) {
padding: 6px ;
}
.productcard .Prices_Custom_DIV > div:nth-child(n+2) .bulkprice:not(.titles):hover {
cursor: pointer;
}
.productcard .Prices_Custom_DIV > div:nth-child(n+2).selected .bulkprice:not(.titles):before {
content: "";
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border: solid 6px transparent;
border-right: 0;
border-left-color: #21aa31;
border-radius: 3px;
}
.productcard .Prices_Custom_DIV > div:nth-child(n+2).selected .actual {
color: #21aa31;
}
.productcard .Prices_Custom_DIV > div:nth-child(2n+2) .bulkprice:not(.titles) {
background-color: #f6f6f6;
}
.productcard .Prices_Custom_DIV .fromtext {
padding-right: 3px;
display: block;
}
.productcard .Prices_Custom_DIV .actual {
font-weight: bold;
color: #08723c;
font-size: 18px;
}
.productcard .Prices_Custom_DIV strike {
padding-right: 3px;
color: #9B9B9B;
font-size: 14px;
}
.productcard .Prices_Custom_DIV .currency {
padding-left: 3px;
}
.productcard .Prices_Custom_DIV .actual .priceincvat {
font-weight: normal;
font-size: 11px;
color: #000;
padding-left: 6px;
}
.discountbadge {
border-radius: 3px;
padding: 3px 8px;
color: rgba(255,255,255,1.00);
margin-left: 15px;
display: inline-block;
width: 110px;
text-align: center;
white-space: nowrap;
}
[class*="Prices_Custom_"]> :last-child .discountbadge {
background-color:rgba(248,149,29,1.00);
}
[class*="Prices_Custom_"]> :nth-last-child(2) .discountbadge {
background-color:rgba(248,149,29,0.80);
}
[class*="Prices_Custom_"]> :nth-last-child(n+3) .discountbadge {
background-color:rgba(248,149,29,0.60);
}
.offer {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.offer > span {
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}
.offer > strong {
width: fit-content;
display: block;
padding: 10px 20px;
background-color: #ffcc00;
color: #000;
font-size: 20px;
font-weight: bold;
}
.product .offer {
top: -5px;
left: -5px;
align-items: flex-start;
}
.offer > span {
font-size: 14px;
margin-bottom: 5px;
}
.product .offer > strong {
font-size: 16px;
padding: 5px 10px;
}
.bulkprice {
display: flex;
align-items: baseline;
position: relative;
padding: 6px;
}
.bulkprice > * {
flex: none;
padding-right: 5%;
}
.bulkprice > .amount {
width: 15%;
}
.bulkprice.titles {
padding: 10px 6px;
}
.bulkprice.titles .discountbadge {
display: none;
}
.bulkprice > .unitprice {
flex: auto;
}
.bulkprice > .savings {
text-align: right;
width: 25%;
padding-right: 0;
}
[data-discount]:not([data-discount=""]) {
padding: 3px 8px;
display: inline-block;
}
[data-discount]:not([data-discount=""]):before {
content: "Spar "
}
[data-discount]:not([data-discount=""]):after {
content: attr(data-discount);
}
#BUYSECTION:not(:empty) {
display: flex;
align-items: center;
}
#BUYSECTION > * {
flex: none;
}
#BUYSECTION input[type="number"] {
width: 40px;
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;
margin: 0 0 0 15px;
position: relative;
}
.productcard > div.imagescontainer {
position: relative;
}
.fav-button, .favbuttoncontainer {
position: absolute;
top: 20px;
right: 20px;
z-index: 9999999;
}
.favbuttoncontainer img {
width: 25px;
height: auto;
}
#videoly-videobox-placeholder:empty {
display: none;
}
.product-description {
}
.product-description h2 i {
font-style: normal;
}
.product-description ul {
margin: 10px 0 20px 0;
padding: 0;
}
.product-description ul > li {
list-style-type: none;
background-image: url("/images/skins/Bewise2022/images/icon-arrow-right-gray.svg");
background-position: left 5px;
background-repeat: no-repeat;
background-size: 9px;
padding: 0 0 0 20px;
margin: 0 0 6px 0;
}
.product-description h3, .product-description h2 {
font-weight: normal;
font-size: 13px;
}
.lowstockinfo, .lastBoughtText {
display: flex;
align-items: center;
background-color: #fcf1f1;
padding: 5px 10px;
flex: auto;
}
.lowstockinfo {
margin-bottom: 15px;
}
.lowstockinfo > u {
padding: 0 4px;
font-weight: bold;
}
.lowstockinfo img, .lastBoughtText img {
margin: 0 7px 0 0;
width: 14px;
flex: none;
}
#BUYSECTION input[type="submit"] {
width: 100%;
min-height: 55px;
font-size: 15px;
}
#BUYSECTION input[type="number"] {
min-height: 55px;
}
#BUYSECTION [data-favorites] {
height: 17px;
cursor: pointer;
}
#BUYSECTION .amount {
display: flex;
}
#BUYSECTION .amount span {
cursor: pointer;
width: 30px;
display: flex;
font-family: 'Arial';
line-height: 1;
align-items: center;
justify-content: center;
border-radius: 2px;
user-select: none;
border: solid 1px rgba(237,237,237,1.00);
}
.pcusp {
display: flex;
flex-wrap: wrap;
margin: 0 -1%;
}
.pcusp > * {
border: solid 1px rgba(237,237,237,1.00);
flex: none;
width: 23%;
margin: 0 1%;
padding: 15px;
position: relative;
background-color: #f9f9f9;
text-decoration: none;
}
.pcusp > * > span.pcusp-image {
position: absolute;
top: 10px;
right: 10px;
border-radius: 50%;
background-color: #7A2418;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.pcusp > * > span.pcusp-image img {
display: block;
width: 55%;
}
.pcusp > * > span.pcusp-header {
font-size: 17px;
display: block;
margin-bottom: 10px;
}
.pcusp > * > ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.pcusp > * > ul li {
background-image: url(/images/skins/Bewise2022/images/icon-check-black.svg);
background-position: left center;
background-repeat: no-repeat;
background-size: 12px;
padding: 0 0 0 15px;
margin: 0 0 5px 0;
}
.pcusp > * > img[src*="maerket"] {
width: auto;
margin-right: 0;
margin-left: 7px;
height: 17px;
}
.pcusp > :last-child:hover .plusicon {
animation:spin 0.5s linear;
}
.expanded-description {
margin: 20px 0;
}
.expanded-description > span {
display: block;
text-align: center;
}
.productnumber {
color: #A4A4A4;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 5px;
}
.productnumber span {
color: rgba(0,0,0,1.00);
}
.productcard .descriptionheader {
margin: 20px 0 7px;
font-weight: bold;
font-size: 14px;
}
.productcard [itemprop="description"] ul {
margin: 10px 0 0;
padding: 0;
list-style-type: none;
}
.productcard [itemprop="description"] ul > li {
padding-left: 19px;
background-image: url('/images/skins/Bewise2022/images/icon-check-green.svg');
background-size: 14px auto;
background-position: 0 2px;
background-repeat: no-repeat;
}
.productcard [itemprop="description"] ul > li:not(:last-child) {
margin-bottom: 2%;
}
.loginpopup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.50);
z-index: 500;
display: none;
}
.loginpopup.active {
display: flex;
align-items: center;
justify-content: center;
}
.loginpopup > section {
background-color: rgba(255,255,255,1.00);
padding: 40px 30px 30px;
flex: none;
display: flex;
flex-direction: column;
box-shadow: 0 0 40px rgba(0,0,0,.5);
width: 600px;
position: relative;
max-width: 90%;
max-height: 90%;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.loginpopup:not(.favorites) .favoritesonly {
display: none;
}
.loginpopup.favorites .largeheader:not(.favoritesonly),
.loginpopup.favorites .mediumheader:not(.favoritesonly){
display: none;
}
.loginpopup ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.loginpopup ul > li {
position: relative;
padding: 0 0 0 21px;
background-image: url("/images/skins/Bewise2022/images/icon-check-green.svg");
background-repeat: no-repeat;
background-size: 14px auto;
background-position: 0 2px;
}
.loginpopup ul > li:not(:last-child) {
margin-bottom: 5px;
}
.loginpopup form {
padding: 0 0 15px;
margin: 0 0 15px;
display: none;
flex-direction: column;
border-bottom: solid 1px rgba(237,237,237,1.00);
}
.loginpopup form.active {
display: flex;
}
.loginpopup input[type="email"], .loginpopup input[type="password"] {
margin: 0 0 7px;
}
.loginpopup input[type="submit"] {
display: flex;
width: 100%;
margin: 10px 0 15px;
}
.loginpopup a[href*="#back"] {
padding: 0 0 10px;
}
.favoritespoupadded {
display: none;
flex-direction: column;
}
.favoritespoupadded.active {
display: flex;
}
.favoritespoupadded.active ~ * {
display: none;
}
.favoritespopupaddedinfo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.favoritespopupaddedinfo .image {
width: 200px;
max-width: 100%;
position: relative;
}
.favoritespopupaddedinfo img {
max-width: 100%;
max-height: 250px;
}
.favoritespopupaddedinfo .image + a {
margin: 15px 0;
}
.loginmessage {
margin: 0 0 10px;
background-color: rgba(241,241,241,1.00);
border: solid 1px rgba(182,182,182,1.00);
padding: 7px 10px;
text-align: center;
}
.loginmessage:empty {
display: none;
}
.loginmessage.failure {
background-color: rgba(244,202,203,1.00);
border-color: rgba(205,135,136,1.00);
color: rgba(120,22,24,1.00);
}
.popupclose {
position: absolute;
right: 30px;
top: 18px;
cursor: pointer;
display: flex;
align-items: center;
font-size: 12px;
}
.popupclose i {
font-weight: 'Arial';
font-style: normal;
font-size: 20px;
line-height: 1;
margin: 0 0 0 7px;
}
.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: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
cursor: pointer;
border: none;
}
.slick-arrow.slick-prev {
left: 0;
background-image: url("/images/skins/Bewise2022/images/icon-left-black.svg");
}
.slick-arrow.slick-next {
right: 0;
background-image: url("/images/skins/Bewise2022/images/icon-right-black.svg");
}
.slick-arrow.slick-disabled {
display: none !important;
}
.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;
}
.Frontpage_Custom_UL .slick-arrow {
top: 36%;
}
.Frontpage_Custom_UL .slick-slide {
margin: 0 20px;
}
.Frontpage_Custom_UL .slick-list {
margin: 0 -20px;
}
.overflowhidden {
overflow: hidden;
}
.flexie {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 18px;
padding-bottom: 30px;
}
.topnavbuttons .flexie img {
margin-bottom: 0;
margin-right: 10px;
}
.productcard-buysection .flexie {
border: 1px solid #eee;
margin: 20px 0;
padding: 10px;
}
.productcard-buysection .flexie img {
margin-right: 10px;
}
body .ds__cs_sl {
margin: 0 !important;
}
footer {
padding: 80px 0 40px;
background-color: #f6f6f6;
}
footer, footer a {
}
footer .icon {
width: 60px;
margin-bottom: 40px;
}
footer .header {
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
}
footer section {
padding: 15px 0 0;
line-height: 20px;
}
footer section > a:not([href*="@"]) {
display: inline-block;
text-decoration: none;
}
footer form[onsubmit*="newsletter"] {
display: flex;
flex-wrap: wrap;
margin: 20px -1% 0;
}
footer form[onsubmit*="newsletter"] > * {
margin-left: 1%;
margin-right: 1%;
width: 98%;
}
footer form[onsubmit*="newsletter"] input[type="text"],
footer form[onsubmit*="newsletter"] input[type="email"] {
margin-bottom: 7px;
text-align: center;
border: none;
}
footer form[onsubmit*="newsletter"] input[type="text"] {
width: 48%;
}
footer form[onsubmit*="newsletter"] .terms {
display: flex;
align-items: center;
margin-bottom: 7px;
}
footer form[onsubmit*="newsletter"] .terms input[type="checkbox"] {
margin-right: 7px;
}
footer form[onsubmit*="newsletter"] input[type="submit"] {
border: none;
background-color: #000000;
color: rgba(255,255,255,1.00);
}
footer .newsletter a[href*="emaerket"] {
display: flex;
justify-content: center;
margin: 20px 0 0;
}
.credits {
background-color: #2A3D4C;
padding: 40px 0;
}
.credits img.creditcards {
width: 300px;
max-width: 80%;
height: auto;
}
.baskettotalinfo {
display: flex;
justify-content: space-between;
font-weight: bold;
}
.ShowBasket_Custom_DIV > div {
display: flex;
padding: 15px;
border: solid 1px rgba(237,237,237,1.00);
position: relative;
}
.ShowBasket_Custom_DIV > div {
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/Bewise2022/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_ChildProduct_SPAN + div {
float: right;
}
.ShowBasket_ChildProduct_SPAN + div .unit {
display: none;
}
.ShowBasket_Custom_DIV .info .row {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 8px 0 0;
}
.ShowBasket_Custom_DIV .amount, .minibasket .incdec {
display: flex;
}
.ShowBasket_Custom_DIV .amount a, .minibasket .incdec a {
ursor: 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, .minibasket .incdec 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 {
text-align: right;
}
.ShowBasket_Price_Before_Special_Offer {
text-decoration: line-through;
}
.showbasket .summary {
background-color: #f3f3f3;
padding: 20px;
}
.showbasket .summary .row {
display: flex;
justify-content: space-between;
}
.showbasket .summary .row.total {
font-size: 28px;
}
.showbasketnavigation {
margin-left: -1%;
margin-right: -1%;
display: flex;
}
.showbasketnavigation a:last-child {
flex: none;
width: 66%;
margin: 0 1%;
min-height: 55px;
font-size: 16px;
}
.showbasketnavigation a:last-child:not(:hover) {
animation: buttonColorChange 5s infinite;
}
.showbasketnavigation a:first-child {
flex: none;
width: 30%;
margin: 0 1%;
min-height: 55px;
font-size: 16px;
}
.showbasket > .summary > .showbasketnavigation {
flex: auto;
align-items: flex-end;
margin-top: 20px;
}
.discountcode {
display: flex;
justify-content: space-between;
padding: 7px;
align-items: center;
border: dashed 1px rgba(209,209,209,1.00);
}
.discountcode > * {
flex: auto;
}
.discountcode > input[type="text"] {
border: none;
}
.discountcode > input[type="text"].active {
padding-left: 27px;
background-image: url('/images/skins/Bewise2022/images/icon-check-green.svg');
background-repeat: no-repeat;
background-size: 14px auto;
background-position: 8px 50%;
}
.discountcode > button {
margin-left: 10px;
white-space: nowrap;
}
.minibasket .discountcode > button:before {
content: attr(data-default);
}
.minibasket .discountcode > input.active + button:before {
content: attr(data-remove);
}
.twocolumns {
display: flex;
margin: 0 -1%;
}
.twocolumns > * {
margin: 0 1%;
}
.twocolumns div.sendbasketbutton {
width: 100%;
background-color: rgba(255,255,255,1.00);
border: solid 1px rgba(237,237,237,1.00);
color: rgba(0,0,0,1.00);
}
.twocolumns div.sendbasketbutton img {
margin-right: 7px;
width: 14px;
}
.ShowBasket_SendBasketLink_Dialog_Link,
#ShowBasketSendBasketLink,
#ShowBasket_SendBasketLink_LinkPreview,
.ddsbr-subject,
.ddsbr-body {
display: none;
}
.button.editbasket {
width: 100%;
margin-bottom: 30px;
}
#checkout-container .checkout-headline {
display: none;
}
.webshop-checkout .container.content {
padding: 0;
width: 100%;
max-width: 100%;
}
.webshop-checkout .instagram,
.webshop-checkout header .top {
display: none;
}
#checkout-container h2,
#checkout-container h3 {
font-size: 24px;
font-weight: normal;
}
#checkout-container #customer-data > fieldset > label:not(label[for="checkout_note"]):not(label[for="res2"]):not(label[for="res3"]):after {
content:"*";
position: absolute;
top: 0;
right: 0;
color: darkred;
}
#checkout-container fieldset > label[for="res3"] {
width: 98%;
display: flex;
flex-wrap: wrap;
}
#checkout-container fieldset > label[for="checkout_note"] {
width: 98%;
}
#checkout-container fieldset > label[for="res3"] .salesdiscountcode-label {
flex: none;
width: 100%;
}
#checkout-container fieldset > label[for="checkout_customer_ean"], #checkout-container fieldset > label[for="res1"] {
display: none;
}
#res3_salesdiscountcode_button {
padding: 10px 15px !important;
color: #000;
border: 1px solid #eee;
background-color: #f9f9f9;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 98%;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] > * {
order: 1;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] > .cvrinfoicon {
width: 30px;
height: 44px;
order: 2;
display: flex;
align-items: center;
color: #444;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] .checkout-checkout_customer_cvrnr-text {
flex: none;
width: calc(100% - 210px);
}
#checkout-container fieldset > label[for="checkout_customer_altdelivery_country"], #checkout-container fieldset > label[for="checkout_customer_country"] {
position: absolute;
left: -50000px;
}
#checkout-container #customer-alternative-delivery {
border-top: none;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] input[type="button"] {
flex: none;
width: 160px;
background-color: #f9f9f9;
border: 1px solid #eee;
color: #000;
}
#checkout-container fieldset > label[for="checkout_customer_cvrnr"] > span {
flex: none;
width: 100%;
}
#checkout_customer_cvrnr_errormessage {
flex: none;
width: 100%;
order: 3 !important;
margin: 0 !important;
}
#checkout-container .salesdiscountcode-button-container {
width: 102px;
float: none;
margin-left: 10px;
}
#checkout-container .salesdiscountcode-container {
width: auto;
float: none;
flex: auto;
}
#checkout-container input[type=text], #checkout-container input[type=password] {
padding: 0 10px;
}
#checkout-container h3 small {
display: block;
font-size: 13px;
padding: 6px 0;
}
#customer-alternative-delivery {
margin-top: 30px;
}
#checkout-container {
display: flex;
opacity: 0;
transition: opacity 1s ease;
border-bottom: solid 1px #e1e1e1;
}
#checkout-container.active {
opacity: 1;
}
#checkout-container > div.checkoutleft,
#checkout-container > div.checkoutright {
padding: 3%;
}
#checkout-container > div.checkoutleft {
width: 60%;
display: flex;
flex-direction: column;
align-items: flex-end;
position: relative;
}
#checkout-container > div.checkoutright {
width: 40%;
background-color: #f8fafc;
border-left: solid 1px #e1e1e1;
}
div#checkout-container #column-data,
div#checkout-container #column-shipping-payment,
#checkout-container #column-order-summary {
float: none;
width: 700px;
max-width: 100%;
padding: 0;
border: none;
min-height: none;
}
#checkout-container #column-order-summary {
width: 400px;
}
#column-data a[href*="frontpage.html"] img {
margin: 0 0 40px;
display: block;
width: 245px;
height: auto;
}
#checkout-container fieldset,
#shipping-methods {
display: flex;
flex-wrap: wrap;
margin: -1%;
padding: 0;
border: none;
}
#customer-data fieldset {
align-items: flex-start;
}
#checkout-container fieldset > label,
#checkout-container fieldset > div#subscription-maillist,
#shipping-methods > label,
#checkout-container .altdel {
flex: none;
width: 48%;
margin: 1%;
position: relative;
}
#checkout-container fieldset > label[for="res2"] {
display: flex;
flex-wrap: wrap;
}
#checkout-container fieldset > label[for="res2"] > * {
flex: none;
}
#checkout-container fieldset > label[for="res2"] .salesdiscountcode-label {
width: 100%;
}
#checkout-container fieldset > label[for="res2"] .salesdiscountcode-container {
flex: auto;
}
#checkout-container fieldset > label[for="res2"] .salesdiscountcode-button-container input[type="button"] {
height: 35px;
min-height: 35px;
padding: 0 15px;
margin-left: 6px;
}
#checkout-container fieldset > label[for*="_customertype"] {
display: none;
}
#checkout-container fieldset > label[for*="_customertype"] > span {
display: none;
}
#checkout-container fieldset > div#subscription-maillist {
width: 98%;
display: flex;
padding: 10px;
border: solid 1px rgba(237,237,237,1.00);
}
#checkout-container fieldset > div#subscription-maillist label {
padding-left: 0;
cursor: pointer;
}
#checkout-container .altdel {
width: 98%;
display: flex;
padding: 10px;
background-color: rgba(255,255,255,1.00);
align-items: flex-start;
justify-content: flex-start;
border: solid 1px rgba(237,237,237,1.00);
}
#checkout-container .altdel input {
margin: 2px 5px 0 0;
flex: none;
}
#column-shipping-payment {
margin-top: 30px;
}
#payment-methods {
margin-bottom: 30px;
}
#payment-methods > fieldset > label,
#shipping-methods > label {
border: solid 1px #e2e8f0;
padding: 10px;
border-radius: 3px;
cursor: pointer;
}
#column-shipping-payment label.selected {
background-color: #f8fafc;
}
#column-shipping-payment td {
vertical-align: top;
}
#column-shipping-payment input[type="radio"] {
margin: 2px 10px 0 0;
}
.shipping-message,
.payment-message {
color: rgba(113,113,113,1.00);
}
.checkout-payment-method-image, .checkout-shipping-method-image {
margin: 0 0 10px;
}
.checkout-payment-method-image img, .checkout-shipping-method-image img {
width: 120px;
display: block;
}
.checkout-shipping-method-image img[src*="-gls."] {
width: 80px;
}
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;
}
#checkout_customertype,
#checkout_altdelivery_customertype {
position: absolute;
left: -4000px;
top: -4000px;
}
.typeselect {
display: flex;
margin: 0 -1%;
}
.typeselect > div {
margin: 0 1%;
flex: auto;
max-width: 48%;
padding: 10px 13px;
border: solid 1px rgba(243,243,243,1.00);
background-color: rgba(243,243,243,1.00);
border-radius: 3px;
cursor: pointer;
align-items: center;
justify-content: flex-start;
display: flex;
position: relative;
}
.typeselect > div:before {
content: "";
margin: 0 10px 0 0;
}
.typeselect > div.active:before {
border: none;
background-color: #000000;
}
.typeselect > div.active {
background-color: #000000;
border-color: #000000;
color: rgba(255,255,255,1.00);
cursor: default;
}
#payment-giftcertificateinfo {
margin-bottom: 30px;
}
#payment-giftcertificateinfo fieldset {
margin: 0;
}
#payment-giftcertificateinfo fieldset > label[for="checkout-giftcertificate-cardnumber"] {
width: 100%;
margin: 0;
}
#payment-giftcertificateinfo input[type="text"] {
flex: auto;
width: auto;
}
#payment-giftcertificateinfo input[type="text"] + div {
flex: none;
}
#payment-giftcertificateinfo input[type="button"] {
height: 35px;
min-height: 35px;
padding: 0 15px;
margin-left: 6px;
}
.checkout-payment-description-cell {
width: 100%;
}
#order-confirm {
margin-top: 30px;
}
#subscription-maillist {
display: flex !important;
padding: 10px;
background-color: rgba(255,255,255,1.00);
border: solid 1px #e1e1e1;
margin: 15px 0 0;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
#checkout-container .checkout-checkbox {
margin: 2px 10px 0 0;
}
#confirm-accepterms {
display: flex;
padding: 10px;
background-color: rgba(255,255,255,1.00);
border: solid 1px #e1e1e1;
margin: 5px 0 15px 0;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
#confirm-accepterms input[type="checkbox"] {
margin: 2px 10px 0 0;
flex: none;
}
#confirm-accepterms span {
cursor: pointer;
}
#confirm-checkout input[type="button"],
#confirm-checkout input[type="button"]:hover {
width: 100%;
font-size: 16px;
padding-top: 12px;
padding-bottom: 12px;
}
#checkout-container #column-data #customer-data input:not(#subscription-maillist-subscribe):not(#checkout_use_alternative_delivery_address), #checkout-container #column-data #customer-data select {
height: 42px;
}
#checkout-container #column-data #customer-data input, #checkout-container #column-data #customer-data select {
margin-bottom: 0;
}
div#order-summary > table {
width: 100%;
}
div#order-summary > table:nth-of-type(2) {
margin: 10px 0;
padding: 10px 0;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}
div#order-summary .bold {
font-size: 17px;
font-weight: bold;
}
th {
text-align: left;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.shippingcountdown {
min-height: 38px;
}
.shippingcountdown .text {
margin: 0 0 5px;
padding: 0 65px 0 0;
font-weight: bold;
text-transform: uppercase;
}
.shippingcountdown .text i {
font-style: normal;
color: #A1B4BF;
}
.shippingcountdown .bar {
height: 16px;
padding: 1px;
border: solid 1px #A1B4BF;
background-color: rgba(255,255,255,1.00);
display: flex;
position: relative;
}
.shippingcountdown .bar span {
flex: none;
background-color: #A1B4BF;
width: 0;
}
.shippingcountdown .bar small {
border-radius: 3px;
padding: 3px 5px;
font-size: 11px;
background-color: #A1B4BF;
color: rgba(255,255,255,1.00);
position: absolute;
right: 0;
bottom: calc(100% + 5px);
}
.shippingcountdown .bar small:after {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #A1B4BF;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.shippingcountdown:empty {
display: none;
}
.shippingcountdown.redeemed {
background-color: #e9f4e9;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.shippingcountdown.redeemed img {
margin-right: 4px;
width: 14px;
}
form[action="/shop/customer.html"] table.Login_Customer input, form[action="/shop/customer.html"] table.ForgotPassword_Customer input {
display: block;
width: 100% !important;
margin: 0 0 10px;
}
body.webshop-customercenter td > b + br,
body.webshop-customercenter table + br {
display: none;
}
table.Login_Customer > tbody > tr:nth-child(-n+2):not(:first-child) td,
table.ForgotPassword_Customer td {
font-size: 0;
}
form[name="forgotpsw"] {
margin-top: 20px;
}
.ErrorText_customerlogin {
background-color: rgba(248,208,209,1.00);
border: solid 1px rgba(214,160,161,1.00);
color: rgba(165,67,69,1.00);
padding: 6px 10px;
margin: 0 0 10px;
border-radius: 3px;
}
.signup_confirm_checkbox {
display: flex;
align-items: flex-start;
width: 100%;
margin: 15px 0 0;
}
.signup_confirm_checkbox input {
margin: 0 7px 0 0;
flex: none;
}
.loginText {
display: none;
}
table.ForgotPasswordStatus_Customer {
display: none;
}
body.webshop-customercenter.loggedin .container.content > table:first-of-type {
display: none;
}
.BackgroundColor1_Customer {
padding: 15px;
clear: both;
width: 100%;
background-color: #f3f3f3;
}
span[id*="tabB"] {
margin: 0 10px 0 0;
float: left;
}
span[id*="tabB"] > span {
padding: 5px 15px;
border: solid 1px rgba(216,216,216,1.00);
border-bottom-width: 0;
border-radius: 2px 2px 0 0;
display: block;
}
span[id*="tabB"]:hover > span:not(.Tabactive_Customer) {
background-color: rgba(183,183,183,.30);
}
span[id*="tabB"] > span.Tabactive_Customer {
background-color:rgba(0,0,0,1.00);
border-color:rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
}
form[name="CustomerCenterForm"] > table {
clear: both;
}
.Text1_Customer span.Heading_Customer + br,
.Text1_Customer span.Heading_Customer + br + br {
display: none;
}
.BackgroundColor1_Customer > tbody > tr > td > table.Text1_Customer {
table-layout: fixed;
}
#OrderDetailsHeading + br + table {
display: none;
}
#OrderDetailsHeading + br + table + br + table {
width: 100%;
}
.Text1_Customer tr[id*="Field"] > td {
padding: 3px 0;
}
.extraProductsContainer {
margin: 0 0 40px;
}
.extraProductsHeader {
display: block;
width: 100%;
font-size: 18px;
margin-bottom: 10px;
}
.extraProduct {
display: flex;
align-items: center;
margin: 0 0 10px;
border: solid 1px rgba(237,237,237,1.00);
}
extraProductsContainer > .extraProduct:not(:last-child) {
margin-bottom: 10px;
}
.extraProduct > * {
flex: none;
margin: 0 2%;
}
.extraProduct .check {
align-self: center;
position: relative;
display: flex;
}
.extraProduct .check img {
position: absolute;
top: 50%;
left: 50%;
width: 70%;
transform: translate(-50%,-50%);
z-index: 5;
display: none;
pointer-events: none;
}
.extraInfo {
display: none;
}
.extraProduct .check input:checked + img {
display: block;
}
.extraProduct > .image {
width: 60px;
align-self: center;
position: relative;
}
.extraProduct > .image img {
display: block;
width: 100%;
padding: 5px;
}
.extraProduct > .name {
flex: auto;
padding: 8px 0;
}
.extraProduct > .name strong {
display: block;
}
.extraProduct > .name select {
margin: 8px 0 0;
display: block;
width: auto;
}
.extraProduct .price strike {
padding-right: 6px;
}
a[href*="remove=1"], a[href*="RemProduct=1"] {
position: absolute;
top: 0;
left: 0;
transform: translate(-40%,-40%);
width: 28px;
height: 28px;
border-radius: 50%;
background-color: rgba(0,0,0,1.00);
background-image: url("/images/skins/Bewise2022/images/icon-delete-white.svg");
background-repeat: no-repeat;
background-size: 60% auto;
background-position: 50% 50%;
z-index: 10;
}
a[href*="remove=1"] img, a[href*="RemProduct=1"] img {
display: none;
}
.TopMenu_MenuItems {
display: none;
}
.productcard .same-product-container .ProductList_Custom_UL:not(.slick-initialized) > li {
width: 96%;
}
.productcard .same-product-container .ProductList_Custom_UL:not(.slick-initialized) > li:nth-child(n+3) {
display: none;
}
.ProductList_Custom_UL li .productlistbanner {
position: relative;
text-decoration: none;
overflow: hidden;
}
.ProductList_Custom_UL li .productlistbanner video,
.ProductList_Custom_UL li .productlistbanner img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
object-fit: cover;
}
.ProductList_Custom_UL li .productlistbanner > div {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
.ProductList_Custom_UL li .productlistbanner > div > strong {
font-size: 24px;
margin: 0;
}
.ProductList_Custom_UL li .productlistbanner > div > p {
font-size: 16px;
margin: 0;
}
.Text1_FrontPage img {
width: 100%;
display: block;
}
.Text1_FrontPage .fpusp img {
width: 16px;
margin-right: 5px;
}
.fpusp:not(.slick-initialized) {
display: flex;
}
.fpusp:not(.slick-initialized) > *, .fpusp .slick-slide {
display: flex !important;
flex: none;
font-size: 14px;
justify-content: center;
align-items: center;
}
.fpusp:not(.slick-initialized) > * {
width: 50%;
}
.fpusp:not(.slick-initialized) > *:nth-child(n+3) {
display: none;
}
.social {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.social a {
flex: none;
display: flex;
margin-left: 15px;
align-items: center;
width: 40px;
height: 40px;
justify-content: center;
border-radius: 4px;
background-color: #000000;
}
.social a img {
max-height: 55%;
display: block;
}
.cards {
display: flex;
justify-content: flex-end;
}
.cards > div {
border-radius: 2px;
background-color: #FFF;
padding: 4px 6px;
display: flex;
align-items: center;
margin-left: 3px;
}
.cards img {
height: auto;
display: block;
}
.pricerunner-logo {
height: auto;
display: block;
}
span.ProductMenu_MenuItemBold {
font-weight: 300;
}
.stickytop {
background-color: rgba(255,255,255,1.00);
position: relative;
z-index: 40;
}
.stickytop.stuck {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
table.CmsPageStyle_Table {
table-layout: fixed;
}
div#CookiePolicy, div#CookiePolicy.fixed-bottom {
background-color:rgba(0,0,0,.80);
left: 0;
top: 0;
bottom: auto;
width: 100%;
height: 100%;
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: 170px;
height: auto;
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;
justify-content: center;
}
div.cookie-policy-accept-buttons-container > input[type="button"] {
flex: auto;
margin: 0;
border-radius: 5px;
padding: 20px 15px;
font-weight: normal;
box-shadow: inset 0px -4px 0px -2px rgba(0, 0, 0, 0);
}
div.cookie-policy-accept-buttons-container > input[type="button"].cookie-policy-accept {
background-color: #f6f6f6 !important;
border: none !important;
color: rgba(0,0,0,1.00) !important;
}
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;
display: flex;
border-top: solid 1px #d4d4d4;
background-color:#f6f6f6;
margin: 0;
}
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;
left: 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% !important;
height: auto !important;
}
.cookieSettingsButton:hover {
opacity: .7;
}
.slideoutcontainer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
background-color: rgba(0,0,0,.0);
transition: background .5s ease;
z-index: 99999999;
}
.slideoutcontainer.active {
transform: translateX(0);
background-color: rgba(0,0,0,.5);
z-index: 999999999999;
}
.slideout {
position: absolute;
height: 500px;
max-height: calc(100% - 300px);
display: flex;
flex-direction: column;
top: 240px;
right: 100%;
transform: translateX(110%);
background-color: rgba(255,255,255,1.00);
width: 80px;
transition: transform .5s ease;
box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.slideoutcontainer:not(.active) .slideout.ready {
transform: translateX(0);
}
.slideoutcontainer.active .slideout {
transform: translateX(0);
top: 0;
right: 0;
height: 100%;
max-height: 100%;
width: 600px;
}
.slideout > * {
flex: none;
}
.slideoutcontainer.active .slideouttop {
padding: 20px;
}
.slideoutheader {
display: flex;
}
.slideoutclosebutton {
position: absolute;
left: 0;
top: 0;
font-family: 'Arial';
font-size: 26px;
width: 20px;
height: 20px;
line-height: 1;
cursor: pointer;
background-color: #000;
color: #FFF;
padding: 0;
border-radius: 50%;
align-items: center;
justify-content: center;
transform: translate(-50%,-50%);
display: none;
}
.slideoutcontainer.active .slideoutclosebutton {
display: inline-flex;
position: relative;
transform: none;
padding: 0 10px;
border-radius: 0;
height: auto;
width: auto;
}
.slideoutcontainer.active .slideoutheader > div {
border-top: solid 1px rgba(221,221,221,1.00);
}
.slideoutheader > div {
flex: auto;
border-bottom: solid 1px rgba(221,221,221,1.00);
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
cursor: pointer;
}
.slideoutheader > div > div.count {
top: 3px;
left: 3px;
z-index: 10;
}
.slideoutcontainer.active .slideoutheader > div > div.count {
top: 33%;
left: 43%;
width: 25px;
height: 25px;
font-size: 12px;
}
.slideoutheader > div > span {
text-transform: uppercase;
font-weight: bold;
display: none;
}
.slideoutheader > div:not(.active) > div ~ * {
opacity: .3;
}
.slideoutcontainer.active .slideoutheader > div {
padding: 30px 0;
}
.slideoutcontainer.active .slideoutheader > div > span {
display: flex;
}
.slideoutheader > div:not(:last-child) {
border-right: solid 1px rgba(221,221,221,1.00);
}
.slideoutheader > div img {
width: 15px;
height: auto;
display: block;
flex: none;
}
.slideoutcontainer.active .slideoutheader > div img {
width: 35px;
}
.slideoutremovebutton {
position: absolute;
right: 100%;
top: 25px;
font-family: 'Arial';
font-size: 15px;
padding: 2px 5px;
line-height: 1;
cursor: pointer;
background-color: #000;
color: #FFF;
align-items: center;
justify-content: center;
}
.slideout:not(.ready) .slideoutremovebutton {
display: none;
}
.slideoutmain {
display: none;
flex: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
background-color:rgba(255,255,255,1.00);
flex-wrap: wrap;
align-content: flex-start;
}
.slideoutmain.active {
display: flex;
}
.slideoutcontainer.active .slideoutmain {
background-color: #f9f9f9;
}
.slideoutmain .line {
display: flex;
flex-direction: column;
background-color: rgba(255,255,255,1.00);
padding: 15px;
position: relative;
flex: none;
width: 100%;
}
.slideoutcontainer.active .slideoutmain {
justify-content: space-between;
padding: 20px;
}
.slideoutcontainer.active .slideoutmain .line {
box-shadow: 0 0 5px rgba(0,0,0,.1);
width: 48%;
margin-bottom: 4%;
}
.slideoutmain .line > * {
flex: none;
}
.slideoutcontainer:not(.active) .slideoutmain .line .deletebutton {
display: none;
}
.slideoutmain .line > .image {
position: relative;
margin-bottom: 5px;
}
.slideoutmain .line > .image img {
display: block;
width: 100%;
}
.slideoutmain .line > a.name {
text-decoration: none;
color: rgba(0,0,0,1.00);
font-weight: bold;
}
.slideoutcontainer:not(.active) .slideoutmain .line > a.name {
display: none;
}
.slideoutcontainer:not(.active) .slideoutmain .line > .price {
text-align: center;
font-size: 10px;
}
.slideoutcontainer .slideoutmain .line > .price strike {
padding-left: 5px;
}
.slideoutcontainer:not(.active) .slideoutmain .line > .price strike {
display: none;
}
.slideoutbottom {
padding: 10px;
border-top: solid 1px rgba(221,221,221,1.00);
text-align: center;
text-transform: uppercase;
cursor: pointer;
line-height: 1;
font-size: 11px;
}
.slideoutcontainer.active .slideoutbottom {
display: none;
}
#ProductFilter-Container {
position: relative;
}
#ProductFilter-Container.filterloading:before {
content: "";
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.70);
z-index: 100;
position: absolute;
background-image: url(/images/skins/Bewise2022/images/loader.gif);
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: 40px auto;
}
#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-row {
margin-bottom: 35px;
}
div.product-filter-container {
border: none;
}
div.product-filter-header-container {
background-color: transparent;
padding: 0;
border: none;
float: none;
}
div.product-filter-body-container, div.product-filter-body-container-price {
padding: 10px 0 0;
}
div.product-filter-body-container-price {
padding-top: 15px;
}
div.product-filter-header-text {
text-transform: uppercase;
}
div.product-filter-checkbox-container {
display: flex;
align-items: center;
border: solid 1px #ddd;
padding: 8px 8px;
border-radius: 3px;
position: relative;
transition: background 0.3s ease;
background-color: #FFF;
}
.product-filter-checkbox-container img.flag {
width: 18px;
margin-right: 6px;
}
div.product-filter-advanced-variant-checkboxes, div.product-filter-tag-checkboxes, div.product-filter-manufactor-checkboxes {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.product-filter-advanced-variant-checkboxes div.product-filter-checkbox-container, div.product-filter-tag-checkboxes div.product-filter-checkbox-container, div#product-filter-manufactor-checkboxes .product-filter-checkbox-container {
margin: 0 5px 5px;
width: calc(50% - 10px) !important;
background-color: #FFF;
}
div.product-filter-checkbox-container.active {
border-color: #08723c !important;
background-color: #08723c !important;
}
div.product-filter-checkbox-container.active * {
color: rgba(255,255,255,1.00);
}
.product-filter-advanced-variant-checkboxes div.product-filter-checkbox-container.active, div.product-filter-tag-checkboxes div.product-filter-checkbox-container.active {
background-color: #08723c;
color: rgba(255,255,255,1.00);
}
div.product-filter-checkbox-container:not(.disabled):not(.active):hover, div.product-filter-clear-all a:hover {
background-color: #08723c !important;
border-color: #08723c !important;
color: #FFF;
}
div.product-filter-checkbox-container.disabled {
cursor: default;
opacity: .3;
}
div.product-filter-checkbox-container.disabled:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
}
div.product-filter-checkbox-container > * {
flex: none;
float: none;
}
label.product-filter-checkbox-label {
float: none;
line-height: normal;
flex: auto;
cursor: pointer;
}
/*
div.product-filter-checkboxes, div.product-filter-manufactor-checkboxes {
margin: 0 0 10px;
}
*/
div.product-filter-clear {
display: none;
}
.product-filter-row input[type="checkbox"] {
display: none;
}
.checkbox {
float: left;
width: 19px;
height: 19px;
background-color: rgba(214,214,214,1.00);
cursor: pointer;
margin: 0 8px 0 0;
border-radius: 50%;
}
input:checked + label .checkbox {
background-color: rgba(249, 83, 134, 1);
}
div.product-filter-clear-all {
margin: 0 0 10px;
}
div.product-filter-clear-all a {
text-decoration: none;
background-color: #000;
color: #FFF;
display: block;
width: 100%;
text-align: center;
padding: 3px 10px;
border-radius: 3px;
margin-bottom: 10px;
}
.btnFilterProductsFound {
display: block;
margin: 0 0 20px;
}
.btnFilterProductsFound:before {
content: "×";
font-family: 'Arial';
position: absolute;
right: 6px;
top: 50%;
font-weight: normal;
transform: translateY(-50%);
font-size: 20px;
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: 25px;
height: 25px;
text-align: center;
}
/*! nouislider - 12.1.0 - 10/25/2018 */
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-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;
}
/* Wrapper for all connect elements.
*/
.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;
}
/* Offset direction
*/
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*/
.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 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.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;
}
/* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*/
.noUi-target {
background:rgba(178,178,178,.30);
border-radius: 0px;
margin: 20px 0 15px;
/*border: 1px solid #D3D3D3;
/*box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/
}
.noUi-connect {
background:rgba(0,0,0,1.00);
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 1px;
background: #E8E7E6;
left: 12px;
top: 6px;
}
.noUi-handle:after {
left: 15px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Base;
*
*/
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.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;
}
/* Vertical layout;
*
*/
.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:#000000;
color:rgba(255,255,255,1.00);;
padding: 2px 4px;
text-align: center;
white-space: nowrap;
font-size: 60%;
}
.noUi-tooltip:after {
content: "";
width: 0px;
height: 0px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000000;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.noUi-horizontal .noUi-tooltip {
-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%;
}
.priceRangeInfo {
display: flex;
}
.priceRangeInfo > span {
flex: auto;
font-size: 70%;
}
.priceRangeInfo > span:last-child {
text-align: right;
}
.value-slider-wrapper-input {
display: none;
}
aside {
display: none;
}
.infoflex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.infoflex > div:first-child {
width: 45%;
flex: none;
}
.infoflex > div:last-child {
width: 50%;
flex: none;
}
.specs {
background-color: #f9f9f9;
padding: 25px;
}
.specs > div {
display: flex;
padding: 4px 0;
}
.specs > div > div:first-child {
width: 50%;
}
columns .focus {
flex: none;
width: 48%;
background-color: #03213b;
color: rgba(255,255,255,1.00);
padding: 3%;
}
columns h2, columns h3 {
font-weight: normal;
font-size: 22px;
}
columns [style*="background"], columns[style*="background"] {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
columns.padding {
padding: 3%;
}
iframe[src*="youtu"] {
max-width: 100%;
display: block;
}
.mobilemenucontent {
display: none;
}
.ba-slider{position:relative;overflow:hidden}.ba-slider img{width:100%;display:block;max-width:none}.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.ba-slider .handle{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}.ba-slider .handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#ffb800;border:1px solid #e6a600;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #ffd466}.ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:50px;font-size:30px}
.ba-slider .handle:after {
background-color: #a37439;
border: none;
content: "↔";
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Arial';
box-shadow: none;
}
body.hidecontent .container.content {
display: none;
}
[name="CustomerCenterForm"] #Field10_0 {
display: none !important;
}
.review {
width: 1600px;
max-width: 90%;
margin: 0 auto;
padding: 60px 40px;
}
.review:not(.slick-initialized) {
display: flex;
gap:20px;
}
.review:not(.slick-initialized) > div,
.review .slick-slide {
background-color: #FFF;
padding: 20px;
display: flex !important;
align-items: center;
border-radius: 4px;
}
.review:not(.slick-initialized) > div:nth-child(n+6) {
display: none !important;
}
.reviewtext {
display: flex;
flex-direction: column;
}
.reviewtext small {
margin-top: 10px;
font-style: italic;
color: #7D7D7D;
}
.review .slick-track {
display: flex !important;
}
.review .slick-list {
margin: 0 -20;
}
.review .slick-slide {
margin: 0 20px;
height: inherit !important;
}
.contactinfo {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.contactinfo svg {
width: 40px;
height: auto;
margin-right: 20px;
}
.contactinfo > span {
flex: none;
width: 100%;
font-size: 15px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.contactinfo > div {
flex: none;
width: 48%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
background-color: #f9f9f9;
padding: 10px;
border-radius: 4px;
}
.contactinfo > div a {
text-decoration: none;
}
#confirm-checkout {
position: relative;
clear: both;
}
input#confirm-complete-button {
float: none;
}
@media (min-width: 900px) {
.frontpagecategories {
margin: 0 -1%;
}
.frontpagecategories > a {
width: 18%;
transition: 0.5s ease;
}
.frontpagecategories > a > span {
transition: background-color 0.5s ease;
}
.frontpagecategories > a:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.frontpagecategories > a:hover > span {
background-color: darkgreen;
}
.btnfilter, .btnFilterProductsFound {
display: none;
}
.webshop-productlist .container.content {
display: flex;
align-items: flex-start;
}
.webshop-productlist aside {
display: block;
flex: none;
width: 300px;
margin-right: 30px;
}
.webshop-productlist .productFilter {
display: block;
}
.webshop-productlist aside:not(:empty) + div {
width: calc(100% - 330px);
flex: none;
}
.listtools > table.Productlist_Sort_table {
display: none;
}
.container.content {
padding-top: 30px;
padding-bottom: 30px;
}
.spacebottom, .Text1_FrontPage > *:not(:last-child) {
margin-bottom: 20px;
}
.cat-dec {
display: flex;
align-items: center;
}
.cat-dec > img, .cat-dec > video {
flex: none;
width: 50%;
min-width: 50%;
max-width: 50%;
display: block;
}
.cat-dec > div {
flex: auto;
background-color: #f9f9f9;
padding: 30px;
margin-left: -30px;
z-index: 9;
}
.infobar > div {
justify-content: center;
padding: 8px 30px;
}
.topnav .logo {
margin: 30px 0;
}
.topnav > div.container > a {
flex: none;
width: 30%;
display: flex;
align-items: center;
}
form.search {
position: relative;
padding: 0;
}
.search input[type="text"] {
background-color: #fff;
border: 0;
background-image: url("/images/skins/Bewise2022/images/icon-search-black.svg");
background-position: calc(100% - 15px);
background-repeat: no-repeat;
background-size: 18px;
height: 45px;
padding: 0 20px;
}
.topnav > div.container > div {
flex: auto;
}
.topnav > div.container > div.search {
width: 50%;
flex: none;
}
.search {
background-color: #f6f6f6;
padding: 6px;
border-radius: 4px;
}
.topmenu {
display: none;
}
.productmenu .closebutton {
display: none;
}
.Heading_ProductMenu {
display: none;
}
.productmenu {
background-color: #f9f9f9;
border-top: solid 1px rgba(237,237,237,1.00);
position: relative;
}
.productmenu > div {
display: flex;
justify-content: space-between;
width: 1700px;
max-width: 90%;
margin: 0 auto;
}
#ProductMenu_List {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
}
#ProductMenu_List > li {
flex: none;
}
#ProductMenu_List > li.auto {
flex: auto;
}
#ProductMenu_List > li > a[href="/shop/produkter-187s1.html"]:after {
content:url("/images/skins/Bewise2022/images/icon-menu-desktop.svg");
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
#ProductMenu_List > li > a:last-of-type {
display: flex;
text-decoration: none;
text-transform: uppercase;
padding: 14px 30px;
height: 100%;
align-items: center;
position: relative;
}
#ProductMenu_List > li > a[href="/shop/produkter-187s1.html"] {
background-color: #08723c;
color: #FFF;
padding: 14px 45px 14px 30px;
}
#ProductMenu_List > li.auto > a:last-of-type {
display: inline-flex;
}
#ProductMenu_List > li.extramenu:last-of-type > a:last-of-type {
padding-right: 0;
}
#ProductMenu_List > li > ul {
display: none;
}
.dropdowncontainer {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background-color: rgba(255,255,255,1.00);
box-shadow: 0 20px 40px rgba(0,0,0,.1);
justify-content: center;
}
.dropdowncontainer > .dropdowninnercontainer {
flex: none;
width: 1700px;
max-width: 90%;
justify-content: flex-start;
display: flex;
padding: 50px 0;
position: relative;
}
.dropdowncontainer > .dropdowninnercontainer > div.title {
flex: none;
width: 100%;
margin: 0 0 20px;
font-weight: bold;
font-size: 16px;
}
.dropdowncontainer > .dropdowninnercontainer .dropdownimage {
position: absolute;
right: 100%;
top: 0;
height: 100%;
width: 1000px;
object-fit: cover;
object-position: 100% 0;
}
.dropdowncontainer > .dropdowninnercontainer > ul {
flex: auto;
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 22px;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li {
flex: none;
width: calc(20% - 18px);
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > a {
font-size: 14px;
margin-bottom: 10px;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > a,
.dropdowncontainer > .dropdowninnercontainer > ul > li > a > span {
font-weight: bold;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li:not(:last-child) {
margin-bottom: 3px;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li {
display: flex;
align-items: flex-start;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li:before {
content: "";
flex: none;
width: 4px;
height: 4px;
transform: rotate(-45deg);
transform-origin: 50% 50%;
border: solid 1px rgba(0,0,0,1.00);
border-left: none;
border-top: none;
margin: 6px 10px 0 0;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li.viewallcats:before {
visibility: hidden;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li > a {
flex: auto;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li.viewallcats > a {
text-decoration: underline;
margin: 5px 0 0;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li > ul > li.viewallcats ~ li {
display: none;
}
.dropdowncontainer > .dropdowninnercontainer > ul > li ul ul {
display: none;
}
.dropdowncontainer a {
text-decoration: none;
display: block;
font-size: 13px;
}
.dropdowncontainer a:hover {
text-decoration: underline;
}
/*
ul.dropdown + ul.level3ul {
padding-left: 20px;
margin-left: 20px;
border-left: solid 1px rgba(231,231,231,1.00);
flex-wrap: wrap;
}
.level3ul {
display: flex;
}
.level3ul > li:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
border-right: solid 1px rgba(231,231,231,1.00);
min-width: 150px;
}
.level3ul > li > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.level3ul > li > a {
font-size: 14px;
margin-bottom: 17px;
}
.level3ul > li > a > span.ProductMenu_MenuItemBold {
font-weight: bold;
}
.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;
}
.productmenubanner {
flex: none;
width: 20%;
margin-right: 40px;
}
.productmenubanner img {
display: block;
width: 100%;
}
.SubCats_Categories_UL.brandsul > li,
.SubCats_Categories_UL.designersul > li {
transition: all .3s ease;
}
.SubCats_Categories_UL.brandsul > li:hover,
.SubCats_Categories_UL.designersul > li:hover {
transform: scale(1.1);
}
*/
#ProductMenu_List > li:hover > .dropdowncontainer {
display: flex;
}
.topnav > .container {
position: relative;
}
.twocolumns > * {
flex: none;
width: 48%;
}
.showbasket > .summary {
display: flex;
flex-direction: column;
}
.showbasket > .summary > * {
flex: none;
}
.hideondesktop {
display: none;
}
.Text1_FrontPage .fpusp img {
width: 30px;
}
.Text1_FrontPage .fpusp img[src*="maerket"] {
width: 110px;
}
.fpusp:not(.slick-initialized) > *, .fpusp .slick-slide {
font-size: 17px;
}
.Text2_FrontPage {
padding-top: 50px;
display: block;
margin: 0 auto;
width: 1000px;
text-align: center;
max-width: 100%;
}
button.showresultsbutton {
width: calc(30% - 45px);
}
.listtools {
margin-left: -2%;
margin-right: -2%;
}
.listtools > * {
margin: 0 2%;
min-width: 21%;
}
.listtools .toppager {
flex: auto;
display: flex;
justify-content: flex-end;
align-items: center;
}
.listtools .toppager .pager {
flex-wrap: nowrap;
min-width: 307px;
}
body.webshop-frontpage [class*="Custom_UL"] > li {
width: 18%;
}
[class*="Custom_UL"] > li {
width: 23%;
}
[class*="Custom_UL"].Related_Custom_UL > li {
width: 18%;
}
[class*="Custom_UL"].fullwidth > li {
width: 23%;
}
.SubCats_Categories_UL {
margin-left: -1%;
margin-right: -1%;
margin-bottom: 40px;
}
.SubCats_Categories_UL > li {
width: 23% !important;
margin: 0 1% 2%;
}
.productcard {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.productcard > * {
flex: none;
}
.productcard > div.imagescontainer {
width: 45%;
}
.productcard-buysection {
width: 55%;
padding: 0 0 0 5%;
}
/* .productcard .productcard-buysection [data-savings]:not([data-savings=""]):not([data-savings="100%"]):before {
transform: scale(1.5);
transform-origin: 100% 0;
} */
.webshop-checkout .productmenu,
.webshop-checkout form.search,
.webshop-checkout .topnavbuttons > *:not(.basket):not(.minibasketcontainer) {
display: none;
}
.checkoutsteps > div.done:before {
background-size: 15% auto;
}
footer .columns {
display: flex;
justify-content: space-between;
}
footer .columns > * {
}
footer .columns > *:not(:last-child) {
padding-right: 3%;
width: 25%;
}
footer .columns > *:last-child {
flex: auto;
}
.asideul, .asideul ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.asideul ul {
display: none;
}
.asideul a:not(#ActiveCategory_A) {
display: block;
text-decoration: none;
}
.asideul ul.dropdown li:not(.active) > a:not(#ActiveCategory_A):hover {
text-decoration: underline;
}
.asideul > li > ul > li.viewall ~ li {
display: none;
}
.asideul > li > ul > li.viewall {
text-decoration: underline;
margin-top: 5px;
cursor: pointer;
color: #000000;
}
.asideul > li > ul ul {
margin: 5px 0;
padding: 0 0 0 10px;
border-left: solid 2px rgba(227,227,227,1.00);
}
.asideul > li > a {
margin: 0 0 15px;
font-size: 23px;
font-weight: 300;
}
.asideul > li > a > span.ProductMenu_MenuItemBold {
font-weight: 300;
}
.asideul > li > ul a {
padding: 2px 0;
}
.asideul > li > ul a.Activ_ProductMenu {
color: #000000;
font-weight: bold;
}
.asideul + .productFilter {
padding-top: 20px;
margin-top: 20px;
border-top: solid 1px rgba(217,217,217,1.00);
}
columns {
display: flex;
margin-left: -2%;
margin-right: -2%;
}
columns > * {
flex: auto;
margin-left: 2%;
margin-right: 2%;
}
columns > :last-child:not(:first-child) {
flex: none;
width: 46%;
}
columns > div.short {
align-self: center;
font-size: 200%;
padding: 0 5%;
line-height: 2em;
}
columns.padding {
margin-left: 0;
margin-right: 0;
}
columns.padding > * {
margin-left: 0;
margin-right: 2%;
}
columns.padding > :last-child:not(:first-child) {
margin-right: 0;
width: 49%;
}
#column-order-summary {
position: sticky;
top: 5%;
}
.webshop-checkout .stickytop {
position: absolute;
top: -400px;
}
}
@media (max-width: 1200px) {
}
@media (max-width: 899px) {
.productcard .Prices_Custom_DIV .actual {
flex-wrap: wrap;
display: flex;
}
.bulkprice > .savings {
width: 40%;
}
.productcard .Prices_Custom_DIV .actual .priceincvat {
flex: none;
width: 100%;
padding-left: 0;
}
.contactinfo > div {
width: 100%;
margin-bottom: 10px;
}
.pcardcontact {
font-size: 20px;
}
.pcardcontact a {
display: block;
}
.review {
padding: 40px 0;
max-width: 100%;
}
.review .slick-list {
margin: 0 -6;
}
.review .slick-slide {
margin: 0 6px;
}
.infobar {
top: 81px;
}
aside {
display: inline;
}
.asideul {
display: none;
}
.productFilter {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999999;
overflow: hidden;
background-color: rgba(0,0,0,.4);
display: none;
}
#ProductFilter-Container {
position: absolute;
top: 0;
left: -400px;
height: 100%;
width: 330px;
max-width: 80%;
padding: 20px;
background-color: rgba(255,255,255,1.00);
box-shadow: 0 0 50px rgba(0,0,0,.2);
z-index: 400;
border-top: solid 7px #000000;
transition: left 0.2s ease-in-out;
display: flex;
flex-direction: column;
}
#ProductFilter-Container.active {
left: 0;
}
.product .price {
font-size: inherit;
}
.topnav {
padding: 10px 0;
}
.topnav .logo {
height: 22px;
margin: 0;
}
.usp {
flex: none;
display: block;
}
.usp > div, .usp div.slick-slide {
margin-right: 0;
}
.usp:not(.slick-initialized) > div, .usp div.slick-slide {
justify-content: flex-start;
font-size: 11px;
}
.usp:not(.slick-initialized) > div:nth-child(n+2) {
display: none !important;
}
header .top {
background-color: rgba(255,255,255,1.00);
border-bottom: solid 1px rgba(237,237,237,1.00);
}
.container.content {
min-height: calc(100vh - 109px);
}
.topnav .search {
display: none;
}
.infobar > div {
padding-right: 20px;
}
.topnavbuttons > *:not(.minibasketcontainer) {
margin-left: 10px;
}
.topnavbuttons > * img {
margin: 0;
}
div.topnavbuttons > * > small, .topnavbuttons > div.basket > a > small {
display: none;
}
.productmenu {
display: none;
position: fixed;
top: 81px;
left: 0;
width: 100%;
height: calc(100vh - 81px);
background-color: rgba(255,255,255,.60);
border-top: solid 1px rgba(237,237,237,1.00);
z-index: 100;
flex-direction: column;
padding-left: 45px;
}
.productmenu.active {
display: flex;
}
.productmenu .ProductmenuContainer_DIV {
flex: auto;
background-color: rgba(255,255,255,1.00);
border-left: solid 1px rgba(237,237,237,1.00);
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
z-index: 15;
box-shadow: 0 25px 25px rgba(0,0,0,.2);
}
.Heading_ProductMenu {
display: none;
}
#ProductMenu_List ul {
display: none;
}
#ProductMenu_List > li > a, #ProductMenu_List > li > a > span.ProductMenu_MenuItemBold {
font-weight: 300;
}
#ProductMenu_List > li > a {
display: block;
padding: 15px 20px;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
flex: auto;
border-bottom: solid 1px rgba(237,237,237,1.00);
}
#ProductMenu_List li {
display: flex;
flex-wrap: wrap;
}
#ProductMenu_List li.has-dropdown > i {
flex: none;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: solid 1px rgba(237,237,237,1.00)
}
#ProductMenu_List li.has-dropdown > i > img {
width: 18px;
}
#ProductMenu_List li.has-dropdown.open > i > img {
transform: rotate(180deg);
}
#ProductMenu_List li.has-dropdown > ul {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
border-left: solid 5px rgba(237,237,237,1.00);
}
#ProductMenu_List > li:first-child > ul,
#ProductMenu_List li.has-dropdown.open > ul {
display: block;
}
#ProductMenu_List li.has-dropdown > ul > li > a {
display: block;
padding: 15px 20px;
line-height: 1;
text-decoration: none;
flex: auto;
border-bottom: solid 1px rgba(237,237,237,1.00);
}
.mobilemenuusp {
padding: 15px 20px;
}
.mobilemenuusp > div:not(:last-child) {
margin-bottom: 10px;
}
.mobilemenuusp strong {
display: block;
color: #2A3D4C;
}
.mobilemenucontent {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
text-decoration: none;
background-color: #000000;
color: rgba(255,255,255,1.00);
}
.mobilemenucontent img {
height: 10px;
width: auto;
margin: 0 0 0 10px;
display: block;
}
.frontpage-products {
margin: 30px 0;
}
.SubCats_Categories_UL.brandsul > li {
width: 48% !important;
}
.listtools {
margin-left: -2%;
margin-right: -2%;
flex-wrap: wrap;
}
.listtools > * {
width: 46%;
margin: 0 2%;
}
.listtools > .toppager {
width: 96%;
margin-top: 4%;
}
.toppager .pager {
width: 100%;
}
.toppager .pager .prev, .toppager .pager .next {
min-width: 80px;
}
.pages a.ActivePageNumber_ProductList:link, .pages a.ActivePageNumber_ProductList:visited, .pages a.ActivePageNumber_ProductList:hover, .pages a.ActivePageNumber_ProductList:active, .pages a.InactivePageNumber_ProductList:link, .pages a.InactivePageNumber_ProductList:visited, .pages a.InactivePageNumber_ProductList:hover, .pages a.InactivePageNumber_ProductList:active, .pager .prev a, .pager .next a {
padding: 6px 7px;
}
.pager .prev a, .pager .next a {
padding-top: 7px;
padding-bottom: 7px;
}
.pager .prev a {
padding-left: 0;
}
.pager .next a {
padding-right: 0;
}
.webshop-frontpage .container.content {
max-width: 100%;
padding-top: 0;
}
.Text1_FrontPage {
display: flex;
flex-direction: column;
}
.Text1_FrontPage > a {
flex: none;
width: 100%;
display: block;
}
.Text1_FrontPage > *:not(:last-child) {
margin-bottom: 15px;
}
.Text1_FrontPage .fpusp img[src*="maerket"] {
width: 80px;
}
.RadioButton_Container_ProductInfo > div {
width: 31.33%;
}
footer > div.container.columns > div:not(:last-child) {
margin-bottom: 40px;
}
.cards {
justify-content: flex-start;
}
.social {
justify-content: flex-start;
}
.social a {
margin: 0 5px 5px 0;
}
.social > div:last-child {
flex-wrap: wrap;
padding-top: 15px;
}
.social > div:last-child > div {
margin: 0 5px 5px 0;
}
/* .productcard .productcard-buysection .Prices_Custom_DIV > div:first-child {
font-size: 28px;
} */
.productcard-shippinginfo > div {
justify-content: flex-start;
}
#BUYSECTION input[type="number"],
#BUYSECTION input[type="submit"] {
min-height: 45px;
}
#BUYSECTION input[type="submit"] {
font-size: 12px;
padding: 0 10px;
}
.pcusp {
margin: 0;
}
.pcusp > * {
width: 100%;
margin: 0 0 10px;
}
.minibasket {
width: 100%;
max-width: 100%;
}
.minibasket > * {
flex: none;
}
.minibasket > *:not(.linescontainer) {
padding-left: 20px;
padding-right: 20px;
}
.minibasket > .header {
font-size: 20px;
padding-top: 20px;
}
.minibasket .bottom {
padding-bottom: 20px;
}
.minibasket .bottom > a {
padding: 11px 15px;
}
.minibasket .bottom > a:first-child {
margin-bottom: 10px;
}
.minibasket .linescontainer {
position: relative;
top: auto;
right: auto;
width: 100%;
flex: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
box-shadow: none;
}
.minibasket .lines {
padding: 0 20px;
}
.minibasket .line {
flex-direction: row;
align-items: flex-start
}
.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;
}
.basketclosebutton {
position: relative;
left: auto;
top: auto;
}
.showbasket .summary {
margin-top: 10px;
}
.twocolumns {
flex-direction: column;
}
.twocolumns .supportbox {
margin-top: 20px;
justify-content: center;
}
#customer-login {
flex-direction: column;
padding: 10px;
text-align: center;
}
#customer-login > p strong {
display: block;
}
#customer-login .button {
width: 100%;
margin-top: 10px;
}
.hideonmobile {
display: none;
}
div.CookiePolicyText > img {
margin: 15px 25px;
width: 120px;
}
div.CookiePolicyText > h2 {
padding: 25px 25px 15px;
font-size: 21px;
}
div.CookiePolicyText > p {
padding: 0 25px 25px;
font-size: 95%;
}
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;
}
columns {
display: block;
}
columns.padding {
padding: 15px;
}
columns .focus {
width: 100%;
padding: 20px;
}
columns > img {
width: 100%;
display: block;
}
.webshop-checkout .topnavbuttons,
.webshop-checkout .topmenu {
display: none;
}
#checkout-container {
flex-direction: column;
padding: 5%;
}
div#checkout-container #column-data, div#checkout-container #column-shipping-payment, #checkout-container #column-order-summary {
width: 100%;
max-width: 100%;
}
#checkout-container h2, #checkout-container h3 {
font-size: 17px;
}
#checkout-container fieldset > label, #checkout-container fieldset > div#subscription-maillist, #shipping-methods > label, #checkout-container .altdel {
width: 98%;
}
.button.editbasket {
margin: 20px 0;
}
#checkout-container .altdel {
margin-top: 20px;
}
.slideoutcontainer.active .slideout {
width: 90%;
}
.slideoutcontainer.active .slideoutheader > div img {
width: 25px;
}
.slideoutcontainer.active .slideoutheader > div {
padding: 15px 0;
}
}
@media (max-width: 450px) {
.productcard-shippinginfo > div.deliveryinfo-container > a {
display: none;
}
}
.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}
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}