@charset "UTF-8";

/* src/scss/shop.scss */
:root {
  --color-black: #000;
  --color-grey: #cfcece;
  --color-hover-grey: rgba(207, 206, 206, 0.8);
  --color-yellow: #e9bc29;
  --color-white: #fff;
  --color-dark-blue: #1C2D3B;
  --color-grey-background: #ECECEB;
  --header-height-mobile: 65px;
  --header-height-desktop: 99px;
  --subheader-height-dektop: 34px;
  --layout-gutter-sm: 10px;
  --layout-gutter-lg: 20px;
  --element-gutter-sm: 10px;
  --element-gutter-lg: 20px;
  --element-gutter-xl: 40px;
  --flow-margin-sm: 5px;
  --flow-margin-lg: 10px;
}
.artikel-singular {
  margin: 50px 0 10px;
}
.artpubDate {
  font-size: 12px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .artpubDate {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .artpubDate {
    font-size: 12px;
  }
}
.art-preview {
  font-size: 20px;
}
.art-content div p {
  font-size: 18px;
}
.artTInfo {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .artTInfo h1 {
    font-size: 22px;
  }
}
.more-articles {
  margin-bottom: 90px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .more-articles {
    margin-bottom: 30px;
    overflow: hidden;
  }
}
@media (max-width: 500px) {
  .more-articles {
    margin-bottom: 0;
    overflow: hidden;
  }
}
.more-articles a,
.more-articles a:hover {
  color: #000;
  text-decoration: none;
}
.fler-title {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .fler-title {
    font-size: 14px;
  }
}
.more-art-img {
  height: 305px;
}
@media (max-width: 991px) {
  .more-art-img {
    height: 250px;
    position: relative;
  }
}
@media (max-width: 500px) {
  .more-art-img {
    height: 104px;
  }
}
.more-art-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.artImg2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 407px;
  width: 100%;
}
.artikel-itoppen a,
.artikel-itoppen a:hover {
  color: #000;
  text-decoration: none;
}
.txtArtikel {
  margin-top: 20px;
}
.textArtikelStor {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .textArtikelStor .clearBtn {
    width: 100%;
  }
}
.textArtikelStor .clearBtn {
  width: 350px;
}
.all-articles {
  margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop));
}
@media (max-width: 991px) {
  .all-articles {
    margin-top: calc(var(--header-height-mobile));
  }
}
.news-archive {
  margin-top: 50px;
}
.artCat {
  border: 2px solid #1c2d3b;
  border-radius: 6px;
  display: inline-block;
  font-weight: 400;
  margin: 30px 10px 30px 0;
  padding: 6px 22px;
  text-transform: uppercase;
}
.artCat a {
  font-weight: 400;
  text-decoration: none;
}
.artCat:hover {
  background: #1c2d3b;
}
.artCat:hover a {
  color: #fff;
}
.articles-pagination.next {
  background: #fff;
  color: #e9bc26;
  margin-bottom: 40px;
  text-align: right;
  width: 50%;
}
.articles-pagination.previous {
  background: #fff;
  color: #e9bc26;
  margin-bottom: 40px;
  width: 50%;
}
.articles-pagination a,
.articles-pagination a:hover {
  color: #e9bc26;
  font-size: 40px;
  font-weight: 300;
  text-decoration: none;
}
.articles-show-one {
  margin-bottom: 20px;
}
.fler-title {
  color: #000;
  text-decoration: none;
}
.articles-show-one a,
a .fler-title,
a .fler-title:hover {
  color: #000;
  text-decoration: none;
}
a span.fler-title {
  text-decoration: none;
}
.article-case-page .imageWrapper {
  height: 300px;
}
@media (max-width: 991px) {
  .article-case-page .imgLeft {
    order: 2;
  }
}
.articleSingle .imageWrapper {
  height: 345px;
}
.articleSingle .imageWrapper .overlay3 {
  background: rgba(28, 45, 59, 0.2);
  height: 345px;
}
.articleContent {
  margin: 30px 0;
}
@media (max-width: 991px) {
  .titleArtikel h1 {
    font-size: 22px;
  }
  .nyhetsarkiv {
    margin-top: 40px;
  }
  .katArtiklarna h3,
  .allaArtiklarna h3 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
  }
  .katArtiklarna .artpubDate,
  .allaArtiklarna .artpubDate {
    font-size: 12px;
  }
}
.more-articles h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 20px;
}
.more-articles h5::before {
  background-color: var(--color-hover-grey);
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 30px;
}
.wl-more-art-img {
  height: 360px;
}
@media (max-width: 990px) {
  .wl-more-art-img {
    height: 336px;
  }
}
@media (max-width: 768px) {
  .wl-more-art-img {
    height: 246px;
  }
}
@media (max-width: 576px) {
  .wl-more-art-img {
    height: calc(50vw - 24px);
  }
}
.wl-more-art-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.goldBtn a {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 40px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.goldBtn a:hover {
  text-decoration: none;
  width: 100%;
}
.goldBtn:hover,
.goldBtn a:hover {
  transition-duration: 0.3s;
  transition-property: background, color;
  background: #f0d26c;
  color: #000;
}
.goldBtn .goldBtn:disabled {
  background-color: #f1f1f1;
  color: #c1c1c1;
}
.goldBtn .goldBtn:disabled:hover {
  background-color: #f1f1f1;
  color: #c1c1c1;
  cursor: not-allowed;
}
.goldBtn .goldBtn:active {
  border-radius: 3px;
  box-shadow: inset 2px 2px 4px #e9bc26;
}
.greyBtn {
  background: #cfcece;
  border: 2px solid #c4c4c4;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.greyBtn a {
  color: #000;
  text-decoration: none;
  width: 100%;
}
.greyBtn:hover,
.greyBtn a:hover {
  transition-duration: 0.3s;
  transition-property: background, color;
  background: #373737;
  color: #fff;
  text-decoration: none;
}
.clearBtn {
  background: transparent;
  border: 2px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.clearBtn .clearBtn:disabled {
  border: 2px solid #f1f1f1;
  color: #f1f1f1 !important;
}
.clearBtn .clearBtn:disabled:hover {
  background-color: white;
  border: 2px solid #f1f1f1;
  color: #f1f1f1 !important;
  cursor: not-allowed;
}
.clearBtn a {
  color: #000;
  padding: 5px 15px;
  text-decoration: none;
  width: 100%;
}
.clearBtn a:hover {
  transition-duration: 0.3s;
  transition-property: background, color;
  color: #fff;
}
.clearBtn:hover {
  transition-duration: 0.3s;
  transition-property: background, color;
  background: #373737;
  color: #fff;
  text-decoration: none;
}
.gulBtn {
  background: #e9bc26;
  border: 2px solid #000 !important;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.gulBtn a {
  color: #000;
  text-decoration: none;
  width: 100%;
}
.gulBtn a:hover {
  color: #fff;
}
.gulBtn:hover {
  background: #1c2d3b;
}
.clearbtnWhite {
  transition-duration: 0.3s;
  transition-property: background, color;
  border: 2px solid #fff;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.clearbtnWhite a {
  color: #fff;
  text-decoration: none;
  width: 100%;
}
.clearbtnWhite:hover {
  transition-duration: 0.3s;
  transition-property: background, color;
  background: #ececeb;
  border: 2px solid #ececeb;
  color: #000;
  width: 100%;
}
.clearbtnWhite:hover a {
  color: #000;
}
.clearbtnWhite .clearbtnWhite:active {
  box-shadow: inset 2px 2px 4px #d2d2d2;
}
.btnClear {
  border: 2px solid #000;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.btnClear a {
  color: #000;
  text-decoration: none;
}
.not-in-stock-message {
  border: 1px solid var(--bs-body-color);
  border-radius: 5px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 2em;
  padding: 8px;
}
.productConfig {
  margin-top: 97px;
  min-height: 55vh;
}
.topSection {
  background: #f9f9f9;
  padding-bottom: 20px;
}
.building {
  padding: 20px 0;
}
.steps {
  display: inline-block;
  font-weight: 700;
  margin-left: 0;
  padding-left: 0;
}
.steps li {
  color: #cfcece;
}
.steps li.active.visited {
  color: #000;
  cursor: pointer;
}
.steps li.visited {
  color: #787878;
  cursor: pointer;
}
.stegEttTxt {
  color: #000;
  font-weight: 700;
}
.step-header-mobile {
  display: none;
}
#rostfri-lyft {
  width: 40px;
}
.steps li {
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}
.steps li span {
  margin-right: 20px;
}
.topInfo img {
  height: 58px;
}
.builderBack a {
  color: #568bbe;
  text-decoration: none;
}
.building h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 48px;
}
.weightBtns {
  margin: 20px 0;
}
.builderWeight,
.builderBrand {
  background: #fff;
  border: 2px solid #cecece;
  border-radius: 4px;
  display: inline-block;
  margin: 0 10px 10px 0;
  min-width: 112px;
  padding: 10px 20px;
}
.builderBrand {
  text-transform: uppercase;
}
.builderWeight.active,
.builderBrand.active {
  background: #1c2d3b;
  border: 2px solid #1c2d3b;
  color: #fff;
}
.builderWeight.disabled,
.builderBrand.disabled {
  color: #cecece;
  text-decoration: line-through;
}
.gulKnapp {
  background: #e9bc26;
  border: 2px solid #e9bc26;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 80px;
  text-align: center;
  text-transform: uppercase;
}
.gulKnapp:hover {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.gulKnapp.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.goldBtn:active {
  border-radius: 3px;
  box-shadow: inset 2px 2px 4px #e9bc26;
}
.block-alt {
  cursor: pointer;
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  margin-right: 2px;
  width: calc(50% - 2px);
}
.block-alt .builderProdWrapper {
  min-height: 205px;
}
.block-alt.active .builderProdWrapper {
  background-color: #1c2d3b;
  border: 2px solid #1c2d3b;
  color: #fff;
}
.block-alt:first-child {
  margin-right: 4px;
}
.gulKnapp .material-icons {
  margin-left: 14px;
  vertical-align: text-top;
}
.vitKnapp {
  border: 2px solid #1c2d3b;
  border-radius: 4px;
  color: #000;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 12px 80px;
  text-align: center;
  text-transform: uppercase;
}
.vitKnapp:hover {
  background: #373737;
  color: #fff;
  text-decoration: none;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.productConfig label {
  font-weight: 400;
}
.nextStep {
  margin-top: 40px;
}
.bilderRight {
  background: #f9f9f9;
  height: 100%;
  padding: 20px 30px 150px;
  position: relative;
}
.bilderRight .builderProdWrapper {
  border: 0;
}
.builderProdWrapper {
  border: 1px solid #ececeb;
  border-radius: 4px;
  height: 100%;
  padding: 15px;
}
.builderProdWrapper:hover {
  border: 1px solid #000;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.builderProdImage {
  display: inline-block;
  vertical-align: top;
  width: 120px;
}
.builderProdImage img {
  max-height: 80px;
}
.builderProdInfo {
  display: inline-block;
  width: calc(100% - 130px);
}
.builderProdBrand {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.builderProdName {
  font-size: 17px;
  font-weight: 300;
}
.builderProdSKU {
  color: #787878;
  font-size: 10px;
  font-weight: 300;
}
.del-ett .margin15 {
  margin-bottom: 15px;
}
.del-ett .disabled .builderProdWrapper {
  border: 2px solid #1c2d3b;
}
#builder-step5 {
  background: #fafafa;
  padding: 30px;
}
#builder-step2 input[type=number],
#builder-step3 input[type=number] {
  width: 90%;
}
.builderGrey {
  color: #ececeb;
  height: 1px;
  width: 100%;
}
.samBuilderOrderInfo {
  display: inline-block;
  padding-top: 25px;
  text-align: right;
  vertical-align: top;
  width: calc(60% - 70px);
}
.samBuilderProdInfo {
  display: inline-block;
  padding-top: 10px;
  width: calc(40% - 70px);
}
.samBuilderProdBrand {
  font-size: 12px;
  font-weight: 300;
}
.samBuilderProdName {
  font-size: 16px;
  font-weight: 500;
}
.samBuilderProdSKU {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin-right: 40px;
}
.samBuilderQty {
  display: inline-block;
  margin-right: 40px;
}
.samBuilderQty input {
  height: 45px;
  margin: 0 5px;
  width: 60px;
}
.samBuilderCost {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin-left: 40px;
}
.sumBuilderTotal {
  font-size: 20px;
  font-weight: 500;
  padding-right: 10px;
  text-align: right;
  width: 100%;
}
.sumBuilderTotalPrice {
  margin-left: 40px;
}
.buildertextRight {
  text-align: right;
}
.buildertextRight a {
  color: #568bbe;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.buildertextRight .material-icons {
  vertical-align: middle;
}
.builder-step5 .nextStep {
  text-align: right;
}
.builderFullWidth {
  width: 100%;
}
.bilderRight h2 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .builderProdImage {
    width: 140px;
  }
  .builderProdImage img {
    max-height: 100px;
  }
  .samBuilderProdInfo {
    width: calc(100% - 90px);
  }
  .samBuilderOrderInfo {
    width: 100%;
  }
  .samBuilderProdSKU {
    display: none;
  }
  .nextStep .vitKnapp,
  .nextStep .gulKnapp {
    width: 100%;
  }
  .nextStep .gulKnapp {
    margin-bottom: 6px;
  }
  .builderProdInfo {
    padding-left: 10px;
    width: calc(100% - 150px);
  }
  .block-alt .builderProdWrapper {
    min-height: 150px;
  }
  .step-product-list {
    display: none;
  }
  .check-chain {
    float: left;
    padding: 40px 0;
  }
  .check-chain-label {
    float: left;
    padding: 40px 0;
    width: 80%;
  }
  .check-chain-label label {
    padding-top: 0;
  }
  h1 {
    font-size: 26px;
  }
  .builderBack {
    display: none;
  }
  .topInfo img {
    margin-right: 40px;
  }
  .step-header-desk {
    display: none;
  }
  .step-header-mobile {
    display: inline-block;
  }
  #builder-step5 .buildertextRight {
    text-align: left;
  }
  .vitKnapp,
  .gulKnapp {
    padding: 12px 20px;
  }
  .builder-step5 .samBuilderOrderInfo {
    text-align: center;
  }
}
.topCartSkalet {
  max-height: 500px;
  overflow: clip auto;
  padding-right: 10px;
}
.closeCartpopup {
  font-size: 16px;
  margin-bottom: 15px;
  text-align: center;
}
.top-cart-box {
  background: #fff;
  color: #000;
  display: none;
  filter: drop-shadow(-1px 6px 15px rgba(80, 80, 80, 0.25));
  padding: 20px 15px;
  position: absolute;
  right: -15px;
  text-align: left;
  top: 67px;
  width: 375px;
}
.top-cart-quantity {
  display: inline-block;
  margin-left: 30px;
}
.top-cart-total {
  display: inline-block;
}
.top-cart-item {
  position: relative;
}
.top-cart-item a {
  padding: 0;
}
.delete-cart-item-top {
  position: absolute;
  right: 6px;
  top: 0;
}
.top-cart-quantity .quantity-field {
  font-size: 14px;
  font-weight: 300;
  height: 23px;
  width: 46px;
}
.top .quantity-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.unit-amount.topUnit {
  font-size: 14px;
}
.top-cart-partOne {
  margin: 15px 0 45px;
}
.top-cart-partOne h4 {
  font-size: 16px;
  font-weight: 700;
}
.top-cart-partOne h4 span {
  font-size: 14px;
  font-weight: 300;
  margin-left: 20px;
}
.top-cart-infoBold {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.top-cart-info {
  font-size: 18px;
  font-weight: 300;
  text-align: right;
}
.topp-cart-sum {
  padding-top: 30px;
}
.tillagd-i-varukorg {
  background: #fff;
  border: 2px solid #1b2d3c;
  display: none;
  padding: 5px;
}
.cart-top {
  margin-top: 120px;
}
@media (max-width: 991px) {
  .cart-top {
    margin-top: 65px;
  }
}
.wl-cart__customer-info .cart-kampanj {
  display: none;
}
.cart-notice .col-12 {
  background-color: #1c2d3b;
  padding: 15px;
}
.cart-notice .col-12 * {
  color: white;
  margin: 0;
}
.cart-item {
  border-bottom: 1px solid #cfcece;
}
.cart-item .product-messages .product-message {
  background-color: rgba(233, 188, 38, 0.3019607843);
  padding: 10px;
}
.cart-item .proHI {
  float: left;
  margin-right: 6px;
  position: relative;
  right: 0;
  top: -5px;
}
.cart-items-wrapper {
  border: 1px solid #cfcece;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px;
}
.cart-items-wrapper h1 {
  text-transform: uppercase;
}
.wl-checkout__step-3 .cart-items-wrapper .delete-cart-item,
.wl-checkout__step-3 .cart-items-wrapper .quantity-btn {
  display: none;
}
.cart-sum-wrapper {
  border: 1px solid #cfcece;
  border-radius: 3px;
  padding: 40px;
}
.cart-headlines {
  border-bottom: 1px solid #cfcece;
  margin-inline: 0;
}
.back-from-cart {
  background: transparent;
  color: #395a7a !important;
  float: left;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  width: 50%;
}
.segment {
  display: inline-block;
  float: left;
}
.cart-name {
  display: inline-block;
}
.top-cart-box .cart-name {
  display: inline-block;
  width: 200px;
}
.cart-name a {
  padding: 0;
  text-decoration: none;
}
.item-name {
  float: left;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  text-decoration: none;
}
.item-sku {
  font-size: 14px;
  margin-bottom: 0;
}
.item-brand {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.item-lift,
.item-pull {
  margin-bottom: 0;
}
.quantity-btn {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
}
.quantity-field {
  height: 36px;
  text-align: center;
  width: 50px;
}
.delete-cart-item {
  color: #6e6e6e;
  text-decoration: none;
  text-transform: uppercase;
}
.delete-this {
  cursor: pointer;
  margin-top: 50px;
}
.delete-this a {
  color: #6e6e6e !important;
  text-decoration: none;
  text-transform: uppercase;
}
.cart-item {
  margin: 30px 0;
}
.cart-head {
  font-size: 20px;
  font-weight: 500;
}
.cart {
  padding: 50px 0;
}
.cart .form-control:disabled,
.cart .form-control[readonly],
.cart input[readonly] {
  background-color: white;
  padding: 0;
}
.cart select:disabled,
.cart textarea:disabled {
  appearance: none;
  background-color: white;
  border: 0;
  color: black;
  padding: 0;
}
.unit-amount {
  font-size: 16px;
  font-weight: 500;
}
.image-wrapper {
  height: 94px;
  width: 94px;
}
.cart-item-heart,
.cart-item-heart-mobile {
  color: #6e6e6e;
  font-size: 14px;
  margin-top: 20px;
  text-transform: uppercase;
}
.cart-item-heart .material-icons,
.cart-item-heart-mobile .material-icons {
  padding-right: 20px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .cart-item-heart {
    display: none;
  }
  .cart-item-heart-mobile {
    display: inline-block;
  }
}
.image-wrapper img {
  vertical-align: unset;
}
.cart-offert {
  margin-inline: auto;
  margin-bottom: 20px;
  width: 250px;
}
@media (min-width: 992px) {
  .cart-offert {
    margin-inline: 0;
  }
}
.total-cart-sum {
  border-top: 1px solid #cfcece;
  margin-top: 15px;
}
.cart-info {
  margin-bottom: 20px;
}
.cart-infoBold {
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 20px;
}
.summary-prices {
  margin-top: 30px;
}
.cart h1,
.cart h2 {
  font-size: 24px;
  font-weight: 900;
}
.cart h3 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}
.options-wrapper {
  display: inline-block;
  width: 100%;
}
.payment-method {
  float: left;
  width: 50%;
}
.billing-wrapper,
.shipping-wrapper {
  margin-bottom: 20px;
}
.billing-wrapper.billing-option-count-1 {
  display: none;
}
.billing-wrapper.billing-option-count-1.payment-method-invoice-available {
  display: block;
}
.greyBg {
  background: #ecebeb;
  padding: 0 0 50px;
}
.cart-tillbehor {
  margin-bottom: 25px;
  text-transform: uppercase;
}
.cart-button-containers {
  padding: 10px;
  text-align: center;
}
.cart-button-containers .material-icons {
  color: #568bbe;
  margin-right: 15px;
  vertical-align: middle;
}
.prod-speedorder {
  border: 2px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.prod-speedorder .material-icons {
  margin-right: 10px;
  vertical-align: middle;
}
.cart-speedorder {
  margin-left: auto;
  margin-top: -83px;
  width: 231px;
}
.cart-kampanj {
  margin-top: 35px;
}
.cart-kampanj .clearBtn {
  background: transparent;
  border: 1px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  line-height: 32px;
  margin-top: 41px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.cart-kampanj .clearBtn:hover {
  background-color: black;
  transition: background-color 0.4s;
}
.campaign-info {
  background: #f9f9f9;
  border-radius: 3px;
  margin-top: 20px;
  padding: 10px;
}
.campaign-info h4 {
  font-size: 18px;
}
.campaign-error {
  display: none;
}
.cart-sum-wrapper .goldBtn {
  height: 50px;
  width: 100%;
}
.cart-item-image .image-wrapper {
  text-align: center;
}
.cart-item-image .image-wrapper img {
  max-height: 100%;
}
@media (max-width: 991px) {
  .cart-item-image {
    margin-bottom: 30px;
  }
}
.topCart-info .cart-item-image img,
.topCart-info .cart-item-image .image-wrapper {
  max-height: 100px;
  max-width: 60px;
}
.topCart-info .cart-name {
  width: 200px;
}
.topCart-info .segment {
  margin-right: 10px;
}
.topCart-info .item-name {
  font-size: 12px;
}
.payment-wrapper .headline {
  text-transform: uppercase;
}
.justify-right {
  text-align: right;
}
.complete {
  margin-top: 100px;
}
.caseTxt {
  color: #fff;
  font-size: 18px;
}
.caseImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
.caseInfo {
  background: rgba(233, 188, 38, 0.8);
  bottom: 5px;
  color: #fff;
  display: none;
  left: 5px;
  padding: 40px;
  position: absolute;
  text-align: center;
  width: calc(100% - 10px);
}
@media (max-width: 991px) {
  .caseInfo {
    bottom: 0;
    display: block;
    left: 0;
    width: 100%;
  }
}
.caseImg:hover .caseInfo {
  display: block;
  -webkit-transition: 3s all;
  -moz-transition: 3s all;
  -ms-transition: 3s all;
  -o-transition: 3s all;
  transition: 3s all;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.caseInfo a {
  color: #fff;
  text-decoration: none;
}
.caseInfo a:hover {
  color: #fff;
  text-decoration: none;
}
.caseInfo a .lightxt {
  font-weight: 300;
}
.caseInfo .clearbtnWhite {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
@media (max-width: 500px) {
  .caseInfo .clearbtnWhite {
    width: auto;
  }
}
.caseInfo a .clearbtnWhite .material-icons {
  vertical-align: text-top;
}
.kundcasen {
  margin: 50px 0 30px;
}
.caseGul {
  background: #e9bc26;
  padding: 70px 0;
}
.caseGul .clearBtn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 400px;
}
@media (max-width: 500px) {
  .caseGul .clearBtn {
    width: auto;
  }
}
.caseprodukt {
  border: 1px solid #ececeb;
  border-radius: 5px;
  height: 100%;
  padding: 20px;
}
.caseprodukt a:hover {
  color: #000;
}
.caseprodukt .proImg img {
  max-height: 200px;
}
.snabborder {
  margin-bottom: 40px;
}
.snabbordern {
  display: none;
  margin: 20px 0;
  text-align: right;
}
.add-row-wrapper {
  margin: 10px 0;
}
.snabb-order-row .item-name {
  border-bottom: 1px solid #f1f1f1;
  font-size: 12px;
  height: 50px;
  padding: 12px;
}
.snabborder .add-item-search input {
  border-bottom: 1px solid #f1f1f1;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.blueTop {
  background: #1c2d3b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 15px 0;
  text-transform: uppercase;
}
.proTxt {
  float: left;
  padding-top: 40px;
  width: 60%;
}
a.proTxt h4 {
  font-size: 22px;
  font-weight: 300;
}
.proImg {
  float: left;
  height: 211px;
  width: 40%;
}
.proImg img {
  max-width: 90%;
}
.brand {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.sku {
  color: #787878;
  font-size: 10px;
}
.varianter {
  color: #787878;
  font-size: 14px;
}
.produkterna {
  margin-bottom: 50px;
}
.caseGrey {
  background: #ececeb;
  padding: 70px 0;
}
.caseGrey .gulBtn {
  border: 0;
  margin-top: 40px;
}
.caseImages .inImgSlide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 797px;
  width: 100%;
}
@media (max-width: 991px) {
  .kundCaseSkal {
    background: #1c2d3b;
    margin-bottom: -30px;
    margin-top: -50px;
    padding-bottom: 30px;
    padding-top: 50px;
  }
}
a:hover {
  color: #e9bc26;
}
body,
html {
  font-family: "Heebo", sans-serif;
  font-weight: 300;
  overflow: hidden auto;
  scroll-behavior: auto !important;
}
a {
  color: #000;
}
h1,
h2,
h3 {
  font-weight: 900;
}
img {
  max-width: 100%;
}
@media (max-width: 1399px) {
  img img {
    max-width: 100%;
  }
}
input[type=checkbox],
input[type=radio] {
  width: 40px;
}
button,
input,
optgroup,
select,
textarea {
  border: 1px solid #cfcece;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 9px;
  width: 100%;
}
label {
  display: inline-block;
  font-weight: 700;
  padding-top: 17px;
}
.item-name {
  width: 100%;
}
.fast-ordering-items {
  height: 60px;
  position: relative;
}
.addItemToList {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fast-search-item {
  width: 100% !important;
}
.forgett-password {
  font-size: 12px;
  margin-right: -10px;
  margin-top: 10px;
  text-align: right;
  text-decoration: none;
}
.forgett-password a {
  text-decoration: none;
}
.logInRuta .forgett-password {
  margin-right: 0;
}
.prod-info-success {
  display: none;
}
.tillagd-i-varukorg {
  background: #fff;
  border: 2px solid #1b2d3c;
  display: none;
  padding: 5px;
}
.quantity-btn.subtract,
.quantity-btn.add {
  cursor: pointer;
}
.pagination {
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}
.pagination .material-symbols-outlined {
  vertical-align: middle;
}
.pagination a {
  text-decoration: none;
}
.gruppmeny {
  max-height: calc(100vh - 100px);
  min-height: 300px;
  overflow: hidden auto;
  position: relative;
}
.groupTop {
  background: #1c2d3b;
  color: #fff;
  margin-top: 99px;
  min-height: 260px;
  width: 100%;
}
.snabbordern {
  margin: 20px 0;
  text-align: right;
}
.snabb {
  border: 2px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
}
.snabb a {
  color: #fff;
  text-decoration: none;
}
.snabb a:hover {
  color: #fff;
  text-decoration: none;
}
.groupMoreInfo {
  background: #1c2d3b;
  color: #fff;
  padding: 70px 0;
}
.groupTop h1 {
  font-size: 22px;
  font-weight: 700;
}
.subgr {
  background: #ececeb;
  display: none;
  margin: 0 0 20px;
  padding: 20px 0;
  width: 100%;
}
.gSub {
  border-bottom: 1px solid #cfcece;
  color: #000;
  display: inline-block;
  height: 50px;
  list-style: none;
  margin-right: 3%;
  padding: 15px;
  width: 29%;
}
.gSub a {
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
.prodRbr .material-icons {
  vertical-align: text-bottom;
}
.prodRbr {
  cursor: pointer;
  font-weight: 400;
  padding-top: 10px;
}
.prodmenuG {
  margin: 20px 0;
}
.groupProd,
.gruppProdukter {
  background: #ececeb;
  padding: 50px 0;
}
.prInfo {
  background: #fff;
  height: 100%;
  padding: 15px;
}
.prInfo a {
  text-decoration: none;
}
.prInfo a:hover {
  color: #000;
}
.prInfo:hover {
  transition-duration: 0.8s;
  transition-property: background;
}
.proHI {
  background-image: url(https://s3-eu-west-1.amazonaws.com/static.wm3.se/sites/921/template_assets/heart_icon_dark.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 8px;
  text-align: right;
  top: -25px;
  width: 30px;
}
.proHI.wm3-favorite-on {
  background-image: url(https://s3-eu-west-1.amazonaws.com/static.wm3.se/sites/921/template_assets/filled.png);
  background-size: cover;
}
.wm3-favorites {
  padding-bottom: 80px;
}
.greenC {
  background: #00a611;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  width: 12px;
}
.redC {
  background: #a70000;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  width: 12px;
}
.yellowC {
  background: #e9bc26;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  width: 12px;
}
.submit-buy .product-card-instock {
  margin-top: 10px;
  text-align: left;
}
.product-card-instock {
  margin-bottom: 25px;
  text-align: right;
}
.product-card-brand-name {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.product-card-name,
a .product-card-name {
  font-size: 18px;
  margin-bottom: 0;
}
.product-card-sku {
  color: #787878;
  display: block;
  font-size: 10px;
}
.product-card-price {
  font-size: 18px;
  font-weight: 500;
}
.product-card-image img {
  margin-left: auto;
  margin-right: auto;
  max-height: 100%;
}
.product-card-image {
  height: 186px;
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  text-align: center;
}
.products-counter {
  color: #a9a9a9;
  text-align: right;
  text-transform: uppercase;
}
.prodImages {
  position: relative;
}
.product-i-lager {
  color: #787878;
  display: inline-block;
  font-size: 14px;
  text-align: right;
  text-transform: uppercase;
  width: 48%;
}
.product-variant-finns {
  color: #787878;
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
.products-filter #products-filter {
  display: flex;
}
.filter-text {
  display: none;
}
.filter-wrapper {
  display: inline-block;
  position: relative;
}
.reset-filter {
  display: none;
}
.filter-dropdown {
  background: #ececeb;
  border: 1px solid #000;
  display: none;
  font-weight: 300;
  padding: 10px 15px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.filter-dropdown input {
  display: none;
}
.filter-dropdown .CheckSyn input {
  display: block;
}
.filter-dropdown label {
  display: inline-block;
  font-weight: 300;
  padding: 0;
}
.filter-dropdown .material-icons {
  vertical-align: text-top;
}
.menu-productfilter-ip {
  display: inline-block;
  margin-right: 20px;
}
.products-filter #products-filter {
  display: inline-block;
  width: 100%;
}
#products-filter .checkbox-label {
  font-weight: 300;
  padding: 0;
  position: relative;
}
#products-filter .checkbox-label input {
  position: relative;
  top: 5px;
}
#products-filter .checkTxt {
  display: inline;
  font-weight: 300;
  position: relative;
  top: 2px;
}
#products-filter input[type=checkbox] {
  display: inline;
  height: 20px;
  width: 40px;
}
#products-filter .testar > input {
  background-color: #ececeb;
}
#products-filter .selectdrops {
  width: 190px;
}
.prodcounter {
  position: relative;
}
.products-counter {
  color: #a9a9a9;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  top: -61px;
}
.gruppProdukter .grupp-products-skal {
  margin-top: 50px;
}
.selectdrops select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(https://s3-eu-west-1.amazonaws.com/static.wm3.se/sites/921/template_assets/pil_ner_dark.png?1641887444);
  background-position-x: 93%;
  background-position-y: 17px;
  background-repeat: no-repeat;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-right: 2rem;
}
p.campaign-price {
  color: #a70000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
p.original-price {
  color: #787878;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: line-through;
}
span.original-price {
  color: #787878;
  display: block;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: line-through;
}
.campaign-banner {
  font-size: 11px;
  font-weight: 700;
  height: 16px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60%;
}
.campaign-active {
  background: #e9bc26;
}
.product-page .short-description {
  font-size: 18px;
}
.product-page .brand-name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.product-page .campaign-price {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
}
.product-page .campaign-price .ex-taxes {
  font-weight: normal;
}
.product-page .campaign-price .marknads-price {
  font-size: 16px;
  font-weight: normal;
}
.product-page .original-price {
  font-size: 18px;
}
.product-page .product-name {
  font-size: 34px;
  font-weight: 300;
}
.product-page-sku {
  color: #787878;
  display: block;
}
.product-and-volume {
  width: 90%;
}
.product-page .product-info .proHI {
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
.product-page .quantity-field {
  height: 50px;
  text-align: center;
  width: 52px;
}
.product-page .goldBtn {
  height: 50px;
  width: 100%;
}
.product-page .out-of-stock {
  margin-top: 12px;
}
.tillbehorItm .prInfo {
  border: 1px solid #ececeb;
  height: 440px;
  margin-right: 10px;
  padding: 10px;
}
.product-page {
  margin-top: 101px;
}
.egenskaper {
  background: #f9f9f9;
  margin-top: 30px;
  padding: 50px 0;
}
.btnClear {
  border: 2px solid #000;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.btnClear a {
  color: #000;
  text-decoration: none;
}
.prop-single-left {
  display: inline-block;
  width: 50%;
}
.prop-single-right {
  display: inline-block;
  padding-right: 0 !important;
  text-align: right;
  width: 48% !important;
}
.prop-single {
  border-bottom: 1px solid #cfcece;
  padding: 15px 0 5px 2px;
}
.tilltitle {
  padding: 40px 0;
}
.tilltitle h4 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.bread-link {
  text-transform: capitalize;
}
.homePage {
  text-transform: capitalize;
}
.prod-reseller {
  margin-top: 30px;
}
.prod-more-info {
  margin-top: 30px;
}
.prod-more-info-link {
  clear: both;
  font-size: 22px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
}
.prodContpop {
  font-size: 22px;
  font-weight: 700;
}
.choose-variant-text {
  border: 1px solid #cfcece;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  width: 100%;
}
.choose-variant-text .material-icons {
  position: absolute;
  right: 10px;
  vertical-align: text-top;
}
.draggable {
  padding: 0 !important;
}
.slider-for {
  border: 1px solid #ececeb;
}
.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slider-for .slick-prev {
  left: 0;
}
.slider-for .slick-next {
  right: 0;
}
.slider-for .various {
  padding-top: 100px;
  position: relative;
  text-align: center;
}
.slider-for .various:hover .fa-youtube {
  color: #f0d26c;
}
.konfigInfo {
  margin-top: 20px;
}
.mobileOly {
  display: none;
}
.product-manual,
.product-print {
  float: left;
  margin-top: 20px;
  width: 33%;
}
.product-manual img,
.product-print img {
  margin-right: 15px;
}
.product-print {
  text-align: right;
}
.product-manual a,
.product-print a,
.product-manual a:hover,
.product-print a:hover {
  color: #000;
  text-decoration: none;
}
.product-card-instock {
  font-size: 12px;
  margin-bottom: 0;
}
.variant-select {
  border-radius: 3px;
  display: none;
}
.variant-select .checkbox-wrapper {
  border-bottom: 1px solid #cfcece;
  border-left: 1px solid #cfcece;
  border-radius: 3px;
  border-right: 1px solid #cfcece;
  display: block;
  margin-top: 0;
  padding: 5px 15px;
  width: 100%;
}
.variant-select .checkbox-wrapper label {
  font-weight: 300;
}
.variant-select .checkbox-wrapper input[type=radio] {
  display: none;
}
.choose-variant-text {
  margin-bottom: 0;
}
.product-price {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
  padding-right: 20px;
}
.product-price-customer {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 0;
  padding-right: 20px;
}
.product-price-customer-lista {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  padding-right: 0;
}
.marknads-price {
  color: #787878;
  display: block;
  vertical-align: -webkit-baseline-middle;
}
.marknads-price-lista {
  color: #787878;
  font-size: 10px;
  margin-bottom: 0;
}
.offertPopup {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: none;
  left: calc(50% - 532px);
  padding: 40px 0 0;
  position: absolute;
  text-align: center;
  top: 110px;
  width: 1065px;
  z-index: 300;
}
.offertPopup .formInner {
  margin-bottom: 60px;
}
.offertPopup label {
  text-transform: capitalize;
}
.offertPopup textarea {
  height: 130px;
}
.cusNmnet {
  font-weight: 700;
}
.offertPopup .blueTop {
  background: #1c2d3b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 0;
  padding: 5px 0;
  text-transform: uppercase;
}
.offertPopup .proInfo {
  font-size: 12px;
  padding-right: 70px;
  position: relative;
}
.offertPopup .proInfo span:first-of-typr {
  display: block;
}
.offertPopup .proSize {
  position: absolute;
  right: 15px;
  top: 0;
  width: 70px;
}
.offertPopup .proSize label {
  padding-top: 0;
}
.item-offert {
  border-bottom: 1px solid #e1e1e1;
  margin: 10px 0;
  padding: 10px 0;
}
.item-offert .proImg {
  height: auto;
  text-align: center;
  width: 22%;
}
.item-offert .proImg img {
  max-height: 50px;
}
.item-offert .proInfo {
  font-size: 12px;
  min-height: 60px;
}
.item-offert .brandName {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.offertPopup .proImg {
  height: 70px;
  text-align: center;
  width: 22%;
}
.offertPopup .proImg img {
  max-height: 50px;
}
.prod-rubrik {
  display: inline-block;
  padding: 0 15px;
  text-transform: capitalize;
  width: 50%;
}
.builderOffertImage {
  text-align: center;
  width: 22% !important;
}
.builder-item-offert:first-child {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px !important;
}
.builderOffertImage img {
  max-height: 50px !important;
}
.builderOffertInfo {
  font-size: 12px;
  padding-top: 0 !important;
  width: calc(100% - 120px) !important;
}
.prod-antal {
  display: inline-block;
  padding: 0 15px;
  text-align: right;
  text-transform: capitalize;
  width: 48%;
}
.afterkontaktform .goldBtn {
  text-align: center;
}
.afterkontaktform {
  min-height: 300px;
  padding-bottom: 40px;
}
.afterkontakt-buttons {
  margin-top: 80px;
}
.antal-center {
  text-align: center !important;
}
input.no-border-input {
  border: 0 solid #cfcece;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 50px;
}
.cart-notice .col-12 {
  background-color: #1c2d3b;
  padding: 15px;
}
.cart-notice .col-12 * {
  color: white;
  margin: 0;
}
.cart-item {
  border-bottom: 1px solid #cfcece;
}
.cart-item .product-messages .product-message {
  background-color: rgba(233, 188, 38, 0.3019607843);
  padding: 10px;
}
.cart-item .proHI {
  float: left;
  margin-right: 6px;
  position: relative;
  right: 0;
  top: -5px;
}
.cart-items-wrapper {
  border: 1px solid #cfcece;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px;
}
.cart-sum-wrapper {
  border: 1px solid #cfcece;
  border-radius: 3px;
  padding: 40px;
}
.back-from-cart {
  background: transparent;
  color: #395a7a !important;
  float: left;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  width: 50%;
}
.segment {
  display: inline-block;
  float: left;
}
.cart-name {
  display: inline-block;
}
.top-cart-box .cart-name {
  display: inline-block;
  width: 200px;
}
.cart-name a {
  padding: 0;
  text-decoration: none;
}
.item-name {
  float: left;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  text-decoration: none;
}
.item-sku {
  font-size: 14px;
  margin-bottom: 0;
}
.item-brand {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.item-lift,
.item-pull {
  margin-bottom: 0;
}
.quantity-btn {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
}
.quantity-field {
  height: 36px;
  text-align: center;
  width: 50px;
}
.delete-cart-item {
  color: #6e6e6e;
  text-decoration: none;
  text-transform: uppercase;
}
.delete-this {
  cursor: pointer;
  margin-top: 50px;
}
.delete-this a {
  color: #6e6e6e !important;
  text-decoration: none;
  text-transform: uppercase;
}
.cart-item {
  margin: 30px 0;
}
.cart-head {
  font-size: 20px;
  font-weight: 500;
}
.cart {
  padding: 50px 0;
}
.cart .form-control:disabled,
.cart .form-control[readonly],
.cart input[readonly] {
  background-color: white;
  padding: 0;
}
.cart select:disabled,
.cart textarea:disabled {
  appearance: none;
  background-color: white;
  border: 0;
  color: black;
  padding: 0;
}
.unit-amount {
  font-size: 16px;
  font-weight: 500;
}
.image-wrapper {
  height: 94px;
  width: 94px;
}
.cart-item-heart,
.cart-item-heart-mobile {
  color: #6e6e6e;
  font-size: 14px;
  margin-top: 20px;
  text-transform: uppercase;
}
.cart-item-heart .material-icons,
.cart-item-heart-mobile .material-icons {
  padding-right: 20px;
  vertical-align: middle;
}
.image-wrapper img {
  vertical-align: unset;
}
.cart-offert {
  margin-bottom: 20px;
  width: 250px;
}
.total-cart-sum {
  border-top: 1px solid #cfcece;
  margin-top: 15px;
}
.cart-info {
  margin-bottom: 20px;
}
.cart-infoBold {
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 20px;
}
.summary-prices {
  margin-top: 30px;
}
.cart h1,
.cart h2 {
  font-size: 24px;
  font-weight: 900;
}
.cart h3 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}
.options-wrapper {
  display: inline-block;
  width: 100%;
}
.payment-method {
  float: left;
  width: 50%;
}
.billing-wrapper,
.shipping-wrapper {
  margin-bottom: 20px;
}
.billing-wrapper.billing-option-count-1 {
  display: none;
}
.billing-wrapper.billing-option-count-1.payment-method-invoice-available {
  display: block;
}
.greyBg {
  background: #ecebeb;
  padding: 0 0 50px;
}
.cart-tillbehor {
  margin-bottom: 25px;
  text-transform: uppercase;
}
.prod-speedorder {
  border: 2px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.prod-speedorder .material-icons {
  margin-right: 10px;
  vertical-align: middle;
}
.cart-speedorder {
  margin-left: auto;
  margin-top: -83px;
  width: 231px;
}
.cart-kampanj {
  margin-top: 35px;
}
.cart-kampanj .clearBtn {
  background: transparent;
  border: 1px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  line-height: 32px;
  margin-top: 41px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.cart-kampanj .clearBtn:hover {
  background-color: black;
  transition: background-color 0.4s;
}
.campaign-info {
  background: #f9f9f9;
  border-radius: 3px;
  margin-top: 20px;
  padding: 10px;
}
.campaign-info h4 {
  font-size: 18px;
}
.campaign-error {
  display: none;
}
.cart-sum-wrapper .goldBtn {
  height: 50px;
  width: 100%;
}
.cart-item-image .image-wrapper {
  text-align: center;
}
.cart-item-image .image-wrapper img {
  max-height: 100%;
}
.topCart-info .cart-item-image img,
.topCart-info .cart-item-image .image-wrapper {
  max-height: 100px;
  max-width: 60px;
}
.topCart-info .cart-name {
  width: 200px;
}
.topCart-info .segment {
  margin-right: 10px;
}
.topCart-info .item-name {
  font-size: 12px;
}
.payment-wrapper .headline {
  text-transform: uppercase;
}
.justify-right {
  text-align: right;
}
.search-prod-outer {
  margin: 13px 0;
}
.your-price-prod {
  font-size: 18px;
  font-weight: 500;
}
.org-price-prod {
  color: #787878;
  font-size: 10px;
  font-weight: 300;
}
.search-prod-shell {
  border: 1px solid #ececeb;
  border-radius: 2px;
  height: 100%;
  padding: 15px;
  position: relative;
}
.search-prod-shell a {
  text-decoration: none;
}
.search-prod-shell a:hover {
  color: #000;
}
.search-prod-img {
  height: 250px;
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.search-prod-img img {
  max-height: 90%;
  width: auto;
}
.search-prod-brand {
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  margin-top: 20px;
  text-transform: uppercase;
}
.search-prod-result-title {
  font-size: 18px;
  font-weight: 300;
}
.search-prod-sku {
  color: #787878;
  font-size: 10px;
  font-weight: 300;
}
.search-result-proHI {
  right: 20px;
  top: 20px;
}
.prod-search-proKI {
  left: 17px;
  top: 17px;
}
.arrowfix {
  position: relative;
  top: 4px;
}
@media (max-width: 1200px) {
  .offertPopup {
    left: 1%;
    width: 98%;
  }
}
@media (max-width: 991px) {
  .nav-tabs {
    padding-top: 0 !important;
    width: 100% !important;
  }
  .nav-item {
    width: 100%;
  }
  .maincontent {
    margin-top: 30px;
    padding: 0 20px;
  }
  .notMobile {
    display: none;
  }
  .products-counter {
    display: none;
  }
  .products-filter #products-filter {
    margin-top: 30px;
  }
  .toggle-filter {
    width: 40%;
  }
  .offertPopup .formInner > .row {
    flex-direction: column-reverse;
  }
  .smulor a,
  .smulor span {
    font-size: 14px;
  }
  .products-counter {
    color: #a9a9a9;
    position: absolute;
    right: 15px;
    text-align: right;
    text-transform: uppercase;
    top: -91px;
  }
  .groupTop {
    margin-top: 65px;
  }
  .gSub {
    font-size: 12px;
    height: auto !important;
    width: 46%;
  }
  .submit-buy .btn-buy {
    margin-top: 10px;
  }
  .product-card {
    margin-bottom: 15px;
  }
  .product-info-col {
    margin-top: 20px;
  }
  .product-and-volume {
    width: 100%;
  }
  .slider-for .slick-prev {
    top: 158px;
  }
  .slider-for .slick-next {
    top: 158px;
  }
  .product-page {
    margin-top: 25px;
  }
  .toggle-filter-content {
    background: #fff;
    display: none;
    padding-bottom: 20px;
  }
  .filter-wrapper {
    display: block;
  }
  .menu-productfilter-ip {
    display: block;
  }
  #products-filter .selectdrops {
    width: 100%;
  }
  .tillbehorItm .slick-dots {
    margin-top: 5px;
    padding-left: 0;
    position: relative;
  }
  .tillbehorItm .prInfo {
    border: 1px solid #ececeb;
    margin-right: 10px;
    padding: 10px;
  }
  .tillbehorItm .prInfo .product-card-image img {
    height: 120px;
  }
  .tillbehorItm .prInfo .product-card-image .proHI,
  .tillbehorItm .prInfo .product-card-image .proKI {
    display: none;
  }
  .tillbehorItm .prInfo .product-card-image {
    height: 120px;
    margin-bottom: 20px;
  }
  .tilltitle {
    padding: 20px 15px;
  }
  .knappA {
    margin-bottom: 40px;
  }
  .mobileOly {
    display: block;
  }
  .product-manual,
  .product-print {
    display: inline-block;
    margin-top: 20px;
    width: 50%;
  }
  .product-manual {
    float: left;
    margin-bottom: 20px;
  }
  .product-print {
    margin-bottom: 15px;
    padding-right: 15px;
    text-align: left;
  }
  .konfigInfo .btnClear {
    margin-top: 20px;
  }
  .padtopOrder span {
    margin-right: 4px;
  }
}
@media (max-width: 600px) {
  .tillbehorItm .product-i-lager {
    width: 100%;
  }
}
input[readonly] {
  border: none;
}
.g-recaptcha {
  margin-top: 15px;
}
.printable-footer {
  display: none;
}
a:hover {
  color: #e9bc26;
}
.marg-b-30 {
  margin-bottom: 60px;
}
.form-file {
  display: none;
}
.form-file#upload {
  display: block;
}
.skal-for-fast {
  position: relative;
}
.topCartSkalet {
  max-height: 500px;
  overflow: clip auto;
  padding-right: 10px;
}
#myTab {
  margin-bottom: 30px;
}
.closeCartpopup {
  font-size: 16px;
  margin-bottom: 15px;
  text-align: center;
}
.creditInfo.infoFinns {
  background-color: #f7c7ce;
  border: 2px solid #c82020;
  border-radius: 3px;
  color: #c82020;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 5px 20px;
}
.grecaptcha-badge {
  display: none;
}
.notice-toast {
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: slideDown;
  background-color: #395a7a;
  border-radius: 5px;
  bottom: 2em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 1em 1.5em;
  position: fixed;
  right: 2em;
}
.notice-toast.error {
  background-color: #e87461;
}
.notice-toast p {
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  margin: 0;
}
@keyframes slideDown {
  100% {
    bottom: -100%;
  }
}
#loader {
  left: 50%;
  position: fixed;
  top: 350px;
  z-index: 99;
}
.lds-dual-ring {
  display: inline-block;
  height: 80px;
  width: 80px;
}
.lds-dual-ring::after {
  animation: lds-dual-ring 1.2s linear infinite;
  border: 6px solid #000;
  border-color: #000 transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 64px;
  margin: 8px;
  width: 64px;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.input-wrapper-password {
  display: flex;
  flex-direction: column;
}
.labelWrapper {
  display: flex;
  flex-direction: column;
}
.widthFIX {
  width: 40% !important;
}
.calendar-content .day .events {
  display: none;
}
body,
html {
  font-family: "Heebo", sans-serif;
  font-weight: 300;
  overflow: hidden auto;
}
a {
  color: #000;
}
h1,
h2,
h3 {
  font-weight: 900;
}
img {
  max-width: 100%;
}
.container-fluid {
  max-width: 1500px;
}
.gulTxt a {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 70px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.gulTxt a:hover {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.goldBtn,
a.goldBtn {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 40px;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
}
a.goldBtn {
  display: inline-block;
  text-decoration: none;
}
.product-print {
  cursor: pointer;
}
#footer .goldBtn {
  height: 30px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 100px;
}
#footer .goldBtn:disabled {
  background-color: #f1f1f1;
  color: #c1c1c1;
}
.goldBtn:disabled {
  background-color: #f1f1f1;
  color: #c1c1c1;
}
.goldBtn:disabled:hover {
  background-color: #f1f1f1;
  color: #c1c1c1;
  cursor: not-allowed;
}
.goldBtn a,
.goldBtn a:hover {
  text-decoration: none;
  width: 100%;
}
.goldBtn:hover,
.goldBtn a:hover,
.goldBtn:hover a {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.goldBtn:active {
  border-radius: 3px;
  box-shadow: inset 2px 2px 4px #e9bc26;
}
#gdpr-checkbox {
  font-size: 12px;
  margin-right: 10px;
  width: auto;
}
.greyBtn {
  background: #cfcece;
  border: 2px solid #c4c4c4;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.greyBtn a {
  color: #000;
  text-decoration: none;
  width: 100%;
}
.greyBtn:hover {
  background: #373737;
  color: #fff;
  text-decoration: none;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.greyBtn a:hover,
.greyBtn:hover a {
  color: #fff;
  transition-duration: 0.8s;
  transition-property: color;
}
.clearBtn,
a.clearBtn {
  background: transparent;
  border: 2px solid #000;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.clearBtn:disabled {
  border: 2px solid #f1f1f1;
  color: #f1f1f1 !important;
}
.clearBtn:disabled:hover {
  background-color: white;
  border: 2px solid #f1f1f1;
  color: #f1f1f1 !important;
  cursor: not-allowed;
}
.clearBtn a,
a.clearBtn {
  color: #000;
  text-decoration: none;
  width: 100%;
}
a.clearBtn {
  padding: 5px 15px;
}
#gdpr-kontakt {
  margin-top: 40px;
}
.gdpr-kontakt-checkbox-wrapper {
  margin-top: 10px;
}
#gdpr-kontakt-checkbox {
  margin-right: 10px;
  width: auto;
}
.clearBtn:hover {
  background: #373737;
  color: #fff;
  text-decoration: none;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.clearBtn a:hover,
.clearBtn:hover a {
  color: #fff;
  transition-duration: 0.8s;
  transition-property: color;
}
.gulBtn {
  background: #e9bc26;
  border: 2px solid #000 !important;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
}
.gulBtn a,
.gulBtn a:hover {
  color: #000;
  text-decoration: none;
  width: 100%;
}
.gulBtn a:hover,
.gulBtn:hover {
  background: #1c2d3b;
  color: #fff;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.clearbtnWhite {
  border: 2px solid #fff;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.clearbtnWhite a {
  color: #fff;
  text-decoration: none;
  width: 100%;
}
.clearbtnWhite a:hover {
  color: #000;
  text-decoration: none;
  transition-duration: 0.8s;
  transition-property: color;
}
.clearbtnWhite:hover {
  background: #ececeb;
  border: 2px solid #ececeb;
  color: #000;
  transition-duration: 0.8s;
  transition-property: background, color;
  width: 100%;
}
.clearbtnWhite:hover a {
  color: #000;
  transition-duration: 0.8s;
  transition-property: color;
}
.clearbtnWhite:active {
  box-shadow: inset 2px 2px 4px #d2d2d2;
}
input[type=checkbox],
input[type=radio] {
  width: 40px;
}
button,
input,
optgroup,
select,
textarea {
  border: 1px solid #cfcece;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 9px;
  width: 100%;
}
label {
  display: inline-block;
  font-weight: 700;
  padding-top: 17px;
}
.overlay {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100vh;
  position: absolute;
  width: 100vw;
  z-index: 2;
}
.hiddenInput {
  display: none;
}
.infoRuta {
  border: 1px solid #78787d;
  border-radius: 4px;
  color: #787878;
  display: none;
  font-size: 12px;
  font-weight: 300;
  padding: 5px 10px;
}
.infoknapp {
  border: 1px solid #787878;
  border-radius: 20px;
  font-family: "Times New Roman", serif;
  font-style: italic;
  line-height: 7px;
  margin-left: 10px;
  padding: 0 6px;
}
.contactPopup,
.contactPopup2 {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: none;
  left: 0;
  margin: auto;
  max-width: 1065px;
  padding: 40px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 98px;
  z-index: 300;
}
.formInner {
  padding: 40px;
  text-align: left;
}
.contactPopup .formInner label,
.contactPopup2 .formInner label {
  text-transform: capitalize;
}
.contactPopup .formInner label.downcase-label,
.contactPopup2 .formInner label.downcase-label {
  text-transform: none;
}
.contactPopup .formInner textarea,
.contactPopup2 .formInner textarea {
  height: 130px;
}
.closepop {
  cursor: pointer;
  padding-right: 20px;
  text-align: right;
  width: 100%;
}
.bottomPop {
  background: #1c2d3b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  height: 136px;
  padding-top: 34px;
}
.send-wrapper {
  margin-top: 30px;
  text-align: center;
}
.send-wrapper .clearBtn {
  color: #000;
  line-height: 25px;
  width: 300px;
}
.send-wrapper .clearBtn:hover {
  color: #fff;
}
.overlayK {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 299;
}
.contPop,
.contPop2 {
  cursor: pointer;
}
.afterkontaktform {
  display: none;
}
.searchTop {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 33px 30px 0;
  text-transform: uppercase;
}
.searchTop .material-icons {
  font-size: 25px;
  vertical-align: middle;
}
.select-lang.new img {
  margin-right: 5px;
  width: 20px;
}
.select-lang.new .fa {
  color: blue;
  margin-right: 5px;
}
.select-lang.new .bootstrap-select {
  width: 145px !important;
}
.select-lang.new .bootstrap-select .btn.dropdown-toggle {
  text-transform: initial;
}
.select-lang.new .bootstrap-select .dropdown-menu.inner li a {
  padding: 7px 10px;
  text-align: left;
}
.searchInner {
  background: #fff;
  display: none;
  height: 99px;
  margin: -5px;
  width: calc(100% + 10px);
}
.searchInner input {
  border: 1px solid #1c2d3b;
  border-radius: 6px;
  margin-top: 25px;
  padding: 10px 20px;
}
.inputSkal {
  position: relative;
}
.search-list li {
  list-style: none;
}
.search-list a {
  text-decoration: none;
}
.search-wrapper .material-icons {
  color: #1c2d3b;
}
.closeSearch {
  position: relative;
}
.dispFlex {
  display: flex;
  justify-content: flex-end;
}
.langWrapper {
  padding: 31px 30px 0;
}
.currencyWrapper {
  border: 2px solid white;
  border-radius: 2px;
  color: white;
  height: 30px;
  margin-top: 30px;
  text-align: center;
  width: 30px;
}
.currencyWrapper a {
  color: white;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}
.currencyWrapper li a {
  color: #1c2d3b;
}
.headshop {
  font-size: 24px;
  padding: 24px 0 0 10px;
  position: relative;
  text-align: right;
}
.headshop a {
  padding: 0 10px;
}
.mobileOnly {
  display: none;
}
.curr-selector2 {
  color: white;
  display: flex;
  padding: 0 10px;
  padding-top: 15px;
  text-align: center;
}
.currencyWrapper2 a {
  color: black;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 10px;
  text-decoration: none;
}
.currencyWrapper2 li a {
  color: #1c2d3b;
}
.selectedCurrency {
  font-weight: 800;
}
.topcart-number {
  background: #e9bc26;
  border-radius: 50%;
  bottom: 0;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  padding-top: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 20px;
}
.FavNumbers {
  background: #e9bc26;
  border-radius: 50%;
  bottom: 0%;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  padding-top: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 20px;
}
.myI {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.myI a,
.myI a:hover {
  color: #000;
  padding: 0;
  text-decoration: none;
}
.profile {
  background: #fff;
  color: #000;
  display: none;
  filter: drop-shadow(-1px 6px 15px rgba(80, 80, 80, 0.25));
  left: -283px;
  padding: 60px 30px;
  position: absolute;
  text-align: left;
  top: 94px;
  width: 375px;
}
.profile h4 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.profile label {
  font-size: 14px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.regPop {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.profile .gulBtn {
  border: 0;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.registrera {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
.registrera a,
.registrera a:hover {
  color: #000;
  text-decoration: none;
}
.inputWrapper label {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.inputWrapper input {
  color: #000;
  font-size: 16px;
  padding: 10px 15px;
}
.inputwrapper ::placeholder {
  color: #787878;
  font-size: 16px;
  font-weight: 300;
  text-transform: capitalize;
}
#triangle-up {
  border-bottom: 17px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  height: 0;
  position: absolute;
  right: 45px;
  top: -17px;
  width: 0;
}
#triangle-up2 {
  border-bottom: 17px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  height: 0;
  position: absolute;
  right: 23px;
  top: -17px;
  width: 0;
}
.custInfo {
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: -40px;
}
.loggInCus {
  font-size: 12px;
  font-weight: 500;
}
.cusName {
  text-transform: uppercase;
}
.inCusOut {
  margin-top: 50px;
}
.top-cart-box {
  background: #fff;
  color: #000;
  display: none;
  filter: drop-shadow(-1px 6px 15px rgba(80, 80, 80, 0.25));
  padding: 15px;
  position: absolute;
  text-align: left;
  top: 94px;
  width: 375px;
}
.top-cart-quantity {
  display: inline-block;
  margin-left: 30px;
}
.top-cart-total {
  display: inline-block;
}
.top-cart-item {
  position: relative;
}
.top-cart-item a {
  padding: 0;
}
.delete-cart-item-top {
  position: absolute;
  right: 6px;
  top: 0;
}
.top-cart-quantity .quantity-field {
  font-size: 14px;
  font-weight: 300;
  height: 23px;
  width: 46px;
}
.top .quantity-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.unit-amount.topUnit {
  font-size: 14px;
}
.top-cart-partOne {
  margin: 15px 0 45px;
}
.top-cart-partOne h4 {
  font-size: 16px;
  font-weight: 700;
}
.top-cart-partOne h4 span {
  font-size: 14px;
  font-weight: 300;
  margin-left: 20px;
}
.top-cart-infoBold {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.top-cart-info {
  font-size: 18px;
  font-weight: 300;
  text-align: right;
}
.topp-cart-sum {
  padding-top: 30px;
}
.hamburger,
.enbartMobile {
  display: none;
}
.has-child {
  cursor: pointer;
  position: relative;
}
.has-child .material-icons {
  vertical-align: text-top;
}
header li a {
  color: #fff;
  text-decoration: none;
}
header {
  background: #1c2d3b;
  color: #fff;
  height: 99px;
  left: 0;
  padding: 5px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
header.startPage.headern {
  background: rgba(28, 45, 59, 0.6);
}
header.headern.hover {
  background: #fff;
  color: #1c2d3b;
  transition-duration: 1.5s;
  transition-property: background;
}
header.headern.hover li a {
  color: #1c2d3b;
  text-decoration: none;
}
header.headern.hover li a:hover {
  color: #1c2d3b;
  text-decoration: none;
}
header.headern.hover .currencyWrapper {
  border: 2px solid #1c2d3b;
  text-decoration: none;
}
header.headern.hover .currencyWrapper a {
  color: #1c2d3b;
  text-decoration: none;
}
header.headern.hover .language-selector .arrow i {
  color: black;
}
header.headern.hover .curr-selector .arrow i {
  color: black;
}
.site-menu-sub {
  display: none;
}
.prodGroup {
  background: #fff;
  display: none;
  left: auto;
  padding-bottom: 50px;
  position: absolute;
  top: 101px;
  width: 1010px;
  z-index: 9999;
}
.prodGroup ul {
  padding: 10px;
}
.prodGroup li {
  float: left;
  list-style: none;
  padding: 17px 10px;
  position: relative;
  width: 33%;
}
.prodGroup li a {
  color: #1c2d3b;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
}
.prodGroup li img {
  height: 50px;
  margin-right: 5px;
  width: 50px;
}
.prodGroup li a .material-icons {
  position: absolute;
  right: 15px;
  top: 27px;
}
.produktval {
  color: #000;
  display: none;
}
.backMenu {
  color: #000;
  cursor: pointer;
  font-weight: 800;
  padding: 30px 21px;
  text-transform: uppercase;
}
.backMenu .material-icons {
  vertical-align: text-top;
}
.showall {
  display: inline-block;
  font-weight: 500;
  margin: 30px 0 0;
  padding-right: 15px;
  text-align: right;
  width: 49%;
}
.showall a,
.showall a:hover {
  color: #000;
}
.propName {
  display: inline-block;
  font-weight: 500;
  margin: 30px 0 0;
  padding-left: 15px;
  width: 50%;
}
.propEgen hr {
  border: 1px solid #cfcece;
  height: 2px;
  width: 100%;
}
.leftGrIm img {
  max-height: 100%;
}
.namnetEgenskap {
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  text-transform: capitalize;
  top: 30px;
}
.blackBg {
  background: #000;
  color: #fff;
  height: 346px;
  margin-bottom: -1px;
  padding: 120px 0 50px;
}
.darkblueBg {
  background: #1c2d3b;
  color: #fff;
  height: 346px;
  margin-bottom: -1px;
  padding: 120px 0 50px;
}
.blackBg .goldBtn,
.darkblueBg .goldBtn {
  color: #000;
  height: 50px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  width: 297px;
}
.blackBg h4,
.darkblueBg h4 {
  font-size: 36px;
  font-weight: 900;
}
.greybg {
  background: #ececeb;
  padding: 70px 0;
}
.greytxt1 {
  padding-right: 142px;
  padding-top: 30px;
}
.greytxt2 {
  padding-left: 142px;
  padding-top: 60px;
}
.padtop50 {
  padding-top: 100px;
}
.gulBg {
  background: #e9bc26;
  padding: 50px 0;
}
.gulBg a {
  background: #e9bc26;
  border: 2px solid #000 !important;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 49px;
  margin-top: 30px;
  padding: 0 70px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.gulBg a:hover {
  background: #1c2d3b;
  color: #fff;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.gulTxt {
  padding-left: 148px;
  padding-top: 95px;
}
.blueBg {
  background: #1c2d3b;
  color: #fff;
  padding: 70px 0;
}
.blueBg h2 {
  margin-bottom: 40px;
}
.blueInner {
  padding: 0 40px;
}
.moreNSkal .goldBtn {
  color: #000;
  height: 50px;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
}
.blueInner .goldBtn {
  color: #000;
  height: 50px;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.blueImgbg {
  background-color: #192530;
  height: 306px;
  margin-bottom: 25px;
  padding-top: 30px;
}
.blueImgbg img {
  height: auto;
  width: 70%;
}
.bluetextbg {
  height: 170px;
}
.stories-slick2 {
  margin-top: -99px;
}
.stories-slick > .slide:not(:first-child) {
  display: none;
}
.stories-slick2 > .slide:not(:first-child) {
  display: none;
}
.startSlider .inImgSlide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 857px;
  position: relative;
  width: 100%;
}
.startSlider .moreNSkal {
  margin-top: 40px;
  z-index: 300;
}
.story-textTop {
  background: rgba(28, 45, 59, 0.6);
  bottom: 148px;
  box-shadow: 0 4px 6px rgba(30, 30, 30, 0.25);
  left: 100px;
  padding: 40px 20px;
  position: absolute;
  width: 500px;
  z-index: 300;
}
.storyTxt {
  font-size: 14px;
}
.slick-dots {
  bottom: 0;
  margin-top: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  color: #fff;
}
.slick-dots .slick-active {
  color: #e9bc26;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 50px;
}
.slick-dots li button {
  background: #fff;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 8px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 50px;
}
.slick-dots li.slick-active button {
  background: #e9bc26;
}
.stories-slick-container {
  height: 100% !important;
  position: relative !important;
  width: 100%;
}
.slider2 .inImgSlide {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 748px;
  position: relative;
  width: 100%;
}
.story-text {
  background: rgba(233, 188, 38, 0.8);
  bottom: 30px;
  color: #fff;
  height: 333px;
  padding: 40px;
  position: absolute;
  right: 15px;
  width: 554px;
  z-index: 300;
}
.h3light {
  font-weight: 300;
}
.moreArt img {
  display: inline;
  vertical-align: text-top;
}
.slick-next {
  background: transparent;
  position: absolute;
  right: 10px;
  top: 40%;
}
.slick-prev {
  background: transparent;
  left: 10px;
  position: absolute;
  top: 40%;
  z-index: 40;
}
.faq .smulor_dark_bg {
  background: #1c2d3b;
}
.faqs {
  margin: 50px 0 90px;
}
.faqAns {
  border-bottom: 1px solid #cfcece;
  display: none;
  font-size: 16px;
  padding: 15px 15px 0;
}
.faqrubrik {
  border-top: 7px solid #e9bc26;
  font-size: 30px;
  font-weight: 700;
  width: 210px;
}
.faqQst {
  border-bottom: 1px solid #cfcece;
  cursor: pointer;
  font-size: 20px;
  padding: 15px 40px 15px 15px;
  position: relative;
}
.faqQst.highlight {
  border-bottom: 0;
  font-weight: 500;
}
.faqQst .material-icons {
  position: absolute;
  right: 15px;
  top: 19px;
}
.faqQst.open {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9bc27;
}
.faqAns.open {
  background-color: #f9f9f9;
}
.faqQst.open .upp {
  display: inline;
}
.faqQst.open .ner {
  display: none;
}
.upp {
  display: none;
}
.q1 {
  margin-bottom: 80px;
}
.fag-search {
  margin-bottom: 90px;
  min-height: calc(100vh - 600px);
}
.faqInput .input-wrapper {
  margin: 50px 0;
  position: relative;
}
.faqInput .input-wrapper .material-icons {
  position: absolute;
  right: 15px;
  top: 10px;
}
.faqInput input {
  padding-left: 15px;
}
.faqInput input.svar {
  font-weight: 500;
}
#user-form .goldBtn,
.logInRuta .goldBtn {
  line-height: 35px;
  margin: 50px 0;
  padding: 10px 0;
  width: 100%;
}
#user-form label {
  font-size: 14px;
  font-weight: 500;
}
#user-form label.radio-inline {
  color: #787878;
  font-weight: 300;
  margin-right: 40px;
  text-transform: uppercase;
}
#user-form label.fet {
  color: #395a7a;
  font-weight: 500;
  text-transform: uppercase;
}
.hidden {
  display: none;
}
.redanKonto {
  margin-bottom: 30px;
  text-align: center;
}
.redanKonto a,
.redanKonto a:hover {
  color: #568bbe;
  font-weight: 700;
  text-decoration: none;
}
.radio-inline input {
  display: none;
}
.fet {
  color: #568bbe;
  font-weight: 500;
  text-transform: uppercase;
}
.kundtyprubrik {
  text-align: center;
}
.kundtyp {
  margin-bottom: 30px;
  text-align: center;
}
.logInRuta input {
  width: 100%;
}
.logInRuta h4 {
  font-weight: 700;
  text-transform: uppercase;
}
.logInRuta .inputWrapper label {
  width: 100%;
}
.item-delete {
  cursor: pointer;
}
.search-page {
  margin-top: 99px;
  padding-bottom: 50px;
  padding-top: 50px;
}
.search-kundcases {
  margin-bottom: 20px;
}
.nav-tabs .nav-link,
.nav-tabs {
  border: 0 !important;
}
.ui-autocomplete {
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  max-width: 85%;
  min-height: 300px;
  overflow: hidden;
  z-index: 9990 !important;
}
.ui-menu .ui-menu-item .prod-list-result {
  border: 0;
  border-bottom: 2px solid #f1f1f1;
  height: 77px;
  padding-top: 10px;
}
.ui-menu .ui-menu-item .auto-list-result {
  border: 0;
  height: 60px;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
}
.ui-menu .ui-menu-item .item-name {
  font-size: 12px;
  padding: 12px;
  padding-bottom: 0;
}
.ui-menu .ui-menu-item img {
  max-height: 40px;
}
.ui-menu .prod-list-img-wrapper {
  display: inline-block;
  float: left;
  height: 77px;
  text-align: center;
  width: 60px;
}
.ui-menu .prod-list-title-wrapper {
  display: inline-block;
  float: left;
  font-size: 14px;
  width: calc(100% - 60px);
}
.ui-menu .prod-list-sku-wrapper {
  font-size: 12px;
}
.prod-list-li {
  display: flex;
  height: 80px;
  margin-right: auto;
  text-align: left;
  width: 50%;
}
.auto-list-li {
  display: flex;
  height: 80px;
  margin-left: auto !important;
  text-align: center;
  width: 50%;
}
.ui-menu .ui-menu-item.party.ui-state-focus,
.ui-menu .ui-menu-item.prodHeadline.ui-state-focus {
  background: none !important;
  background-color: none !important;
  border: 0;
}
.ui-menu .ui-menu-item.disco.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-focus {
  background: none !important;
  background-color: none !important;
  border: 0;
}
.top-seacrh-result {
  margin-top: 99px;
}
.search-results {
  text-transform: uppercase;
}
.search-page {
  min-height: calc(100vh - 407px);
}
.search-results-tabs-content.active {
  display: block;
}
.nav-link {
  color: #cfcece;
  font-size: 18px;
  text-transform: uppercase;
}
.nav-link.active {
  border: 0;
  color: #000;
}
.nav-link:hover {
  border: 0;
  color: #000;
}
.faq ul {
  padding-left: 0;
}
ul .ui-menu-item {
  border-left: 1px solid #eee;
  display: inline-block;
  height: 100%;
  min-height: 150px;
  padding: 15px !important;
  vertical-align: top;
  width: 33%;
}
ul .fungerar.ui-menu-item {
  width: 100% !important;
}
ul .ui-menu-item.party {
  min-height: 150px;
  padding: 15px !important;
  width: 33%;
}
ul .ui-menu-item.rave {
  min-height: 150px;
  padding: 15px !important;
  width: 33%;
}
.prodHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.accHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.listHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.prodHeadline span,
.listHeadline span,
.accHeadline span {
  border-bottom: 1px solid #e9bc26;
  font-size: 18px;
  font-weight: 700;
}
.wrongCert {
  border: 1px solid #000;
  border-radius: 3px;
  margin-top: 40px;
  padding: 20px 40px;
}
.CertBlock {
  border: 1px solid #000;
  padding: 20px;
}
.cerTable table {
  margin-bottom: 5px;
  margin-left: -13px;
  margin-top: 30px;
  width: calc(100% + 25px);
}
.cerTable table th {
  border: 1px solid #000;
  padding: 6px;
}
.cerTable table td {
  border: 1px solid #000;
  padding: 6px;
}
.certStorMarg {
  margin-top: 50px;
}
.litenMargCert {
  margin-top: 30px;
}
.certificate-wrapper {
  background: #fafafa;
  border: 1px solid #ececeb;
  border-radius: 3px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 50px;
  padding: 6px;
  position: relative;
}
.certificate-wrapper .material-symbols-outlined {
  position: absolute;
  right: 8px;
  top: 6px;
  vertical-align: middle;
}
.displayAfterOffertAccepted {
  display: none;
  font-weight: 600;
  padding: 20px;
  text-align: right;
  text-transform: uppercase;
}
.displayAfterOffertAccepted .material-symbols-outlined {
  font-size: 30px;
  vertical-align: text-bottom;
}
.order-contentHistory {
  border-bottom: 1px solid #ececeb;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.fakturansnumber {
  bottom: 40px;
  left: 325px;
  position: absolute;
}
.afterorderText {
  border: 1px solid #000;
  border-radius: 2px;
  font-weight: 400;
  margin-top: 13px;
}
.orderleveransdatumet {
  bottom: 40px;
  left: 153px;
  position: absolute;
}
.matchheight {
  position: relative;
}
.loadMoreOrders {
  cursor: pointer;
}
.testarigen {
  position: relative;
}
.activated .testarigen,
.testarigen.activated {
  background: #fafafa;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 30px 20px 114px;
  position: relative;
}
.test-offerter .activated .testarigen,
.test-offerter .testarigen.activated {
  padding: 30px 20px 5px;
}
.delivery-type {
  bottom: 30px;
  position: absolute;
  width: 100%;
}
.orderIgenorder {
  float: right;
  padding-right: 40px;
}
.loadMoreOrders {
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  text-align: center;
  width: 241px;
}
.orderigenItemsBtn {
  margin-left: auto;
}
.orderlevdate {
  float: left;
  padding-top: 28px;
}
.knapparna {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.knapparna div {
  display: inline-block;
  margin-bottom: 50px;
  margin-right: 15px;
  margin-top: 40px;
  max-width: 306px;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: top;
}
.orderproInfo {
  font-size: 16px;
}
.paddingIcon {
  padding-top: 24px;
}
.guldknapp {
  margin-left: auto;
  margin-right: auto;
  width: 230px;
}
.avsK {
  display: inline-block;
  margin-right: 13px;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: top;
}
.avslutaWrapper {
  margin-top: 93px;
  min-height: calc(100vh - 400px);
  padding: 150px 0;
}
.closeHeader {
  font-size: 22px;
}
.closeAcount,
.finalStep {
  border: 1px solid #cfcece;
  border-radius: 5px;
  padding: 86px 99px;
}
.finalStep {
  display: none;
}
.profileCustomer {
  font-weight: 500;
  margin-left: 90px;
  text-transform: capitalize;
}
.profileCustomer2 {
  font-weight: 500;
  text-transform: capitalize;
}
.floatRight {
  float: right;
}
.floatRight a {
  color: #568bbe;
}
.passwordEye {
  cursor: pointer;
  position: absolute;
  right: 27px;
  top: 48px;
}
.litenGul {
  display: inline-block;
  font-size: 12px;
}
.storGul {
  display: inline-block;
  font-size: 16px;
}
.litenGul .material-icons,
.storGul .material-icons {
  margin-right: 8px;
  vertical-align: middle;
}
.gulaKnappen {
  margin-top: 13px;
  text-align: right;
}
.orderproInfo img {
  max-height: 100%;
  max-width: 50px;
}
.textCenter {
  text-align: center;
}
.blueTopMyPages {
  background: #ececeb;
  color: #000;
  margin-top: 97px;
  padding: 20px 0;
}
.profileMenu ul {
  padding: 20px 0;
}
.profileMenu li {
  list-style: none;
  padding-top: 10px;
  text-align: left;
}
.profileMenu li a {
  color: #787878;
  font-weight: 300;
  margin: 10px 0;
  text-decoration: none;
}
.profileMenu li a.active {
  color: #000;
  font-weight: 500;
}
.profileBody {
  background: #fff;
  border-radius: 4px;
  margin: 40px 0;
  padding: 30px;
}
.profileBody2 {
  border-radius: 4px;
}
.customerProfileInfo {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 30px;
}
.profileMenu {
  background: #f9f9f9;
  padding: 40px 0;
  text-align: center;
}
.customerPages {
  background: #f9f9f9;
  min-height: calc(100vh - 400px);
}
.profileSupport {
  background: #1c2b3d;
  color: #fff;
  padding: 40px;
  text-align: center;
}
.profilerReklamera {
  background: #e9bc26;
  color: #000;
  padding: 40px;
  text-align: center;
}
.profileMedia {
  background: #1c2b3d;
  color: #fff;
  padding: 40px;
  text-align: center;
}
.profileMedia a {
  display: block;
}
.margT20 {
  margin-top: 20px;
}
.topProfile h1 {
  font-size: 30px;
  font-weight: 700;
}
.topProfile h2 {
  font-size: 22px;
  font-weight: 700;
}
.profileTider table {
  margin: 50px auto 0;
}
.firstBox {
  margin-top: 40px;
}
.moreInfoProfileOrders {
  text-align: right;
}
.profile-order-rader {
  background: #fafafa;
  margin-bottom: 10px;
  padding: 15px;
}
.matchheight {
  font-size: 16px;
}
.padtopOrder {
  padding-top: 23px;
}
.litenPadTop {
  padding-top: 13px;
}
.pull-right {
  text-align: right;
}
.moreInfo {
  cursor: pointer;
}
.moreOrderInfo {
  display: none;
}
.Profileorder-total {
  background: #fafafa;
  border-radius: 0 3px 3px 0;
  display: none;
  margin-bottom: 20px;
  padding: 0 15px 15px 0;
}
.customerProfileInfo input {
  font-size: 16px;
  font-weight: 300;
}
.customerProfileInfo input:disabled {
  background: #fff;
  border: 0;
  color: #395a7a;
  font-weight: 400;
  margin-top: 6px;
}
.customerProfileInfo label {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.leverans {
  color: #395a7a;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.strongLeverans {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.marginTop20 {
  margin-top: 20px;
}
.certifikatBody label {
  font-weight: 300;
  width: 100%;
}
.certifikatBody ::placeholder {
  color: #787878;
  font-weight: 300;
}
.textRight {
  text-align: right;
}
.font22 {
  font-size: 22px;
  font-weight: 700;
}
.bevakadProd {
  background: #f9f9f9;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px;
  position: relative;
}
.bevakadProd img {
  max-height: 100%;
}
.profileMenuMobile {
  display: none;
  padding-top: 0;
}
.profileMenuMobile ul {
  background: #fff;
  padding-left: 10px;
  padding-top: 0;
}
.rubrikMenuMobile .material-icons {
  position: absolute;
  right: 10px;
  top: 10px;
  vertical-align: middle;
}
.rubrikMenuMobile {
  background: white;
  padding: 10px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.strongRubrik {
  font-weight: 700;
}
.upA {
  display: none;
}
.default {
  margin-top: 99px;
}
.smulor {
  color: #000;
  font-size: 18px;
  height: 55px;
  padding-top: 15px;
}
.smulor_dark_bg {
  color: #fff;
  font-size: 18px;
  height: 55px;
  padding-top: 15px;
  position: relative;
  z-index: 9;
}
.smulor_dark_bg a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.smulor_dark_bg .container-fluid {
  position: relative;
}
.smulor_dark_bg .container-fluid .smulorna {
  position: absolute;
  z-index: 20;
}
.smulor .homePage,
.smulor_dark_bg .homePage {
  font-weight: 500;
}
.smulor a {
  color: #000;
  font-size: 18px;
  text-decoration: none;
}
.imageWrapper {
  background-color: #cfcfcf;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 514px;
  overflow: hidden;
}
.imageWrapper img {
  width: 100%;
}
.textWrapper {
  align-items: center;
  -webkit-box-align: center;
  display: flex;
  -ms-flex-align: center;
  height: 80%;
  margin-top: 3%;
  position: absolute;
  top: 0;
  width: 100%;
}
.textWrapper h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 900;
}
.imageWrapper .overlay2 {
  background-color: rgba(28, 45, 59, 0.75);
  height: 515px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.topImgDef {
  position: relative;
}
.maincontent {
  margin-top: 70px;
}
.maincontent .top-main-content .col-12 {
  padding: 0 30px;
}
.maincontent hr {
  background-color: #e9bc26;
  border: 0;
  height: 7px;
  max-width: 100%;
  opacity: 1;
  width: 310px;
}
.maincontent .bg-gray {
  background: #f9f9f9;
  padding: 20px;
}
.maincontent-historia .txtLeft {
  border-right: 5px solid #e9bc26;
  margin: 0;
  padding: 0 15px;
  padding-right: 50px;
}
.maincontent-historia .txtRight {
  padding: 0 15px;
  padding-left: 50px;
}
.maincontent-historia .imgLeft {
  border-right: 5px solid #e9bc26;
  margin: 0;
  padding-right: 50px;
}
.maincontent-historia .imgRight {
  padding-left: 50px;
}
.contentDef {
  margin-top: 70px;
}
.txtLeft {
  margin-bottom: 100px;
  padding: 0 30px 15px;
}
.imgRight,
.imgLeft {
  margin-bottom: 100px;
}
.txtRight {
  margin-bottom: 100px;
  padding: 0 30px 15px;
}
.maincontent-campaign h2 a {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 40px;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.maincontent-campaign a:hover {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.8s;
  transition-property: background, color;
}
.contact-persons {
  margin-bottom: 50px;
  margin-top: 50px;
}
.personal-rubrik {
  margin-bottom: 40px;
}
.personal-phone {
  font-size: 20px;
  text-align: right;
}
.personal-phone img {
  margin-right: 10px;
}
.personal-personer img {
  width: 100%;
}
.info-personal-text {
  margin: 20px 0 40px;
}
.pers-namn {
  font-size: 18px;
  font-weight: 700;
}
.pers-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 37px;
}
.pers-phone {
  font-size: 18px;
  font-weight: 400;
  line-height: 37px;
}
.pers-mail {
  font-size: 18px;
  font-weight: 400;
}
.pers-mail a,
.pers-mail a:hover {
  color: #000;
  text-decoration: none;
}
.pers-mail img,
.pers-phone img {
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
.contact-us-form {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  padding: 50px 0;
}
.contact-us-form h3 {
  color: #000;
  text-align: center;
}
.contact-us-form .popinfo {
  text-align: center;
}
.contact-us-form textarea {
  height: 130px;
}
.map {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 774px;
  width: 100%;
}
.map-adress {
  padding-top: 150px;
}
.map-map {
  display: inline-block;
  height: 774px;
  margin-left: -4px;
  padding: 0;
  position: relative;
}
#point {
  position: absolute;
  right: 47%;
  top: 334px;
  z-index: 999;
}
.map-map iframe {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
.notice.default-message {
  border: 2px solid #e9bc26;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
}
.catSkal {
  position: relative;
}
.catArticles {
  display: block;
}
.artikel-singular {
  margin: 50px 0 10px;
}
.artpubDate {
  font-size: 12px;
  padding-left: 5px;
}
.art-preview {
  font-size: 20px;
}
.art-content div p,
.art-content div li {
  font-size: 18px;
}
.artTInfo {
  margin-top: 20px;
}
.more-articles {
  margin-bottom: 90px;
  overflow: hidden;
}
.more-articles a,
.more-articles a:hover {
  color: #000;
  text-decoration: none;
}
.fler-title {
  font-size: 18px;
  font-weight: 700;
}
.artImg2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 407px;
  width: 100%;
}
.artikel-itoppen a,
.artikel-itoppen a:hover {
  color: #000;
  text-decoration: none;
}
.txtArtikel {
  margin-top: 20px;
}
.textArtikelStor {
  margin-top: 50px;
}
.textArtikelStor .clearBtn {
  width: 350px;
}
.all-articles {
  margin-top: 99px;
}
.news-archive {
  margin-top: 50px;
}
.artCat {
  border: 2px solid #1c2d3b;
  border-radius: 6px;
  display: inline-block;
  font-weight: 400;
  margin: 30px 10px 30px 0;
  padding: 6px 22px;
  text-transform: uppercase;
}
.artCat a {
  font-weight: 400;
  text-decoration: none;
}
.artCat:hover {
  background: #1c2d3b;
}
.artCat:hover a {
  color: #fff;
}
.alert {
  background: #1c2d3b;
  color: #fff;
}
.alert a {
  color: #fff;
}
.articles-pagination.next {
  background: #fff;
  color: #e9bc26;
  margin-bottom: 40px;
  text-align: right;
  width: 50%;
}
.articles-pagination.previous {
  background: #fff;
  color: #e9bc26;
  margin-bottom: 40px;
  width: 50%;
}
.articles-pagination a,
.articles-pagination a:hover {
  color: #e9bc26;
  font-size: 40px;
  font-weight: 300;
  text-decoration: none;
}
.articles-show-one {
  margin-bottom: 20px;
}
.fler-title {
  color: #000;
  text-decoration: none;
}
.articles-show-one a,
a .fler-title,
a .fler-title:hover {
  color: #000;
  text-decoration: none;
}
a span.fler-title {
  text-decoration: none;
}
.article-case-page .imageWrapper {
  height: 300px;
}
.caseTxt {
  color: #fff;
  font-size: 18px;
}
.ett {
  float: left;
  height: 409px;
  width: 65%;
}
.tva {
  float: left;
  height: 409px;
  width: 35%;
}
.tre {
  float: left;
  height: 409px;
  width: 45%;
}
.fyra {
  float: left;
  height: 409px;
  width: 55%;
}
.cases,
.cases2 {
  margin-bottom: 20px;
}
.cases2 {
  height: 409px;
}
.caseImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
.caseInfo {
  background: rgba(233, 188, 38, 0.8);
  bottom: 5px;
  color: #fff;
  display: none;
  left: 5px;
  padding: 40px;
  position: absolute;
  text-align: center;
  width: calc(100% - 10px);
}
.caseImg:hover .caseInfo {
  display: block;
  -webkit-transition: 3s all;
  -moz-transition: 3s all;
  -ms-transition: 3s all;
  -o-transition: 3s all;
  transition: 3s all;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.caseInfo a {
  color: #fff;
  text-decoration: none;
}
.caseInfo a:hover {
  color: #fff;
  text-decoration: none;
}
.caseInfo a .lightxt {
  font-weight: 300;
}
.caseInfo .clearbtnWhite {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.caseInfo a .clearbtnWhite .material-icons {
  vertical-align: text-top;
}
.kundcasen {
  margin: 50px 0 30px;
}
.caseGul {
  background: #e9bc26;
  padding: 70px 0;
}
.caseGul .clearBtn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 400px;
}
.snabborder {
  margin-bottom: 40px;
}
.add-row-wrapper {
  margin: 10px 0;
}
.snabb-order-row .item-name {
  border-bottom: 1px solid #f1f1f1;
  font-size: 12px;
  height: 50px;
  padding: 12px;
}
.snabborder .add-item-search input {
  border-bottom: 1px solid #f1f1f1;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.blueTop {
  background: #1c2d3b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 15px 0;
  text-transform: uppercase;
}
.proTxt {
  float: left;
  padding-top: 40px;
  width: 60%;
}
a.proTxt h4 {
  font-size: 22px;
  font-weight: 300;
}
.proImg {
  float: left;
  height: 211px;
  width: 40%;
}
.proImg img {
  max-width: 90%;
}
.caseprodukt {
  border: 1px solid #ececeb;
  border-radius: 5px;
  height: 100%;
  padding: 20px;
}
.caseprodukt a:hover {
  color: #000;
}
.caseprodukt .proImg img {
  max-height: 200px;
}
.brand {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}
.sku {
  color: #787878;
  font-size: 10px;
}
.varianter {
  color: #787878;
  font-size: 14px;
}
.produkterna {
  margin-bottom: 50px;
}
.caseGrey {
  background: #ececeb;
  padding: 70px 0;
}
.caseGrey .gulBtn {
  border: 0;
  margin-top: 40px;
}
.caseImages .inImgSlide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 797px;
  width: 100%;
}
.articleSingle .imageWrapper {
  height: 345px;
}
.articleSingle .imageWrapper .overlay3 {
  background: rgba(28, 45, 59, 0.2);
  height: 345px;
}
.articleContent {
  margin: 30px 0;
}
.wishWrapper {
  background: #e5e5e5;
  padding-bottom: 50px;
}
.wishListImg {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}
.wishListImg h1 {
  text-transform: normalize;
}
.marg40 {
  margin-bottom: 40px;
  margin-top: 40px;
}
.wish {
  line-height: 46px;
}
.media-archive-content .site-menu-sub {
  display: block;
}
.media-archive-content .site-menu-sub li {
  float: left;
}
.media-archive-content .site-menu-sub li a {
  border: 2px solid #1c2d3b;
  border-radius: 6px;
  display: inline-block;
  font-weight: 400;
  margin: 30px 10px 30px 0;
  padding: 6px 22px;
  text-decoration: none;
  text-transform: uppercase;
}
.media-archive-content .site-menu-sub li.site-menu-item-active a,
.media-archive-content .site-menu-sub li.site-menu-item-active a:hover,
.media-archive-content.media-parent-page .site-menu-sub li:first-child a {
  background: #1c2d3b;
  color: #fff;
}
.file-list-wrapper {
  clear: both;
}
.file-list {
  list-style: none;
  margin-bottom: 40px;
  padding-left: 0;
}
.file-list li {
  border-bottom: 1px solid #f1f1f1;
  line-height: 50px;
}
.flie-list li .fa-thin {
  font-size: 25px;
  margin-right: 10px;
}
.fa-file-lines {
  font-size: 25px;
  margin-right: 10px;
}
.mediarubrik {
  border-top: 7px solid #e9bc26;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-top: 15px;
  width: 310px;
}
.file-list-wrapper .various {
  position: relative;
}
.file-list-wrapper .various:hover .fa-youtube {
  color: #f0d26c;
}
.file-list-wrapper .fa-youtube {
  color: #e9bc26;
  display: inline-block;
  font-size: 80px;
  text-align: center;
  width: 100%;
}
.page-404 .search-list {
  padding-left: 0;
}
.page-404 .search-list li {
  margin-bottom: 25px;
}
.page-404 .suggested-links-container {
  display: none;
}
.page-404 .search-result-title {
  text-transform: capitalize;
}
#footer {
  background: #000;
  color: #fff;
  padding: 62px 0 40px;
}
#footer .menuProd a {
  line-height: 34px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer .goldBtn {
  font-size: 14px;
}
.footLogo {
  text-align: center;
}
.footLogo img {
  height: 184px;
}
.footer-p {
  position: absolute;
}
.footer-p img {
  width: 20px;
}
.fotTfn {
  padding-left: 30px;
}
.social img {
  height: 20px;
  padding-right: 20px;
  width: auto;
}
.subscSkal {
  background: #fff;
  border-radius: 2px;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
}
button {
  border: 0;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  width: auto;
}
#footer .goldBtn {
  position: absolute;
  right: 5px;
}
#footer input {
  border: 0;
  color: #000;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  padding-left: 15px;
}
#footer ::placeholder {
  color: #000;
  font-weight: 300;
}
@media (min-width: 1800px) {
  .startSlider .inImgSlide {
    height: 990px;
  }
}
@media (min-width: 992px) {
  .befintlig {
    margin-top: 32px;
  }
  #navbar .site-menu-sub {
    background: #fff;
    color: #000;
    padding: 0;
    position: absolute;
    top: 62px;
    width: 303px;
  }
  .map-text {
    background-color: #fff;
    background-image:
      linear-gradient(
        to left,
        #d3d3d3,
        #fff);
    display: inline-block;
    height: 774px;
    vertical-align: top;
  }
  #navbar .site-menu-sub li {
    border-bottom: 1px solid #ececeb;
    color: #000;
    display: block;
    padding: 16px 15px;
    text-decoration: none;
    width: 100%;
  }
  #navbar .site-menu-sub li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }
  #navbar .site-menu-sub li > ul {
    display: none;
  }
}
@media (max-width: 1399px) {
  .headshop {
    font-size: 24px;
    padding: 24px 0 0;
    text-align: right;
  }
  img {
    max-width: 100%;
  }
  .gulTxt {
    padding-left: 148px;
    padding-top: 57px;
  }
  .greytxt2 {
    padding-left: 142px;
    padding-top: 26px;
  }
  .greytxt1 {
    padding-right: 80px;
    padding-top: 30px;
  }
  .prodGroup {
    width: 872px;
  }
  .egenskap {
    width: 45%;
  }
  .egenskap-text {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .orderproInfo {
    font-size: 14px;
  }
  .hiddenMedium {
    display: none;
  }
  .gulTxt {
    padding-left: 80px;
    padding-top: 7px;
  }
  .greytxt2 {
    padding-left: 80px;
  }
  .greytxt1 {
    padding-right: 80px;
    padding-top: 18px;
  }
  .headshop a {
    padding: 0 5px;
  }
  .langWrapper {
    padding: 31px 9px 0;
  }
  .searchTop {
    padding: 33px 19px 0 9px;
  }
  .headshop {
    padding: 24px 0 0 15px;
  }
  #navbar ul {
    padding: 0;
    width: 100%;
  }
  #navbar ul li {
    font-size: 15px;
    padding: 0 10px;
  }
  .prodGroup {
    overflow: scroll hidden;
    width: 700px;
  }
  .prodGroup li a .material-icons {
    right: -3px;
    top: 23px;
  }
  .prodGroup li a {
    font-size: 12px;
  }
  .prodGroup li img {
    height: 40px;
    margin-right: 10px;
    max-width: 40px;
  }
  .prodGroup li {
    width: 32%;
  }
  .site-menu-sub li a {
    font-size: 14px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  #triangle-up {
    right: 75px;
  }
  #triangle-up2 {
    right: 55px;
  }
}
@media (max-width: 1200px) {
  .fakturansnumber {
    bottom: 20px;
    left: 20px;
    position: absolute;
  }
  .orderleveransdatumet {
    bottom: 53px;
    left: 155px;
    position: absolute;
  }
  .orderlevdate {
    float: left;
    padding-top: 16px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  #triangle-up {
    right: 86px;
  }
  #triangle-up2 {
    right: 45px;
  }
  .tjohos .goldBtn {
    height: 36px;
    padding: 0;
    padding-left: 3px;
  }
  .tjohos .material-icons {
    height: 36px;
    line-height: 30px;
  }
  .padtopOrder {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .prodGroup {
    left: 0;
    top: 65px;
    width: 100%;
  }
  .certificate-wrapper .material-symbols-outlined {
    position: absolute;
    right: 24px;
    top: 29px;
    vertical-align: middle;
  }
  .orderleveransdatumet {
    bottom: 39px;
    left: 150px;
    position: absolute;
  }
  .cart-quantity {
    text-align: right;
  }
  .delete-this {
    margin-top: 15px !important;
    text-align: right;
    width: 100%;
  }
  .cart-item-heart {
    display: none;
  }
  .cart-item-heart-mobile {
    display: inline-block;
  }
  .cart-item-image {
    margin-bottom: 30px;
  }
  .cart-item .proHI {
    top: 5px !important;
  }
  .marg-b-30 {
    margin-bottom: 20px;
  }
  .faqInfo.marg-b-30 {
    margin-bottom: 60px !important;
  }
  .infoRuta.shown {
    display: block;
  }
  .paddingIcon {
    padding-top: 19px;
  }
  .padtopOrder {
    display: block;
  }
  .imgOrderH {
    padding: 0;
  }
  .smallShopping {
    text-align: right;
  }
  .smallShopping .material-icons {
    font-size: 17px;
    height: 27px;
  }
  .smallShopping .onlyGulM.goldBtn {
    height: 32px;
    padding: 0 0 0 6px;
  }
  .moreOrderInfo {
    border-top: 2px solid #fff;
    padding-top: 15px;
  }
  .orderproInfo {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .padtopOrder {
    font-size: 14px;
    padding-top: 0;
  }
  .exp {
    padding-top: 20px;
  }
  .padtopOrder span {
    display: block;
    font-size: 14px;
  }
  .textCenter {
    text-align: left;
  }
  .margT30 {
    margin-top: 30px;
  }
  .profileCustomer {
    margin-left: 0;
  }
  .inlineM {
    display: inline;
  }
  .onlyGulM.goldBtn {
    height: 43px;
    padding: 0 2px 0 9px;
    text-align: center;
  }
  .gulaKnappen {
    margin-top: 0;
  }
  .blueTopMyPages {
    margin-top: 64px;
  }
  .customerPages .noRow {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .profileTider table {
    width: 80% !important;
  }
  .map {
    height: auto;
  }
  .map-adress {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .personal-phone {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: left;
  }
  .personal-rubrik {
    margin-bottom: 0;
  }
  .personal-phone img {
    height: 30px;
  }
  .map-text {
    background: #ececeb;
    order: 2;
  }
  .map-map {
    order: 1;
  }
  .all-articles {
    margin-top: 65px;
  }
  .artpubDate {
    font-size: 16px;
  }
  .titleArtikel h1 {
    font-size: 22px;
  }
  .nyhetsarkiv {
    margin-top: 40px;
  }
  .textArtikelStor .clearBtn {
    width: 100%;
  }
  .katArtiklarna h3,
  .allaArtiklarna h3 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
  }
  .katArtiklarna .artpubDate,
  .allaArtiklarna .artpubDate {
    font-size: 12px;
  }
  .smulor,
  .smulor_dark_bg {
    height: auto;
  }
  .artTInfo h1 {
    font-size: 22px;
  }
  .fler-title {
    font-size: 14px;
  }
  .more-articles .artpubDate {
    font-size: 12px;
  }
  .more-articles {
    margin-bottom: 30px;
    overflow: hidden;
  }
  .textWrapper {
    margin-top: 60px;
  }
  .faq .imageWrapper {
    height: 171px;
  }
  .rubriken h2 {
    font-size: 24px;
  }
  .faq .maincontent {
    margin-top: 25px;
  }
  .faqInput .input-wrapper {
    margin: 15px 0 30px;
    position: relative;
  }
  .faqInput input {
    border-radius: 6px;
    padding-left: 15px;
  }
  .contactPopup,
  .contactPopup2 {
    overflow: auto;
    top: 58px;
    width: 88%;
  }
  .menuProd {
    margin-top: 40px;
  }
  .footLogo {
    margin-bottom: 40px;
  }
  .omli ul li {
    border-bottom: 1px solid #ececeb;
  }
  .dispFlex {
    display: none;
  }
  .startSlider .inImgSlide {
    height: 636px;
  }
  .stories-slick-container {
    height: 100% !important;
    position: relative !important;
    width: 100%;
  }
  .story-text {
    height: 352px;
    margin-top: 425px;
    padding: 15px;
    position: relative;
    right: 0;
    width: 100%;
  }
  .story-textTop {
    bottom: 70px;
    height: auto;
    left: 22px;
    position: absolute;
    width: 90%;
    z-index: 300;
  }
  .flag span {
    color: #000;
  }
  .groupCm img {
    height: 50px;
    margin-right: 20px;
    width: 50px;
  }
  .enbartMobile {
    display: block;
    position: absolute;
    right: 97px;
    top: 18px;
  }
  .enbartMobile img {
    width: 30px;
  }
  header {
    height: 65px;
  }
  .aktivHead {
    background: #fff !important;
  }
  header.startPage.headern {
    background: #1c2d3b;
  }
  .blueImgbg img {
    height: auto;
    max-height: 246px;
    width: auto;
  }
  .blueInner {
    padding: 50px 40px 0;
  }
  .blueBg h2 {
    margin-bottom: 0;
  }
  .gulBg img {
    width: 100%;
  }
  .navbar-wrapper {
    height: 0;
  }
  .gulTxt {
    padding-left: 15px;
    padding-top: 7px;
  }
  .greyimg1 {
    order: 1;
  }
  .greytxt1 {
    order: 2;
    padding-right: 15px;
    padding-top: 18px;
  }
  .greytxt2 {
    padding-left: 15px;
    padding-top: 15px;
  }
  .greybg img {
    width: 100%;
  }
  .contentDef {
    margin-top: 30px;
  }
  .txtLeft {
    margin-bottom: 0;
    padding: 15px 15px 40px;
  }
  .txtRight {
    padding: 15px 15px 40px;
  }
  .imgRight,
  .imgLeft {
    margin-bottom: 20px;
  }
  .article-case-page .imgLeft {
    order: 2;
  }
  .imgRight img,
  .imgLeft img {
    width: 100%;
  }
  .default {
    margin-top: 64px;
  }
  .ett,
  .tva,
  .tre,
  .fyra {
    width: 100%;
  }
  .caseInfo {
    bottom: 0;
    display: block;
    left: 0;
    width: 100%;
  }
  .kundCaseSkal {
    background: #1c2d3b;
    margin-bottom: -30px;
    margin-top: -50px;
    padding-bottom: 30px;
    padding-top: 50px;
  }
  .enpro {
    margin-bottom: 15px;
  }
  .faqQst {
    font-size: 16px;
    padding: 15px 40px 15px 15px;
  }
  .faqQst .material-icons {
    top: 15px;
  }
  .faqAns {
    font-size: 14px;
    padding: 10px 15px 0;
  }
  .profileSupport,
  .profilerReklamera {
    margin-bottom: 20px;
  }
  .bevakadProd img {
    max-height: 82%;
  }
  .bevakadProd {
    padding: 15px 15px 0;
  }
  .media-archive-content .nav {
    width: 100%;
  }
  .media-archive-content .site-menu-sub li a {
    margin: 5px 10px 5px 0;
  }
  .file-list-wrapper {
    padding-top: 20px;
  }
  .maincontent-historia .imgLeft,
  .maincontent-historia .txtLeft {
    border: 0;
    border-left: 5px solid #e9bc26;
    padding: 0;
    padding-left: 50px;
  }
  .maincontent-historia .imgRight,
  .maincontent-historia .txtRight {
    border-left: 5px solid #e9bc26;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .prodGroup {
    width: 100%;
  }
  .prodGroup li {
    width: 50%;
  }
  .orderleveransdatumet {
    bottom: 29px;
    left: 150px;
    position: absolute;
  }
  .widthFIX {
    width: 100% !important;
  }
  .hiddenMobile {
    display: none;
  }
  .bevakadProd {
    padding: 15px;
  }
  .fullSizeM {
    width: 100%;
  }
  .txtLeft ul,
  .txtRight ul {
    padding-left: 20px;
  }
  .exp {
    padding-top: 0;
  }
  .cart-item-heart-text {
    float: left;
    width: 80px;
  }
  .cart-item .cart-name {
    padding-left: 10px;
  }
  .padtopOrder {
    display: inline;
  }
  .padtopOrder span {
    display: inline;
  }
  .block-alt {
    width: 100% !important;
  }
  .weightBtns button {
    margin-right: 0;
    width: 49%;
  }
  .imgOrderH {
    padding: 5px 10px 10px;
  }
  .prop-single-right {
    padding-right: 0 !important;
    width: 48% !important;
  }
  .profileTider {
    font-size: 14px;
  }
  .profileTider table {
    width: 100% !important;
  }
  .contactPopup,
  .contactPopup2 {
    width: 100%;
  }
  .textWrapper h1 {
    font-size: 40px;
  }
}
@media (max-width: 500px) {
  ul .ui-menu-item.rave,
  ul .ui-menu-item.party,
  ul .ui-menu-item.disco {
    width: 100%;
  }
  .prodHeadline,
  .accHeadline,
  .listHeadline {
    display: none !important;
  }
  .closeSearch {
    right: -55px;
  }
  .ui-menu .ui-menu-item .prod-list-result {
    height: auto;
  }
  .caseInfo .clearbtnWhite {
    width: auto;
  }
  .caseGul .clearBtn {
    width: auto;
  }
  .more-articles {
    margin-bottom: 30px;
    overflow: hidden;
  }
  .file-list-wrapper .fa-youtube {
    font-size: 50px;
  }
  .orderlevdate {
    padding-top: 0;
  }
  .offertAcceptansForm {
    font-size: 11px;
    padding: 5px 2px;
  }
  .test-offerter .activated .testarigen,
  .test-offerter .testarigen.activated {
    background: #fafafa;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 30px 20px 3px;
    position: relative;
  }
  .profileSupport .clearbtnWhite {
    font-size: 15px;
  }
  .profilerReklamera .clearBtn {
    font-size: 15px;
  }
}
@media (max-width: 568px) {
  .prodGroup li {
    width: 100%;
  }
  .prodGroup li a {
    font-size: 15px;
  }
  .leftGrIm img {
    display: none;
  }
  .prodGroup .propEgen {
    margin-top: -40px;
  }
  .showall {
    margin: 0;
  }
  .egenskap {
    width: 45%;
  }
}
.loginfix {
  padding-bottom: 650px;
  padding-top: 150px;
}
.checkout {
  margin-top: 40px;
}
.checkout.container {
  border: 1px solid #cfcece;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px;
}
.checkout .cart-row.total {
  border-top: 1px solid #cfcece;
  margin-top: 15px;
}
.checkout .cart-row.total span:first-child {
  font-weight: bold;
}
.checkout .cart-row span {
  display: inline-block;
  margin-top: 20px;
}
.checkout .cart-row span:last-child {
  float: right;
}
.checkout .adyen {
  margin-top: 40px;
}
.wl-checkout-complete {
  padding-bottom: 50px;
}
.wl-checkout-complete .wl-order-info__container {
  border-top: 1px solid #cfcece;
}
.wl-checkout-complete .wl-order-summary__products {
  border-inline: 1px solid #cfcece;
}
.media-archive-content .site-menu-sub {
  display: block;
}
.media-archive-content .site-menu-sub li {
  float: left;
}
.media-archive-content .site-menu-sub li a {
  border: 2px solid #1c2d3b;
  border-radius: 6px;
  display: inline-block;
  font-weight: 400;
  margin: 30px 10px 30px 0;
  padding: 6px 22px;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .media-archive-content .site-menu-sub li a {
    margin: 5px 10px 5px 0;
  }
}
.media-archive-content .site-menu-sub li .site-menu-item-active a,
.media-archive-content .site-menu-sub li .site-menu-item-active a:hover {
  background: #1c2d3b;
  color: #fff;
}
@media (max-width: 991px) {
  .media-archive-content .site-menu-sub .nav {
    width: 100%;
  }
}
.media-archive-content .media-parent-page .site-menu-sub li:first-child a {
  background: #1c2d3b;
  color: #fff;
}
.file-list-wrapper {
  clear: both;
}
@media (max-width: 991px) {
  .file-list-wrapper {
    padding-top: 20px;
  }
}
@media (max-width: 500px) {
  .file-list-wrapper .fa-youtube {
    font-size: 50px;
  }
}
.file-list {
  list-style: none;
  margin-bottom: 40px;
  padding-left: 0;
}
.file-list li {
  border-bottom: 1px solid #f1f1f1;
  line-height: 50px;
}
.flie-list li .fa-thin {
  font-size: 25px;
  margin-right: 10px;
}
.fa-file-lines {
  font-size: 25px;
  margin-right: 10px;
}
.mediarubrik {
  border-top: 7px solid #e9bc26;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 30px;
  padding-top: 15px;
  width: 310px;
}
.file-list-wrapper .various {
  position: relative;
}
.file-list-wrapper .various:hover .fa-youtube {
  color: #f0d26c;
}
.file-list-wrapper .fa-youtube {
  color: #e9bc26;
  display: inline-block;
  font-size: 80px;
  text-align: center;
  width: 100%;
}
.printable-footer {
  display: none;
}
#footer .goldBtn {
  height: 30px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 100px;
}
#footer .goldBtn:disabled {
  background-color: #f1f1f1;
  color: #c1c1c1;
}
#footer #gdpr-checkbox {
  font-size: 12px;
  margin-right: 10px;
  width: auto;
}
.ui-autocomplete {
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 23px -4px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  max-width: 85%;
  min-height: 300px;
  overflow: hidden;
  z-index: 9990 !important;
}
.ui-menu .ui-menu-item .prod-list-result {
  border: 0;
  border-bottom: 2px solid #f1f1f1;
  height: 77px;
  padding-top: 10px;
}
.ui-menu .ui-menu-item .auto-list-result {
  border: 0;
  height: 60px;
}
@media (max-width: 500px) {
  .ui-menu .ui-menu-item .prod-list-result {
    height: auto;
  }
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
}
.ui-menu .ui-menu-item .item-name {
  font-size: 12px;
  padding: 12px;
  padding-bottom: 0;
}
.ui-menu .ui-menu-item img {
  max-height: 40px;
}
.ui-menu .prod-list-img-wrapper {
  display: inline-block;
  float: left;
  height: 77px;
  text-align: center;
  width: 60px;
}
.ui-menu .prod-list-title-wrapper {
  display: inline-block;
  float: left;
  font-size: 14px;
  width: calc(100% - 60px);
}
.ui-menu .prod-list-sku-wrapper {
  font-size: 12px;
}
.prod-list-li {
  display: flex;
  height: 80px;
  margin-right: auto;
  text-align: left;
  width: 50%;
}
.auto-list-li {
  display: flex;
  height: 80px;
  margin-left: auto !important;
  text-align: center;
  width: 50%;
}
.ui-menu .ui-menu-item.party.ui-state-focus,
.ui-menu .ui-menu-item.prodHeadline.ui-state-focus {
  background: none !important;
  background-color: none !important;
  border: 0;
}
.ui-menu .ui-menu-item.disco.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-focus {
  background: none !important;
  background-color: none !important;
  border: 0;
}
#footer {
  background: #000;
  color: #fff;
  padding: 62px 0 40px;
}
@media (max-width: 991px) {
  #footer .menuProd {
    margin-top: 40px;
  }
}
#footer .menuProd a {
  line-height: 34px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer .goldBtn {
  font-size: 14px;
}
.footLogo {
  text-align: center;
}
@media (max-width: 991px) {
  .footLogo {
    margin-bottom: 40px;
  }
}
.footLogo img {
  height: 184px;
}
.footer-p {
  position: absolute;
}
.footer-p img {
  width: 20px;
}
.fotTfn {
  padding-left: 30px;
}
.social img {
  height: 20px;
  padding-right: 20px;
  width: auto;
}
.subscSkal {
  background: #fff;
  border-radius: 2px;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
}
button {
  border: 0;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  width: auto;
}
#footer .goldBtn {
  position: absolute;
  right: 5px;
}
#footer input {
  border: 0;
  color: #000;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  padding-left: 15px;
}
#footer ::placeholder {
  color: #000;
  font-weight: 300;
}
.form-file {
  display: none;
}
.form-file#upload {
  display: block;
}
.regiCus {
  background-image: url(../img/register_backgrnd.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop));
  min-height: 110vh;
}
#user-form,
.logInRuta {
  background: #fff;
  margin-bottom: 40px;
  margin-top: 20px;
  padding: 20px;
}
.wl-after-apply-for-account {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 10px;
}
#user-form .goldBtn,
.logInRuta .goldBtn {
  line-height: 35px;
  margin: 50px 0;
  padding: 10px 0;
  width: 100%;
}
#user-form label {
  font-size: 14px;
  font-weight: 500;
}
#user-form label.radio-inline {
  color: #787878;
  font-weight: 300;
  margin-right: 40px;
  text-transform: uppercase;
}
#user-form label.fet {
  color: #395a7a;
  font-weight: 500;
  text-transform: uppercase;
}
.wl-magic-link__container {
  padding-top: 40px;
}
.hidden {
  display: none;
}
.redanKonto {
  margin-bottom: 30px;
  text-align: center;
}
.redanKonto a,
.redanKonto a:hover {
  color: #568bbe;
  font-weight: 700;
  text-decoration: none;
}
.radio-inline input {
  display: none;
}
.fet {
  color: #568bbe;
  font-weight: 500;
  text-transform: uppercase;
}
.kundtyprubrik {
  text-align: center;
}
.kundtyp {
  margin-bottom: 30px;
  text-align: center;
}
.kontaktform .col-lg-6:has(input[required]) label::after,
.kontaktform .col-12:has(input[required]) label::after,
.wl-checkout-step .col-lg-8 [class^=col-]:has(input[required]) label::after {
  color: red;
  content: "*";
  margin-left: 5px;
}
.overlay {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100vh;
  position: absolute;
  width: 100vw;
  z-index: 2;
}
.dispFlex {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .dispFlex {
    display: none;
  }
}
.headerLogo {
  padding-top: 15px;
}
@media (max-width: 991px) {
  .headerLogo {
    display: none;
    margin-left: 66px;
    padding-top: 8px;
    text-align: left;
  }
}
.headerLogo img {
  width: 113px;
}
@media (max-width: 991px) {
  .headerLogo img {
    width: 90px;
  }
}
@media (max-width: 300px) {
  .headerLogo {
    margin-left: 42px;
    padding-top: 8px;
    text-align: left;
  }
}
.dLogo {
  display: none;
}
.langWrapper {
  padding: 31px 30px 0;
}
@media (max-width: 1199px) {
  .langWrapper {
    padding: 31px 9px 0;
  }
}
@media (max-width: 991px) {
  .langWrapper {
    padding: 0;
  }
}
.currencyWrapper {
  border: 2px solid white;
  border-radius: 2px;
  color: white;
  height: 30px;
  margin-top: 30px;
  text-align: center;
  width: 30px;
}
.currencyWrapper a {
  color: white;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}
.currencyWrapper a .currency-icon {
  margin: 0 5px;
}
.currencyWrapper li a {
  color: #1c2d3b;
}
.headshop {
  font-size: 24px;
  padding: 24px 0 0 10px;
  position: relative;
  text-align: right;
}
@media (max-width: 1399px) {
  .headshop {
    font-size: 24px;
    padding: 24px 0;
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .headshop {
    padding: 24px 0 0 15px;
  }
}
@media (max-width: 991px) {
  .headshop {
    font-size: 16px;
    padding: 10px 0 0 10px;
    text-align: left;
    text-decoration: none;
  }
}
.headshop > a {
  padding: 0 10px;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .headshop > a {
    padding: 0 5px;
  }
}
@media (max-width: 991px) {
  .headshop > a {
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .headshop > a img {
    padding-right: 10px;
  }
}
.kundvagn {
  position: relative;
}
.checkout .kundvagn {
  visibility: hidden;
}
.mobileOnly {
  display: none;
}
@media (max-width: 991px) {
  .mobileOnly {
    display: inline;
  }
}
.curr-selector2 {
  color: white;
  display: flex;
  padding: 0 10px;
  padding-top: 15px;
  text-align: center;
}
.currencyWrapper2 a {
  color: black;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 10px;
  text-decoration: none;
}
.currencyWrapper2 li a {
  color: #1c2d3b;
}
.selectedCurrency {
  color: black;
  font-weight: 800;
}
.topcart-number {
  background: #e9bc26;
  border-radius: 50%;
  bottom: -5px;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  padding-top: 3px;
  position: absolute;
  right: -10px;
  text-align: center;
  width: 20px;
  z-index: 1;
}
@media (min-width: 768px) {
  .topcart-number {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 991px) {
  .topcart-number {
    background: #fff;
    right: -10px;
  }
}
.kundvagn:hover .topcart-number,
.heart:hover .FavNumbers {
  color: black;
}
@media (max-width: 768px) {
  .cart-item .cart-name {
    padding-left: 10px;
  }
}
.cart-item-heart-mobile {
  display: none;
}
@media (max-width: 768px) {
  .cart-item-heart-text {
    float: left;
    width: 80px;
  }
}
.wl-mobile-header__menu {
  background: #fff;
  color: #000;
  height: 0;
  margin-left: -17px;
  overflow-y: scroll;
  padding: 0;
  width: 0;
}
.wl-mobile-header__menu .heart img {
  height: 25px;
}
.wl-mobile-header__menu.--is-open {
  height: calc(100vh - 55px);
  padding: 0 10px;
  width: 100vw;
}
.wl-mobile-header__menu .site-menu-sub {
  padding-top: 10px;
  width: 100%;
}
.wl-mobile-header__menu li {
  font-size: 1rem;
  list-style: none;
  padding: 15px 10px;
  width: 100%;
}
.wl-mobile-header__menu li ul {
  display: none;
}
.wl-mobile-header__menu li a {
  color: #000;
}
.heart {
  position: relative;
}
.inputWrapper label {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.inputWrapper input {
  color: #000;
  font-size: 16px;
  padding: 10px 15px;
}
.inputWrapper::placeholder {
  color: #787878;
  font-size: 16px;
  font-weight: 300;
  text-transform: capitalize;
}
#triangle-up {
  border-bottom: 17px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  height: 0;
  position: absolute;
  right: 10px;
  top: -17px;
  width: 0;
}
#triangle-up2 {
  border-bottom: 17px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  height: 0;
  position: absolute;
  right: 23px;
  top: -17px;
  width: 0;
}
.custInfo {
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: -40px;
}
.loggInCus {
  font-size: 12px;
  font-weight: 500;
}
.cusName {
  text-transform: uppercase;
}
.inCusOut {
  margin-top: 50px;
}
.hamburger {
  display: none;
}
@media (max-width: 991px) {
  .hamburger {
    display: block;
    left: 5px;
    position: absolute;
    top: 7px;
  }
  .hamburger .hamburger-inner,
  .hamburger .hamburger-inner::after,
  .hamburger .hamburger-inner::before {
    background-color: #fff;
    border-radius: 4px;
    height: 3px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 30px;
  }
}
@media (max-width: 991px) and (min-width: 951px) {
  .hamburger .hamburger-inner,
  .hamburger .hamburger-inner::after,
  .hamburger .hamburger-inner::before {
    background-color: #fff;
  }
}
.enbartMobile {
  display: none;
}
@media (max-width: 991px) {
  .enbartMobile {
    display: block;
    position: absolute;
    right: 97px;
    top: 18px;
  }
}
.enbartMobile img {
  width: 30px;
}
.subheader {
  z-index: 998;
}
@media (max-width: 991px) {
  .subheader {
    display: none;
  }
}
.subheader.desktop-menu {
  background-color: #e9bc26;
  height: var(--subheader-height-dektop);
  position: fixed;
  top: 99px;
  width: 100%;
}
.wl-mobile-header__container {
  color: #000;
  height: var(--header-height-mobile);
}
.wl-mobile-header__container .nav {
  display: block;
}
@media (max-width: 991px) {
  .wl-mobile-header__container .nav {
    transition: 0.3s;
  }
}
.wl-mobile-header__container .wl-mobile-header__logo {
  display: block;
}
.navbar-wrapper #navbar {
  background-color: #e9bc26;
  margin-top: 5px;
  padding-bottom: 5px;
  position: relative;
  z-index: 99999;
}
@media (max-width: 991px) {
  .navbar-wrapper #navbar {
    display: none;
  }
}
.navbar-wrapper #navbar ul {
  padding: 0 15px;
}
@media (max-width: 1199px) {
  .navbar-wrapper #navbar ul {
    padding: 0;
    width: 100%;
  }
  .navbar-wrapper #navbar ul #navbar ul li {
    font-size: 15px;
    padding: 0 10px;
  }
}
.navbar-wrapper #navbar ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  list-style: none;
  padding: 0 15px;
  text-transform: uppercase;
}
.navbar-wrapper #navbar > ul {
  margin: 0;
  text-align: center;
}
.navbar-wrapper #navbar > ul > li {
  color: #1c2d3b;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.navbar-wrapper #navbar > ul > li > a {
  color: inherit;
  text-decoration: none;
}
.has-child {
  cursor: pointer;
  position: relative;
}
.has-child .material-icons {
  vertical-align: text-top;
}
header li a {
  color: #fff;
  text-decoration: none;
}
header {
  background: #1c2d3b;
  color: #fff;
  height: 65px;
  left: 0;
  position: fixed;
  top: 0;
  transition-duration: 0.3s;
  transition-property: background;
  width: 100%;
  z-index: 999;
}
@media (min-width: 991px) {
  header {
    height: 99px;
  }
}
@media (min-width: 991px) {
  header .header {
    height: 100%;
  }
}
header .lLogo {
  display: block;
}
header .lLogo a {
  text-decoration: none;
}
header.startPage.headern {
  background: rgba(28, 45, 59, 0.6);
}
@media (max-width: 991px) {
  header.startPage.headern {
    background: #1c2d3b;
  }
}
header .customer {
  cursor: pointer;
}
.smulor {
  color: #000;
  font-size: 18px;
  height: 55px;
  padding-top: 15px;
}
@media (max-width: 991px) {
  .smulor {
    height: auto;
  }
  .smulor a,
  .smulor span {
    font-size: 14px;
  }
}
.smulor_dark_bg {
  color: #fff;
  font-size: 18px;
  height: 55px;
  padding-top: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .smulor_dark_bg {
    height: auto;
  }
}
.smulor_dark_bg a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.smulor_dark_bg .container-fluid {
  position: relative;
}
.smulor_dark_bg .container-fluid .smulorna {
  position: absolute;
  z-index: 20;
}
.smulor .homePage,
.smulor_dark_bg .homePage {
  font-weight: 500;
}
.smulor a {
  color: #000;
  font-size: 18px;
  text-decoration: none;
}
.homePage {
  text-transform: capitalize;
}
.bread-link {
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .prodMobileMenu {
    display: none;
  }
}
.prodMobileMenu li {
  border-bottom: 1px solid #ececeb;
}
.prodMobileMenu li a {
  font-size: 14px;
}
@media (max-width: 991px) {
  .mobCart {
    height: 40px;
    position: absolute;
    right: 1px;
    top: 18px;
    width: 40px;
  }
  .mobHeart {
    height: 40px;
    position: absolute;
    right: 44px;
    top: 20px;
    width: 40px;
  }
  .mobSok {
    height: 40px;
    position: absolute;
    right: 90px;
    top: 20px;
    width: 40px;
  }
  .mobSok span {
    filter: invert(1);
  }
  .imgmarg img {
    margin-right: 12px;
  }
  .--is-open {
    margin-left: -17px;
    transition: 0.3s;
    width: calc(100% + 34px);
  }
  .--is-open .mobSok span {
    filter: invert(0);
  }
  .aktivHead {
    background: #fff !important;
  }
}
.gruppmeny {
  max-height: calc(100vh - 100px);
  min-height: 300px;
  overflow: hidden auto;
  position: relative;
}
.wl-notice__container {
  align-items: center;
  background-color: #ffe9a0;
  color: black;
  column-gap: 10px;
  display: flex;
  justify-content: center;
  left: 50%;
  margin-left: -50vw;
  padding: 10px;
  position: relative;
  width: 100vw;
}
.wl-notice__container.mobile {
  margin-top: -10px;
}
.wl-notice__container .notice-icon {
  background: #e9bc26;
  border-radius: 50%;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  line-height: 32px;
  width: 30px;
}
.wl-notice__container .notice-msg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .wl-header-v2__functionality {
    all: unset;
    align-items: center;
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 1fr auto auto;
    height: 99px;
  }
  .wl-header-v2__functionality .language-selector,
  .wl-header-v2__functionality .currencyWrapper {
    display: none;
  }
  .wl-header-v2__functionality .wl-search__container {
    display: flex;
    justify-content: center;
  }
  .wl-header-v2__functionality .wl-search__container .wl-search-wrapper__desktop {
    border-bottom: 1px solid;
    padding: 5px 10px;
  }
  .wl-header-v2__functionality .wl-search__container .wl-search-form,
  .wl-header-v2__functionality .wl-search__container input {
    all: unset;
    color: white;
  }
  .wl-header-v2__functionality .wl-search__container input {
    width: 100%;
  }
  .wl-header-v2__functionality .wl-search__container input::placeholder {
    color: white;
  }
  .wl-header-v2__functionality .wl-search__container .wl-search__icon {
    color: white;
  }
  .wl-header-v2__functionality .wl-search__container .wl-search-form {
    align-items: center;
    color: white;
    display: flex;
    justify-content: space-between;
    min-width: 400px;
  }
  .wl-header-v2__functionality .lang-settings__container {
    background: white;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-right: 20px;
    position: relative;
    transition: border-radius 0.2s cubic-bezier(1, 0, 0, 1);
    width: min-content;
  }
  .wl-header-v2__functionality .lang-settings__container.--is-active {
    border-radius: 10px 10px 0 0;
  }
  .wl-header-v2__functionality .lang-settings__container .wl-lang-menu__btn {
    background: none;
  }
  .wl-header-v2__functionality .wl-lang-settings__indicator {
    align-items: center;
    color: black;
    column-gap: 5px;
    display: flex;
    flex-direction: row;
    height: 1.5625rem;
    line-height: 1rem;
    padding: 3px 5px;
  }
  .wl-header-v2__functionality .wl-lang-settings__indicator .chosen__lang {
    align-items: center;
    display: flex;
  }
  .wl-header-v2__functionality .wl-lang-settings__indicator .chosen__lang .chosen-lang__text {
    text-transform: uppercase;
  }
  .wl-header-v2__functionality .wl-lang-settings__indicator .chosen__lang .chosen-lang__icon {
    height: 20px;
    margin-right: 5px;
    width: 20px;
  }
  .wl-header-v2__functionality .lang-settings__options-container {
    background: white;
    border-radius: 8px 0 8px 8px;
    color: black;
    column-gap: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 1.5625rem;
    transition:
      box-shadow 0.2s cubic-bezier(1, 0, 0, 1),
      max-height 0.2s cubic-bezier(1, 0, 0, 1),
      padding 0.2s cubic-bezier(1, 0, 0, 1),
      opacity 0.2s cubic-bezier(1, 0, 0, 1);
  }
  .wl-header-v2__functionality .lang-settings__options-container.--is-active {
    box-shadow: -5px 6px 15px 0 rgba(4, 4, 4, 0.0901960784);
    max-height: 300px;
    opacity: 1;
    padding: 10px 20px;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container.--has-swe-selected .fake-radio-input.sv {
    background-color: black;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container.--has-swe-selected .fake-radio-input.en {
    background-color: white;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container.--has-chosen-sek .fake-radio-input.sek {
    background-color: black;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container.--has-chosen-sek .fake-radio-input.eur {
    background-color: white;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container a {
    align-items: center;
    column-gap: 5px;
    display: flex;
    font-weight: 400;
    padding-top: 10px;
    text-decoration: none;
    white-space: nowrap;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container a .fake-radio-input {
    background-color: black;
    border: 1px solid black;
    border-radius: 50%;
    display: block;
    height: 0.8rem;
    min-width: 0.8rem;
    width: 0.8rem;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container a .fake-radio-input.sv,
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container a .fake-radio-input.sek {
    background-color: white;
  }
  .wl-header-v2__functionality .lang-settings__options-container .options__container .radio-btns__container a img {
    height: 1rem;
  }
  .wl-header-v2__functionality .wl-header-button-row {
    margin-right: 20px;
    padding: 0;
  }
  .wl-header-v2__functionality .wl-header-button-row > a {
    padding: 0 3px;
  }
}
.wl-header-v2__functionality .wl-search-results__container-desktop {
  position: absolute;
  top: 100px;
  z-index: 100;
}
.marg-b-30 {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .marg-b-30 {
    margin-bottom: 20px;
  }
}
.overlayK {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 299;
}
.blackBg {
  background: #000;
  color: #fff;
  height: 346px;
  margin-bottom: -1px;
  padding: 120px 0 50px;
}
.darkblueBg {
  background: #1c2d3b;
  color: #fff;
  height: 346px;
  margin-bottom: -1px;
  padding: 120px 0 50px;
}
.blackBg .goldBtn,
.darkblueBg .goldBtn {
  color: #000;
  height: 50px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  width: 297px;
}
.blackBg h4,
.darkblueBg h4 {
  font-size: 36px;
  font-weight: 900;
}
.greybg {
  background: #ececeb;
  padding: 70px 0;
}
@media (max-width: 991px) {
  .greybg {
    width: 100%;
  }
}
.greytxt1 {
  padding-right: 142px;
  padding-top: 30px;
}
@media (max-width: 1399px) {
  .greytxt1 {
    padding-right: 80px;
    padding-top: 30px;
  }
}
@media (max-width: 1199px) {
  .greytxt1 {
    padding-right: 80px;
    padding-top: 18px;
  }
}
@media (max-width: 991px) {
  .greytxt1 {
    order: 2;
    padding-right: 15px;
    padding-top: 18px;
  }
}
.greytxt2 {
  padding-left: 142px;
  padding-top: 60px;
}
@media (max-width: 1399px) {
  .greytxt2 {
    padding-left: 142px;
    padding-top: 26px;
  }
}
@media (max-width: 1199px) {
  .greytxt2 {
    padding-left: 80px;
  }
}
@media (max-width: 991px) {
  .greytxt2 {
    padding-left: 15px;
    padding-top: 15px;
  }
}
@media (max-width: 991px) {
  .greyimg1 {
    order: 1;
  }
}
.padtop50 {
  padding-top: 100px;
}
.gulBg {
  background: #e9bc26;
  padding: 50px 0;
}
.gulBg a {
  background: #e9bc26;
  border: 2px solid #000 !important;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 49px;
  margin-top: 30px;
  padding: 0 70px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.gulBg a:hover {
  background: #1c2d3b;
  color: #fff;
  transition-duration: 0.3s;
  transition-property: background, color;
}
@media (max-width: 991px) {
  .gulBg img {
    width: 100%;
  }
}
.gulTxt {
  padding-left: 148px;
  padding-top: 95px;
}
@media (max-width: 1399px) {
  .gulTxt {
    padding-left: 148px;
    padding-top: 57px;
  }
}
@media (max-width: 1199px) {
  .gulTxt {
    padding-left: 80px;
    padding-top: 7px;
  }
}
@media (max-width: 991px) {
  .gulTxt {
    padding-left: 15px;
    padding-top: 7px;
  }
}
.gulTxt a {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 70px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.gulTxt a:hover {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.blueBg {
  background: #1c2d3b;
  color: #fff;
  padding: 70px 0;
}
.blueBg h2 {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blueBg h2 {
    margin-bottom: 0;
  }
}
.blueInner {
  padding: 0 40px;
}
@media (max-width: 991px) {
  .blueInner {
    padding: 50px 40px 0;
  }
}
.blueInner .goldBtn {
  color: #000;
  height: 50px;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.blueImgbg {
  background-color: #192530;
  height: 306px;
  margin-bottom: 25px;
  padding-top: 30px;
}
.blueImgbg img {
  height: auto;
  width: 70%;
}
@media (max-width: 991px) {
  .blueImgbg img {
    height: auto;
    max-height: 246px;
    width: auto;
  }
}
.bluetextbg {
  height: 170px;
}
ul .ui-menu-item {
  border-left: 1px solid #eee;
  display: inline-block;
  height: 100%;
  min-height: 150px;
  padding: 15px !important;
  vertical-align: top;
  width: 33%;
}
ul .fungerar.ui-menu-item {
  width: 100% !important;
}
ul .ui-menu-item.party {
  min-height: 150px;
  padding: 15px !important;
  width: 33%;
}
ul .ui-menu-item.rave {
  min-height: 150px;
  padding: 15px !important;
  width: 33%;
}
@media (max-width: 500px) {
  ul .ui-menu-item.rave,
  ul .ui-menu-item.party,
  ul .ui-menu-item.disco {
    width: 100%;
  }
}
.marg40 {
  margin-bottom: 40px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .weightBtns button {
    margin-right: 0;
    width: 49%;
  }
}
.greenC {
  background: #00a611;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.redC {
  background: #a70000;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.yellowC {
  background: #e9bc26;
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}
.forgett-password {
  font-size: 12px;
  margin-right: -10px;
  margin-top: 10px;
  text-align: right;
  text-decoration: none;
}
.forgett-password a {
  text-decoration: none;
}
.logInRuta .forgett-password {
  margin-right: 0;
}
.loginfix {
  padding-bottom: 650px;
  padding-top: 150px;
}
.wl-login__container {
  margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop));
}
@media (max-width: 991px) {
  .wl-login__container {
    margin-top: calc(var(--header-height-mobile));
  }
}
.main-wrapper:has(.wl-login__container) {
  background-color: #1c2d3b;
}
.main-wrapper:has(.wl-login__container) input[type=checkbox] {
  width: 1rem;
}
.site-menu-sub {
  display: none;
}
@media (min-width: 992px) {
  .site-menu-sub {
    background: #fff;
    color: #000;
    padding: 0;
    position: absolute;
    top: 62px;
    width: 303px;
  }
  .site-menu-sub li {
    border-bottom: 1px solid #ececeb;
    color: #000;
    display: block;
    padding: 16px 15px;
    text-decoration: none;
    width: 100%;
  }
  .site-menu-sub li a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }
  .site-menu-sub li > ul {
    display: none;
  }
}
@media (max-width: 1199px) {
  .site-menu-sub li a {
    font-size: 14px;
  }
}
.prodGroup {
  background: #fff;
  display: none;
  filter: drop-shadow(-1px 6px 15px rgba(80, 80, 80, 0.25));
  left: auto;
  position: static;
  top: 34px;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 1199px) {
  .prodGroup {
    overflow: auto hidden;
  }
}
.prodGroup ul {
  padding: 10px;
}
.prodGroup li {
  float: left;
  list-style: none;
  padding: 17px 10px;
  position: relative;
  width: 33%;
}
@media (max-width: 1199px) {
  .prodGroup li {
    width: 32%;
  }
}
@media (max-width: 768px) {
  .prodGroup li {
    width: 50%;
  }
}
@media (max-width: 568px) {
  .prodGroup li {
    width: 100%;
  }
}
.prodGroup li a {
  color: #1c2d3b;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
}
@media (max-width: 1199px) {
  .prodGroup li a {
    font-size: 12px;
  }
}
@media (max-width: 568px) {
  .prodGroup li a {
    font-size: 15px;
  }
}
.prodGroup li img {
  height: 50px;
  margin-right: 5px;
  object-fit: contain;
  width: 50px;
}
@media (max-width: 1199px) {
  .prodGroup li img {
    height: 40px;
    margin-right: 10px;
    max-width: 40px;
  }
}
.prodGroup li a .material-icons {
  position: absolute;
  right: 15px;
  top: 27px;
}
@media (max-width: 1199px) {
  .prodGroup li a .material-icons {
    right: -3px;
    top: 23px;
  }
}
@media (max-width: 568px) {
  .prodGroup .propEgen {
    margin-top: -40px;
  }
}
.produktval {
  color: #000;
  display: none;
}
.backMenu {
  color: #000;
  cursor: pointer;
  font-weight: 800;
  padding: 30px 21px 35px;
  text-transform: uppercase;
}
.backMenu .material-icons {
  vertical-align: text-top;
}
.showall {
  display: block;
  float: right;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding-right: 0;
  text-align: right;
  text-transform: lowercase;
  width: auto;
}
@media (max-width: 568px) {
  .showall {
    margin: 0;
  }
}
.showall a,
.showall a:hover {
  color: #000;
}
.propName {
  display: inline-block;
  font-weight: 500;
  margin: 30px 0 0;
  padding-left: 15px;
  width: 50%;
}
.propEgen {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
}
.propEgen > div {
  margin: 0;
  width: calc(20% - 20px);
}
.leftGrIm {
  width: 100%;
}
.leftGrIm img {
  max-height: 100%;
}
@media (max-width: 568px) {
  .leftGrIm img {
    display: none;
  }
}
.egenskap {
  border: 2px solid #cfcece;
  border-radius: 3px;
  color: #000;
  display: inline-block;
  font-weight: 700;
  margin: 0 15px 10px 0;
  position: relative;
  text-align: center;
  width: 30%;
}
@media (max-width: 1399px) {
  .egenskap {
    width: 45%;
  }
}
@media (max-width: 568px) {
  .egenskap {
    width: 45%;
  }
}
.egenskap:hover {
  outline: 1px solid #373737;
}
.egenskap text {
  width: 47%;
}
@media (max-width: 1399px) {
  .egenskap text {
    width: 100%;
  }
}
.egenskap :hover a {
  text-decoration: none;
}
.egenskap a {
  border: 2px solid transparent;
  color: #000;
  height: 100%;
  text-decoration: none;
}
.egenskap a:hover {
  text-decoration: none;
}
.namnetEgenskap {
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  text-transform: capitalize;
  top: 30px;
}
.upp {
  display: none;
}
.wm3-favorites {
  padding-bottom: 80px;
}
.maincontent {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .maincontent {
    margin-top: 30px;
    padding: 0 20px;
  }
}
.maincontent .top-main-content .col-12 {
  padding: 0 30px;
}
.maincontent hr {
  background-color: #e9bc26;
  border: 0;
  height: 7px;
  max-width: 100%;
  opacity: 1;
  width: 310px;
}
.maincontent .bg-gray {
  background: #f9f9f9;
  padding: 20px;
}
.maincontent-historia .txtLeft {
  border-right: 5px solid #e9bc26;
  margin: 0;
  padding: 0 15px;
  padding-right: 50px;
}
@media (max-width: 991px) {
  .maincontent-historia .txtLeft {
    border: 0;
    border-left: 5px solid #e9bc26;
    padding: 0;
    padding-left: 50px;
  }
}
.maincontent-historia .txtRight {
  padding: 0 15px;
  padding-left: 50px;
}
@media (max-width: 991px) {
  .maincontent-historia .txtRight {
    border-left: 5px solid #e9bc26;
    margin: 0;
  }
}
.maincontent-historia .imgLeft {
  border-right: 5px solid #e9bc26;
  margin: 0;
  padding-right: 50px;
}
@media (max-width: 991px) {
  .maincontent-historia .imgLeft {
    border: 0;
    border-left: 5px solid #e9bc26;
    padding: 0;
    padding-left: 50px;
  }
}
.maincontent-historia .imgRight {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .maincontent-historia .imgRight {
    border-left: 5px solid #e9bc26;
    margin: 0;
  }
}
.contentDef {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .contentDef {
    margin-top: 30px;
  }
}
.txtLeft {
  margin-bottom: 100px;
  padding: 0 30px 15px;
}
@media (max-width: 991px) {
  .txtLeft {
    margin-bottom: 0;
    padding: 15px 15px 40px;
  }
}
@media (max-width: 768px) {
  .txtLeft ul {
    padding-left: 20px;
  }
}
.txtRight {
  margin-bottom: 100px;
  padding: 0 30px 15px;
}
@media (max-width: 991px) {
  .txtRight {
    padding: 15px 15px 40px;
  }
}
@media (max-width: 768px) {
  .txtRight ul {
    padding-left: 20px;
  }
}
.imgRight,
.imgLeft {
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .imgRight,
  .imgLeft {
    margin-bottom: 20px;
  }
  .imgRight img,
  .imgLeft img {
    width: 100%;
  }
}
.maincontent-campaign h2 a {
  background: #e9bc26;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 40px;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.maincontent-campaign a:hover {
  background: #f0d26c;
  color: #000;
  transition-duration: 0.3s;
  transition-property: background, color;
}
.contactPopup,
.contactPopup2 {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: none;
  left: 0;
  margin: auto;
  max-width: 1065px;
  padding: 40px 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 150px;
  z-index: 300;
}
@media (max-width: 991px) {
  .contactPopup,
  .contactPopup2 {
    overflow: auto;
    top: 58px;
    width: 88%;
  }
}
@media (max-width: 768px) {
  .contactPopup,
  .contactPopup2 {
    width: 100%;
  }
}
.contactPopup .closepop,
.contactPopup2 .closepop {
  cursor: pointer;
  padding-right: 20px;
  text-align: right;
  width: 100%;
}
.contactPopup .formInner,
.contactPopup2 .formInner {
  padding: 20px 40px;
  text-align: left;
}
.contactPopup .formInner label,
.contactPopup2 .formInner label {
  text-transform: capitalize;
}
.contactPopup .formInner label.downcase-label,
.contactPopup2 .formInner label.downcase-label {
  text-transform: none;
}
.contactPopup .formInner textarea,
.contactPopup2 .formInner textarea {
  height: 130px;
}
.contactPopup .send-wrapper,
.contactPopup2 .send-wrapper {
  margin-top: 30px;
  text-align: center;
}
.contactPopup .send-wrapper .clearBtn,
.contactPopup2 .send-wrapper .clearBtn {
  color: #000;
  line-height: 25px;
  width: 300px;
}
.contactPopup .send-wrapper .clearBtn:hover,
.contactPopup2 .send-wrapper .clearBtn:hover {
  color: #fff;
}
.contactPopup .bottomPop,
.contactPopup2 .bottomPop {
  background: #1c2d3b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  height: 136px;
  padding-top: 34px;
}
.afterkontaktform {
  display: none;
}
.contPop,
.contPop2 {
  cursor: pointer;
}
.page-product {
  margin: auto;
  max-width: 1980px;
}
.page-product .container.wl-prod {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (min-width: 758px) {
  .page-product .container.wl-prod {
    flex-direction: row;
    justify-content: space-between;
  }
}
.page-product .container.wl-prod .wl-image-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 758px) {
  .page-product .container.wl-prod .wl-image-container {
    width: 55%;
  }
}
.page-product .container.wl-prod .wl-image-container .product-image {
  object-fit: contain;
  width: 100%;
}
.page-product .container.wl-prod .wl-image-container .product-image .slick-track {
  height: 80vh;
  max-height: 500px;
  max-width: 500px;
  min-height: 400px;
  min-width: 400px;
  overflow: hidden;
  position: relative;
}
.page-product .container.wl-prod .wl-image-container .product-image a {
  height: 500px;
  left: 0;
  max-width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.page-product .container.wl-prod .wl-image-container .product-image a:first-of-type {
  opacity: 1;
  pointer-events: auto;
}
.page-product .container.wl-prod .wl-image-container .product-image a img,
.page-product .container.wl-prod .wl-image-container .product-image a video {
  cursor: pointer;
  height: 90%;
  left: 50%;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.page-product .container.wl-prod .wl-image-container .product-image a .wl-playbutton {
  height: 0;
}
.page-product .container.wl-prod .wl-image-container .product-image a .wl-playbutton .fa-play::before {
  color: white;
  cursor: pointer;
  font-size: 40px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.page-product .container.wl-prod .wl-image-container .wl-thumbnail-wrapper {
  max-width: 500px;
  padding-top: 20px;
  width: 100%;
}
.page-product .container.wl-prod .wl-image-container .wl-thumbnail-wrapper .slick-list.draggable {
  padding: 50px 0;
}
.page-product .container.wl-prod .wl-image-container .wl-thumbnail-wrapper .slick-list.draggable .slick-track a {
  padding-left: 25px;
}
.page-product .container.wl-prod .wl-image-container .wl-thumbnail-wrapper .wl-thumbnails {
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: space-evenly;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.page-product .container.wl-prod .wl-image-container .wl-thumbnail-wrapper .wl-thumbnails .small-image {
  flex-basis: calc(100% - 10px);
  margin: 10px;
}
.page-product .container.wl-prod .wl-image-container .product-image-col {
  order: -1;
}
@media (min-width: 758px) {
  .page-product .container.wl-prod .wl-image-container .product-image-col {
    width: 80%;
  }
}
@media (min-width: 758px) {
  .page-product .container.wl-prod .product-info-col {
    width: 45%;
  }
}
.quantity-btn.subtract,
.quantity-btn.add {
  cursor: pointer;
}
.submit-buy .product-card-instock {
  margin-top: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .submit-buy .btn-buy {
    margin-top: 10px;
  }
}
.product-i-lager {
  color: #787878;
  display: inline-block;
  font-size: 14px;
  text-align: right;
  text-transform: uppercase;
  width: 48%;
}
.product-variant-finns {
  color: #787878;
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
.product-page {
  margin-top: 101px;
}
@media (max-width: 991px) {
  .product-page {
    margin-top: 25px;
  }
}
.product-page .short-description {
  font-size: 18px;
}
.product-page .brand-name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.product-page .campaign-price {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
}
.product-page .campaign-price .ex-taxes {
  font-weight: normal;
}
.product-page .campaign-price .marknads-price {
  font-size: 16px;
  font-weight: normal;
}
.product-page .original-price {
  font-size: 18px;
}
.product-page .product-name {
  font-size: 34px;
  font-weight: 300;
}
.product-page .product-page-sku {
  color: #787878;
  display: block;
}
.product-page .product-and-volume {
  width: 90%;
}
@media (max-width: 991px) {
  .product-page .product-and-volume {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .product-page .product-info-col {
    margin-top: 20px;
  }
}
.product-page .product-info .proHI {
  background-color: transparent;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
.product-page .product-info .proHI.--is-user-favorite {
  background-image: url(../img/heart_icon_filled.png);
  background-size: cover;
}
.product-page .quantity-field {
  height: 50px;
  text-align: center;
  width: 52px;
}
.product-page .goldBtn {
  height: 50px;
  width: 100%;
}
.product-page .out-of-stock {
  margin-top: 12px;
}
.tillbehorItm .prInfo {
  border: 1px solid #ececeb;
  height: 440px;
  margin-right: 10px;
  padding: 10px;
}
@media (max-width: 991px) {
  .tillbehorItm .slick-dots {
    margin-top: 5px;
    padding-left: 0;
    position: relative;
  }
  .tillbehorItm .prInfo {
    border: 1px solid #ececeb;
    margin-right: 10px;
    padding: 10px;
  }
  .tillbehorItm .prInfo .product-card-image img {
    height: 120px;
  }
  .tillbehorItm .prInfo .product-card-image .proHI,
  .tillbehorItm .prInfo .product-card-image .proKI {
    display: none;
  }
  .tillbehorItm .prInfo .product-card-image {
    height: 120px;
    margin-bottom: 20px;
  }
}
.egenskaper {
  background: #f9f9f9;
  margin-top: 30px;
  padding: 50px 0;
}
.prop-single-left {
  display: inline-block;
  width: 50%;
}
.prop-single-right {
  display: inline-block;
  padding-right: 0 !important;
  text-align: right;
  width: 48% !important;
}
.prop-single {
  border-bottom: 1px solid #cfcece;
  padding: 15px 0 5px 2px;
}
.tilltitle {
  padding: 40px 0;
}
@media (max-width: 991px) {
  .tilltitle {
    padding: 20px 15px;
  }
}
.tilltitle h4 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.prod-more-info {
  margin-top: 30px;
}
.prod-more-info-link {
  clear: both;
  font-size: 22px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
}
.prodContpop {
  font-size: 22px;
  font-weight: 700;
}
.small-image {
  background-color: rgba(200, 200, 200, 0.1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #efefef;
  float: none;
  height: 120px !important;
  margin-inline: auto;
  margin-bottom: 15px;
  max-width: 100%;
  width: 120px !important;
}
.draggable {
  padding: 0 !important;
}
.slider-for {
  border: 1px solid #ececeb;
}
.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slider-for .slick-prev {
  cursor: pointer;
  display: none;
  left: 0;
}
.slider-for .slick-next {
  cursor: pointer;
  right: 0;
}
.slider-for .various {
  padding-top: 100px;
  position: relative;
  text-align: center;
}
.slider-for .various:hover .fa-youtube {
  color: #f0d26c;
}
.slider-for .fa-youtube {
  color: #e9bc26;
  display: inline-block;
  font-size: 80px;
  left: calc(50% - 40px);
  position: absolute;
  top: 50%;
}
.slider-nav .slick-next {
  bottom: -25px;
  left: 50%;
  top: unset;
  transform: translateX(-50%) rotateZ(90deg);
}
.slider-nav .small-image {
  cursor: pointer;
}
.slider-nav .small-image.video {
  background-size: 50%;
}
.konfigInfo {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .konfigInfo .btnClear {
    margin-top: 20px;
  }
}
.konfigInfo.mobileOly {
  display: none;
}
@media (max-width: 991px) {
  .konfigInfo.mobileOly {
    display: block;
  }
}
.slider-for iframe {
  max-width: 100%;
}
.product-manual,
.product-print {
  cursor: pointer;
  float: left;
  margin-top: 20px;
  width: 33%;
}
.product-manual img,
.product-print img {
  margin-right: 15px;
}
.product-print {
  text-align: right;
}
.product-manual a,
.product-print a,
.product-manual a:hover,
.product-print a:hover {
  color: #000;
  text-decoration: none;
}
@media (max-width: 991px) {
  .product-manual,
  .product-print {
    display: inline-block;
    margin-top: 20px;
    width: 50%;
  }
  .product-manual {
    float: left;
    margin-bottom: 20px;
  }
  .product-print {
    margin-bottom: 15px;
    padding-right: 15px;
    text-align: left;
  }
}
.product-card-instock {
  font-size: 12px;
  margin-bottom: 0;
}
.product-card-instock.wl-delivery-date__container {
  align-items: center;
  display: flex;
  font-size: 1rem;
}
.variant-select {
  border-radius: 3px;
  display: none;
}
.variant-select .checkbox-wrapper {
  border-bottom: 1px solid #cfcece;
  border-left: 1px solid #cfcece;
  border-radius: 3px;
  border-right: 1px solid #cfcece;
  display: block;
  margin-top: 0;
  padding: 5px 15px;
  width: 100%;
}
.variant-select .checkbox-wrapper label {
  font-weight: 300;
}
.variant-select .checkbox-wrapper input[type=radio] {
  display: none;
}
.choose-variant-text {
  margin-bottom: 0;
}
.product-price {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
  padding-right: 20px;
}
.product-price-customer {
  display: inline-block;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 0;
  padding-right: 20px;
}
.product-price-customer-lista {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  padding-right: 0;
}
.marknads-price {
  color: #787878;
  display: block;
  vertical-align: -webkit-baseline-middle;
}
.ex-taxes,
.inc-taxes {
  color: #787878;
  display: inline-block;
  font-size: 12px;
  margin-top: -20px;
}
.wl-gross-price__container {
  margin-bottom: 10px;
}
.wl-gross-price__container .inc-taxes-price {
  font-weight: 700;
}
.marknads-price-lista {
  color: #787878;
  font-size: 10px;
  margin-bottom: 0;
}
.offertPopup {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: none;
  left: 50%;
  padding: 40px 0 0;
  position: absolute;
  text-align: center;
  top: 150px;
  transform: translateX(-50%);
  width: 1065px;
  z-index: 300;
}
@media (max-width: 1200px) {
  .offertPopup {
    padding: 20px 0;
    top: 90px;
    width: 95vw;
  }
}
@media (max-width: 991px) {
  .offertPopup .formInner > .row {
    flex-direction: column-reverse;
  }
}
.offertPopup .formInner {
  margin-bottom: 20px;
  padding: 10px;
}
@media (min-width: 991px) {
  .offertPopup .formInner {
    margin-bottom: 40px;
    padding: 20px;
  }
}
.offertPopup label {
  text-transform: capitalize;
}
.offertPopup textarea {
  height: 130px;
}
.cusNmnet {
  font-weight: 700;
}
.offertPopup .blueTop {
  background: #1c2d3b;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 0;
  padding: 5px 0;
  text-transform: uppercase;
}
.offertPopup .proInfo {
  font-size: 12px;
  padding-right: 70px;
  position: relative;
}
.offertPopup .proInfo span:first-of-typr {
  display: block;
}
.offertPopup .proSize {
  position: absolute;
  right: 15px;
  top: 0;
  width: 70px;
}
.offertPopup .proSize label {
  padding-top: 0;
}
.item-offert {
  border-bottom: 1px solid #e1e1e1;
  margin: 10px 0;
  padding: 10px 0;
}
.item-offert .proImg {
  height: auto;
  text-align: center;
  width: 22%;
}
.item-offert .proImg img {
  max-height: 50px;
}
.item-offert .proInfo {
  font-size: 12px;
  min-height: 60px;
}
.item-offert .brandName {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.offertPopup .proImg {
  height: 70px;
  text-align: center;
  width: 22%;
}
.offertPopup .proImg img {
  max-height: 50px;
}
.prod-rubrik {
  display: inline-block;
  padding: 0 15px;
  text-transform: capitalize;
  width: 50%;
}
.builderOffertImage {
  text-align: center;
  width: 22% !important;
}
.builder-item-offert:first-child {
  border-top: 1px solid #e1e1e1;
  padding-top: 20px !important;
}
.builderOffertImage img {
  max-height: 50px !important;
}
.builderOffertInfo {
  font-size: 12px;
  padding-top: 0 !important;
  width: calc(100% - 120px) !important;
}
.prod-antal {
  display: inline-block;
  padding: 0 15px;
  text-align: right;
  text-transform: capitalize;
  width: 48%;
}
.afterkontaktform .goldBtn {
  text-align: center;
}
.afterkontaktform {
  min-height: 300px;
  padding-bottom: 40px;
}
.afterkontakt-buttons {
  margin-top: 80px;
}
.antal-center {
  text-align: center !important;
}
input.no-border-input {
  border: 0 solid #cfcece;
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 50px;
}
.wl-image-overlay-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999;
}
.wl-image-overlay-wrapper .wl-image-overlay {
  height: 100%;
  width: 100%;
}
.wl-image-overlay-wrapper .wl-image-overlay .wl-image-overlay-close {
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  height: 30px;
  position: absolute;
  right: 40px;
  text-align: center;
  top: 40px;
  width: 30px;
}
.wl-image-overlay-wrapper .wl-image-overlay-image {
  background-color: #fff;
  height: 80%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.wl-image-overlay-wrapper .wl-image-overlay-video {
  background-color: #000000;
  height: 80%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.wl-image-overlay-wrapper .wl-playbutton {
  height: 100%;
  width: 100%;
}
.wl-image-overlay-wrapper .wl-playbutton i::before {
  color: white;
  font-size: 40px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.wl-print-cert__btn {
  all: unset;
}
.wl-print-cert__btn span {
  position: inherit !important;
}
.wl-product-list__container {
  background-color: #ececeb;
}
.groupTop {
  background: #1c2d3b;
  color: #fff;
  margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop));
  min-height: 260px;
  width: 100%;
}
@media (max-width: 991px) {
  .groupTop {
    margin-top: 65px;
  }
}
.groupTop h1 {
  font-size: 22px;
  font-weight: 700;
}
.groupTop .prodmenuG {
  margin: 20px 0;
}
.groupTop .prodmenuG .prodRbr {
  cursor: pointer;
  font-weight: 400;
  padding-top: 10px;
}
.groupTop .prodmenuG .prodRbr .material-icons {
  vertical-align: text-bottom;
}
.groupTop .subgr {
  background: #ececeb;
  display: none;
  margin: 0 0 20px;
  padding: 20px 0;
  width: 100%;
}
.groupTop .subgr .gSub {
  border-bottom: 1px solid #cfcece;
  color: #000;
  display: inline-block;
  height: 50px;
  list-style: none;
  margin-right: 3%;
  padding: 15px;
  width: 29%;
}
@media (max-width: 991px) {
  .groupTop .subgr .gSub {
    font-size: 12px;
    height: auto !important;
    width: 46%;
  }
}
.groupTop .subgr .gSub a {
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}
.groupMoreInfo {
  background: #1c2d3b;
  color: #fff;
  padding: 70px 0;
}
.groupMoreInfo .wl-groupinfo__bottom {
  margin: 0 auto;
  max-width: 1320px;
}
.groupMoreInfo .wl-groupinfo__bottom > div {
  max-width: 110ch;
}
.campaign-banner {
  font-size: 11px;
  font-weight: 700;
  height: 16px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60%;
}
.campaign-active {
  background: #e9bc26;
}
@media (max-width: 991px) {
  .toggle-filter {
    width: 40%;
  }
}
.toggle-filter-content {
  display: flex;
  padding-bottom: 20px;
}
@media (min-width: 991px) {
  .toggle-filter-content {
    display: block;
  }
}
@media (max-width: 991px) {
  .toggle-filter-content {
    padding: 20px;
  }
  .toggle-filter-content.mobile-filter {
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
  .toggle-filter-content.mobile-filter.--is-hidden {
    display: none;
  }
}
.groupInfo {
  color: #fff;
  max-width: 110ch;
  padding-bottom: 20px;
  text-decoration: unset;
}
.groupInfo span a {
  color: #fff;
}
#product-filters input[type=checkbox] {
  height: 20px;
}
#product-filters .checkTxt {
  font-weight: 300;
}
.prod-list-grid__container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.product-card.slick-slide {
  padding: 10px 0;
}
.product-card .proKI {
  background: #fff;
  height: 30px;
  left: 1px;
  position: absolute;
  top: -29px;
  width: 30px;
}
.product-card .wl-added-to-cart-notice__container {
  animation-duration: 0.2s;
  animation-name: animate-pop;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: white;
  border: 1px solid;
  display: none;
  margin: 5px auto 0;
  padding: 10px;
  position: absolute;
  width: 100%;
}
@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.product-card .prInfo {
  border: 1px solid transparent;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2fr;
}
.product-card .prInfo:hover {
  border: 1px solid transparent;
  box-shadow: 0 0 10px 1px rgba(134, 134, 134, 0.5);
}
.product-card .prInfo .product-card-image {
  grid-column-start: 1;
}
.product-card .prInfo .product-card-image a {
  display: block;
  height: 100%;
}
.product-card .prInfo .proHI {
  background-color: transparent;
  background-image: url(../img/heart_icon_black_outline.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 8px;
  text-align: right;
  top: -25px;
  width: 30px;
}
.product-card .prInfo .proHI.--is-user-favorite {
  background-image: url(../img/heart_icon_filled.png);
  background-size: cover;
}
.product-card .prInfo .product-card__info-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(4, 25%);
  margin: auto;
  min-height: 175px;
}
.product-card .prInfo .product-card__info-wrapper .product-card-brand-name {
  align-self: end;
  grid-column: 1/3;
  grid-row: 1/2;
  margin-bottom: 10px;
}
.product-card .prInfo .product-card__info-wrapper .product-card-name {
  grid-column: 1/5;
  grid-row: 2/3;
  line-height: 1.3;
}
.product-card .prInfo .product-card__info-wrapper .wl-your-price__notice {
  align-self: end;
  font-size: 11px;
  grid-column: 1/3;
  grid-row-start: 3;
  margin-bottom: 0;
}
.product-card .prInfo .product-card__info-wrapper .product-card-price {
  align-self: start;
  grid-column: 1/3;
  grid-row-start: 4;
  margin-bottom: 0;
}
.product-card .prInfo .product-card__info-wrapper .ex-taxes {
  align-self: end;
  grid-column-start: 1;
  grid-row-start: 4;
  margin-top: 0;
  white-space: nowrap;
}
.product-card .prInfo .product-card__info-wrapper .product-card-sku {
  align-self: start;
  grid-column: 1/3;
  grid-row: 3/4;
  margin-bottom: 0;
}
.product-card .prInfo .product-card__info-wrapper .product-card-instock {
  align-items: center;
  align-self: end;
  display: flex;
  grid-column: 2/5;
  grid-row-start: 4;
  justify-content: flex-end;
  text-align: end;
  white-space: nowrap;
}
.product-card .prInfo .product-card__info-wrapper .product-card__cad,
.product-card .prInfo .product-card__info-wrapper .product-card__manual {
  align-self: end;
  cursor: pointer;
  grid-row-start: 1;
  margin-bottom: 10px;
  padding: 5px;
  width: fit-content;
}
.product-card .prInfo .product-card__info-wrapper .product-card__manual {
  grid-column-start: 4;
  justify-self: start;
}
.product-card .prInfo .product-card__info-wrapper .product-card__cad {
  grid-column-start: 4;
  justify-self: end;
}
.inCardPopup {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5647058824);
  display: none;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.inCardButton {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 900;
  height: 40px;
  justify-content: center;
  padding: 4px 14px;
  user-select: none;
}
.inCardDisplay {
  align-items: center;
  background-color: white;
  color: black;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  min-width: 50px;
  padding: 4px 10px;
  user-select: none;
}
.moreNSkal .goldBtn {
  color: #000;
  height: 50px;
  line-height: 44px;
  margin-left: auto;
  margin-right: auto;
}
.searchTop {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 33px 30px 0;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .searchTop {
    padding: 33px 19px 0 9px;
  }
}
@media (max-width: 991px) {
  .searchTop {
    font-size: 15px;
    padding: 0;
  }
}
.searchTop .material-icons {
  font-size: 25px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .searchTop .material-icons {
    font-size: 25px;
    padding-right: 8px;
  }
}
.select-lang.new img {
  margin-right: 5px;
  width: 20px;
}
.select-lang.new .fa {
  color: blue;
  margin-right: 5px;
}
.select-lang.new .bootstrap-select {
  width: 145px !important;
}
.select-lang.new .bootstrap-select .btn.dropdown-toggle {
  text-transform: initial;
}
.select-lang.new .bootstrap-select .dropdown-menu.inner li a {
  padding: 7px 10px;
  text-align: left;
}
.searchInner {
  background: #fff;
  display: none;
  height: 99px;
}
@media (max-width: 991px) {
  .searchInner {
    height: 66px;
  }
}
.searchInner input {
  border: 1px solid #1c2d3b;
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px 15px;
}
.inputSkal {
  position: relative;
}
.search-list li {
  list-style: none;
}
.search-list a {
  text-decoration: none;
}
.search-wrapper {
  width: 94%;
}
.search-wrapper .resp-search {
  position: relative;
}
.search-wrapper .wl-mobile-menu__search-icon {
  color: #1c2d3b;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(calc(-50% + 5px));
}
.closeSearch {
  position: relative;
}
@media (max-width: 991px) {
  .closeSearch {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(calc(-50% - 2px));
    width: 20px;
  }
}
.closeSearch .material-icons {
  color: #000;
}
.search-page {
  margin-top: 99px;
  min-height: calc(100vh - 407px);
  padding-bottom: 50px;
  padding-top: 50px;
}
.search-kundcases {
  margin-bottom: 20px;
}
.nav-tabs .nav-link,
.nav-tabs {
  border: 0 !important;
}
@media (max-width: 991px) {
  .nav-tabs {
    padding-top: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .nav-tabs .nav-item {
    width: 100%;
  }
}
.top-seacrh-result {
  margin-top: 99px;
}
.search-results {
  text-transform: uppercase;
}
.search-results-tabs-content.active {
  display: block;
}
.nav-link {
  color: #cfcece;
  font-size: 18px;
  text-transform: uppercase;
}
.nav-link.active {
  border: 0;
  color: #000;
}
.nav-link:hover {
  border: 0;
  color: #000;
}
.faq ul {
  padding-left: 0;
}
@media (max-width: 991px) {
  #the-search {
    background: #fff;
  }
}
.search-prod-outer {
  margin: 13px 0;
}
.your-price-prod {
  font-size: 18px;
  font-weight: 500;
}
.org-price-prod {
  color: #787878;
  font-size: 10px;
  font-weight: 300;
}
.search-prod-shell {
  border: 1px solid #ececeb;
  border-radius: 2px;
  height: 100%;
  padding: 15px;
  position: relative;
}
.search-prod-shell a {
  text-decoration: none;
}
.search-prod-shell a:hover {
  color: #000;
}
.search-prod-img {
  height: 250px;
  margin-top: 20px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.search-prod-img img {
  max-height: 90%;
  width: auto;
}
.search-prod-brand {
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  margin-top: 20px;
  text-transform: uppercase;
}
.search-prod-result-title {
  font-size: 18px;
  font-weight: 300;
}
.search-prod-sku {
  color: #787878;
  font-size: 10px;
  font-weight: 300;
}
.search-result-proHI {
  right: 20px;
  top: 20px;
}
.prod-search-proKI {
  left: 17px;
  top: 17px;
}
.arrowfix {
  position: relative;
  top: 4px;
}
.faq .smulor_dark_bg {
  background: #1c2d3b;
}
.faqs {
  margin: 50px 0 90px;
}
.faqAns {
  border-bottom: 1px solid #cfcece;
  display: none;
  font-size: 16px;
  padding: 15px 15px 0;
}
@media (max-width: 991px) {
  .faqAns {
    font-size: 14px;
    padding: 10px 15px 0;
  }
}
.faqrubrik {
  border-top: 7px solid #e9bc26;
  font-size: 30px;
  font-weight: 700;
  width: 210px;
}
.faqQst {
  border-bottom: 1px solid #cfcece;
  cursor: pointer;
  font-size: 20px;
  padding: 15px 40px 15px 15px;
  position: relative;
}
@media (max-width: 991px) {
  .faqQst {
    font-size: 16px;
    padding: 15px 40px 15px 15px;
  }
}
.faqQst .highlight {
  border-bottom: 0;
  font-weight: 500;
}
.faqQst .material-icons {
  position: absolute;
  right: 15px;
  top: 19px;
}
@media (max-width: 991px) {
  .faqQst .material-icons {
    top: 15px;
  }
}
.faqQst .open {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9bc27;
}
.faqQst .open .upp {
  display: inline;
}
.faqQst .open .ner {
  display: none;
}
.faqAns.open {
  background-color: #f9f9f9;
}
.q1 {
  margin-bottom: 80px;
}
.fag-search {
  margin-bottom: 90px;
  min-height: calc(100vh - 600px);
}
.faqInput .input-wrapper {
  margin: 50px 0;
  position: relative;
}
@media (max-width: 991px) {
  .faqInput .input-wrapper {
    margin: 15px 0 30px;
    position: relative;
  }
}
.faqInput .input-wrapper .material-icons {
  position: absolute;
  right: 15px;
  top: 10px;
}
.faqInput .input-wrapper input {
  padding-left: 15px;
}
@media (max-width: 991px) {
  .faqInput .input-wrapper input {
    border-radius: 6px;
    padding-left: 15px;
  }
}
.faqInput .input-wrapper input .svar {
  font-weight: 500;
}
.contact-persons {
  margin-bottom: 50px;
  margin-top: 50px;
}
.personal-rubrik {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .personal-rubrik {
    margin-bottom: 0;
  }
}
.personal-phone {
  font-size: 20px;
  text-align: right;
}
@media (max-width: 991px) {
  .personal-phone {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: left;
  }
}
.personal-phone img {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .personal-phone img {
    height: 30px;
  }
}
.personal-personer img {
  width: 100%;
}
.info-personal-text {
  margin: 20px 0 40px;
}
.pers-namn {
  font-size: 18px;
  font-weight: 700;
}
.pers-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 37px;
}
.pers-phone {
  font-size: 18px;
  font-weight: 400;
  line-height: 37px;
}
.pers-mail {
  font-size: 18px;
  font-weight: 400;
}
.pers-mail a,
.pers-mail a:hover {
  color: #000;
  text-decoration: none;
}
.pers-mail img,
.pers-phone img {
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
.contact-us-form {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  padding: 50px 0;
}
.contact-us-form h3 {
  color: #000;
  text-align: center;
}
.contact-us-form .popinfo {
  text-align: center;
}
.contact-us-form textarea {
  height: 130px;
}
.map {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 774px;
  width: 100%;
}
@media (max-width: 991px) {
  .map {
    height: auto;
  }
}
.map-adress {
  padding-top: 150px;
}
@media (max-width: 991px) {
  .map-adress {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.map-map {
  display: inline-block;
  height: 774px;
  margin-left: -4px;
  padding: 0;
  position: relative;
}
@media (max-width: 991px) {
  .map-map {
    order: 1;
  }
}
#point {
  position: absolute;
  right: 47%;
  top: 334px;
  z-index: 999;
}
.map-map iframe {
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
@media (min-width: 992px) {
  .map-text {
    background-color: #fff;
    background-image:
      linear-gradient(
        to left,
        #d3d3d3,
        #fff);
    display: inline-block;
    height: 774px;
    vertical-align: top;
  }
}
@media (max-width: 991px) {
  .map-text {
    background: #ececeb;
    order: 2;
  }
}
#myTab {
  margin-bottom: 30px;
}
.FavNumbers {
  background: #e9bc26;
  border-radius: 50%;
  bottom: 0%;
  font-size: 11px;
  font-weight: 900;
  height: 20px;
  padding-top: 3px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 20px;
}
.myI {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.myI a,
.myI a:hover {
  color: #000;
  padding: 0;
  text-decoration: none;
}
.profile {
  background: #fff;
  color: #000;
  display: none;
  filter: drop-shadow(-1px 6px 15px rgba(80, 80, 80, 0.25));
  left: -323px;
  padding: 60px 30px;
  position: absolute;
  text-align: left;
  top: 67px;
  width: 375px;
}
.profile h4 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.profile label {
  font-size: 14px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.regPop {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.profile .gulBtn {
  border: 0;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.registrera {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
.registrera a,
.registrera a:hover {
  color: #000;
  text-decoration: none;
}
.wrongCert {
  border: 1px solid #000;
  border-radius: 3px;
  margin-top: 40px;
  padding: 20px 40px;
}
.CertBlock {
  border: 1px solid #000;
  padding: 20px;
}
.cerTable table {
  margin-bottom: 5px;
  margin-left: -13px;
  margin-top: 30px;
  width: calc(100% + 25px);
}
.cerTable table th {
  border: 1px solid #000;
  padding: 6px;
}
.cerTable table td {
  border: 1px solid #000;
  padding: 6px;
}
.certStorMarg {
  margin-top: 50px;
}
.litenMargCert {
  margin-top: 30px;
}
.certificate-wrapper {
  background: #fafafa;
  border: 1px solid #ececeb;
  border-radius: 3px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 50px;
  padding: 6px;
  position: relative;
}
.certificate-wrapper .material-symbols-outlined {
  position: absolute;
  right: 8px;
  top: 6px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .certificate-wrapper .material-symbols-outlined {
    vertical-align: middle;
  }
}
.displayAfterOffertAccepted {
  display: none;
  font-weight: 600;
  padding: 20px;
  text-align: right;
  text-transform: uppercase;
}
.displayAfterOffertAccepted .material-symbols-outlined {
  font-size: 30px;
  vertical-align: text-bottom;
}
.order-contentHistory {
  border-bottom: 1px solid #ececeb;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.fakturansnumber {
  bottom: 40px;
  left: 325px;
  position: absolute;
}
@media (max-width: 1200px) {
  .fakturansnumber {
    bottom: 20px;
    left: 20px;
    position: absolute;
  }
}
.afterorderText {
  border: 1px solid #000;
  border-radius: 2px;
  font-weight: 400;
  margin-top: 13px;
}
.orderleveransdatumet {
  bottom: 40px;
  left: 153px;
  position: absolute;
}
@media (max-width: 1200px) {
  .orderleveransdatumet {
    bottom: 53px;
    left: 155px;
    position: absolute;
  }
}
@media (max-width: 991px) {
  .orderleveransdatumet {
    bottom: 39px;
    left: 150px;
    position: absolute;
  }
}
@media (max-width: 768px) {
  .orderleveransdatumet {
    bottom: 29px;
    left: 150px;
    position: absolute;
  }
}
.matchheight {
  position: relative;
}
.loadMoreOrders {
  cursor: pointer;
}
.testarigen {
  position: relative;
}
.activated .testarigen,
.testarigen.activated {
  background: #fafafa;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 30px 20px 114px;
  position: relative;
}
.test-offerter .activated .testarigen,
.test-offerter .testarigen.activated {
  padding: 30px 20px 5px;
}
@media (max-width: 500px) {
  .test-offerter .activated .testarigen,
  .test-offerter .testarigen.activated {
    background: #fafafa;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 30px 20px 3px;
    position: relative;
  }
}
.delivery-type {
  bottom: 30px;
  position: absolute;
  width: 100%;
}
.orderIgenorder {
  float: right;
  padding-right: 40px;
}
.loadMoreOrders {
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  text-align: center;
  width: 241px;
}
.orderigenItemsBtn {
  margin-left: auto;
}
.orderlevdate {
  float: left;
  padding-top: 28px;
}
@media (max-width: 1200px) {
  .orderlevdate {
    float: left;
    padding-top: 16px;
  }
}
@media (max-width: 500px) {
  .orderlevdate {
    padding-top: 0;
  }
}
.knapparna {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.knapparna div {
  display: inline-block;
  margin-bottom: 50px;
  margin-right: 15px;
  margin-top: 40px;
  max-width: 306px;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: top;
}
.orderproInfo {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .orderproInfo {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .orderproInfo {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.paddingIcon {
  padding-top: 24px;
}
@media (max-width: 991px) {
  .paddingIcon {
    padding-top: 19px;
  }
}
.guldknapp {
  margin-left: auto;
  margin-right: auto;
  width: 230px;
}
.avsK {
  display: inline-block;
  margin-right: 13px;
  padding-left: 30px;
  padding-right: 30px;
  vertical-align: top;
}
.avslutaWrapper {
  margin-top: 93px;
  min-height: calc(100vh - 400px);
  padding: 150px 0;
}
.closeHeader {
  font-size: 22px;
}
.closeAcount,
.finalStep {
  border: 1px solid #cfcece;
  border-radius: 5px;
  padding: 86px 99px;
}
.finalStep {
  display: none;
}
.profileCustomer {
  font-weight: 500;
  margin-left: 90px;
  text-transform: capitalize;
}
@media (max-width: 991px) {
  .profileCustomer {
    margin-left: 0;
  }
}
.profileCustomer2 {
  font-weight: 500;
  text-transform: capitalize;
}
.floatRight {
  float: right;
}
.floatRight a {
  color: #568bbe;
}
.passwordEye {
  cursor: pointer;
  position: absolute;
  right: 27px;
  top: 48px;
}
.litenGul {
  display: inline-block;
  font-size: 12px;
}
.storGul {
  display: inline-block;
  font-size: 16px;
}
.litenGul .material-icons,
.storGul .material-icons {
  margin-right: 8px;
  vertical-align: middle;
}
.gulaKnappen {
  margin-top: 13px;
  text-align: right;
}
@media (max-width: 991px) {
  .gulaKnappen {
    margin-top: 0;
  }
}
.orderproInfo img {
  max-height: 100%;
  max-width: 50px;
}
.textCenter {
  text-align: center;
}
@media (max-width: 991px) {
  .textCenter {
    text-align: left;
  }
}
.blueTopMyPages {
  background: #ececeb;
  color: #000;
  margin-top: 133px;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .blueTopMyPages {
    margin-top: 64px;
  }
}
.profileMenu ul {
  padding: 20px 0;
}
.profileMenu li {
  list-style: none;
  padding-top: 10px;
  text-align: left;
}
.profileMenu li a {
  color: #787878;
  font-weight: 300;
  margin: 10px 0;
  text-decoration: none;
}
.profileMenu li a.active {
  color: #000;
  font-weight: 500;
}
.profileBody {
  background: #fff;
  border-radius: 4px;
  margin: 40px 0;
  padding: 30px;
}
.profileBody2 {
  border-radius: 4px;
}
.customerProfileInfo {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 30px;
}
.profileMenu {
  background: #f9f9f9;
  padding: 40px 0;
  text-align: center;
}
.customerPages {
  background: #f9f9f9;
  min-height: calc(100vh - 400px);
}
@media (max-width: 991px) {
  .customerPages .noRow {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.profileSupport {
  background: #1c2b3d;
  color: #fff;
  padding: 40px;
  text-align: center;
}
@media (max-width: 500px) {
  .profileSupport .clearbtnWhite {
    font-size: 15px;
  }
}
.profilerReklamera {
  background: #e9bc26;
  color: #000;
  padding: 40px;
  text-align: center;
}
@media (max-width: 500px) {
  .profilerReklamera .clearBtn {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .profileSupport,
  .profilerReklamera {
    margin-bottom: 20px;
  }
}
.profileMedia {
  background: #1c2b3d;
  color: #fff;
  padding: 40px;
  text-align: center;
}
.profileMedia a {
  display: block;
}
.margT20 {
  margin-top: 20px;
}
.topProfile h1 {
  font-size: 30px;
  font-weight: 700;
}
.topProfile h2 {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .profileTider {
    font-size: 14px;
  }
}
.profileTider table {
  margin: 50px auto 0;
}
@media (max-width: 991px) {
  .profileTider table {
    width: 80% !important;
  }
}
@media (max-width: 768px) {
  .profileTider table {
    width: 100% !important;
  }
}
.firstBox {
  margin-top: 40px;
}
.moreInfoProfileOrders {
  text-align: right;
}
.profile-order-rader {
  background: #fafafa;
  margin-bottom: 10px;
  padding: 15px;
}
.matchheight {
  font-size: 16px;
}
.padtopOrder {
  padding-top: 23px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .padtopOrder {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .padtopOrder {
    display: block;
  }
}
@media (max-width: 991px) {
  .padtopOrder {
    font-size: 14px;
    padding-top: 0;
  }
  .padtopOrder span {
    display: block;
    font-size: 14px;
    margin-right: 4px;
  }
}
@media (max-width: 768px) {
  .padtopOrder {
    display: inline;
  }
  .padtopOrder span {
    display: inline;
  }
}
.litenPadTop {
  padding-top: 13px;
}
.pull-right {
  text-align: right;
}
.moreInfo {
  cursor: pointer;
}
.moreOrderInfo {
  display: none;
}
@media (max-width: 991px) {
  .moreOrderInfo {
    border-top: 2px solid #fff;
    padding-top: 15px;
  }
}
.Profileorder-total {
  background: #fafafa;
  border-radius: 0 3px 3px;
  display: none;
  margin-bottom: 20px;
  padding: 0 15px 15px 0;
}
.customerProfileInfo input {
  font-size: 16px;
  font-weight: 300;
}
.customerProfileInfo input:disabled {
  background: #fff;
  border: 0;
  color: #395a7a;
  font-weight: 400;
  margin-top: 6px;
}
.customerProfileInfo label {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.leverans {
  color: #395a7a;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.strongLeverans {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.marginTop20 {
  margin-top: 20px;
}
.certifikatBody label {
  font-weight: 300;
  width: 100%;
}
.certifikatBody ::placeholder {
  color: #787878;
  font-weight: 300;
}
.textRight {
  text-align: right;
}
.font22 {
  font-size: 22px;
  font-weight: 700;
}
.bevakadProd {
  background: #f9f9f9;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px;
  position: relative;
}
@media (max-width: 991px) {
  .bevakadProd {
    padding: 15px 15px 0;
  }
}
@media (max-width: 768px) {
  .bevakadProd {
    padding: 15px;
  }
}
.bevakadProd img {
  max-height: 100%;
}
@media (max-width: 991px) {
  .bevakadProd img {
    max-height: 82%;
  }
}
.profileMenuMobile {
  display: none;
  padding-top: 0;
}
.profileMenuMobile ul {
  background: #fff;
  padding-left: 10px;
  padding-top: 0;
}
.rubrikMenuMobile .material-icons {
  position: absolute;
  right: 10px;
  top: 10px;
  vertical-align: middle;
}
.rubrikMenuMobile {
  background: white;
  padding: 10px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.strongRubrik {
  font-weight: 700;
}
.upA {
  display: none;
}
.default,
.default-page {
  margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop));
}
@media (max-width: 991px) {
  .default,
  .default-page {
    margin-top: calc(var(--header-height-mobile));
  }
}
.wishWrapper {
  background: #e5e5e5;
  padding-bottom: 50px;
}
.wishListImg {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}
.wishListImg h1 {
  text-transform: normalize;
}
@media (max-width: 500px) {
  .offertAcceptansForm {
    font-size: 11px;
    padding: 5px 2px;
  }
}
.wish {
  line-height: 46px;
}
.stories-slick2 {
  margin-top: -99px;
}
.stories-slick > .slide:not(:first-child) {
  display: none;
}
.stories-slick2 > .slide:not(:first-child) {
  display: none;
}
.startSlider .inImgSlide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 857px;
  position: relative;
  width: 100%;
}
@media (min-width: 1800px) {
  .startSlider .inImgSlide {
    height: 990px;
  }
}
@media (max-width: 991px) {
  .startSlider .inImgSlide {
    height: 636px;
  }
}
.startSlider .moreNSkal {
  margin-top: 40px;
  z-index: 300;
}
.story-textTop {
  background: rgba(28, 45, 59, 0.6);
  bottom: 148px;
  box-shadow: 0 4px 6px rgba(30, 30, 30, 0.25);
  left: 100px;
  padding: 40px 20px;
  position: absolute;
  width: 500px;
  z-index: 300;
}
@media (max-width: 991px) {
  .story-textTop {
    bottom: 70px;
    height: auto;
    left: 22px;
    position: absolute;
    width: 90%;
    z-index: 300;
  }
}
.storyTxt {
  font-size: 14px;
}
.slick-dots {
  bottom: 0;
  margin-top: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  color: #fff;
}
.slick-dots .slick-active {
  color: #e9bc26;
}
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 50px;
}
.slick-dots li button {
  background: #fff;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 8px;
  line-height: 0;
  outline: none;
  padding: 5px;
  width: 50px;
}
.slick-dots li.slick-active button {
  background: #e9bc26;
}
.stories-slick-container {
  height: 100% !important;
  position: relative !important;
  width: 100%;
}
@media (max-width: 991px) {
  .stories-slick-container {
    height: 100% !important;
    position: relative !important;
    width: 100%;
  }
}
.slider2 .inImgSlide {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 748px;
  position: relative;
  width: 100%;
}
.story-text {
  background: rgba(233, 188, 38, 0.8);
  bottom: 30px;
  color: #fff;
  height: 333px;
  padding: 40px;
  position: absolute;
  right: 15px;
  width: 554px;
  z-index: 300;
}
@media (max-width: 991px) {
  .story-text {
    height: 352px;
    margin-top: 425px;
    padding: 15px;
    position: relative;
    right: 0;
    width: 100%;
  }
}
.h3light {
  font-weight: 300;
}
.moreArt img {
  display: inline;
  vertical-align: text-top;
}
.slick-next {
  background: transparent;
  position: absolute;
  right: 10px;
  top: 40%;
}
.slick-prev {
  background: transparent;
  left: 10px;
  position: absolute;
  top: 40%;
  z-index: 40;
}
.search-results__container {
  background-color: #fff;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  left: -12px;
  max-height: calc(100dvh - 70px);
  overflow: auto;
  padding: 0 10px;
  position: relative;
  width: 100vw;
}
.search-results__container.--has-search-results {
  box-shadow: 0 10px 15px 1px #e2e2e2;
}
.search-results__container.--has-empty-results {
  box-shadow: 0 10px 15px 1px #e2e2e2;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 71px;
  z-index: 100;
}
@media (min-width: 991px) {
  .search-results__container.--has-empty-results {
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    width: 70vw;
  }
}
@media (min-width: 991px) {
  .search-results__container {
    grid-template-columns: 1fr 1fr;
    left: unset;
    max-height: 80vh;
    padding: unset;
    width: unset;
  }
}
.search-results__container .no-search-results__container {
  color: #000;
  grid-column: 1/span 2;
  padding: 15px;
}
.search-results__container .search-results__col h3 {
  border-bottom: 2px solid #e9bc29;
  color: black;
  font-size: 1.1rem;
  font-weight: 700;
  margin-left: 10px;
  padding: 20px 0 0;
  width: fit-content;
}
.search-results__container .search-results__col .result-list {
  list-style: none;
  padding: 0;
}
.search-results__container .search-results__col .result-list .search-result {
  margin-bottom: 10px;
  padding: 0 10px;
  transition: box-shadow 0.15s ease-in-out;
}
.search-results__container .search-results__col .result-list .search-result a {
  border-bottom: 2px solid #cfcece;
  display: grid;
  grid-template-columns: 70px 1fr;
  padding: 0 0 10px;
  transition: border-bottom 0.3s ease-in-out;
}
.search-results__container .search-results__col .result-list .search-result a .search-result__img-wrapper {
  grid-column: 1;
  grid-row: 1/span 2;
}
.search-results__container .search-results__col .result-list .search-result a .search-result__img-wrapper img {
  height: 80px;
  object-fit: contain;
  width: 60px;
}
.search-results__container .search-results__col .result-list .search-result a .search-result__title-wrapper {
  align-self: end;
  color: #000;
  font-size: 0.9rem;
  grid-column: 2;
  grid-row: 1;
}
.search-results__container .search-results__col .result-list .search-result a .search-result__sku-wrapper {
  color: #000;
  font-size: 0.8rem;
  grid-column: 2;
  grid-row: 2;
}
.search-results__container .search-results__col .result-list .search-result:hover {
  box-shadow: 0 0 10px 1px rgba(207, 206, 206, 0.44);
}
.search-results__container .search-results__col .result-list .search-result:hover a {
  border-bottom: 2px solid transparent;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wl-start-page__container {
  margin-inline: var(--layout-gutter-sm);
  margin-bottom: var(--layout-gutter-sm);
  margin-top: calc(var(--header-height-mobile) + var(--layout-gutter-sm));
  max-width: 1240px;
}
@media (min-width: 991px) {
  .wl-start-page__container {
    margin-inline: var(--layout-gutter-lg);
    margin-bottom: var(--layout-gutter-lg);
    margin-top: calc(var(--header-height-desktop) + var(--subheader-height-dektop) + var(--layout-gutter-lg));
  }
}
@media (min-width: 1280px) {
  .wl-start-page__container {
    margin-inline: auto;
  }
}
.wl-start-page__container > *:not(:last-child) {
  margin-bottom: var(--layout-gutter-sm);
}
@media (min-width: 991px) {
  .wl-start-page__container > *:not(:last-child) {
    margin-bottom: var(--layout-gutter-lg);
  }
}
.wl-start-page__container .goldBtn {
  font-weight: 900;
  white-space: nowrap;
}
.startpage-boxes {
  line-height: 1.6875rem;
}
.startpage-boxes > *:not(:last-child) {
  margin-bottom: var(--layout-gutter-sm);
}
@media (min-width: 991px) {
  .startpage-boxes > *:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 991px) {
  .startpage-boxes.--is-hero,
  .startpage-boxes.--has-two-boxes,
  .startpage-boxes.--has-three-boxes {
    display: grid;
    grid-gap: var(--layout-gutter-lg);
  }
}
.startpage-boxes.--is-hero img,
.startpage-boxes.--has-two-boxes img,
.startpage-boxes.--has-three-boxes img {
  object-fit: cover;
}
.startpage-boxes.--is-hero img {
  height: 100%;
  max-height: 500px;
}
@media (min-width: 991px) {
  .startpage-boxes.--is-hero > div {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 991px) {
  .startpage-boxes.--is-hero > div .box-content__container {
    grid-template-rows: auto;
    padding: var(--element-gutter-xl);
  }
}
@media (min-width: 991px) {
  .startpage-boxes.--is-hero > div .box-content__container .goldBtn {
    width: 100%;
  }
}
@media (min-width: 991px) {
  .startpage-boxes.--has-two-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
.startpage-boxes.--has-two-boxes img {
  height: 350px;
}
.startpage-boxes.--has-three-boxes .box-image {
  height: 350px;
  object-fit: cover;
}
@media (min-width: 991px) {
  .startpage-boxes.--has-three-boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
.startpage-boxes .box-image--with-focus {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.startpage-boxes h2 {
  font-size: 1.75rem;
}
.startpage-box {
  background-color: var(--color-dark-blue);
  color: var(--color-white);
}
@media (min-width: 991px) {
  .startpage-box {
    display: flex;
    flex-direction: column;
  }
}
.startpage-box img,
.startpage-box .box-image--with-focus {
  margin-bottom: var(--element-gutter-sm);
  width: 100%;
}
@media (min-width: 991px) {
  .startpage-box img,
  .startpage-box .box-image--with-focus {
    margin-bottom: 0;
  }
}
.startpage-box .box-content__container {
  padding: var(--element-gutter-sm);
}
@media (min-width: 991px) {
  .startpage-box .box-content__container {
    align-content: center;
    display: grid;
    flex-grow: 1;
    grid-template-rows: auto auto 1fr auto;
    justify-items: start;
    padding: var(--element-gutter-lg);
    row-gap: var(--flow-margin-sm);
  }
}
.startpage-box .box-content__container > * {
  margin-bottom: var(--flow-margin-sm);
}
@media (min-width: 991px) {
  .startpage-box .box-content__container > * {
    margin-bottom: 0;
  }
}
.startpage-box .box-content__container .box__text {
  font-weight: 400;
}
.startpage-box .box-content__container .box__category {
  font-weight: 100;
  text-transform: uppercase;
}
.startpage-box .box-content__container .goldBtn {
  margin-top: 10px;
}
@media (min-width: 991px) {
  .startpage-box .box-content__container .goldBtn {
    margin-top: var(--element-gutter-lg);
  }
}
.startpage-products {
  background: var(--color-grey-background);
  padding: var(--element-gutter-lg) var(--element-gutter-sm);
}
@media (min-width: 991px) {
  .startpage-products {
    padding: var(--element-gutter-xl) var(--element-gutter-lg);
  }
}
.startpage-products > * {
  margin-bottom: var(--flow-margin-sm);
}
.startpage-products .products__heading {
  text-align: center;
}
.startpage-products .startpage-products-title {
  font-size: 1.75rem;
  margin-bottom: 20px;
}
.startpage-products .startpage-products-subtitle {
  font-size: 1rem;
  font-weight: 100;
  text-transform: uppercase;
}
.startpage-products .prod-list-grid__container {
  grid-template-rows: 1fr 0;
  overflow: hidden;
}
@media (max-width: 829px) {
  .startpage-products .prod-list-grid__container {
    grid-template-rows: 1fr 1fr;
  }
}
.startpage-news {
  display: flex;
  flex-flow: wrap;
  flex-direction: column;
  row-gap: var(--flow-margin-sm);
}
@media (min-width: 991px) {
  .startpage-news {
    display: grid;
    gap: var(--element-gutter-xl) var(--element-gutter-lg);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 40px;
  }
}
.startpage-news .startpage-news-image__container,
.startpage-news img {
  width: 100%;
}
.startpage-news .startpage-news__list {
  background-color: var(--color-grey-background);
  margin: 0;
  padding: var(--element-gutter-sm);
}
@media (min-width: 991px) {
  .startpage-news .startpage-news__list {
    grid-column: 2;
    padding: var(--element-gutter-lg);
  }
}
.startpage-news .startpage-news__list .news-item__container {
  list-style: none;
  margin: 0;
  padding-block: var(--flow-margin-sm);
}
@media (min-width: 991px) {
  .startpage-news .startpage-news__list .news-item__container {
    flex-direction: row;
    padding-block: var(--flow-margin-lg);
  }
}
.startpage-news .startpage-news__list .news-item__container:first-child {
  padding-top: 0;
}
.startpage-news .startpage-news__list .news-item__container:not(:last-child) {
  border-bottom: 1px solid #707070;
}
.startpage-news .startpage-news__list .news-item__container .news-item__type {
  text-transform: uppercase;
}
.startpage-news .startpage-news__list .news-item__container .news-item__title {
  text-decoration: none;
}
.startpage-news .news-button__container {
  text-align: center;
}
@media (min-width: 991px) {
  .startpage-news .news-button__container {
    grid-column: 1/span 2;
  }
}
.startpage-news .news-button__container button {
  max-width: 200px;
}
nav .pagination {
  gap: 3px;
  margin: 30px auto;
}
nav .pagination .material-symbols-outlined {
  vertical-align: middle;
}
nav .pagination a {
  text-decoration: none;
}
.pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
.page-404 .textContent {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 410px);
  justify-content: center;
}
@media (min-width: 991px) {
  .page-404 .textContent {
    height: calc(100vh - 475px);
  }
}
.page-404 .search-list {
  padding-left: 0;
}
.page-404 .search-list li {
  margin-bottom: 25px;
}
.page-404 .suggested-links-container {
  display: none;
}
.page-404 .search-result-title {
  text-transform: capitalize;
}
.skal-for-fast {
  position: relative;
}
.creditInfo.infoFinns {
  background-color: #f7c7ce;
  border: 2px solid #c82020;
  border-radius: 3px;
  color: #c82020;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 5px 20px;
}
.grecaptcha-badge {
  display: none;
}
.notice-toast {
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: slideDown;
  background-color: #395a7a;
  border-radius: 5px;
  bottom: 2em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 1em 1.5em;
  position: fixed;
  right: 2em;
}
.notice-toast.error {
  background-color: #e87461;
}
.notice-toast p {
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  margin: 0;
}
@keyframes slideDown {
  100% {
    bottom: -100%;
  }
}
.notice .alert {
  background-color: #E87461;
}
#loader {
  left: 50%;
  position: fixed;
  top: 350px;
  z-index: 99;
}
.lds-dual-ring {
  display: inline-block;
  height: 80px;
  width: 80px;
}
.lds-dual-ring::after {
  animation: lds-dual-ring 1.2s linear infinite;
  border: 6px solid #000;
  border-color: #000 transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 64px;
  margin: 8px;
  width: 64px;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.input-wrapper-password {
  display: flex;
  flex-direction: column;
}
.labelWrapper {
  display: flex;
  flex-direction: column;
}
.widthFIX {
  width: 40% !important;
}
.calendar-content .day .events {
  display: none;
}
.container-fluid {
  max-width: 1500px;
}
.product-print {
  cursor: pointer;
}
#gdpr-kontakt {
  margin-top: 40px;
}
.gdpr-kontakt-checkbox-wrapper {
  margin-top: 10px;
}
#gdpr-kontakt-checkbox {
  margin-right: 10px;
  width: auto;
}
.hiddenInput {
  display: none;
}
.infoRuta {
  border: 1px solid #78787d;
  border-radius: 4px;
  color: #787878;
  display: none;
  font-size: 12px;
  font-weight: 300;
  padding: 5px 10px;
}
.infoknapp {
  border: 1px solid #787878;
  border-radius: 20px;
  font-family: "Times New Roman";
  font-style: italic;
  line-height: 7px;
  margin-left: 10px;
  padding: 0 6px;
}
.logInRuta input {
  width: 100%;
}
.logInRuta h4 {
  font-weight: 700;
  text-transform: uppercase;
}
.logInRuta .inputWrapper label {
  width: 100%;
}
.item-delete {
  cursor: pointer;
}
.prodHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.accHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.listHeadline {
  padding-bottom: 25px !important;
  padding-top: 40px !important;
  text-transform: uppercase;
  width: 33% !important;
}
.prodHeadline span,
.listHeadline span,
.accHeadline span {
  border-bottom: 1px solid #e9bc26;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 500px) {
  .prodHeadline span,
  .listHeadline span,
  .accHeadline span {
    display: none !important;
  }
}
.logo-70 {
  margin-right: 15px;
  width: 45px !important;
}
@media (min-width: 992px) {
  .logo-70 {
    width: 70px !important;
  }
}
.imageWrapper {
  background-color: #cfcfcf;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 390px;
  overflow: hidden;
}
.imageWrapper .overlay2 {
  background-color: rgba(28, 45, 59, 0.75);
  height: 391px;
  left: 10px;
  position: absolute;
  top: 0;
  width: calc(100% - 20px);
}
.imageWrapper img {
  width: 100%;
}
.textWrapper {
  align-items: center;
  -webkit-box-align: center;
  display: flex;
  -ms-flex-align: center;
  height: 80%;
  margin-top: 3%;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .textWrapper {
    margin-top: 60px;
  }
}
.textWrapper h1 {
  color: #fff;
  font-size: 50px;
  font-weight: 900;
}
.topImgDef {
  position: relative;
}
.ett {
  float: left;
  height: 409px;
  width: 65%;
}
.tva {
  float: left;
  height: 409px;
  width: 35%;
}
.tre {
  float: left;
  height: 409px;
  width: 45%;
}
.fyra {
  float: left;
  height: 409px;
  width: 55%;
}
@media (max-width: 991px) {
  .ett,
  .tva,
  .tre,
  .fyra {
    width: 100%;
  }
}
.cases,
.cases2 {
  margin-bottom: 20px;
}
.cases2 {
  height: 409px;
}
.notice.default-message {
  border: 2px solid #e9bc26;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
}
.catSkal {
  position: relative;
}
.catArticles {
  display: block;
}
@media (min-width: 992px) {
  .befintlig {
    margin-top: 32px;
  }
  .map-text {
    background-color: #fff;
    background-image:
      linear-gradient(
        to left,
        #d3d3d3,
        #fff);
    display: inline-block;
    height: 774px;
    vertical-align: top;
  }
}
@media (max-width: 1199px) {
  .hiddenMedium {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .tjohos .goldBtn {
    height: 36px;
    padding: 0;
    padding-left: 3px;
  }
  .tjohos .material-icons {
    height: 36px;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  .cart-quantity {
    text-align: right;
  }
  .delete-this {
    margin-top: 15px !important;
    text-align: right;
    width: 100%;
  }
  .faqInfo.marg-b-30 {
    margin-bottom: 60px !important;
  }
  .infoRuta.shown {
    display: block;
  }
  .imgOrderH {
    padding: 0;
  }
  .smallShopping {
    text-align: right;
  }
  .smallShopping .material-icons {
    font-size: 17px;
    height: 27px;
  }
  .smallShopping .onlyGulM.goldBtn {
    height: 32px;
    padding: 0 0 0 6px;
  }
  .exp {
    padding-top: 20px;
  }
  .margT30 {
    margin-top: 30px;
  }
  .inlineM {
    display: inline;
  }
  .onlyGulM.goldBtn {
    height: 43px;
    padding: 0 2px 0 9px;
    text-align: center;
  }
  .rubriken h2 {
    font-size: 24px;
  }
  .omli ul li {
    border-bottom: 1px solid #ececeb;
  }
  .flag span {
    color: #000;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .flag img {
    margin-right: 8px;
  }
}
@media (max-width: 991px) {
  .groupCm img {
    height: 50px;
    margin-right: 20px;
    width: 50px;
  }
  .enpro {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .widthFIX {
    width: 100% !important;
  }
  .hiddenMobile {
    display: none;
  }
  .fullSizeM {
    width: 100%;
  }
  .exp {
    padding-top: 0;
  }
  .block-alt {
    width: 100% !important;
  }
  .imgOrderH {
    padding: 5px 10px 10px;
  }
  .prop-single-right {
    padding-right: 0 !important;
    width: 48% !important;
  }
  .textWrapper h1 {
    font-size: 40px;
  }
}
.item-name {
  width: 100%;
}
.fast-ordering-items {
  height: 60px;
  position: relative;
}
.addItemToList {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.prod-info-success {
  display: none;
}
.snabb {
  border: 2px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  margin-left: auto;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
}
.snabb a {
  color: #fff;
  text-decoration: none;
}
.snabb a:hover {
  color: #fff;
  text-decoration: none;
}
.prodImages {
  position: relative;
}
.filter-text {
  display: none;
}
.filter-dropdown {
  background: #ececeb;
  border: 1px solid #000;
  display: none;
  font-weight: 300;
  padding: 10px 15px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.filter-dropdown input {
  display: none;
}
.filter-dropdown .CheckSyn input {
  display: block;
}
.filter-dropdown label {
  display: inline-block;
  font-weight: 300;
  padding: 0;
}
.filter-dropdown .material-icons {
  vertical-align: text-top;
}
.prodcounter {
  position: relative;
}
p.campaign-price {
  color: #a70000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
p.original-price {
  color: #787878;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: line-through;
}
span.original-price {
  color: #787878;
  display: block;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 0;
  text-decoration: line-through;
}
.prod-reseller {
  margin-top: 30px;
}
.choose-variant-text {
  border: 1px solid #cfcece;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  width: 100%;
}
.choose-variant-text .material-icons {
  position: absolute;
  right: 10px;
  vertical-align: text-top;
}
@media (max-width: 600px) {
  .tillbehorItm .product-i-lager {
    width: 100%;
  }
}
input[readonly] {
  border: none;
}
@media (max-width: 991px) {
  .knappA {
    margin-bottom: 40px;
  }
}
/*# sourceMappingURL=shop.css.map */