/* CUSTOM CSS FILE */


label[for="paypal_express"] {
    position: relative;
    margin-left: 220px;
}

label[for="paypal_express"]:before {
    content: '';
    position: absolute;
    left: -220px;
    top: -8px;
    display: inline-block;
    width: 210px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url('/media/paypal_kreditkarte.png');
    background-size: contain;
}


.bss-sdcp-description .type {
    display: none;
}

.product-item-name, .product-item-name a {
    white-space: normal !important;
}

.product-reviews-summary {
    display: none !important;
}

.product-item-info.type3 .product-item-actions .actions-primary .tocart, .product-item-info.type5 .product-item-actions .actions-primary .tocart, .product-item-info.type6 .product-item-actions .actions-primary .tocart {
    right: 10px !important;
}

#maincontent h2 {
    margin-bottom: 20px;
    margin-top: 40px;
    font-wight: bold !important;
}

.product.attribute.description * {
    font-size: 1em !important;
    line-height: 2em !important;
}

#maincontent h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}

#maincontent h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}



.checkout-agreements-item-content ul {
    margin-bottom: 20px;
}

.checkout-agreements-item-content h2 {
    margin-bottom: 20px;
    margin-top: 40px;
    font-wight: bold !important;
}

.checkout-agreements-item-content h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}

.checkout-agreements-item-content h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.checkout-agreements-item-content ul {
    margin-bottom: 20px;
}
.opc-wrapper .checkout-payment-method .checkout-agreements-block label button {
    text-align: left !important;
}

.product-social-links {
    display: none !important;
}

.product-addto-links .tocompare {
    display: none !important;
}


/* Variables */
:root {
    --main-color: #f2b700;
    --secondary-color: #007499;
    --heading-color: #222529;
    --body-color: #777;
    --main-font: 'Poppins';
    --heading-font: 'Playwrite_IS';
}

/* Custom fonts */
/* poppins-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/poppins-v21-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-100italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/poppins-v21-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-200 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-200italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/poppins-v21-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-300italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/poppins-v21-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/poppins-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-500italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/poppins-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-600italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/poppins-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-700italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/poppins-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-800italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/poppins-v21-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/poppins-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-900italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/poppins-v21-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* oswald-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/oswald-v53-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/oswald-v53-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/oswald-v53-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/oswald-v53-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/oswald-v53-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-300italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-500italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-600italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-700italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-800italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* shadows-into-light-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Shadows Into Light';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/shadows-into-light-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Playwrite_IS';
    src: url('../fonts/PlaywriteIS-VariableFont_wght.ttf');
}

/* General Fonts */
h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
    letter-spacing: normal;
}
h2 {
    font-weight: 300;
    font-size: 25px
}
h3 {
    font-weight: 300;
    font-size: 20px
}
.vc_custom_heading h2 b {
    font-weight: 600;
    margin-right: .375rem;
}

/* General */
.porto-separator.tall {
    margin: 75px 0px;
}
b.right {
    margin-left: .375rem;
    margin-right: 0px;
}
.field-recaptcha {
    display: none;
}

/* From Custom Style 1 */
.home-slider h2.vc_custom_heading, .custom-font4 {
    font-family: var(--heading-font);
}
.page-header .panel.wrapper {
    color: #fff;
}
.page-header.type24 .minicart-wrapper .showcart.action-subtotal {
    display: none !important;
}
.page-header.type24 .minicart-wrapper .action.showcart {
    margin-left: 0px;
}
.page-header.type24 .header.panel.show-icon-tablet {
    padding-right: 0px;
    margin-right: 0px;
}
.page-header.type24 .header.panel:not(.show-icon-tablet) {
    display: none;
}

/* Header */
.page-header.type24 .top-header-notice {
    font-weight: 500;
    font-size: 13px;
}
.page-header.type24 .header.links li a,
.page-header.type24 .header.links li span {
    font-weight: 500;
    font-size: 12px !important;
}
@media (min-width: 992px) {
  .page-header.type24.sticky-header .header-center .logo {
    min-width: 100px;
    max-width: 160px;
  }
}

/* Breadcrumbs */
.page-wrapper > .breadcrumbs .items {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Homepage Slider */
.home-slider .porto-ultimate-content-box {
    min-height: calc(100vh - 160px) !important;
}
.home-slider .vc_custom_heading {
    color: #fff;
}
.home-slider h2.vc_custom_heading {
    text-shadow: 2px 1px 1px var(--secondary-color);
    font-size: 68px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 37px;
}
.home-slider h3.vc_custom_heading {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 3px #868686
}
html .btn-borders.btn-dark {
    border-color: var(--main-color) !important;
    text-transform: uppercase;
    font-size: 17px;
    background-color: var(--main-color) !important;
    color: #fff !important;
    border-width: 3px;
    padding: 17px 51px !important;
}
.home-slider p.vc_custom_heading {
    font-size: 25px;
    text-shadow: 0px 0px 3px #868686
}
.owl-carousel.nav-style-4 .owl-nav [class*="owl-"] {
    color: #fff !important;
}

/* Homepage Sorten */
.sorten-container .porto-ibanner-desc {
    justify-content: center;
    align-items: center;
}
.sorten-container .porto-ibanner-layer h3 {
    color: #fff;
    text-shadow: 2px 1px 1px var(--secondary-color);
    font-size: 60px;
    font-weight: bold;
}
.sorten-box {
    background-color: var(--main-color);
}
.sorten-box h3 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

/* Homepage Bewertungen */
.section-review {
    background-image: url('https://dev.schmackotatz.at/media/wysiwyg/smartwave/porto/homepage/32/shop32_review_bg_text.png');
    padding-top: 75px;
    padding-bottom: 60px;
    background-color: var(--secondary-color);
    background-position: 50% calc(100% + 1.5vw);
    background-repeat: no-repeat;
    background-size: 92% auto;
}
.section-review .wpb_wrapper {
    text-align: center;
}
.section-review h2 {
    text-align: center;
    font-weight: 600;
    color: #fff;
}
.porto-vc-testimonial blockquote,
.testimonial blockquote,
.testimonial blockquote p {
    font-family: var(--heading-font);
}
.testimonial blockquote p {
    color: white;
    font-size: 25px;
}
.testimonial blockquote p::before {
    content: '“';
    font-size: 250%;
    margin-right: .5rem;
}
.testimonial .testimonial-author p {
    color: #fff;
    font-size: 14px;
}
.testimonial .testimonial-author p::before {
    content: '-';
    margin-right: .25rem;
}
.testimonial.testimonial-style-2 blockquote {
    padding-top: 0px;
}

/* Homepage Hersteller */
.hersteller-slider .owl-stage .item img {
    height: 70px;
}

/* Footer */
.footer_block {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
}
.footer_block img.footer_block_img.bio_img {
    width: 170px;
}
.footer_block img.footer_block_img.trusted_img {
    width: 120px;
}
.footer .footer-middle a {
    color: #fff;
}
.footer .footer-middle > .container::after {
    border-color: var(--secondary-color);
}
.footer .widget-title {
    font-size: 14px;
    font-weight: 700;
}
.footer,
.footer p {
    font-size: 14px;
}

/* About us */
.about_page h2 {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0px auto !important;
}
.about_page h2 b {
    font-weight: 600;
    margin-right: .375rem;
}
.about_page h2::before {
    content: '';
    background: url(https://dev.schmackotatz.at/media/wysiwyg/schmackotatz/divider_line.png) repeat-x;
    min-height: 8px;
    width: 140px;
    margin-right: 15px;
}
.about_page h2::after {
    content: '';
    background: url(https://dev.schmackotatz.at/media/wysiwyg/schmackotatz/divider_line.png) repeat-x;
    min-height: 8px;
    width: 140px;
    margin-left: 15px;
}
.about-banner img {
    width: 100%;
    height: 560px;
    object-fit: cover;
}
.about-counter {
    background-color: var(--secondary-color);
    text-align: center;
    margin: 70px 0px !important;
}
.about-counter-row {
   justify-content: center; 
}
.about-counter .counter {
    padding: 40px 0;
}
.about-counter .counter strong {
    font-size: 32px;
    color: var(--main-color);
}
.about-counter .counter label {
    display: block;
    font-size: 14px;
    color: #fff;
}
.about_page .support-block .support-item {
    text-align: center;
    padding: 10px 30px;
}
.about_page .support-block i {
    font-size: 68px;
    color: var(--main-color);
}
.team-member .member-detail {
    position: absolute;
    left: 32px;
    bottom: 16px;
    color: var(--main-color);
    font-weight: 600;
    text-transform: uppercase;
}

/* Contact Page */
.contact-index-index .page-main-inner .container.no-padding {
    padding-bottom: 3rem !important;
    margin-bottom: 0px !important;
}
.contact-index-index .fieldset > .legend,
.contact-index-index .contact-info .contacts-title {
    color: var(--heading-color);
    font-size: 25px;
    margin-bottom: 1rem !important;
    display: flex;
    align-items: center;
}
.contact-index-index .contact-info .contacts-title {
    margin-bottom: 27px !important;
}
.contact-index-index .fieldset > .legend::before,
.contact-index-index .contact-info .contacts-title::before {
    content: '';
    background: url(https://dev.schmackotatz.at/media/wysiwyg/schmackotatz/divider_line.png) repeat-x;
    min-height: 8px;
    width: 60px;
    margin-right: 15px;
}
.contact-index-index .fieldset > .legend::after,
.contact-index-index .contact-info .contacts-title::after {
    content: '';
    background: url(https://dev.schmackotatz.at/media/wysiwyg/schmackotatz/divider_line.png) repeat-x;
    min-height: 8px;
    width: 60px;
    margin-left: 15px;
}
.contact-index-index .fieldset > .legend span {
    margin: 0px;
}
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 500;
}
.contact-index-index .page-main .contact-info p {
    font-size: 16px;
    display: flex;
    height: 100%;
    align-items: center;
}
.contact-index-index .page-main .contact-info p a {
    color: var(--body-color);
}
.contact-index-index .contact-info {
    padding-left: 30px;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
textarea,
select {
    font-size: 16px !important;
}
#contact-form button.submit {
    border-color: var(--main-color) !important;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 1.3333;
    font-family: var(--main-font);
    letter-spacing: .01em;
    font-weight: 700;
    height: auto;
    margin: 0px;
    background-color: var(--main-color) !important;
    color: #fff !important;
    border-width: 3px;
    padding: 17px 51px !important;
}
.contact-info .row:not(:last-of-type) {
    margin-bottom: 15px;
}
.contact-info .row i {
    margin-bottom: 0px !important;
}

/* Legal Pages */
.cms-impressum .page-main,
.cms-agb .page-main,
.cms-widerrufsbelehrung .page-main,
.cms-versandkosten .page-main,
.cms-datenschutzbestimmung .page-main {
    padding-top: 48px;
}

/* Menu */
header .nav-sections .ui-menu-item.level0 a.level-top {
    font-size: 14px !important;
}
header .nav-sections .submenu {
    width: 800px !important;
    padding: 35px 30px 20px 35px !important;
    z-index: 9 !important;
}
header .nav-sections .submenu .container {
    padding: 0px !important;
}
header .nav-sections .submenu .container .row > .subchildmenu {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
header .nav-sections .submenu .ui-menu-item.level1 {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
    break-inside: avoid-column;
    width: 100% !important;
    float: none !important;
}
header .nav-sections .submenu .ui-menu-item.level1 a {
    font-size: 14px !important;
}
header .nav-sections .submenu .ui-menu-item:not(.level1) a {
    padding: 0px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    color: var(--body-color) !important;
}
header .nav-sections .submenu .ui-menu-item a:hover > span,
header .nav-sections .submenu .ui-menu-item a:active > span,
header .nav-sections .submenu .ui-menu-item a:focus > span {
    text-decoration: none !important;
}

/* HP H1 */
.hp-hone-sep {
    margin-top: 0px !important;
}
.hp-sep-y hr {
    background-color: var(--main-color) !important;
}
.hp-heading-one h1 {
    text-align: center;
    margin: 0px;
    line-height: 1em;
    font-weight: 600;
}
.hp-heading-one h1 span {
    font-size: 32px;
    font-weight: 300;
}

/* Customer Pages Frontend */
.customer-account-login #maincontent,
.customer-account-forgotpassword #maincontent,
.multishipping-checkout-login #maincontent,
.customer-account-create #maincontent {
    min-height: calc(100vh - 161px);
    display: flex;
    flex-direction: column;
}
.customer-account-login .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper,
.multishipping-checkout-login .page-title-wrapper,
.multishipping-checkout_address-newshipping .page-title-wrapper,
.customer-account-create .page-title-wrapper {
    background-color: unset;
    margin-top: 44px;
    border: 1px solid var(--main-color);
    border-color: var(--secondary-color);
    border-right: none;
    border-left: none;
    padding: 44px 0px;
}
.customer-account-login .page-title-wrapper h1 span,
.customer-account-forgotpassword .page-title-wrapper h1 span,
.multishipping-checkout-login .page-title-wrapper h1 span,
.multishipping-checkout_address-newshipping .page-title-wrapper h1 span,
.customer-account-create .page-title-wrapper h1 span {
    font-size: 48px;
    font-weight: 300;
    line-height: 1em;
}
.customer-account-login .actions-toolbar,
.multishipping-checkout-login .actions-toolbar {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px 40px;
    gap: 10px 40px;
    justify-content: center;
}
.customer-account-login .actions-toolbar .primary,
.customer-account-login .actions-toolbar .secondary,
.multishipping-checkout-login .actions-toolbar .primary,
.multishipping-checkout-login .actions-toolbar .secondary {
    flex: 1 1 0px;
    margin: 0px !important;
}
.customer-account-login .actions-toolbar::before,
.customer-account-login .actions-toolbar::after,
.multishipping-checkout-login .actions-toolbar::before,
.multishipping-checkout-login .actions-toolbar::after {
    display: none;
}
.customer-account-login .actions-toolbar .primary button,
.customer-account-login #login-form .secondary a,
.customer-account-forgotpassword .actions-toolbar .primary button,
.customer-account-forgotpassword #login-form .secondary a,
.multishipping-checkout-login .actions-toolbar .primary button,
.multishipping-checkout-login #login-form .secondary a,
.multishipping-checkout_address-newshipping .actions-toolbar .primary button,
.multishipping-checkout_address-newshipping #login-form .secondary a,
.customer-account-create .actions-toolbar .primary button,
.customer-account-create #login-form .secondary a,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button,
.multishipping-checkout-billing .multicheckout .actions-toolbar button,
.multishipping-checkout_address-editshipping .actions-toolbar button,
.multishipping-checkout_address-editaddress .actions-toolbar button,
.multishipping-checkout-overview .multicheckout .actions-toolbar button,
.multishipping-checkout_address-selectbilling .multicheckout .actions-toolbar button,
.multishipping-checkout-success .multicheckout .actions-toolbar button,
.checkout-onepage-success .checkout-success .actions-toolbar .primary a,
.checkout-onepage-success #registration a.primary,
.modal-popup.agreements-modal .modal-footer button.action.secondary/*,
.actions-toolbar button */{
    border-color: var(--main-color) !important;
    text-transform: uppercase;
    font-size: 17px !important;
    line-height: 1.3333;
    font-family: var(--main-font);
    letter-spacing: .01em;
    font-weight: 700;
    background-color: var(--main-color) !important;
    color: #fff !important;
    border-width: 3px !important;
    padding: 17px 51px !important;
}
.multishipping-checkout_address-newshipping .actions-toolbar .primary button,
.multishipping-checkout_address-editshipping .actions-toolbar .primary button,
.multishipping-checkout_address-editaddress .actions-toolbar .primary button {
    margin: 0px;
}
.multishipping-checkout_address-newshipping .actions-toolbar .primary button,
.multishipping-checkout_address-newshipping #login-form .secondary a,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button,
.multishipping-checkout_address-editshipping .actions-toolbar button,
.multishipping-checkout_address-editaddress .actions-toolbar button,
.multishipping-checkout_address-selectbilling .actions-toolbar button,
.multishipping-checkout-billing .multicheckout .actions-toolbar button,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button,
.multishipping-checkout-overview  .multicheckout .actions-toolbar button,
.multishipping-checkout-success .multicheckout .actions-toolbar button,
.checkout-onepage-success .checkout-success .actions-toolbar .primary a,
.checkout-onepage-success #registration a.primary {
    height: auto;
}
.customer-account-login .actions-toolbar .primary button:hover,
.customer-account-login .actions-toolbar .primary button:active,
.customer-account-login .actions-toolbar .primary button:focus,
.customer-account-login #login-form .secondary a:hover,
.customer-account-login #login-form .secondary a:active,
.customer-account-login #login-form .secondary a:focus,
.customer-account-forgotpassword .actions-toolbar .primary button:hover,
.customer-account-forgotpassword .actions-toolbar .primary button:active,
.customer-account-forgotpassword .actions-toolbar .primary button:focus,
.customer-account-forgotpassword #login-form .secondary a:hover,
.customer-account-forgotpassword #login-form .secondary a:active,
.customer-account-forgotpassword #login-form .secondary a:focus,
.multishipping-checkout-login .actions-toolbar .primary button:hover,
.multishipping-checkout-login .actions-toolbar .primary button:active,
.multishipping-checkout-login .actions-toolbar .primary button:focus,
.multishipping-checkout-login #login-form .secondary a:hover,
.multishipping-checkout-login #login-form .secondary a:active,
.multishipping-checkout-login #login-form .secondary a:focus,
.multishipping-checkout_address-newshipping .actions-toolbar .primary button:hover,
.multishipping-checkout_address-newshipping .actions-toolbar .primary button:active,
.multishipping-checkout_address-newshipping .actions-toolbar .primary button:focus,
.multishipping-checkout_address-newshipping #login-form .secondary a:hover,
.multishipping-checkout_address-newshipping #login-form .secondary a:active,
.multishipping-checkout_address-newshipping #login-form .secondary a:focus,
.customer-account-create .actions-toolbar .primary button:hover,
.customer-account-create .actions-toolbar .primary button:active,
.customer-account-create .actions-toolbar .primary button:focus,
.customer-account-create #login-form .secondary a:hover,
.customer-account-create #login-form .secondary a:active,
.customer-account-create #login-form .secondary a:focus,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button:hover,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button:active,
.multishipping-checkout-shipping .multicheckout .actions-toolbar button:focus,
.multishipping-checkout-billing .multicheckout .actions-toolbar button:hover,
.multishipping-checkout-billing .multicheckout .actions-toolbar button:active,
.multishipping-checkout_address-editshipping .actions-toolbar button:focus,
.multishipping-checkout_address-editshipping .actions-toolbar button:active,
.multishipping-checkout_address-editshipping .actions-toolbar button:focus,
.multishipping-checkout_address-editaddress .actions-toolbar button:focus,
.multishipping-checkout_address-editaddress .actions-toolbar button:active,
.multishipping-checkout_address-editaddress .actions-toolbar button:focus,
.multishipping-checkout-overview .multicheckout .actions-toolbar button:hover,
.multishipping-checkout-overview .multicheckout .actions-toolbar button:active,
.multishipping-checkout-overview .multicheckout .actions-toolbar button:focus,
.multishipping-checkout_address-selectbilling .multicheckout .actions-toolbar button:hover,
.multishipping-checkout_address-selectbilling .multicheckout .actions-toolbar button:active,
.multishipping-checkout_address-selectbilling .multicheckout .actions-toolbar button:focus,
.multishipping-checkout-success .multicheckout .actions-toolbar button:hover,
.multishipping-checkout-success .multicheckout .actions-toolbar button:active,
.multishipping-checkout-success .multicheckout .actions-toolbar button:focus,
.checkout-onepage-success .checkout-success .actions-toolbar .primary a:hover,
.checkout-onepage-success .checkout-success .actions-toolbar .primary a:active,
.checkout-onepage-success .checkout-success .actions-toolbar .primary a:focus,
.checkout-onepage-success #registration a.primary:hover,
.checkout-onepage-success #registration a.primary:active,
.checkout-onepage-success #registration a.primary:focus,
.page-products .products-list .product-item-details .product-item-actions button:hover,
.page-products .products-list .product-item-details .product-item-actions button:active,
.page-products .products-list .product-item-details .product-item-actions button:focus,
html .btn-borders.btn-dark:hover,
html .btn-borders.btn-dark:active,
html .btn-borders.btn-dark:focus,
#contact-form button.submit:hover,
#contact-form button.submit:active,
#contact-form button.submit:focus,
.modal-custom.authentication-dropdown .actions-toolbar .primary button:hover,
.modal-custom.authentication-dropdown .actions-toolbar .primary button:active,
.modal-custom.authentication-dropdown .actions-toolbar .primary button:focus,
.modal-popup.agreements-modal .modal-footer button.action.secondary:hover,
.modal-popup.agreements-modal .modal-footer button.action.secondary:active,
.modal-popup.agreements-modal .modal-footer button.action.secondary:focus/*,
.actions-toolbar button:hover,
.actions-toolbar button:active,
.actions-toolbar button:focus*/ {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}
.customer-account-login #maincontent .page-main-inner,
.multishipping-checkout-login #maincontent .page-main-inner,
.customer-account-forgotpassword #maincontent .page-main-inner {
    flex-grow: 1;
    display: flex;
}
.customer-account-create #maincontent .page-main-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.customer-account-login #maincontent .page-main-inner .columns,
.multishipping-checkout-login #maincontent .page-main-inner .columns,
.customer-account-forgotpassword #maincontent .page-main-inner .columns {
    width: 100%;
}
.customer-account-create #maincontent .page-main-inner .columns {
    flex: 1 1 0px;
}
.customer-account-login #maincontent .page-main-inner .columns .column.main,
.customer-account-forgotpassword .page-main-inner .columns .column.main,
.multishipping-checkout-login .page-main-inner .columns .column.main,
.multishipping-checkout_address-newshipping .page-main-inner .columns .column.main,
.customer-account-create #maincontent .page-main-inner .columns .column.main {
    padding: 0px;
    height: 100%;
}
.customer-account-login #maincontent .page-main-inner .login-container,
.customer-account-login #maincontent .page-main-inner .login-container > .row,
.multishipping-checkout-login #maincontent .page-main-inner .login-container,
.multishipping-checkout-login #maincontent .page-main-inner .login-container > .row {
    height: 100%;
}
.customer-account-create #maincontent .page-main-inner .form-create-account,
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
    gap: 60px;
    justify-items: center;
    align-content: center;
}
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit {
    max-width: 83.333%;
    margin: 0 auto;
    padding: 2.5rem 0 0;
    grid-template-rows: auto 1fr;
}
.multishipping-checkout_address-editshipping #maincontent .page-main-inner .form-address-edit,
.multishipping-checkout_address-editaddress #maincontent .page-main-inner .form-address-edit,
.customer-address-form .form-address-edit {
    grid-template-rows: auto 1fr;
}
.customer-account-forgotpassword #maincontent .page-main-inner .form.password.forget {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.customer-account-create #maincontent .page-main-inner .form-create-account fieldset,
.multishipping-checkout_address-newshipping .page-main-inner .form-address-edit fieldset {
    width: 100%;
    padding: 0px;
    float: none;
    margin: 0px;
}
.customer-account-forgotpassword #maincontent .page-main-inner .form.password.forget fieldset {
    max-width: 720px;
}
.customer-account-create #maincontent .page-main-inner .form-create-account fieldset:first-of-type,
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit fieldset:first-of-type {
    justify-self: end;
}
.customer-account-create #maincontent .page-main-inner .form-create-account fieldset:last-of-type,
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit fieldset:last-of-type {
    justify-self: start;
    grid-row: span 2;
}
.customer-account-login #maincontent .page-main-inner .login-container .block-customer-login,
.multishipping-checkout-login #maincontent .page-main-inner .login-container .block-customer-login {
    margin-bottom: 0px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.customer-account-create #maincontent .page-main-inner .form-create-account legend {
    text-align: center;
}
.customer-account-create #maincontent .page-main-inner .form-create-account button {
    width: max-content;
}
.customer-account-login #maincontent .page-main-inner .block-customer-login .block-title strong,
.multishipping-checkout-login #maincontent .page-main-inner .block-customer-login .block-title strong,
.customer-account-create #maincontent .page-main-inner .form-create-account legend span {
    font-weight: 300;
    font-size: 25px;
    letter-spacing: normal;
    line-height: 1.1;
}
.multishipping-checkout-overview #maincontent .page-main-inner .title {
    margin-bottom: 10px;
}
.multishipping-checkout-overview #maincontent .page-main-inner .block-title strong,
.multishipping-checkout-overview #maincontent .page-main-inner .title strong {
    font-weight: 300;
    font-size: 25px;
    letter-spacing: normal;
    line-height: 1.1;
    color: var(--heading-color);
}
.multishipping-checkout-overview #maincontent .page-main-inner .title strong span {
    color: var(--body-color);
}
.customer-account-login #maincontent .page-main-inner .login-container .login,
.multishipping-checkout-login #maincontent .page-main-inner .login-container .login {
    margin-bottom: 0px;
}
.customer-account-login #maincontent .page-main-inner .login-container .login::after,
.multishipping-checkout-login #maincontent .page-main-inner .login-container .login::after {
    display: none;
}
.customer-account-create #maincontent .page-main-inner .form-create-account fieldset .field.confirmation {
    margin: 0px;
}
.customer-account-create #maincontent .page-main-inner .form-create-account .actions-toolbar,
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit .actions-toolbar {
    padding: 0px;
    width: 100%;
}
.multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit .actions-toolbar {
    width: auto;
}
.customer-account-create #maincontent .page-main-inner .form-create-account .actions-toolbar .primary,
.multishipping-checkout-login #maincontent .page-main-inner .form-login .actions-toolbar .primary {
    margin: 0px;
}
.customer-account-forgotpassword #maincontent .page-main-inner .form.password.forget .actions-toolbar .primary {
    max-width: fit-content !important;
    margin: 0px auto;
}
.multishipping-checkout-login #maincontent,
.multishipping-checkout_address-newshipping #maincontent {
    padding-top: 0px;
}
.multishipping-checkout-login .page-title-wrapper,
.multishipping-checkout_address-newshipping .page-title-wrapper {
    text-align: center;
}
.multishipping-checkout-login .page-title-wrapper h1,
.multishipping-checkout_address-newshipping .page-title-wrapper h1 {
    margin: 0px !important;
}
.multishipping-checkout_address-newshipping .form-address-edit .fieldset .field.choice input {
    height: 16px;
}
.multishipping-checkout_address-newshipping .form-address-edit .fieldset .field.choice label span {
    position: relative;
    top: 1px;
}
.multishipping-checkout-shipping .page-title-wrapper h1 span,
.multishipping-checkout-success .page-title-wrapper h1 span,
.multishipping-checkout-results .page-title-wrapper h1 span,
.customer-account-createpassword .page-title-wrapper h1 span,
.catalog-product_compare-index .page-title-wrapper h1 span,
.page-title-wrapper h1 span {
    font-size: 32px;
    font-weight: 300;
    color: var(--heading-color);
}
.checkout-onepage-success .page-title-wrapper {
    width: auto;
    height: auto;
    position: relative;
    margin: 12px 0px 32px;
}
.checkout-onepage-success .page-title-wrapper h1 {
    margin: 0px !important;
}
.checkout-onepage-success .page-title-wrapper h1 span {
    font-size: 32px;
    font-weight: 300;
    color: var(--heading-color);
}
.multishipping-checkout-shipping .block .block-title {
    font-weight: 300;
    font-size: 25px;
    color: var(--heading-color);
}
.multishipping-checkout-shipping .block .block-title span {
    color: var(--body-color);
}
.multishipping-checkout-shipping .block .block-title .action {
    font-size: 14px;
}
.multishipping-checkout-shipping .block .block-content .box-title > span,
.multishipping-checkout-billing .block .block-content .box-title > span,
.multishipping-checkout-overview .block .block-content .box-title > span,
.multishipping-checkout-overview .block .block-content .box-title > span,
.multishipping-checkout-overview .block-content .subtitle,
.multishipping-checkout-overview .block-content .table-wrapper thead {
    color: var(--heading-color);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 16px;
}
.multishipping-checkout-shipping .block .block-content .box-title .action.edit {
    font-size: 14px;
    float: right;
    color: var(--main-color);
}
.multishipping-checkout-billing .block .block-content .box-title .action {
    font-size: 14px;
    float: right;
}
.multishipping-checkout_address-selectbilling .box-actions .action span {
    font-size: 14px;
    color: var(--main-color);
}
.multishipping-checkout-overview  .box-content .table-wrapper thead th .action.edit {
    font-size: 14px;
    text-transform: none;
    color: var(--main-color);
}
.multishipping-checkout-overview .block-content .subtitle .action.edit {
    font-size: 14px;
    text-transform: none;
    color: var(--main-color);
    margin-left: 7px;
    font-weight: 400;
}
.multishipping-checkout-overview  .box-content .table-wrapper thead th .action.edit:hover,
.multishipping-checkout-overview  .box-content .table-wrapper thead th .action.edit:active,
.multishipping-checkout-overview  .box-content .table-wrapper thead th .action.edit:focus,
.multishipping-checkout-shipping .block .block-content .box-title .action.edit:hover,
.multishipping-checkout-shipping .block .block-content .box-title .action.edit:active,
.multishipping-checkout-shipping .block .block-content .box-title .action.edit:focus,
.multishipping-checkout-overview .block-content .subtitle .action.edit:hover,
.multishipping-checkout-overview .block-content .subtitle .action.edit:active,
.multishipping-checkout-overview .block-content .subtitle .action.edit:focus,
.multishipping-checkout_address-selectbilling .box-actions .action span:hover,
.multishipping-checkout_address-selectbilling .box-actions .action span:active,
.multishipping-checkout_address-selectbilling .box-actions .action span:focus,
.multishipping-checkout-overview .block .box-title .action.edit:hover,
.multishipping-checkout-overview .block .box-title .action.edit:active,
.multishipping-checkout-overview .block .box-title .action.edit:focus,
.multishipping-checkout-billing .block .block-content .box-title .action span:hover,
.multishipping-checkout-billing .block .block-content .box-title .action span:active,
.multishipping-checkout-billing .block .block-content .box-title .action span:focus,
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper .product-item-name a:hover,
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper .product-item-name a:active,
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper .product-item-name a:focus,
.multishipping-checkout-shipping .block .block-content .table-wrapper .product-item-name a:hover,
.multishipping-checkout-shipping .block .block-content .table-wrapper .product-item-name a:active,
.multishipping-checkout-shipping .block .block-content .table-wrapper .product-item-name a:focus,
.account #maincontent .block .block-content li a:hover,
.account #maincontent .block .block-content li a:active,
.account #maincontent .block .block-content li a:focus,
.account #maincontent .sidebar .block-collapsible-nav-content li strong,
.account #maincontent .sidebar .block-collapsible-nav-content li.current a::before,
.account .wishlist .product-item-actions a.action:hover,
.account .wishlist .product-item-actions a.action:active,
.account .wishlist .product-item-actions a.action:focus,
.account .actions a.action:hover,
.account .actions a.action:active,
.account .actions a.action:focus,
.account .box-actions a.action:hover,
.account .box-actions a.action:active,
.account .box-actions a.action:focus,
.product-item-name a:hover,
.product-item-name a:active,
.product-item-name a:focus,
.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions a:hover,
.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions a:active,
.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions a:focus,
.catalog-product-view .product-info-main .product-add-form .moved-add-to-links a:hover,
.catalog-product-view .product-info-main .product-add-form .moved-add-to-links a:active,
.catalog-product-view .product-info-main .product-add-form .moved-add-to-links a:focus,
.page-products .sidebar-content .block-actions.filter-actions:hover,
.page-products .sidebar-content .block-actions.filter-actions:active,
.page-products .sidebar-content .block-actions.filter-actions:focus,
.page-products .products-list .product-item-details .product-item-actions a.action:hover,
.page-products .products-list .product-item-details .product-item-actions a.action:active,
.page-products .products-list .product-item-details .product-item-actions a.action:focus,
.opc-wrapper .discount-code span:hover,
.opc-wrapper .discount-code span:active,
.opc-wrapper .discount-code span:focus,
.cart.table-wrapper .product-item-name > a:hover,
.cart.table-wrapper .product-item-name > a:active,
.cart.table-wrapper .product-item-name > a:focus,
.multishipping-checkout-addresses #multiship-addresses-table .product-item-name a:hover,
.multishipping-checkout-addresses #multiship-addresses-table .product-item-name a:active,
.multishipping-checkout-addresses #multiship-addresses-table .product-item-name a:focus,
.multishipping-checkout-overview .table-wrapper .product-item-name a:hover,
.multishipping-checkout-overview .table-wrapper .product-item-name a:active,
.multishipping-checkout-overview .table-wrapper .product-item-name a:focus,
.multishipping-checkout-shipping .multicheckout .actions-toolbar .secondary .back:hover,
.multishipping-checkout-shipping .multicheckout .actions-toolbar .secondary .back:active,
.multishipping-checkout-shipping .multicheckout .actions-toolbar .secondary .back:focus,
.multishipping-checkout-overview .multicheckout .actions-toolbar .secondary .back:hover,
.multishipping-checkout-overview .multicheckout .actions-toolbar .secondary .back:active,
.multishipping-checkout-overview .multicheckout .actions-toolbar .secondary .back:focus,
.search-area.show-icon .block.block-search .search-autocomplete ul li span:hover,
.search-area.show-icon .block.block-search .search-autocomplete ul li span:active,
.search-area.show-icon .block.block-search .search-autocomplete ul li span:focus,
.page-header.type24 .header.links li a:hover,
.page-header.type24 .header.links li a:active,
.page-header.type24 .header.links li a:focus,
.page-header.type24 .header.links li span:hover,
.page-header.type24 .header.links li span:active,
.page-header.type24 .header.links li span:focus,
.footer .footer-middle a:hover,
.footer .footer-middle a:active,
.footer .footer-middle a:focus,
.footer .footer-bottom a:hover,
.footer .footer-bottom a:active,
.footer .footer-bottom a:focus,
.contact-index-index .page-main .contact-info p a:hover,
header .header-right a:hover,
header .header-right a:active,
header .header-right a:focus,
.catalogsearch-result-index .column.main #layer-product-list dl.block .item a:visited:hover,
.catalogsearch-result-index .column.main #layer-product-list dl.block .item a:visited:active,
.catalogsearch-result-index .column.main #layer-product-list dl.block .item a:visited:focus,
.customer-account-login .form-login .field a.action.remind:hover,
.customer-account-login .form-login .field a.action.remind:active,
.customer-account-login .form-login .field a.action.remind:focus,
.authentication-wrapper button.action-auth-toggle:hover,
.authentication-wrapper button.action-auth-toggle:active,
.authentication-wrapper button.action-auth-toggle:focus,
.modal-custom.authentication-dropdown .actions-toolbar .secondary a:hover,
.modal-custom.authentication-dropdown .actions-toolbar .secondary a:active,
.modal-custom.authentication-dropdown .actions-toolbar .secondary a:focus,
.checkout-index-index .actions-toolbar .primary button.action-cancel:hover,
.checkout-index-index .actions-toolbar .primary button.action-cancel:active,
.checkout-index-index .actions-toolbar .primary button.action-cancel:focus,
.block-minicart .block-content .actions .secondary a:hover,
.block-minicart .block-content .actions .secondary a:active,
.block-minicart .block-content .actions .secondary a:focus,
.multishipping-checkout-overview .checkout-review .checkout-agreements-block label button:hover,
.multishipping-checkout-overview .checkout-review .checkout-agreements-block label button:active,
.multishipping-checkout-overview .checkout-review .checkout-agreements-block label button:focus {
    color: var(--secondary-color);
}
.multishipping-checkout-overview .block .box-title .action.edit {
    font-size: 14px;
    float: right;
    color: var(--main-color);
}
.multishipping-checkout-shipping .block .block-content .box-title .action.edit span,
.multishipping-checkout-overview .block .box-title .action.edit span {
    margin: 0px;
}
.multishipping-checkout-billing .block .block-content .box-title .action span {
    margin: 0px;
    color: var(--main-color);
}
.multishipping-checkout-shipping .block .block-content .box-content,
.multishipping-checkout-billing .block .block-content .box-content,
.multishipping-checkout_address-selectbilling .block .box-content,
.multishipping-checkout-overview .block .block-content .box-content {
    font-size: 16px;
}
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper,
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper tbody {
    display: block;
}
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper tr {
    display: grid;
    grid-template-columns: 1fr 77px;
}
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper tr td {
    display: grid;
    width: 100%;
}
.customer-account-createpassword .password.reset .field.choice input {
    height: 16px;
}
.customer-account-createpassword .password.reset .field.choice label {
    position: relative;
    top: 1px;
}
.customer-account-forgotpassword #captcha-container-user_forgotpassword button,
button.action.reload.captcha-reload {
    border: none;
    padding: 12px 24px;
    opacity: .8;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: -.015em;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--main-font);
    background-color: #f4f4f4;
    color: #222529;
}
.customer-account-forgotpassword #captcha-container-user_forgotpassword button:hover,
.customer-account-forgotpassword #captcha-container-user_forgotpassword button:active,
.customer-account-forgotpassword #captcha-container-user_forgotpassword button:focus,
button.action.reload.captcha-reload:hover,
button.action.reload.captcha-reload:active,
button.action.reload.captcha-reload:focus {
    color: #fff;
    background: var(--secondary-color);
}

/* Customer Pages Login area */
.account #maincontent .sidebar {
    padding-right: 35px;
}
.greet.welcome {
    margin-top: 1px;
}
.customer-welcome .action.switch::after {
    position: absolute;
    width: 240px;
    font-size: 16px !important;
    right: 0px;
    text-align: right;
    margin-right: 6px !important;
    bottom: 1px;
}
.customer-welcome {
    margin-right: 10px;
}
.customer-welcome .customer-menu .header.links {
    right: -4px;
}
.customer-welcome .customer-menu .header.links li:hover {
    background: 0px;
}
.customer-welcome .customer-menu .header.links li a {
    font-size: 14px !important;
}
.customer-welcome .customer-menu .header.links li a:not(:last-of-type) {
    padding-bottom: 0px;
}
.account #maincontent .page-title-wrapper h1.page-title,
.account #maincontent .account-section h1.account-section__title-label {
    font-size: 32px;
    font-weight: 300;
    color: var(--heading-color);
    margin-bottom: 15px;
}
.account #maincontent .actions-toolbar button {
    background-color: var(--main-color);
    border-color: var(--main-color);
    font-size: 14px;
    border-width: 3px;
    padding: 15px 30px !important;
    color: #fff;
    height: auto;
    line-height: 14px;
}
.account #maincontent .block .block-content li a {
    font-size: 16px;
    color: var(--body-color);
}
.account #maincontent .block .box-content {
    font-size: 16px;
}
.account-title strong {
    font-weight: 300;
}
.account #maincontent .toolbar .limiter-label {
    font-size: 14px;
    font-weight: 300;
    margin-right: 10px;
} 
.account .form-edit-account {
    display: flex;
    flex-direction: column;
}
.account .form-edit-account legend,
.account .form-address-edit legend,
.multishipping-checkout_address-editshipping .form-address-edit legend,
.multishipping-checkout_address-editaddress .form-address-edit legend,
.multishipping-checkout_address-newshipping .form-address-edit legend {
    display: none;
}
.account .form-edit-account .field.choice input {
    height: 16px;
    top: 1px;  
}
.account #maincontent .sidebar .block-reorder li input {
    height: 16px;
    top: -2px;  
}
.account .form-address-edit,
.multishipping-checkout_address-editshipping .form-address-edit,
.multishipping-checkout_address-editaddress .form-address-edit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
    gap: 60px;
    justify-items: center;
    align-content: center;
}
.account .form-address-edit fieldset,
.multishipping-checkout_address-editshipping .form-address-edit fieldset,
.multishipping-checkout_address-editaddress .form-address-edit fieldset {
    margin: 0px;
    width: 100%;
}
.account .form-address-edit fieldset:last-of-type,
.multishipping-checkout_address-editaddress .form-address-edit fieldset:last-of-type,
.multishipping-checkout_address-editshipping .form-address-edit fieldset:last-of-type {
    grid-row: span 2;
}
.account:not(.customer-address-form) .form-address-edit .actions-toolbar {
    height: max-content;
    align-self: end;
    margin-bottom: 2px;
}
.account .form-address-edit .actions-toolbar button {
    margin: 0px;
}
.account .form-address-edit .field.choice input {
    height: 16px;
    top: 0px;  
}
.account #maincontent .table-wrapper.reviews td a:not(.action.more) {
    color: var(--body-color);
    font-size: 16px;
}
.account .customer-review.view {
    margin-top: 20px;
    position: relative;
}
.account .customer-review.view .product-media {
    max-width: 250px;
    margin-right: 40px;
}
.account .customer-review.view h2.product-name {
    font-size: 16px;
    font-weight: bold;
    color: var(--heading-color);
    line-height: 1.3em;
}
.account .customer-review.view .review-details {
    position: absolute;
    top: 50px;
    left: 290px;
}
.account .customer-review.view .review-details .review-title {
    font-size: 16px;
    color: var(--body-color);
    margin-bottom: 3px;
}
.account .customer-review.view .review-details .review-date {
    color: var(--body-color);
    font-size: 14px;
}
.account .block-reviews-dashboard .block-content .item {
    margin-bottom: 0px;
}
.account .actions a.action,
.account .box-actions a.action,
.search-area.show-icon .block.block-search .action.search:hover,
.search-area.show-icon .block.block-search .action.search:active,
.search-area.show-icon .block.block-search .action.search:focus,
.catalogsearch-result-index .column.main #layer-product-list dl.block .item a:visited {
    color: var(--main-color);
}
.account .column.main .block:not(.widget) .block-title > .action {
    font-size: 14px;
}
.account .price-as-configured {
    margin-bottom: 0px;
}
.account .products-grid.wishlist .product-item .product-item-inner {
    margin-top: 0px;
    padding-left: 0px;
}
.account .wishlist .product-reviews-summary {
    display: none;
}
.account .wishlist .box-tocart {
    margin: 15px 0px 10px;
}
.account .wishlist .box-tocart .field input {
    padding: 0px;
    border-right-width: 1px;
    border-left-width: 1px;
    width: inherit !important;
    color: var(--body-color);
    height: 40.5px;
}
.account .wishlist .box-tocart button {
    background: var(--main-color);
    line-height: 40px !important;
}
.account .wishlist .box-tocart button:hover,
.account .wishlist .box-tocart button:active,
.account .wishlist .box-tocart button:focus {
    background: var(--secondary-color);
}
.account .wishlist .product-item-actions a.action {
    font-size: 14px;
    color: var(--body-color);
}
.account #maincontent .form-wishlist-items .actions-toolbar button {
    background-color: #f4f4f4;
    color: #222529;
    padding: 12px 24px !important;
    opacity: .8;
    font-size: 13px;
    letter-spacing: -.015em;
    line-height: 1.5;
    border: none;
}
.account .wishlist .product-item-info {
    text-align: left;
}
.wishlist-index-share legend {
    display: none;
}
.sales-order-view .order-status,
.page-print .order-status {
    margin: 3px 0px 0px 10px;
}
.account.sales-order-view .page-main .page-title-wrapper .order-date,
.page-print .page-main .page-title-wrapper .order-date {
    font-size: 16px;
    margin-top: -10px !important;
}
.account.sales-order-view .items.order-links {
    display: none;
}
.account.sales-order-view .order-details-items {
    padding-top: 9px;
}
.account.sales-order-view .order-details-items .product-item-name,
.page-print .order-details-items .product-item-name {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: 4px;
    max-width: 680px;
    white-space: unset;
}
.account.sales-order-view .order-details-items .price,
.page-print .order-details-items .price {
    font-size: 16px;
    color: var(--body-color);
}
.account.sales-order-view .order-details-items .items-qty,
.page-print .order-details-items .items-qty {
    text-align: center;
}
.account.sales-order-view .order-details-items .col.subtotal,
.page-print .order-details-items .col.subtotal {
    min-width: 162px;
}
.account.sales-order-view #maincontent .table-wrapper tfoot tr:not(:last-of-type) th,
.account.sales-order-view #maincontent .table-wrapper tfoot tr:not(:last-of-type) td,
.page-print #maincontent .table-wrapper tfoot tr:not(:last-of-type) th,
.page-print #maincontent .table-wrapper tfoot tr:not(:last-of-type) td {
    padding-bottom: 0px;
    color: var(--body-color);
}
.block-order-details-view .box .box-title {
    text-transform: uppercase;
}
.account #maincontent .block .reorder .product-item-name a {
    color: var(--heading-color);
    font-size: 14px;
}
.account #maincontent .block .reorder .actions-toolbar {
    margin: 0px;
}
.account #maincontent .block .reorder .actions-toolbar .secondary a {
    font-size: 14px;
    margin-top: 3px;
}
.account #my-orders-table,
.account #additional-addresses-table {
    margin-top: 0px;
}
.account .block .block-title strong {
    color: var(--heading-color);
    font-weight: 600;
}
.customer-address-index #maincontent .block .block-content .box-title {
    text-transform: uppercase;
    font-weight: 600;
}

/* Frontend product related */
/* Homepage */
.product-item-name a,
.product-item-name a:visited {
    font-size: 16px;
    letter-spacing: 0px;
    margin-right: 5px;
    color: var(--heading-color);
}
.product-item .rating-summary .rating-result {
    width: 90px;
    height: 17px;
}
.product-item .rating-summary .rating-result::before {
    font-size: 17px;
    line-height: 17px;
    height: 17px;
}
.product-item-info .product-item-details .price-box {
    margin-bottom: 2px;
    margin-top: 12px;
}
.products .price-box span,
.account .price-box .price,
.opc-sidebar.opc-summary-wrapper .opc-block-summary .grand.totals,
.multishipping-checkout-overview .box-content .table-wrapper .grand.totals,
.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount,
.multishipping-checkout-addresses #multiship-addresses-table thead th,
.search-area.show-icon .block.block-search .autocomplete-suggestions .product-line.product-name,
.catalogsearch-result-index .column.main #layer-product-list dl.block .title,
.multishipping-checkout-login .page-title-wrapper h1 span,
.multishipping-checkout_address-newshipping .page-title-wrapper h1 span,
.multishipping-checkout-shipping .block .block-content .box-content .table-wrapper .product-item-name a,
.multishipping-checkout-shipping .block .block-content .table-wrapper .product-item-name a,
.account #maincontent .block .block-content .box-title,
.account #maincontent .block .block-content th,
.account #maincontent .table-wrapper th,
.account .form-edit-account label,
.account .form-address-edit label,
form fieldset label,
.account.sales-order-view #maincontent .table-wrapper .grand_total .amount .price,
.page-print #maincontent .table-wrapper .grand_total .amount .price  {
    color: var(--heading-color);
}
.tax-details {
    font-size: 14px;
}

/* Product */
.catalog-product-view .breadcrumbs {
margin-bottom: 40px;
}
.catalog-product-view .product-info-main h1.page-title {
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0px;
}
.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions::before {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 2px;
}
.catalog-product-view .product-info-main .product-reviews-summary .reviews-actions a {
    font-size: 16px;
    line-height: 16px;
}
.catalog-product-view .product-info-main .product-info-price span {
    font-size: 25px;
}
.catalog-product-view .product-info-main .product-info-price .tax-details {
    font-size: 16px;
    font-weight: 400;
}
.catalog-product-view .product-info-main .product-info-stock-sku {
    font-size: 16px;
    text-transform: none;
}
.catalog-product-view .product-info-main .product-info-stock-sku .stock,
.catalog-product-view .product-info-main .product-info-stock-sku .value {
    font-weight: 400;
    color: var(--body-color);
    text-transform: none;
}
.catalog-product-view .product-info-main .product-add-form .actions button {
    font-size: 17px;
    line-height: 1.3333;
    letter-spacing: .01em;
    background-color: var(--main-color);
    border: 3px solid var(--main-color);
}
.catalog-product-view .product-info-main .product-social-links .share-links a::before {
    height: 24px;
}
.catalog-product-view .product-info-main .prev-next-products .product-pop {
    border-top-color: var(--secondary-color);
}
.catalog-product-view .product-info-main .prev-next-products .product-pop::before {
    border-bottom-color: var(--secondary-color);
}
.catalog-product-view .product-info-main .prev-next-products .product-pop h3.product-name {
    color: var(--body-color);
    font-weight: 400;
}
.catalog-product-view .product.info.detailed {
    margin-top: 40px;
}
.catalog-product-view .product.info.detailed .product .item.title {
    border-color: var(--main-color);
    padding-top: 3px;
    padding-bottom: 11px;
}
.catalog-product-view .product.info.detailed .product .item.title a {
    font-size: 25px;
    text-transform: none;
    font-weight: 300;
}
.catalog-product-view .product.info.detailed .product .block-title strong {
    font-size: 16px;
}
.catalog-product-view .product.info.detailed .toolbar {
    margin-bottom: 40px;
}
.catalog-product-view .product.info.detailed .review-title {
    margin-bottom: 5px;
    color: var(--body-color);
}
.catalog-product-view .product.info.detailed .review-add .block-title {
    display: block;
    color: var(--heading-color);
    text-transform: uppercase;
}
.catalog-product-view .product.info.detailed .review-add .review-legend {
    font-size: 16px;
    text-transform: none;
    color: var(--heading-color);
}
.catalog-product-view .product.info.detailed .review-add .review-legend strong {
    font-weight: 400;
    color: var(--body-color);
}
.catalog-product-view .product.info.detailed .review-add .fieldset.additional_info {
    margin: 0px;
}
.catalog-product-view .product.info.detailed .review-add .actions-toolbar button:hover,
.catalog-product-view .product.info.detailed .review-add .actions-toolbar button:active,
.catalog-product-view .product.info.detailed .review-add .actions-toolbar button:focus {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
}

/* Shop Page */
.page-products #layer-product-list {
    padding-left: 20px;
}
.page-products .products .product-item-inner button::before {
    position: relative;
    bottom: 1px;
}
.products .action.towishlist:hover,
.products .action.towishlist:active,
.products .action.towishlist:focus {
    color: red;
}
.page-products .toolbar .limiter,
.page-products .toolbar .sorter-label {
    font-size: 14px;
    font-weight: 300;
}
.limiter .limiter-options {
    min-width: 60px;
}
.page-products #maincontent .sidebar .sidebar-content {
    background-color: #0074990a;
}
.page-products .sidebar-content .block-title,
.page-products .sidebar-content .filter-options-title,
.page-products .sidebar-content .block-subtitle {
    font-size: 16px;
    color: var(--heading-color);
    text-transform: none;
}
.page-products .sidebar-content .block-content a,
.page-products .sidebar-content #ln_slider_text_price,
.page-products .sidebar-content .filter-current .item {
    font-size: 14px;
    padding: 0px;
}
.page-products .sidebar-content .block-content a:hover,
.page-products .sidebar-content .block-content a:active,
.page-products .sidebar-content .block-content a:focus,
.modal-popup .modal-footer button.secondary:hover,
.modal-popup .modal-footer button.secondary:active,
.modal-popup .modal-footer button.secondary:focus,
.owl-carousel.nav-style-4 .owl-nav [class*="owl-"]:hover,
header .nav-sections .submenu .ui-menu-item a:hover,
header .nav-sections .submenu .ui-menu-item a:active,
header .nav-sections .submenu .ui-menu-item a:focus,
.customer-welcome .customer-menu .header.links li a:hover,
.customer-welcome .customer-menu .header.links li a:active,
.customer-welcome .customer-menu .header.links li a:focus,
.account #maincontent .table-wrapper.reviews td a:hover,
.account #maincontent .table-wrapper.reviews td a:active,
.account #maincontent .table-wrapper.reviews td a:focus {
    color: var(--secondary-color) !important;
}
.page-products .sidebar-content .filter-current {
    padding: 16px 16px 0px;
}
.page-products .sidebar-content .filter-current .item {
    font-size: 14px;
}
.page-products .sidebar-content .block-actions.filter-actions {
    padding: 5px 16px 16px 31px;
    color: var(--heading-color);
}
.page-products .sidebar-content .filter-options-content input {
    height: 16px;
}
.page-products .sidebar-content .filter-options-content .item a {
    line-height: 16px;
    top: 1px;
    position: relative;
}
.page-products .products-list .product-item-details .product-item-name a {
    font-weight: 400;
    font-size: 16px;
}
.page-products .products-list .product-item-details .product-item-actions {
    margin-top: 15px;
}
.page-products .products-list .product-item-details .product-item-actions button {
    background-color: var(--main-color);
    color: #fff;
    border-color: var(--main-color);
}

/* Checkout pages */
/* Checkout normal*/
.checkout-index-index #checkout {
    margin-top: 32px;
}
.checkout-index-index .actions-toolbar .primary button.action-cancel {
    font-family: var(--main-font);
    font-size: 16px;
    margin: 0px 0px 0px 16px;
}
#checkout .opc-progress-bar {
    margin-bottom: 32px;
}
.opc-progress-bar .opc-progress-bar-item._active::before,
.opc-progress-bar .opc-progress-bar-item._active > span::before,
.opc-wrapper .shipping-address-item.selected-item::after {
    background: var(--main-color);
}
.opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--main-color);
}
#checkout .opc-progress-bar .opc-progress-bar-item._complete > span {
    color: var(--body-color) !important;
}
.opc-wrapper .shipping-address-items {
    display: flex;
    flex-wrap: wrap;
}
.opc-wrapper .shipping-address-items .shipping-address-item {
    line-height: 23px;
}
.opc-wrapper .shipping-address-items .shipping-address-item button,
.opc-wrapper .checkout-shipping-address .new-address-popup button,
.opc-wrapper .form-discount button,
.modal-popup .modal-footer button.action-secondary,
.checkout-index-index .actions-toolbar .primary button.action-update {
    background-color: #f4f4f4;
    color: #222529;
    border: none;
    padding: 12px 24px;
    opacity: .8;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    font-family: var(--main-font);
    float: none;
}
.opc-wrapper .shipping-address-items .shipping-address-item button:hover,
.opc-wrapper .shipping-address-items .shipping-address-item button:active,
.opc-wrapper .shipping-address-items .shipping-address-item button:focus,
.opc-wrapper .checkout-shipping-address .new-address-popup button:hover,
.opc-wrapper .checkout-shipping-address .new-address-popup button:active,
.opc-wrapper .checkout-shipping-address .new-address-popup button:focus,
.opc-wrapper .form-discount button:hover,
.opc-wrapper .form-discount button:active,
.opc-wrapper .form-discount button:focus,
.modal-popup .modal-footer button.action-secondary:hover,
.modal-popup .modal-footer button.action-secondary:active,
.modal-popup .modal-footer button.action-secondary:focus,
.account #maincontent .form-wishlist-items .actions-toolbar button:hover,
.account #maincontent .form-wishlist-items .actions-toolbar button:active,
.account #maincontent .form-wishlist-items .actions-toolbar button:focus,
.checkout-index-index .actions-toolbar .primary button.action-update:hover,
.checkout-index-index .actions-toolbar .primary button.action-update:active,
.checkout-index-index .actions-toolbar .primary button.action-update:focus {
    background-color: var(--secondary-color);
    color: #fff;    
}
.opc-wrapper .form-discount button span:hover,
.opc-wrapper .form-discount button span:active,
.opc-wrapper .form-discount button span:focus {
    color: #fff;    
}
.opc-wrapper .checkout-payment-method .payment-method-title label {
    font-weight: bold;
    color: var(--body-color);
}
.opc-wrapper .checkout-payment-method .checkout-agreements-block label button {
    font-family: var(--main-font);
    font-weight: 500;
}
.opc-wrapper .checkout-payment-method .payment-method-content input {
    height: 16px;
}
.opc-wrapper .checkout-payment-method .checkout-agreements-block input {
    margin-right: 7px;
}
.opc-wrapper .checkout-payment-method .payment-method-content label {
    position: relative;
    top: 1px;
}
.checkout-index-index .checkout-agreements-block .mage-error:not(.required-entry) {
    margin-left: 15px;
}
.opc-wrapper .checkout-payment-method .payment-method-content .billing-address-details {
    line-height: 23px;
}
.opc-wrapper #checkoutSteps form {
    max-width: unset;
}
.opc-wrapper #checkoutSteps label,
.opc-wrapper #checkoutSteps legend {
    color: var(--heading-color);
    font-weight: 500;
    padding: 0px;
}
.opc-sidebar.opc-summary-wrapper {
    margin-top: 32px;
}
.opc-sidebar.opc-summary-wrapper .title strong {
    font-size: 16px;
    color: var(--body-color);
    font-weight: bold;
}
.opc-sidebar.opc-summary-wrapper .title:after {
    font-size: 16px;
    margin-top: 5px;
}
.opc-sidebar.opc-summary-wrapper .product-item-details {
    padding: 0px;
    max-width: calc(100% - 50px);
}
.opc-sidebar.opc-summary-wrapper .product-item-inner {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: 1fr 50px;
    overflow: hidden;
}
.opc-sidebar.opc-summary-wrapper .product-item-inner .product-item-name-block {
    padding: 0px;
    display: grid;
}
.opc-sidebar.opc-summary-wrapper .product-item-name,
.opc-sidebar.opc-summary-wrapper .details-qty {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
}
.opc-sidebar.opc-summary-wrapper .details-qty .label {
    margin-right: 5px;
}
.opc-sidebar.opc-summary-wrapper .price-including-tax .price {
    color: var(--body-color);
    font-size: 14px;
}
.opc-sidebar.opc-summary-wrapper .opc-block-summary .totals:not(.grand) .price,
.opc-sidebar.opc-summary-wrapper .opc-block-summary .totals-tax .price {
    color: var(--body-color);
}
.opc-sidebar.opc-summary-wrapper .opc-block-shipping-information .shipping-information-title {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--heading-color);
    display: block;
}
.opc-sidebar.opc-summary-wrapper .opc-block-shipping-information .ship-to {
    margin-bottom: 30px;
}
.checkout-onepage-success .checkout-success {
    padding: 0px;
}
.checkout-onepage-success .checkout-success .actions-toolbar {
    padding-top: 10px;
}
.checkout-onepage-success #registration {
    margin-top: 25px;
}
.checkout-onepage-success #registration a.primary {
    margin-top: 10px;
}

#recaptcha-checkout-place-order-0-wrapper,
#recaptcha-checkout-coupon-apply-wrapper {
    visibility: hidden;
}

/* Modal popup */
.modal-popup .modal-header {
    padding-top: 1rem !important;
}
.modal-popup .modal-header h1 {
    font-size: 25px;
    border-color: var(--secondary-color);
}
.modal-popup .modal-header .action-close {
    top: 40px;
    color: var(--body-color);
}
.modal-popup .modal-content form {
    max-width: unset;
}
.modal-popup .modal-content form .label {
    color: var(--heading-color);
    font-weight: 500 !important;
    padding: 0px;
}
.modal-popup .modal-content form .choice input {
    height: 16px;
}
.modal-popup .modal-content form .choice label {
    position: relative;
    top: 1px;
    color: var(--body-color);
}
.modal-popup .modal-footer button.primary {
    border-color: var(--main-color);
    font-size: 17px;
    line-height: 1.3333;
    background-color: var(--main-color);
    border-width: 3px;
    padding: 17px 51px;
    height: auto;
}
.modal-popup .modal-footer button.action-primary {
    border-color: var(--main-color);
    font-size: 13px;
    background-color: var(--main-color);
    border-width: 3px;
    padding: 12px 24px;
    color: #fff;
    font-weight: 700;
}
.modal-popup .modal-footer button.secondary {
    margin: 0px !important;
    font-size: 16px;
    color: var(--body-color) !important;
    padding: 21px 0px !important;
}

/* Checkout multishipping*/
.checkout-cart-index h1.page-title span,
.multishipping-checkout-addresses h1.page-title span,
.multishipping-checkout-billing h1.page-title span,
.multishipping-checkout_address-editshipping h1.page-title span,
.multishipping-checkout_address-editaddress h1.page-title span,
.multishipping-checkout_address-selectbilling h1.page-title span,
.multishipping-checkout-overview h1.page-title span,
.customer-account-logoutsuccess h1.page-title span,
.multishipping-checkout-overview h1.page-title span {
    font-size: 32px !important;
    font-weight: 300 !important;
    color: var(--heading-color) !important;
}
.cart.table-wrapper .cart thead tr th.col,
.cart-summary > .title {
    font-size: 16px;
}
.cart.table-wrapper .product-item-name > a {
    font-size: 16px;
    font-weight: 400;
}
.cart.table-wrapper .col.price .price,
.cart.table-wrapper .col.subtotal .price,
.cart.table-wrapper .col.msrp .price,
.cart-totals tbody .grand.totals .mark,
.cart-totals tfoot .grand.totals .mark {
    font-size: 16px;
}
.qty.field .input-text.qty, .col.qty .input-text.qty {
    font-weight: 400;
}
.cart-summary .block .title strong {
    font-size: 16px;
    color: #777;
}
.cart-totals {
    font-size: 16px;
    padding-top: 10px;
}
.cart-totals tbody .grand.totals .amount,
.cart-totals tfoot .grand.totals .amount {
    font-size: 18px;
}
.cart-summary .checkout-methods-items .action.primary.checkout,
.multishipping-checkout-addresses .multicheckout .actions-toolbar .primary button,
.checkout-cart-index .return-to-shop .btn-go-shop,
.checkout-index-index .checkout-container .opc-wrapper .actions-toolbar button.primary,
.customer-account-createpassword .password.reset button,
.catalog-product_compare-index .actions-primary form button,
.catalog-product-view .product.info.detailed .review-add .actions-toolbar button {
    border: 3px solid var(--main-color);
    font-size: 17px;
    line-height: 1.3333;
    letter-spacing: .01em;
    background-color: var(--main-color);
    padding: 17px 51px;
    height: auto;
}
.checkout-index-index .checkout-container .opc-wrapper #checkout-payment-method-load .actions-toolbar button.primary {
    padding: 17px 51px !important;
}
.catalog-product_compare-index .actions-primary form button {
    padding: 10px 20px;
}
.catalog-product_compare-index .actions-primary form button:hover,
.catalog-product_compare-index .actions-primary form button:active,
.catalog-product_compare-index .actions-primary form button:focus {
    border-width: 3px;
}
.cart-summary .checkout-methods-items .action.primary.checkout:hover,
.cart-summary .checkout-methods-items .action.primary.checkout:active,
.cart-summary .checkout-methods-items .action.primary.checkout:focus,
.multishipping-checkout-addresses .multicheckout .actions-toolbar .primary button:hover,
.multishipping-checkout-addresses .multicheckout .actions-toolbar .primary button:active,
.multishipping-checkout-addresses .multicheckout .actions-toolbar .primary button:focus,
.checkout-cart-index .return-to-shop .btn-go-shop:hover,
.checkout-cart-index .return-to-shop .btn-go-shop:active,
.checkout-cart-index .return-to-shop .btn-go-shop:focus,
.checkout-index-index .checkout-container .opc-wrapper .actions-toolbar button.primary:hover,
.checkout-index-index .checkout-container .opc-wrapper .actions-toolbar button.primary:active,
.checkout-index-index .checkout-container .opc-wrapper .actions-toolbar button.primary:focus,
.customer-account-createpassword .password.reset button:hover,
.customer-account-createpassword .password.reset button:active,
.customer-account-createpassword .password.reset button:focus,
.catalog-product_compare-index .actions-primary form button:hover,
.catalog-product_compare-index .actions-primary form button:active,
.catalog-product_compare-index .actions-primary form button:focus,
.account #maincontent .actions-toolbar button:hover,
.account #maincontent .actions-toolbar button:active,
.account #maincontent .actions-toolbar button:focus,
.catalog-product-view .product-info-main .product-add-form .actions button:hover,
.catalog-product-view .product-info-main .product-add-form .actions button:active,
.catalog-product-view .product-info-main .product-add-form .actions button:focus,
.modal-popup .modal-footer button.primary:hover,
.modal-popup .modal-footer button.primary:active,
.modal-popup .modal-footer button.primary:focus,
.modal-popup .modal-footer button.action-primary:hover,
.modal-popup .modal-footer button.action-primary:active,
.modal-popup .modal-footer button.action-primary:focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.cart.actions button.action:hover,
.cart.actions button.action:active,
.cart.actions button.action:focus {
    background-color: var(--secondary-color);
}
.multishipping-checkout-addresses #multiship-addresses-table .product-item-name a {
    color: var(--body-color);
    font-size: 16px;
    margin: 0px;
    letter-spacing: 0px;
}
.multishipping-checkout-overview .table-wrapper .product-item-name a {
    color: var(--heading-color);
    font-size: 16px;
    margin: 0px;
    letter-spacing: 0px;
}
.multishipping-checkout-addresses .multicheckout .table-wrapper .col .qty {
    position: relative;
}
.multishipping-checkout-addresses #multiship-addresses-table .address select {
    line-height: 30px;
    padding-right: 30px;
    text-overflow: ellipsis;
}
.multishipping-checkout-addresses #multiship-addresses-table .col.product {
    max-width: 860px;
}
.multishipping-checkout-addresses #multiship-addresses-table .col.actions {
    min-width: 150px;
}
.multishipping-checkout-addresses .multicheckout .actions-toolbar .secondary button {
    border: none;
    padding: 12px 24px;
    opacity: .8;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: -.015em;
    font-weight: 700;
    line-height: 1.5;
    font-family: inherit;
    background-color: #f4f4f4;
    color: var(--heading-color);
}
.multishipping-checkout-addresses .multicheckout .actions-toolbar .secondary .back,
.multishipping-checkout_address-selectbilling .multicheckout .actions-toolbar .secondary .back,
.multishipping-checkout-billing .multicheckout .actions-toolbar .secondary .back {
    line-height: 44px;
}
.multishipping-checkout-shipping .multicheckout .actions-toolbar .secondary .back,
.multishipping-checkout-overview .multicheckout .actions-toolbar .secondary .back {
    line-height: 44px;
    color: var(--body-color);
}
.multishipping-checkout-overview .table-wrapper .price-including-tax span {
    font-size: 16px;
    font-weight: 400;
}
.multishipping-checkout-overview .table-wrapper .totals:not(.grand) th,
.multishipping-checkout-overview .table-wrapper .totals:not(.grand) td,
.multishipping-checkout-overview .table-wrapper .totals-tax th,
.multishipping-checkout-overview .table-wrapper .totals-tax td {
    padding-bottom: 0px;
}
.multishipping-checkout-overview .checkout-review .checkout-agreements-block label button {
    margin-top: 8px;
    color: var(--heading-color);
    font-weight: 500;
    font-family: var(--main-font);
    margin-left: 3px;
}
.multishipping-checkout-overview .checkout-review .checkout-agreements-block .mage-error:not(.required-entry) {
    margin: 7px 0px 0px 15px;
}
.multishipping-checkout-overview .checkout-review .grand.totals {
    color: var(--heading-color);
    font-size: 25px;
}
.multishipping-checkout_address-selectbilling .multicheckout .block-billing .box-billing-address:not(:first-of-type) {
    margin-left: 30px;
}
.multishipping-checkout_address-selectbilling .multicheckout .block-billing .box-billing-address .box-content {
    border-top: 1px solid #ddd;
}
.multishipping-checkout_address-editaddress .form-address-edit .field.choice input {
    height: 16px;
}
.multishipping-checkout_address-editaddress .form-address-edit .field.choice label {
    position: relative;
    top: 1px;
}
.multishipping-checkout-overview .multicheckout .box .box-content {
    border-radius: 0px;
}
.multishipping-checkout-results .multicheckout h3.subtitle,
.multishipping-checkout-results .multicheckout h3.subtitle a,
.multishipping-checkout-success .multicheckout h3 {
    font-weight: 300;
    font-size: 25px;
    color: var(--heading-color);
    margin: 30px 0px 10px;
}

/* Product compare */
.catalog-product_compare-index .table-comparison {
    margin-top: 32px;
}
.catalog-product_compare-index .table-comparison .cell {
    width: 310px;
}
.catalog-product_compare-index .table-comparison .product .product-item-name {
    margin-bottom: 0px;
}
.catalog-product_compare-index .table-comparison .product .price-box {
    margin-bottom: 0px;
    margin-top: 10px;
}
.catalog-product_compare-index .table-comparison .product .price-box {
    margin-bottom: 0px;
    margin-top: 10px;
}
.catalog-product_compare-index .table-comparison .product .secondary-addto-links a:hover,
.catalog-product_compare-index .table-comparison .product .secondary-addto-links a:active,
.catalog-product_compare-index .table-comparison .product .secondary-addto-links a:focus {
    color: red;
}
.catalog-product_compare-index .table-comparison .cell.label span {
    margin: 0px;
    position: relative;
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--body-color);
}
.catalog-product_compare-index #maincontent .action.print,
.catalog-product_compare-index #maincontent .sidebar.sidebar-main {
    display: none;
}
.catalog-product_compare-index #maincontent .column.main {
    width: 100% !important;
}

/* Minicart */
.minicart-wrapper .block-minicart {
    width: 350px;
}
.block-minicart .block-content .actions button {
    background-color: var(--main-color);
    background-color: var(--main-color) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.block-minicart .block-content .actions button:hover,
.block-minicart .block-content .actions button:active,
.block-minicart .block-content .actions button:focus {
    background-color: var(--secondary-color) !important;
}
.block-minicart .subtitle.empty {
    font-size: 14px;
    padding-bottom: 12px;
} 

/* Search */
.search-area .search-toggle-icon.open::after {
    border-bottom-color: var(--secondary-color);
}
.search-area.show-icon .block.block-search {
    border-radius: 0px;
    border: 1px solid var(--secondary-color) !important;
    background-color: #fff;
}
.search-area.show-icon .block.block-search .search-autocomplete,
.search-area.show-icon .block.block-search .autocomplete-suggestions {
    top: 50px;
    border: 1px solid #eee;
}
.search-area.show-icon .block.block-search .autocomplete-suggestion.autocomplete-selected {
    background: #0074990a !important;
}
.search-area.show-icon .block.block-search .autocomplete-suggestions .product-line {
    font-size: 14px;
    color: var(--body-color);
    line-height: 1.3em;
}
.search-area.show-icon .block.block-search .search-autocomplete ul {
    border: none;
}
.search-area.show-icon .block.block-search .search-autocomplete ul li,
.search-area.show-icon .block.block-search .search-autocomplete ul li.selected {
    background: #fff;
    color: var(--body-color);
    font-size: 14px;
    padding: 10px 20px;
}
.catalogsearch-result-index .sidebar {
    display: none;
}
.catalogsearch-result-index .column.main {
    width: 100% !important;
}
.catalogsearch-result-index .column.main .page-title-wrapper {
    margin-bottom: 17px;
}
.catalogsearch-result-index .column.main #layer-product-list {
    padding-left: 0px;
}
.catalogsearch-result-index .column.main #layer-product-list dl.block {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0px 20px;
    gap: 0px 20px;
}
.catalogsearch-result-index .column.main #layer-product-list dl.block:not(:last-of-type) {
    margin-bottom: 0px;
}

/* Modal login */
.authentication-wrapper button.action-auth-toggle {
    font-family: var(--main-font);
    font-weight: bold;
}
.modal-custom.authentication-dropdown .block-title strong {
    font-size: 25px;
    color: var(--heading-color);
}
.modal-custom.authentication-dropdown form .fieldset {
    margin-bottom: 0px;
}
.modal-custom.authentication-dropdown .fieldset .label,
.modal-custom.authentication-dropdown .actions-toolbar .secondary a {
    color: var(--heading-color);
    line-height: 24px;
    font-weight: 500;
    margin: 0px;
}
.modal-custom.authentication-dropdown .actions-toolbar .secondary a {
    position: relative;
    top: 5px;
}
#recaptcha-checkout-login-wrapper {
    visibility: hidden;
    height: 20px;
}
.modal-custom.authentication-dropdown .actions-toolbar .primary button {
    border: 3px solid var(--main-color);
    font-size: 17px;
    line-height: 1.3333;
    letter-spacing: .01em;
    background-color: var(--main-color);
    padding: 17px 51px;
    height: auto;
    color: white;
    font-weight: 700;
    font-family: var(--main-font);
}
.authentication-dropdown .messages .message.message-error.error > div::before {
    top: 50%;
}

/* Shop Sidebar */
.page-with-filter .sidebar.sidebar-main .pin-wrapper {
    height: auto !important;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional .block-reorder {
    padding: 1rem;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional #cart-sidebar-reorder li.product-item {
    display: flex;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional #cart-sidebar-reorder .product-item .control input {
    top: -3px;
    margin: 0px 5px 0px 0px;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional #cart-sidebar-reorder li.product-item .product-item-link {
    white-space: wrap;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar .primary button {
    border-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    border-width: 3px;
    line-height: 27px;
    margin: 0px 0px 5px;
}
.page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar .primary button:hover,
.page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar .primary button:active,
.page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar .primary button:focus {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Breadcrumbs */
.page-wrapper > .breadcrumbs .items > li.Home a {
    position: relative;
    width: 14px;
    text-indent: -9999px;
}
.page-wrapper > .breadcrumbs .items > li.Home a::after {
    font-family: porto-icons;
    content: "\e883";
    float: left;
    text-indent: 0;
}

/* Media queries */
/* Customer area */
@media only screen and (min-width: 1161px) and (max-width: 1500px) {
    .account.wishlist-index-index .products-grid .product-items .product-item {
        width: 32%;
        margin-bottom: 20px;
    }
    .account.wishlist-index-index .products-grid .product-items .product-item:nth-of-type(4n) {
        margin-left: 0px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1160px) {
    .account.wishlist-index-index .products-grid .product-items .product-item {
        width: 49%;
        margin-bottom: 20px;
    }
    .account.wishlist-index-index .products-grid .product-items .product-item:nth-of-type(3) {
        margin-left: 0px;
    }
}

/* New homepage design */
.home_hero_sec {
  height: calc(100vh - 197px);
}
.home_hero_sec .col-md-4:not(.hero_sec_mcol) img {
  height: 100%;
  object-fit: cover;
}
.home_hero_sec .hero_sec_mcol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px !important;
  text-align: center;
  background-color: #fafafa;
}
.home_hero_sec .hero_sec_mcol h1 {
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 28px;
}
.hp_inner_container {
  padding-top: 100px;
}
.layout-fullwidth .container {
  padding-left: 3.125vw;
  padding-right: 3.125vw;
  max-width: 100%;
}
#bestseller-products .filterproducts .owl-nav,
#new-products .filterproducts .owl-nav {
  display: block;
}
.catalog-product-view img.zoomImg {
  display: none !important;
}
.catalog-product-view img.fotorama__img {
  cursor: pointer;
}
.s_cp-about {
  padding:45px 0 45px 20px;
}
select {
  padding-right: 30px !important;
}
#recaptcha-checkout-place-order-1-wrapper,
#recaptcha-checkout-inline-login-wrapper {
  visibility: hidden;
  height: 0px;
}
.checkout-agreements-block .checkout-agreement.field {
  display: grid;
  grid-template-columns: 25px 1fr;
  justify-items: start;
}
.checkout-agreements-block .checkout-agreement.field div.mage-error {
  margin: 0px;
  grid-column: 2;
}
.search-category select {
  max-width: 125px !important;
}
.page-products .sidebar-content .block-title, .page-products .sidebar-content .filter-options-title, .page-products .sidebar-content .block-subtitle {
  padding-right: 20px;
}

/* Popup page */
.popup-history .history .featured-box .box-content h4 {
  float: none;
  margin-left: 55px;
}
.popup-history .history .thumb img {
  padding: 14px;
  object-fit: contain;
  border-radius: 0px;
}
.cart.actions button.action:active,
.cart.actions button.action:focus {
  color: #fff !important;
}

/* Product Switch */
@media only screen and (min-width: 1025px) {
  .prev-next-products a {
    font-size: 34px;
    width: 60px;
    height: 60px;
    line-height: 54px;
    border-radius: 50%;
  }
  .prev-next-products .product-nav .product-pop {
    width: 170px;
    top: 66px;
  }
  .prev-next-products .product-nav .product-pop .product-image {
    margin: 0px auto;
    width: 100px;
  }
  #maincontent .prev-next-products .product-nav .product-pop .product-name {
    font-size: 14px;
    margin-top: 0px;
  }
  .prev-next-products .product-nav.product-prev .product-pop::before {
    right: 93px;
  }
  .prev-next-products .product-nav:last-child .product-pop::before {
    right: 14px;
  }
}

/* RESPONSIVENESS */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .home_hero_sec {
    height: auto;
  }
  .home_hero_sec .col-md-4 a img {
    object-position: unset !important;
    max-height: 300px;
    width: 100%;
  }
  .home_hero_sec .hero_sec_mcol {
    order: -1;
    min-width: 100%;
  }
  .home_hero_sec .col-md-4:not(.hero_sec_mcol) {
    width: 50%;
    min-width: 50%;
  }
  .home_hero_sec .hero_sec_mcol img {
    max-width: 160px;
  }
  .page-products .sidebar-content .block-title, .page-products .sidebar-content .filter-options-title, .page-products .sidebar-content .block-subtitle {
    word-wrap: anywhere;
  }
  .page-with-filter .sidebar.sidebar-main .sidebar-additional .actions-toolbar .primary button {
    height: auto;
  }
  .about_page:not(.popup-store_page) h2 {
    margin: 0px !important;
    display: block;
  }
  .contact-index-index .fieldset > .legend::before,
  .contact-index-index .fieldset > .legend::after,
  .contact-index-index .contact-info .contacts-title::before,
  .contact-index-index .contact-info .contacts-title::after {
    display: none;
  }
  .about_page h2::before,
  .about_page h2::after {
    display: none;
  }
  .s_text-center {
    text-align: center;
  }
  .about_img-row .row .col {
    width: 50%;
    flex-basis: 50%;
  }
  .about_img-row .row .col {
    margin-top: 20px;
  }
  .account .table-wrapper {
    overflow: scroll;
  }
  .account .table-wrapper th,
  .account .table-wrapper td:not(.date) {
    min-width: 130px;
  }
  .account .table-wrapper.orders-recent .shipping {
    min-width: 140px;
  }
  .products-grid.wishlist .product-item .fieldset .field.qty {
    top: 0px !important;
  }
  .account #maincontent .sidebar.sidebar-additional {
    padding-right: 0px;
  }
  .account .sidebar.sidebar-additional .block.block-reorder {
    padding: 0px;
  }
  .account .column.main .block.block-order-details-view .block-content:not(.widget) .box, [class^="sales-guest-"] .column.main .block.block-order-details-view .block-content:not(.widget) .box, .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) .box {
    width: 50% !important;
  }
  .account .column.main .block.block-order-details-view .block-content:not(.widget), [class^="sales-guest-"] .column.main .block.block-order-details-view .block-content:not(.widget), .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) {
    display: flex;
    flex-wrap: wrap;
  }
  .checkout-cart-index .page-main-inner .cart-container {
    display: flex;
    flex-direction: column;
  }
  .checkout-cart-index .page-main-inner .cart-container .cart-summary {
    float: none;
    width: 100%;
    order: -1;
  }
  .checkout-cart-index .page-main-inner .cart-container form {
    width: 100%;
    float: none;
    padding-top: 50px;
  }
  .checkout-index-index .shipping-address-items .shipping-address-item {
    padding: 15px !important;
  }
  .customer-account-create #maincontent .page-main-inner .form-create-account, .multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit {
    align-content: start;
    margin-top: 50px;
  }
  .customer-account-login #maincontent .page-main-inner .login-container .block-customer-login, .multishipping-checkout-login #maincontent .page-main-inner .login-container .block-customer-login, .customer-account-forgotpassword #maincontent .page-main-inner .form.password.forget {
    justify-content: start;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .account .table-wrapper {
    overflow: scroll;
  }
  .account .table-wrapper th,
  .account .table-wrapper td:not(.date) {
    min-width: 130px;
  }
  .account .table-wrapper.orders-recent .shipping {
    min-width: 140px;
  } 
  .contact-index-index .contact-info,
  .contact-index-index .page-main-inner .column.main .row .col-md-8 {
    min-width: 100%;
  }
  .contact-index-index #contact-form .fieldset.row .fields.col-md-6 {
    min-width: 100%;
  }
 .about_page.popup-store_page h2 {
    margin: 0px auto !important;
  }
}
@media only screen and (max-width: 991px) {
  .fancybox-wrap .fancybox-skin .fancybox-newsletter-close {
    color: #000 !important;
    top: 10px;
    right: 10px;
  }
  .checkout-index-index .opc-summary-wrapper .opc-block-shipping-information {
    padding: 24px;
  }
  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main {
    width: 100% !important;
  }
  header .nav-sections .submenu .container .row > .subchildmenu {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  header .nav-sections .submenu {
    padding: 0px !important;
  }
  .home_hero_sec {
    height: auto;
  }
  .home_hero_sec .col-md-4 a img {
    object-position: unset !important;
    max-height: 135px;
    width: 100%;
  }
  .home_hero_sec .hero_sec_mcol {
    order: -1;
    padding: 20px !important;
    min-width: 100%;
  }
  .home_hero_sec .col-md-4:not(.hero_sec_mcol) {
    width: 50%;
    min-width: 50%;
  }
  .home_hero_sec .hero_sec_mcol img {
    max-width: 160px;
  }
  .hp_inner_container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
  }
  .layout-fullwidth .container, .layout-fullwidth .block.category.event, .layout-fullwidth .footer.content, .layout-fullwidth .header.content, .layout-fullwidth .navigation, .layout-fullwidth .page-main, .layout-fullwidth .page-wrapper > .breadcrumbs > ul, .layout-fullwidth .page-wrapper > .page-bottom, .layout-fullwidth .page-wrapper > .widget, .layout-fullwidth .top-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .page-products #layer-product-list {
    padding-left: 0px;
  }
  .toolbar select {
    font-size: 1em !important;
  }
  body h1,
  .multishipping-checkout-shipping .page-title-wrapper h1 span, .multishipping-checkout-success .page-title-wrapper h1 span, .multishipping-checkout-results .page-title-wrapper h1 span, .customer-account-createpassword .page-title-wrapper h1 span, .catalog-product_compare-index .page-title-wrapper h1 span, .page-title-wrapper h1 span {
    font-size: 28px !important;
  }
  .catalog-product-view .product-add-form .box-tocart .fieldset {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    gap: 10px;
  }
  .catalog-product-view .product-add-form .box-tocart .fieldset .field.qty {
    top: 0px !important;
  }
  .catalog-product-view .product-add-form .box-tocart .actions {
    order: 3;
  }
  .catalog-product-view .product.info.detailed .product .item.title:not(:first-of-type) {
    margin-top: 20px;
  }
  .navigation .ui-menu-item .subchildmenu .ui-menu-item.level2 {
    padding-left: 30px !important;
  }
  .fancybox-inner #newsletter_popup .vc_column_container {
    padding: 16px !important;
  }
  .fancybox-inner #newsletter_popup .popup_sec video {
    height: auto;
    position: relative;
  }
  .fancybox-inner #newsletter_popup .vc_column_container .text_left,
  .fancybox-inner #newsletter_popup .vc_column_container .popup_sec,
  .fancybox-inner #newsletter_popup .vc_column_container form,
  .fancybox-inner #newsletter_popup .vc_column_container > p {
    width: auto;
  }
  .fancybox-inner #newsletter_popup {
    min-height: 100%;
    max-height: 90vh;
    width: 100%;
  }
  .navigation > ul > div {
    border-top: 1px solid #dddddd;
  }
  .section-item-content.nav-sections-item-content {
    padding-top: 40px;
  }
  .catalog-product-view .product-info-main h1.page-title {
    margin-bottom: 10px;
  }
  .modal-popup:not(.confirm._show) .modal-footer button:nth-of-type(2) {
    margin-top: 10px;
  }
  .about-banner img {
    height: 300px;
  }
  .about_page h2 {
    margin: 0px !important;
    display: block;
  }
  .contact-index-index .fieldset > .legend::before,
  .contact-index-index .fieldset > .legend::after,
  .contact-index-index .contact-info .contacts-title::before,
  .contact-index-index .contact-info .contacts-title::after {
    display: none;
  }
  h2::before,
  h2::after {
    display: none;
  }
  .s_cp-about {
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .porto-separator.tall {
    margin: 45px 0px;
  }
  .cms-uber-uns .columns .column.main {
    padding-bottom: 0px;
  }
  .hp_inner_container h2 {
    justify-content: center;
  }
  .s_text-center {
     text-align: center; 
  }
  .popup-history .history {
    margin-top: 0px;
  }
  .popup-history .history .featured-box .box-content h4,
  .popup-history .history .featured-box .box-content p {
    margin-left: 0px;
  }
  .about_page .cstm_container_width .content-row.no_mp {
    padding-bottom: 0px !important;
  }
  .popup-history > .row-wrapper {
    padding: 0px !important;
  }
  .about_page .cstm_container_width .content-row.no_mtp {
    padding-top: 0px !important;
  }
  .about_img-row .row {
    padding-top: 0px !important;
  }
  .about_img-row .row .col {
    width: 100%;
    flex-basis: 100%;
    margin-top: 15px;
  }
  .customer-account-create #maincontent .page-main-inner .form-create-account, .multishipping-checkout_address-newshipping #maincontent .page-main-inner .form-address-edit {
    grid-template-columns: 1fr;
  }
  .customer-account-create #maincontent .page-main-inner .form-create-account legend {
    text-align: left;
  }
  .customer-account-create #maincontent .page-main-inner .form-create-account .actions-toolbar .primary, .multishipping-checkout-login #maincontent .page-main-inner .form-login .actions-toolbar .primary {
    height: auto;
  }
  .login-container .block .block-title, .fieldset.create > .legend {
    align-self: start;
  }
  .products-grid.wishlist .product-item-actions {
    display: grid;
  }
  .product-info-stock-sku .configurable-variation-qty {
    display: none;
  }
  .cart-summary {
    padding: 15px;
  }
  .cart-summary .block .title,
  .cart-summary .block .content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .cart.table-wrapper .cart > .item .item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cart.table-wrapper .cart > .item .item-info .col.item {
    min-width: 100%;
  }
  /*.cart.table-wrapper .cart > .item .item-info .col.price,
  .cart.table-wrapper .cart > .item .item-info .col.qty {
    padding-top: 0px;
  } */
  .cart-totals .totals-tax-summary .amount {
    border-top: 1px solid #e7e7e7 !important;
  }
  .mfp-close::after, html .fancybox-close::after, .modal-custom .action-close::after, .modal-popup .action-close::after, .modal-slide .action-close::after {
    top: -10px !important;
  }
  .mfp-close::before, html .fancybox-close::before, .modal-custom .action-close::before, .modal-popup .action-close::before, .modal-slide .action-close::before {
    top: -2px !important;
  }
  .opc-estimated-wrapper .minicart-wrapper button.action.showcart::before {
    margin-right: 10px;
  }
  .opc-estimated-wrapper .minicart-wrapper button.action.showcart .counter.qty {
    right: 19px;
  }
  .field-tooltip .field-tooltip-content {
    left: -248px;
    top: 34px;
  }
  .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after {
    display: none;
  }
  .checkout-payment-method .payment-methods {
    margin: 0px;
  }
  .modal-popup._inner-scroll .modal-content h1,
  .modal-popup._inner-scroll .modal-content h2 {
    font-size: 20px !important;
  }
  .account #maincontent .sidebar {
    padding-right: 0px;
    padding-top: 30px;
  }
  .opc-wrapper .checkout-payment-method .checkout-agreements-block label button {
    font-size: 13px;
  }
  .account .form-address-edit, .multishipping-checkout_address-editshipping .form-address-edit, .multishipping-checkout_address-editaddress .form-address-edit {
    grid-template-columns: 1fr;
  }
  .modal-popup:not(.agreements-modal) .modal-header .action-close {
    top: 15px;
    right: 5px;
  }
  .contact-index-index .page-main-inner .container.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #contact-form .fieldset .field.comment {
    margin-top: 13px;
  }
  .contact-index-index .contact-info {
    margin-top: 60px;
    padding-left: 10px;
  }
  .cms-impressum .page-main-inner h1 {
    margin-bottom: 40px;
  }
  .checkout-index-index #checkout {
    position: relative;
    margin-top: 40px;
  }
  .checkout-index-index .authentication-wrapper {
    position: absolute;
    top: -56px;
    right: 0px;
  }
  .authentication-dropdown button.action-close {
    margin-top: 10px;
    margin-right: 10px;
  }
  .panel.header.show-icon-tablet .top-links-icon {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .qty.field .input-text.qty, .col.qty .input-text.qty, .qty.field .qty-changer > a, .col.qty .qty-changer > a {
    max-height: 35px;
  }
  .catalog-product-view .product-add-form .box-tocart .fieldset .moved-add-to-links a, .catalog-product-view .product-add-form .box-tocart .fieldset .moved-add-to-links a::before {
    max-height: 35px;
    line-height: 35px;
  }
}