/* -----------------------------------------------------------------------------------------
  Template STYLE
  Shop: 3.1.X
  Template: 1.0.3
  Responsive Webdesign Template for
  modified eCommerce Shopsoftware
  Copyright 2015-2025 Templatix // Florida Digital
  https://www.templatix.de // https://www.florida-digital.de
  Single-Shop-Licence - One (1) Domain/Shop only
                                                                                                   */
/* -----------------------------------------------------------------------------------------

   modified eCommerce Shopsoftware
   http://www.modified-shop.org

   Copyright (c) 2009 - 2013 [www.modified-shop.org]
   -----------------------------------------------------------------------------------------
   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------
    01. Fonts
    02. Globals (body, tables, margin, padding, etc.)
    03. Links
    04. Headlines
    05. Layout
    06. Header
    07. Categories Top Menu
    08. Breacrumbs
    09. Inputs, Selects, Textarea
    10. Custom checkbox & radio
    11. Error, Info & Success messages
    12. Toggle shopping cart, wishlist, settings, account, filter
    13. Categories listing
    14. Left categories menu
    15. Subcats in listing
    16. Product listing (box & row)
    17. Products carousel
    18. Listing filter
    19. Pagination
    20. Combined filter & pagination
    21. Subfooter newsletter
    22. Footer, Copyright, Parse Time
    23. Postions for CSS Buttons
    24. CSS Buttons
    25. Shopping_cart and checkout
    26. Order_details
    27. Gift box shopping cart
    28. Account and account_navigation
    29. Reviews
    30. Shopcontent
    31. Home text
    32. Sitemap
    33. Product_info
    34. Graduated prices
    35. Product_options
    36. Product_tags
    37. Product_media
    38. Downloads
    39. Checkout
    40. Account_history_info
    41. Popup content (popup print_product_info, popup print_order.html)
    42. Product_navigator
    43. Autocomplete search
    44. Banner & Slider
    45. Offline
    46. Janolaw.de (BASIC Template for AGB Hosting Content)
    47. dsgvo modul
    48. TEMPLATIX Overrides

   -----------------------------------------------------------------------------------------

    font-family: 'Ubuntu', sans-serif;
    font-weights: 300,500,600,700

    color: rot
    #e32828;
    rgba(227,40,40,1.0);

    color: blau
    #296aab;
    rgba(74,141,202,0.2);

    color:gr�n
    #43c875;
    rgba(67,200,117,0.2);

   ---------------------------------------------------------------------------------------*/
/* 01. START Fonts */
/* ubuntu-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: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('css/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('css/fonts/ubuntu-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
/* ubuntu-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: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('css/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('css/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
/* ubuntu-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: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('css/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('css/fonts/ubuntu-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
/* ubuntu-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: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('css/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('css/fonts/ubuntu-v20-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
/* 01. END fonts */
/* 02. START Globals (body, tables, margin, padding, etc.) */
html {
    background: #ffffff;
    font-size: 16px; /* define source size*/
    }
/* Disable font boosting on mobile browsers */
body * {
    -moz-text-size-adjust: none; /* Firefox Mobile */
    -webkit-text-size-adjust: 100%; /* Safari */
    -ms-text-size-adjust: 100%; /* Windows Mobile */
    max-height: 1000000px; /* Chrome for Android */
    }
body {
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    background: var(--layout_body_bg, #e9e9e9);
    color: #262626;
    }
/* reset margin and padding */
*, *::before, *::after {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    }
/* prevent flicker in responsive tabs & accordion */
#horizontalAccordion {
    display: none;
    }
#horizontalAccordion ul.resp-tabs-list {
    display: none !important;
    }
#horizontalAccordion .resp-tab-content {
    display: none;
    }
#horizontalTab ul.resp-tabs-list {
    list-style-type: none;
    }
#horizontalTab ul.resp-tabs-list li {
    display: inline-block;
    }
#horizontalTab .resp-tabs-container {
    display: none;
    }
/* prevent flicker of mobile menu */
#mobile_menu {
    display: none;
    }
.mobile_menu {
    display: none;
    }
/* scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: #ccc #eee;
    }
*::-webkit-scrollbar {
    width: 9px;
    }
*::-webkit-scrollbar-track {
    background: #eee;
    }
*::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 0px;
    border: 1px solid #eee;
    }
.no_scroll,
.viewer-open {
    overflow: hidden;
    }
/* srollbars prevent layout swift when open toggle menus */
html {
    scrollbar-gutter: stable;
    }
/* scrollbars safari */
@media not all and (min-resolution: 0.001dpcm) {
    .no_scroll, .viewer-open {
        padding-right: calc(9px - (100vw - 100%));
        }
    }
/* prevent zoom of fields on iphone */
@supports (-webkit-overflow-scrolling: touch) {
    input[type=text], input[type=password], input[type=email], input[type=tel] {
        font-size: 1rem !important;
        }
    select {
        font-size: 1rem !important;
        }
    textarea {
        font-size: 1rem !important;
        }
    .SumoSelect > .CaptionCont {
        font-size: 1rem !important;
        }
    }
/* fix z-index for trusted shops container */
div[id^='trustbadge-container-'] {
    z-index: 1299 !important;
    }
/* prevent layout shift for oil cookie consent */
.as-oil {
    position: fixed;
    }
/* lazy loading */
.lazyload,
.lazyloading {
    opacity: 0;
    }
.lazyloaded {
    opacity: 1;
    transition: opacity 1s ease;
    }
/* clear floats */
.clearer {
    line-height: 0px;
    height: 0px;
    clear: both;
    }
.cf::before, .cf::after {
    content: '';
    display: table;
    }
.cf::after {
    clear: both;
    }
/* font-weight for bold/strong */
strong, b, .strong, .bold {
    font-weight:500;
    }
/* global for p and table */
p {
    margin: 14px 0;
    }
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    }
table td {
    padding: 5px 0px;
    }
.td_full {
    width: 100%;
    }
/* global products image handling */
.prod_image {
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    }
.prod_image:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
.prod_image img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width:auto;
    height:auto;
    max-width: 100%;
    max-height: 100%;
    }
/* smaller font sizes */
.font_midi {
    font-size: 0.815rem !important;
    line-height: 1.188rem !important;
    }
.font_midi input[type='radio'] ~ label:before {
    line-height: 1.125rem !important;
    }
.font_midi input[type='radio'] ~ label:after {
    line-height: 1.125rem !important;
    }
.font_midi input[type='checkbox'] ~ label:before {
    line-height: 1.188rem !important;
    }
.font_midi input[type='checkbox'] ~ label:after {
    line-height: 1.188rem !important;
    }
.font_small {
    font-size: 0.688rem !important;
    line-height: 1.125rem !important;
    }
.font_small input[type='radio'] ~ label:before {
    line-height: 1.063rem !important;
    }
.font_small input[type='radio'] ~ label:after {
    line-height: 1.063rem !important;
    }
.font_small input[type='checkbox'] ~ label:before {
    line-height: 1.125rem !important;
    }
.font_small input[type='checkbox'] ~ label:after {
    line-height: 1.125rem !important;
    }
/* helper padding, margin, border, etc. */
.border_0 {
    border: 0px !important;
    }
.mt_0 {
    margin-top: 0px !important;
    }
.mt_5 {
    margin-top: 5px !important;
    }
.mt_10 {
    margin-top: 10px !important;
    }
.mt_15 {
    margin-top: 15px !important;
    }
.mt_20 {
    margin-top: 20px !important;
    }
.mt_25 {
    margin-top: 25px !important;
    }
.mt_30 {
    margin-top: 30px !important;
    }
.mt_40 {
    margin-top: 40px !important;
    }
.mt_50 {
    margin-top: 50px !important;
    }
.mb_0 {
    margin-bottom: 0px !important;
    }
.mb_5 {
    margin-bottom: 5px !important;
    }
.mb_10 {
    margin-bottom: 10px !important;
    }
.mb_15 {
    margin-bottom: 15px !important;
    }
.mb_20 {
    margin-bottom: 20px !important;
    }
.mb_25 {
    margin-bottom: 25px !important;
    }
.mb_30 {
    margin-bottom: 30px !important;
    }
.mb_40 {
    margin-bottom: 40px !important;
    }
.mb_50 {
    margin-bottom: 50px !important;
    }
.my_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    }
.my_5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    }
.my_10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    }
.my_15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    }
.my_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    }
.my_25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    }
.my_30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    }
.my_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    }
.my_50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    }
.mr_5 {
    margin-right: 5px !important;
    }
.ml_5 {
    margin-left: 5px !important;
    }
.pt_0 {
    padding-top: 0px !important;
    }
.pb_0 {
    padding-bottom: 0px !important;
    }
.py_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
.py_5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    }
.py_10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    }
.py_15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
.py_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    }
.py_25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    }
.py_30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    }
.py_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    }
.py_50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    }
.nowrap {
    white-space: nowrap;
    }
/* 02. END Globals (body, tables, margin, padding, etc.) */
/* 03. START Links */
a, a:link, a:visited, a:active, a:hover {
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    }
a:link {
    color: #262626;
    }
a:visited {
    color: #262626;
    }
a:active {
    color: #262626;
    }
a:hover {
    color: #555;
    text-decoration: underline;
    }
a img {
    border: none;
    outline: none;
    text-decoration: none;
    }
a.arrow {
    color: #555;
    position: relative;
    padding: 0;
    }
a.arrow:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 900;
    margin: 0 5px 0 0;
    }
a.arrow:hover {
    color: #262626;
    text-decoration: none;
    }
.external_links a:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f35d';
    font-weight: 900;
    font-size: 0.625rem;
    line-height: 0.625rem;
    vertical-align: 1px;
    margin: 0 0 0 5px;
    }
.external_links a:hover {
    text-decoration: none;
    }
a.color_more {
    color: #262626;
    text-decoration: none;
    font-weight:500;
    }
a.color_more:hover {
    color: #262626;
    text-decoration: none;
    }
/* 03. END Links */
/* 04. START headlines */
h1 {
    color: #262626;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 30px 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: none;
    }
/* same format as h1 */
.headline {
    color: #262626;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 30px 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: none;
    }
h2 {
    color: #262626;
    font-weight:500;
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 25px 0 10px 0;
    padding: 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    padding-bottom: 5px;
    }
h3 {
    color: #262626;
    font-weight:500;
    font-size: 0.875rem;
    }
h4 {
    color: #262626;
    font-weight: 800;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
/* same format as h4 */
.subline {
    color: #262626;
    font-weight:500;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
h1.subline {
    color: #262626;
    font-weight: 800;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 30px 0 10px 0;
    padding: 0 0 0 0;
    border-bottom: none;
    }
/* 04. END headlines */
/* 05. START layout */
.layout_wrap {
    max-width: 100%;
    border: 0px solid #ffffff;
    background: var(--layout_wrap_bg, #ffffff);
    padding: 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
.layout_wrap {
    width: 1740px;
    max-width: 90%;
    }
    }
.layout_content {
    width: 100%;
    background: var(--layout_wrap_bg, #ffffff);
    padding: 20px 10px 80px 10px;
    margin: 0 auto;
    }
.content_full {
    width: 100%;
    padding: 0 0;
    }
.content_full_colored {
    width: 100%;
    padding: 0 0;
    background: var(--layout_wrap_bg, #ffffff);
    }
.content_big {
    width: 100%;
    max-width: 1700px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
    .content_big {
        padding: 0 20px;
        }
    }
.content_medium {
    width: 100%;
    max-width: 1280px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
    .content_medium {
        padding: 0 60px;
        }
    }
.content_small {
    width: 100%;
    max-width: 1140px;
    padding: 0 10px 0 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
    .content_small {
        padding: 0 20px;
        }
    }
.contentbox {
    padding: 15px 0;
    margin: 0 0 0 0;
    }
.contentbox.grey {
    background: #ffffff;
    padding: 10px 10px;
    }
.contentbox.lightyellow {
    background: #fff7dd;
    padding: 10px 10px;
    }
.flex_column_row {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    }
.flex_column_row .flex_2column_item {
    padding: 0 10px;
    margin: 0 0;
    width: 100%;
    }
@media only screen and (min-width: 759px) {
    .flex_column_row .flex_2column_item {
        width: 50%;
        }
    .flex_column_row .flex_2column_item:nth-child(odd) {
        padding: 0 30px 0 10px;
        }
    .flex_column_row .flex_2column_item:nth-child(even) {
        padding: 0 10px 0 30px;
        }
    }
.flex_column_row.reverse {
    flex-direction: row-reverse;
    }
@media only screen and (min-width: 759px) {
    .flex_column_row.reverse .flex_2column_item:nth-child(even) {
        padding: 0 30px 0 10px;
        }
    .flex_column_row.reverse .flex_2column_item:nth-child(odd) {
        padding: 0 10px 0 30px;
        }
    }
/* 05. END layout */
/* 06. START header */
/* checkout */
.layout_header_checkout {
    background: var(--header_bg, #fff);
    width: 100%;
    padding: 0 0;
    border-radius: 0.25rem 0.25rem 0 0;
    border-bottom: 10px solid var(--categoriesmenu_bg, #f0f0f0);
    }
.layout_header_checkout_inner {
    /*max-width: 1140px;*/
    padding: 20px 10px 20px 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
    .layout_header_checkout_inner {
        padding: 20px 20px;
        }
    }
.flex_header_checkout_row {
    margin: 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    }
.col_logo_checkout {
    width: 150px;
    height: 42px;
    }
.col_logo_checkout img {
    vertical-align: top;
    width: 100%;
    max-width: 600px;
    height: auto;
    }
.col_logo_back {
    flex: 1;
    text-align: right;
    padding: 0 0 0 20px;
    order: 3;
    }
.col_logo_back a {
    display: inline-block;
    position: relative;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight:500;
    text-transform: uppercase;
    padding: 0 20px 0 0;
  color: var(--header_menuitems_color, #ffffff);
    }
.col_logo_back a:hover {
    text-decoration: none;
    border-bottom: 1px solid var(--primary_1, #ffffff);
  color: var(--header_menuitems_color_hover, #ca0000);
    }
.col_logo_back a::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 800;
    font-size: 0.688rem;
    position: absolute;
    top: 0px;
    right: 0px;
    }
/* global */
.layout_header {
    background: var(--header_bg, #fff);
    width: 100%;
    padding: 0 0;
    position: relative;
    border-bottom: 10px solid var(--categoriesmenu_bg, #f0f0f0);
    }
@media only screen and (min-width: 985px) {
    .layout_header {
        border-bottom: none;
        }
    }
.layout_header_inner {
 /*   max-width: 1440px;*/
    padding: 20px 10px 20px 10px;
    margin: 0 auto;
    }
@media only screen and (min-width: 985px) {
    .layout_header_inner {
        padding: 20px 20px;
        }
    }
.flex_header_row {
    margin: 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    }
.col_logo {
    width: 100%;
    /* height:45px;*/
    text-align: center;
    margin: 0 0 15px 0;
    }
@media only screen and (min-width: 920px) {
    .col_logo {
        width: auto;
        margin: 0;
        }
    }
.col_logo img {
    max-width: 100%;
    }
@media only screen and (min-width: 600px) {
    .col_logo img {
        max-width: 500px;
        height: auto;
        }
    }
.col_filler {
    display: block;
    flex: 1;
    }
@media only screen and (min-width: 920px) {
    .col_filler {
        display: none;
        }
    }
.col_cart,
.col_wishlist,
.col_account,
.col_settings,
.col_menu {
    position: relative;
    text-align: center;
    flex: 1;
    width: auto;
    padding: 0 0 0 0;
    }
@media only screen and (min-width: 920px) {
    .col_cart, .col_wishlist, .col_account, .col_settings, .col_menu {
        flex: initial;
        width: 50px;
        padding: 0 0 0 10px;
        }
    }
@media only screen and (min-width: 985px) {
    .col_menu {
        display: none
        }
    }
#cart_short,
#wishlist_short,
#account_short,
#settings_short,
#menu_short {
    z-index: 1000;
    height: 40px;
    width: 40px;
    margin: 0px auto;
    }
#cart_short > a,
#wishlist_short > a,
#account_short > a,
#settings_short > div,
#menu_short > div {
    position: relative;
    display: block;
    background: var(--header_menuitems_bg, #eee);
    color: var(--header_menuitems_color, #555);
    border: 1px solid var(--header_menuitems_border, #eee);
    height: 40px;
    width: 40px;
    border-radius: 40px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    }
#cart_short > a:hover,
#wishlist_short > a:hover,
#account_short > a:hover,
#settings_short > div:hover,
#menu_short > div:hover {
    background: var(--header_menuitems_bg_hover, #ddd);
    color: var(--header_menuitems_color_hover, #262626);
    border: 1px solid var(--header_menuitems_border_hover, #ddd);
    }
#cart_short .fa-solid,
#cart_short .fa-regular,
#wishlist_short .fa-solid,
#wishlist_short .fa-regular,
#settings_short .fa-solid,
#settings_short .fa-regular,
#account_short .fa-solid,
#account_short .fa-regular,
#menu_short .fa-solid,
#menu_short .fa-regular {
    font-size: 1.25rem;
    line-height: 2.438rem;
    width: 39px;
    }
#cart_short .fa-solid,
#cart_short .fa-regular {
    margin-top: 2px;
    }
#account_short .fa-solid,
#account_short .fa-regular {
    font-size: 1.125rem;
    }
#cart_short .count,
#wishlist_short .count {
    position: absolute;
    right: -6px;
    top: -8px;
    background: var(--count_cart_wishlist_bg, #262626);
    color: var(--count_cart_wishlist_color, #fff);
    display: inline-block;
    padding: 0px;
    font-size: 0.725rem;
    line-height: 1.25rem;
    text-align: center;
    font-weight:500;
    min-width: 20px;
    min-height: 20px;
    border-radius: 500px;
    }
.col_search {
    width: auto;
    flex: 1;
    padding: 0 0 0 0;
    text-align: center;
    }
@media only screen and (min-width: 600px) {
    .col_search {
        width: 50px;
        flex: initial;
        padding: 0 0 0 10px;
        }
    }
@media only screen and (min-width: 920px) {
    .col_search {
        width: auto;
        flex: 1;
        padding: 0 20px 0 30px;
        }
    }
#search {
    position: absolute;
    width: auto;
    height: 40px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    max-width: initial;
    }
@media only screen and (min-width: 920px) {
    #search {
        position: static;
        left: 0px;
        right: 0px;
        max-width: 500px;
        }
    }
#search_short > div {
    display: block;
    position: relative;
    background: var(--header_menuitems_bg, #eee);
    color: var(--header_menuitems_color, #555);
    border: 1px solid var(--header_menuitems_border, #eee);
    height: 40px;
    width: 40px;
    border-radius: 40px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin: 0px auto;
    }
@media only screen and (min-width: 920px) {
    #search_short {
        display: none;
        }
    }
#search_short > div:hover {
    background: var(--header_menuitems_bg_hover, #ddd);
    color: var(--header_menuitems_color_hover, #262626);
    border: 1px solid var(--header_menuitems_border_hover, #ddd);
    }
#search_short .fa-solid,
#search_short .fa-regular {
    font-size: 1.125rem;
    line-height: 2.438rem;
    width: 39px;
    }
.toggle_search {
    display: none;
    z-index: 1301;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: var(--search_toggle_bg, rgba(255, 255, 255, 0.9));
    }
@media only screen and (min-width: 920px) {
    .toggle_search {
        display: block;
        position: static;
        background: transparent;
        }
    }
.search_inner {
    position: relative;
    display: flex;
    }
.search_inner .search_cat {
    display: none;
    position: relative;
    z-index: 1200;
    width: 120px;
    height: 40px;
    text-align: left;
    border-radius: 0.25rem 0 0 0.25rem;
    border-color: var(--search_toggle_input_border, #eee);
    border-style: solid;
    border-width: 1px 0px 1px 1px;
    background: var(--search_toggle_input_bg, #eee);
    }
@media only screen and (min-width: 500px) {
    .search_inner .search_cat {
        display: block;
        }
    }
.search_inner .search_cat::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    border-left: 1px solid #999;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -4px;
    margin: auto;
    }
.search_inner .search_cat .SumoSelect {
    position: static;
    }
.search_inner .search_closer {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 1.25rem;
    line-height: 2.5rem;
    cursor: pointer;
    background: var(--toggle_menu_closer_bg, #eee);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 2px;
    margin: 0 0 0 10px;
    }
@media only screen and (min-width: 920px) {
    .search_inner .search_closer {
        display: none;
        }
    }
.search_inner .search_help {
    width: 24px;
    height: 40px;
    font-size: 0.875rem;
    font-weight:300;
    position: absolute;
    z-index: 1200;
    right: 90px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    line-height: 2.5rem;
    }
.search_inner .search_help > a {
    display: block;
    color: var(--search_toggle_color_help, #666);
    }
@media only screen and (min-width: 920px) {
    .search_inner .search_help {
        right: 40px;
        }
    }
.search_inner .search_input {
    flex: 1;
    }
.search_inner input[type=text],
.search_inner input[type=text]:hover,
.search_inner input[type=text]:focus {
    padding: 10px 30px 10px 15px;
    height: 40px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: var(--search_toggle_input_border, #eee);
    background: var(--search_toggle_input_bg, #eee);
    border-radius: 0.25rem 0 0 0.25rem;
    color: var(--search_toggle_color_input, #555);
    }
@media only screen and (min-width: 500px) {
    .search_inner input[type=text],
    .search_inner input[type=text]:hover,
    .search_inner input[type=text]:focus {
        border-radius: 0px 0 0 0px;
        }
    }
.search_inner.search_cat_mode input[type=text],
.search_inner.search_cat_mode input[type=text]:hover,
.search_inner.search_cat_mode input[type=text]:focus {
    border-width: 1px 0px 1px 1px;
    border-radius: 0px 0 0 0px;
    }
@media only screen and (min-width: 500px) {
    .search_inner.search_cat_mode input[type=text],
    .search_inner.search_cat_mode input[type=text]:hover,
    .search_inner.search_cat_mode input[type=text]:focus {
        border-width: 1px 0px 1px 0px;
        border-radius: 0 0px 0px 0;
        }
    }
.search_inner .search_button {
    width: 40px;
    }
.search_inner .search_button .cssButton {
    min-height: 40px;
    height: 40px;
    padding: 7px 5px;
    border-radius: 0 0.25rem 0.25rem 0;
    background: var(--search_toggle_input_bg, #eee);
    border-color: var(--search_toggle_input_border, #eee);
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    color: var(--search_toggle_color_button, #555);
    }
.search_inner .search_button .cssButton .cssButtonIcon {
    font-size: 1.125rem;
    }
.search_inner .search_cat .SumoSelect > .CaptionCont,
.search_inner .search_cat .SumoSelect:hover > .CaptionCont,
.search_inner .search_cat .SumoSelect:focus > .CaptionCont,
.search_inner .search_cat .SumoSelect.open > .CaptionCont,
.search_inner .search_cat select {
    background: var(--search_toggle_input_bg, #eee);
    border-width: 0px 0px 0px 0px !important;
    border-radius: 0.25rem 0 0 0.25rem;
    text-transform: none;
    font-size: 0.75rem;
    line-height: 1.375rem;
    font-weight:500;
    padding: 10px 9px 8px 9px;
    height: 38px;
    color: var(--search_toggle_color_select, #555);
    }
.search_inner .SumoSelect > .CaptionCont > span {
    padding-right: 20px;
    }
.search_inner .search_cat .SumoSelect > .optWrapper {
    width: auto;
    max-width: 300px;
    min-width: 180px;
    }
.search_inner .search_cat .SumoSelect > .optWrapper > .options li.opt {
    padding: 5px 6px;
    font-size: 0.815rem;
    line-height: 1.188rem;
    font-weight:300;
    }
/* 06. END header */
/* 07. START Categories Top Menu */
.layout_categories {
    display: none;
    margin: 0 0 0 0;
    position: relative;
    background: var(--categoriesmenu_bg, #ac0000);
    background: -moz-linear-gradient(top, var(--categoriesmenu_bg, #ac0000) 0%, var(--categoriesmenu_bg_top, #ca0000) 100%);
    background: -webkit-linear-gradient(top, var(--categoriesmenu_bg, #ac0000) 0%, var(--categoriesmenu_bg_top, #ca0000) 100%);
    background: linear-gradient(to bottom, var(--categoriesmenu_bg, #ac0000) 0%, var(--categoriesmenu_bg_top, #ca0000) 100%);
    border-color: var(--categoriesmenu_border, #f0f0f0);
    border-style: solid;
    border-width: 2px 0px 0px 0px;
    }
@media only screen and (min-width: 985px) {
    .layout_categories {
        display: block;
        }
    }
.layout_categories_inner {
    width: 100%;
    padding: 0 0;
    margin: 0px auto;
    text-align: center;
    }
/* Start Megamen� case 1*/
.menu_items {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px auto;
    padding: 0px 0px;
    /* position:relative; */
    }
.menu_items > li {
    padding: 0px 0px;
    }
.menu_items > li > a {
    display: block;
    padding: 5px 12px;
    font-size: 0.925rem;
    line-height: 2rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    color: var(--categoriesitems_level1_color, #666);
    border-radius: 0px;
    }
.menu_items > li > a > .counts {
    display: inline;
    font-weight:300;
    font-size: 0.625rem;
    line-height: 0.625rem;
    padding: 0 0 0 3px;
    }
.menu_items > li.has_sub_cats > a,
.menu_items > li.has_sub_cats > .nolink {
    position: relative;
    padding: 10px 25px 10px 10px;
    }
.menu_items > li.has_sub_cats > a .sub_cats_arrow,
.menu_items > li.has_sub_cats > .nolink .sub_cats_arrow {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    width: 10px;
    height: 2rem;
    }
.menu_items > li.has_sub_cats > a .sub_cats_arrow::after,
.menu_items > li.has_sub_cats > .nolink .sub_cats_arrow::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f078';
    font-size: 0.625rem;
    line-height: 1.25rem;
    font-weight: 900;
    }
.menu_items > li > a:hover {
    color: var(--categoriesitems_level1_color_hover, #222);
    background: var(--categoriesitems_level1_bg_hover, rgba(0, 0, 0, 0.1));
    }
.menu_items > li > span.nolink {
    display: block;
    padding: 5px 10px;
    font-size: 0.925rem;
    line-height: 2rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    color: var(--categoriesitems_level1_color, #666);
    border-radius: 0px;
    }
.menu_items > li > span.nolink:hover {
    color: var(--categoriesitems_level1_color_hover, #222);
    background: var(--categoriesitems_level1_bg_hover, rgba(0, 0, 0, 0.1));
    }
.menu_items ul {
    list-style-type: none;
    margin: 0px;
    }
.menu_items a:hover {
    text-decoration: none;
    }
.mega_menu {
    border-top: 0px solid var(--categoriesmenu_bg, #f0f0f0);
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% - 0px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    background: var(--categoriesmenu_bg_dropdown, #262626);
    padding: 10px 0;
    z-index: 101;
    box-shadow: 0 10px 15px -15px #262626;
    transition-delay: 400ms;
    }
.mega_menu:before {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--categoriesmenu_border, #f0f0f0);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    }
.menu_items li:hover .mega_menu {
    opacity: 1;
    visibility: visible;
    transition-delay: 200ms;
    }
.mega_menu a {
    color: #888888;
    }
.mega_menu a:hover {
    color: #262626;
    }
.mega_menu a .counts {
    display: inline;
    font-weight: 300;
    font-size: 0.625rem;
    color: #666;
    padding: 0 0 0 3px;
    vertical-align: top;
    }
.mega_menu > ul {
    list-style-type: none;
    margin: 0px auto;
    padding: 5px 5px 20px 5px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
    }
.mega_menu > ul > li.overview {
    width: calc(100% + 10px);
    margin: -5px -5px 5px -5px;
    padding: 0px;
    }
.mega_menu > ul > li.overview > a {
    padding: 5px 20px 15px 18px;
    display: block;
    font-size: 0.875rem;
    line-height: 0.938rem;
    text-transform: none;
    font-weight: 500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.mega_menu > ul > li.overview.Selected > a {
    color: var(--categoriesitems_overview_color_selected, #222);
  background-color: var(--categoriesmenu_bg_dropdown, #ffffff);
    }
.mega_menu > ul > li.overview .fa-solid,
.mega_menu > ul > li.overview .fa-regular {
    margin: 0 5px 0 0;
    }
.mega_menu > ul > li {
    width: 20%;
    margin: 5px 0px;
    padding: 0px 15px;
    }
@media screen and (max-width:1200px){
    .mega_menu > ul > li {
        width: 25%;
        margin: 5px 0px;
        padding: 0px 15px;
        }
    }


.mega_menu > ul > li > a {
    padding: 10px 0px;
    display: block;
    font-size: 0.75rem;
    line-height: 0.875rem;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.mega_menu > ul ul {
    margin: 0px 0 0 0;
    }
.mega_menu > ul ul > li.overview {
    display: none;
    }
/* only 3 level */
.mega_menu > ul ul ul {
    display: none;
    }
.mega_menu > ul ul > li > a {
    position: relative;
    padding: 8px 0px 8px 15px;
    display: block;
    font-size: 0.875rem;
    line-height: 0.938rem;
    text-transform: none;
    font-weight: 300;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.mega_menu > ul ul > li > a::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f054';
    font-size: 0.563rem;
    font-weight: 900;
    margin: 0 0 0 0px;
    position: absolute;
    top: 8px;
    left: 1px;
    }
.menu_items .active1 > a,
.menu_items .activeparent1 > a,
.menu_items .active1 > .nolink,
.menu_items .activeparent1 > .nolink {
    font-weight: 500;
    color: var(--categoriesitems_level1_color_selected, #222);
    background: var(--categoriesitems_level1_bg_hover, #eee);
    }
.menu_items .active2 > a,
.menu_items .activeparent2 > a {
    font-weight: 500;
    color: var(--categoriesitems_level2_selected, #222);
    }
.menu_items .active3 > a,
.menu_items .activeparent3 > a {
    font-weight: 300;
    color: var(--categoriesitems_level2_selected, #222);
    }
.mega_menu > ul > li.level_manu {
    width: 20%;
    margin: 0px 0px;
    padding: 0px 15px;
    }
.mega_menu > ul > li.level_manu > a {
    position: relative;
    padding: 8px 0px 8px 15px;
    display: block;
    font-size: 0.875rem;
    line-height: 0.938rem;
    text-transform: none;
    font-weight: 300;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.mega_menu > ul > li.level_manu.Selected > a {
    font-weight:500;
    color: var(--categoriesitems_level2_selected, #222);
    }
.mega_menu > ul > li.level_manu > a::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f054';
    font-size: 0.563rem;
    font-weight: 900;
    margin: 0 0 0 0px;
    position: absolute;
    top: 8px;
    left: 1px;
    }
.mega_menu > ul > li.level_manu > a > strong {
    font-weight: 300;
    color: #ff3535;
    }
/* End Megamen� case 1*/
/* Start Dropdown case 2 */
.menu_items.case_2 li.level1 {
    position: relative;
    }
.menu_items.case_2 li.level2 {
    position: relative;
    }
.menu_items.case_2 li.level3 {
    position: relative;
    }
.menu_items.case_2 a:hover {
    text-decoration: none;
    }
.menu_items.case_2 .dropdown_menu {
    border-top: 8px solid var(--categoriesmenu_border, #f0f0f0);
    position: absolute;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    padding: 10px 0px 20px 0px;
    z-index: 101;
    box-shadow: 0 10px 15px -15px #262626;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    }
.menu_items.case_2 .dropdown_menu:before {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--categoriesmenu_border, #f0f0f0);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    }
.menu_items.case_2 li .dropdown_menu li {
    padding: 0px 20px;
    }
.menu_items.case_2 li .dropdown_menu a {
    position: relative;
    padding: 9px 15px 9px 0px;
    display: block;
    font-size: 0.875rem;
    line-height: 0.938rem;
    text-transform: none;
    font-weight: 300;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.menu_items.case_2 li.level2.has_sub_cats > a::after {
    position: absolute;
    top: 9px;
    bottom: 9px;
    right: 0px;
    margin: auto;
    width: 10px;
    height: 15px;
    font-family: 'Font Awesome 6 Free';
    content: '\f054';
    font-size: 0.688rem;
    line-height: 0.938rem;
    font-weight: 900;
    }
.menu_items.case_2 li .dropdown_menu a > .counts {
    display: inline;
    font-weight: 300;
    font-size: 0.625rem;
    color: #666;
    padding: 0 0 0 3px;
    }
.menu_items.case_2 li.level_manu > a > strong {
    font-weight: 300;
    color: #222;
    }
.menu_items.case_2 li .dropdown_menu .fa-solid {
    margin: 0 5px 0 0;
    }
.menu_items.case_2 li .dropdown_menu .overview {
    display: none;
    }
.menu_items.case_2 li .dropdown_menu .overview a {
    font-size: 0.875rem;
    line-height: 0.938rem;
    font-weight: 300;
    }
.menu_items.case_2 li.level1 > .dropdown_menu {
    left: 0;
    width: 360px;
    top: calc(100% - 3px);
    }
.menu_items.case_2 li.level1:hover > .dropdown_menu {
    opacity: 1;
    visibility: visible;
    }
.menu_items.case_2 li.level2 > .dropdown_menu {
    border-top: none;
    left: 100%;
    width: 360px;
    top: calc(100% - 45px);
    }
.menu_items.case_2 li.level2:hover > .dropdown_menu {
    opacity: 1;
    visibility: visible;
    }
/* only 3 levels for dropdown */
.menu_items.case_2 li.level3 > .dropdown_menu {
    display: none;
    }
/* 07. END Categories Top Menu */
/* 08. START breadcrumbs */
.breadcrumb {
    padding: 10px 0 10px 0px;
    font-size: 0.688rem;
    line-height: 1rem;
    color: var(--primary_1, #888888);
    background: var(--breadcrumb_bg, #ffffff);
    border-bottom: 3px solid #262626;
    border-top: 3px solid #262626;
    margin-top:20px;
    }
.breadcrumb span {
    vertical-align: top;
    margin: 2px 0px;
    }
.breadcrumb span.limit {
    display: inline-block;
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
    cursor: pointer;
    color: var(--primary_1, #888888);
    border-bottom: var(--primary_1, #888888);
    }
.breadcrumb a:hover {
    text-decoration: none;
    color: var(--primary_2, #262626);
    border-bottom: var(--primary_2, #262626);
    }
.breadcrumb span.current {
    font-weight:500;
    }
.breadcrumb .fa-regular,
.breadcrumb .fa-solid {
    margin: 2px 0px;
    vertical-align: top;
    font-size: 0.688rem;
    line-height: 1rem;
    display: inline-block;
    width: 24px;
    text-align: center;
    }
/* 08. END breadcrumbs */
/* 09. START inputs & input layout */
label {
    display: block;
    }
.field_item_row {
    padding: 0px 0;
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
    }
.field_item_1 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    }
.field_item_2 {
    position: relative;
    width: 50%;
    padding: 5px 10px;
    }
.field_item_3 {
    position: relative;
    width: 120px;
    padding: 5px 10px;
    }
.field_item_4 {
    position: relative;
    flex: 1;
    padding: 5px 10px;
    }
.field_item_5 {
    position: relative;
    width: 25%;
    padding: 5px 10px;
    }
@media only screen and (max-width: 500px) {
    #new_find .field_item_5 span.cssButtonText {
        display: none;
        }
    }
.field_item_6 {
    position: relative;
    width: 200px;
    padding: 5px 10px;
    }
.field_item_7 {
    position: relative;
    width: 60px;
    padding: 5px 10px 5px 0px;
    }
.field_item_7 .cssButtonIcon {
    font-size: 1.125rem;
    }
.field_eye {
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 44px;
    height: 44px;
    line-height: 2.875rem;
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 1.25rem;
    }
.field_eye .fa-eye {
    color: #ccc;
    }
.field_eye .fa-eye-slash {
    color: #555;
    }
.field_text {
    display: block;
    font-size: 0.688rem;
    line-height: 1rem;
    padding: 0 1px 2px 1px;
    font-weight:500;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    color: #555;
    }
.field_item_1:focus-within .field_text,
.field_item_2:focus-within .field_text,
.field_item_3:focus-within .field_text,
.field_item_4:focus-within .field_text {
    color: #262626;
    }
.inputRequirement,
.inputRequirement_textarea {
    position: absolute;
    right: 2px;
    top: 5px;
    font-size: 0.688rem;
    line-height: 1rem;
    padding: 0 0 2px 0;
    color: #e32828;
    font-weight: 300;
    }
.inputRequirement .fa-solid,
.inputRequirement_textarea .fa-solid {
    vertical-align: top;
    font-size: 0.625rem;
    line-height: 1rem;
    margin-left: 6px;
    }
.field_item_row .inputRequirement,
.field_item_row .inputRequirement_textarea {
    right: 12px;
    }
.fields_required {
    margin-left: 2px;
    font-size: 0.688rem;
    line-height: 0.688rem;
    vertical-align: baseline;
    color: #666;
    font-weight: 300;
    text-transform: none;
    white-space: nowrap;
    }
.fields_required .fa-solid {
    font-size: 0.625rem;
    line-height: 0.625rem;
    margin: 0px 0px 0px 2px;
    }
.inputNote {
    display: block;
    font-size: 0.688rem;
    line-height: 1rem;
    padding: 4px 0 0 0;
    font-weight: 300;
    }
input {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    }
textarea {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #555;
    background-color: #ffffff;
    border-color: #262626;
    border-style: solid;
    border-width: 2px;
    vertical-align: middle;
    padding: 11px 11px 11px 11px;
    border-radius: 4px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    }
textarea#message {
    height: 120px;
    }
textarea#message_body {
    resize: vertical;
    height: 120px;
    }
textarea#review {
    height: 90px;
    }
textarea#comments {
    height: 120px;
    background: #fff;
    }
select {
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
    color: #555;
    background-color: #ffffff;
    border-color: #262626;
    border-style: solid;
    border-width: 2px;
    vertical-align: middle;
    padding: 11px 11px 11px 11px;
    border-radius: 2px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    height: 44px;
    opacity: 0;
    }
input[type=text], input[type=password], input[type=email], input[type=tel] {
    color: #555;
    background-color: #ffffff;
    border-color: #262626;
    border-style: solid;
    border-width: 2px;
    vertical-align: middle;
    padding: 11px 11px 11px 11px;
    border-radius: 2px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    height: 44px;
    }
input[type=password] {
    letter-spacing: 1px;
    }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color: #ffffff;
    border-color: #999;
    color: #555;
    }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
    background-color: #fff;
    border-color: #999;
    color: #262626;
    outline: 0 none;
    }
.search_input ::-webkit-input-placeholder,
.search_input ::-moz-placeholder,
.search_input :-ms-input-placeholder,
.search_input :-moz-placeholder,
.sf_newsletter_input ::-webkit-input-placeholder,
.sf_newsletter_input ::-moz-placeholder,
.sf_newsletter_input :-ms-input-placeholder,
.sf_newsletter_input :-moz-placeholder,
.addquickie_input ::-webkit-input-placeholder,
.addquickie_input ::-moz-placeholder,
.addquickie_input :-ms-input-placeholder,
.addquickie_input :-moz-placeholder {
    color: #666;
    font-style: italic;
    line-height: 1.75rem;
    }
/* 09. END inputs & input layout */
/* 10. START Custom checkbox & radio */
/* custom checkbox */
.cus_check {
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 100%;
    }
.cus_check input[type='checkbox'] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    }
.cus_check input[type='checkbox'] ~ label {
    padding-left: 26px;
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0 0 0px 0;
    }
.cus_check input[type='checkbox'] ~ label:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f0c8';
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #666;
    transition: background .15s;
    }
.cus_check input[type='checkbox']:disabled ~ label {
    color: #ccc;
    }
.cus_check input[type='checkbox']:disabled ~ label,
.cus_check input[type='checkbox']:disabled ~ label:before,
.cus_check input[type='checkbox']:disabled ~ label:after {
    cursor: not-allowed;
    }
.cus_check input[type='checkbox']:disabled,
.cus_check input[type='checkbox']:disabled ~ label:before,
.cus_check input[type='checkbox']:disabled:checked ~ label:before {
    opacity: 0.5;
    }
.cus_check input[type='checkbox'] ~ label:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f14a';
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1.25rem;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #262626;
    transition: transform .15s;
    transform: scale(0) rotate(90deg);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.cus_check input[type='checkbox']:checked ~ label:after {
    transform: scale(1) rotate(0deg);
    }
/* custom radios */
.cus_radio {
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 100%;
    }
.cus_radio input[type='radio'] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    }
.cus_radio input[type='radio'] ~ label {
    padding-left: 26px;
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0 0 0px 0;
    }
.cus_radio input[type='radio'] ~ label:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f111';
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.188rem;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #666;
    transition: background .15s;
    }
.cus_radio input[type='radio']:disabled ~ label {
    color: #ccc;
    }
.cus_radio input[type='radio']:disabled ~ label,
.cus_radio input[type='radio']:disabled ~ label:before,
.cus_radio input[type='radio']:disabled ~ label:after {
    cursor: not-allowed;
    }
.cus_radio input[type='radio']:disabled,
.cus_radio input[type='radio']:disabled ~ label:before,
.cus_radio input[type='radio']:disabled:checked ~ label:before {
    opacity: 0.5;
    }
.cus_radio input[type='radio'] ~ label:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f192';
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.188rem;
    position: absolute;
    top: 0px;
    left: 0;
    color: #262626;
    transition: transform .15s;
    transform: scale(0) rotate(90deg);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.cus_radio input[type='radio']:checked ~ label:after {
    transform: scale(1) rotate(0deg);
    }
/* 10. END Custom checkbox & radio */
/* 11. START error, info & success messages */
/* errormessage */
.errormessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #dd1d1d;
    background: #fff3f3;
    margin: 5px 0 20px 0;
    }
.errormessage.small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.errormessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    content: '\f071';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0px 0px;
    color: #dd1d1d;
    background: rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
    }
.errormessage.small::before {
    line-height: 1.125rem;
    }
.errormessage a {
    color: #dd1d1d;
    text-decoration: none;
    border-bottom: 1px solid #dd1d1d;
    }
.errormessage p {
    margin: 0px 0px;
    padding: 0px 0px;
    }
.errormessage.shopsystem {
    margin-top: 0px;
    margin-bottom: 0px;
    }
.errormessage ul li {
    margin: 40px;
    }
.errormessage span {
    color: #dd1d1d !important;
    }
/* info message */
.infomessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #262626;
    background-color: #9f9f9f;
    margin: 5px 0 20px 0;
    }
.infomessage.small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.infomessage p {
    margin: 0px 0px;
    padding: 0px 0px;
    }
.infomessage a {
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid #262626;
    }
.infomessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    content: '\f05a';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0px 0px;
    color: #262626;
    background: rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
    }
.infomessage.small::before {
    line-height: 1.125rem;
    }
.infomessage .color_error_message {
    color: inherit;
    }
/* success message */
.successmessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #ffffff;
    background: var(--primary_1, #ca0000);
    margin: 5px 0 20px 0;
    }
.successmessage.small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.successmessage p {
    margin: 0px 0px;
    padding: 0px 0px;
    }
.successmessage a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    }
.successmessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 300;
    content: '\f058';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0px 0px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
    }
.successmessage.small::before {
    line-height: 1.125rem;
    }
.successmessage.freeshipping {
    font-size: 0.875rem;
    line-height: 1.063rem;
    }
.successmessage.freeshipping::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    content: '\f48b';
    }
/* 11. END error, info & success messages */
/* 12. START toggle shopping cart, wishlist, settings, account, filter  */
.toggle_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    background: var(--toggle_overlay_color, rgba(55, 56, 57, 0.75));
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    z-index: 1300;
    }
.toggle_cart,
.toggle_wishlist,
.toggle_account,
.toggle_settings {
    text-align: left;
    position: fixed;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1301;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    padding: 50px 20px 70px 20px;
    background: var(--toggle_menu_bg, #262626);
    color: var(--toggle_menu_color, #ffffff);
    right: -440px;
    width: 440px;
    display: block;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    }
.toggle_cart a,
.toggle_wishlist a,
.toggle_account a,
.toggle_settings a {
    color: var(--toggle_menu_color, #ffffff);
    }
.admin_mode .toggle_cart,
.admin_mode .toggle_wishlist,
.admin_mode .toggle_account,
.admin_mode .toggle_settings {
    padding-top: 76px;
    }
.toggle_cart.active,
.toggle_wishlist.active,
.toggle_account.active,
.toggle_settings.active {
    opacity: 1;
    right: 0px;
    }
.toggle_cart > .toggle_closer,
.toggle_wishlist > .toggle_closer,
.toggle_account > .toggle_closer,
.toggle_settings > .toggle_closer {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: var(--toggle_menu_closer_bg, #9f9f9f);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 2px;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
    }
.admin_mode .toggle_cart > .toggle_closer,
.admin_mode .toggle_wishlist > .toggle_closer,
.admin_mode .toggle_account > .toggle_closer,
.admin_mode .toggle_settings > .toggle_closer {
    top: 46px;
    }
.toggle_closer {
    cursor: pointer;
    }
.toggle_cart .infomessage,
.toggle_wishlist .infomessage {
    margin: 10px 0 10px 0;
    }
.toggle_cart .giftmessage {
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 50px;
    position: relative;
    border: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #296aab;
    background: #eaf2fa;
    }
.toggle_cart .giftmessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    content: '\f06b';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0px 0px;
    color: #eaf2fa;
    background: #296aab;
    align-items: center;
    justify-content: center;
    display: flex;
    }
.toggle_headline {
    margin: 10px 0px;
    padding: 10px 10px;
    font-size: 0.688rem;
    line-height: 1.25rem;
    font-weight:500;
    color: var(--toggle_menu_closer_color, #ffffff);
    background: var(--toggle_menu_closer_bg, #9f9f9f);
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px;
    }
.toggle_products {
    margin: 10px 0px;
    border-top: 1px solid #d9d9d9;
    }
.toggle_products_item {
    display: flex;
    padding: 10px 0px;
    border-bottom: 1px solid #d9d9d9;
    }
.toggle_products_image {
    width: 50px;
    }
.toggle_products_image_inner {
    position: relative;
    background: #fff;
    border: 1px solid #9f9f9f;
    padding: 5px;
    }
.toggle_products_content {
    flex: 1;
    padding: 0px 15px;
    }
.tpc_title {
    font-size: 0.875rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
.tpc_title a:hover {
    text-decoration: none;
    }
.tpc_quantity {
    margin: 4px 0 0 0;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight:500;
    }
.toggle_products_icon {
    width: 30px;
    }
.toggle_products_icon .cssButton {
    padding: 3px;
    min-height: 30px;
    }
.toggle_products_icon .cssButton .cssButtonText {
    display: none;
    }
.toggle_action_1,
.toggle_action_2 {
    margin: 10px 0px;
    }
.toggle_action_1 a,
.toggle_action_2 a {
    text-decoration: none;
    }
.toggle_account #loginbox {
    border-top: 1px solid #ddd;
    padding: 10px 0 10px 0;
    }
.toggle_account #loginbox input[type=text],
.toggle_account #loginbox input[type=password],
.toggle_account #loginbox input[type=email] {
    background-color: #fff;
    }
.toggle_account ul.arrownav {
    border-top: 1px solid #d9d9d9;
    }
.toggle_account ul.arrownav li {
    padding: 0px 0px;
    border-bottom: 1px solid #d9d9d9;
    }
.toggle_account ul.arrownav li a {
    display: flex;
    align-items: center;
    padding: 0px 0px;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--toggle_menu_color, #ffffff);
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    }
.toggle_account ul.arrownav li a::before {
    display: none;
    }
.toggle_account ul.arrownav li a .icon {
    padding: 10px 0px 10px 0px;
    width: 24px;
    text-align: center;
    }
.toggle_account ul.arrownav li a .title {
    padding: 10px 10px;
    flex: 1;
    font-weight: 300;
    }
.toggle_settings .settingsbox {
    border-top: 1px solid #d9d9d9;
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
    }
.toggle_settings .settingsbox .SumoSelect > .CaptionCont {
    background: #fff;
    }
ul.arrownav {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0px 0px 0px 0px;
    }
ul.arrownav li {
    padding: 12px 0px 12px 0px;
    border-bottom: 1px solid #d9d9d9;
    }
ul.arrownav li a {
    display: block;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 300;
    }
ul.arrownav li a:hover {
    text-decoration: none;
    }
ul.arrownav li a::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 800;
    font-size: 0.688rem;
    position: absolute;
    top: 0px;
    left: 0px;
    }
/* 12. END toggle shopping cart, wishlist, settings, account, filter  */
/* 13. START categories listing */
.cat_description {
    margin: 0px 0px 30px 0px;
    }
.cat_description_image {
    /*height: 300px;*/
    margin: 0 0 25px 0;
    }
.cat_description_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
.cat_manufacurer_image {
    margin: 0 0 25px 0;
    }
.cat_manufacurer_image img {
    width: 100%;
    max-width: 200px;
    height: auto;
    vertical-align: top;
    }
.cat_description_text {
    width: 100%;
    }
.cat_description_text p:first-child,
.cat_description_text h2:first-child,
.cat_description_text h3:first-child {
    margin-top: 0px;
    }
.cat_description_text ul {
    margin-left: 18px;
    }
.cat_description_text ol {
    margin-left: 28px;
    }
/* 13. END categories listing */
/* 14. START left categories menu */
.subcats_menu_box {
    /*  position: -webkit-sticky;
  position: sticky;
  top: 70px;*/
    }
ul.subcats_menu {
    margin: 0px 0 0 0;
    list-style-type: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
ul.subcats_menu li {
    padding: 0 0 0 0;
    }
ul.subcats_menu li > a {
    position: relative;
    display: block;
    font-weight: 300;
    color: #666;
    padding: 10px 20px 10px 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
ul.subcats_menu li > a:hover {
    color: #222;
    text-decoration: none;
    }
ul.subcats_menu li > a > .counts {
    display: inline-block;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding: 0 0 0 3px;
    vertical-align: 0px;
    }
ul.subcats_menu li.has_sub_cats > a .sub_cats_arrow {
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: center;
    margin: auto;
    width: 12px;
    height: 18px;
    }
ul.subcats_menu li.has_sub_cats > a .sub_cats_arrow::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f078';
    font-size: 0.688rem;
    line-height: 1.125rem;
    font-weight: 900;
    }
ul.subcats_menu li.Selected a {
    font-weight:500;
    color: var(--subcatsmenu_color_selected, #222);
    }
/* 14. END left categories menu */
/* 15. START subcats */
.sub_categories_listing {
    overflow: hidden;
    margin: 0 0 50px 0;
    }
.subcats_row {
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    border: solid var(--layout_wrap_bg, #d7d7d7);
    border-width: 1px 0px 0px 1px;
    }
.subcats_item {
    width: 50%;
    padding: 10px 10px;
    border: solid var(--layout_wrap_bg, #d7d7d7);
    border-width: 0px 1px 1px 0px;
  background: #ffffff;
    }
@media only screen and (min-width: 600px) {
    .subcats_item {
        padding: 20px 20px;
        }
    }
@media only screen and (min-width: 690px) {
    .subcats_item {
        width: 33.3333%;
        }
    }
@media only screen and (min-width: 1060px) {
    .subcats_item {
        width: 25%;
        }
    }
.subcats_image {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0 0 10px 0;
    }
.subcats_image_inner {
    display: block;
    position: relative;
    }
.subcats_image_inner:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    }
.subcats_image_inner img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
.subcats_title {
    padding: 0px 0px 0px 0px;
    position: relative;
    display: block;
    }
.subcats_title > span {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 36px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
.subcats_title span:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 900;
    font-size: 0.75rem;
    line-height: 1.125rem;
    display: inline-block;
    margin: 0 0 0 5px;
    }
.subcats_item_inner a {
    color: #262626;
    }
.subcats_item_inner a:hover,
.subcats_item_inner a:hover .subcats_title {
    color: #262626;
    text-decoration: none;
    }
/* 15. END subcats */
/* 16. START product listing */
.flex_listing_cols {
    display: flex;
    }
.flex_listing_categories {
    width: 290px;
    padding: 0px 20px 0 0;
    display: none;
    }
@media only screen and (min-width: 985px) {
    .flex_listing_categories {
        display: block;
        }
    }
.flex_listing_products {
    flex: 1;
    }
/* global */
.listingcontainer, .listingcontainer_full {
    margin: 0px 0px;
    display: flex;
    flex-wrap: wrap;
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 0px 0px 0px 0px;
    }
/* boxes */
.listingbox {
    position: relative;
    background: #fff;
    border: solid var(--layout_wrap_bg, #d7d7d7);
    border-width: 3px;
    overflow: hidden;
    margin-top: 0.5rem;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    }
.splide_size1:after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: transparent;
    top: 0px;
    bottom: 0px;
    right: -1px;
    border-right: 0px solid var(--layout_wrap_bg, #ffffff);
    }
.splide_size1 {
    border-top: 0px solid var(--layout_wrap_bg, #ffffff);
    border-bottom: 0px solid var(--layout_wrap_bg, #ffffff);
    border-left: 0px solid var(--layout_wrap_bg, #ffffff);
    border-right: 0px solid var(--layout_wrap_bg, #ffffff);
    }
.splide_size1 .listingbox {
    height: 100%;
    margin-top:0;
    margin-bottom: .5rem;
    }
.lb_inner {
    padding: 10px 10px;
    margin: 0px 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 3px solid #ffffff;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    }
.listingbox:hover .lb_inner {
        border: 3px solid  #e9e9e9;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    }
@media only screen and (min-width: 500px) {
    .lb_inner {
        padding: 20px 10px;
        }
    }
.listingcontainer .listingbox {
    width: 100%;
    }
.listingcontainer_full .listingbox {
    width: 100%;
    }
@media only screen and (min-width: 340px) {
    .listingcontainer .listingbox {
        width: calc(50% - 0rem);
        }
    .listingcontainer_full .listingbox {
        width: calc(50% - 0rem);;
        }
    }
@media only screen and (min-width: 620px) {
    .listingcontainer .listingbox {
        width: calc(33.3333% - 0rem);
        }
    .listingcontainer_full .listingbox {
        width: calc(33.3333% - 0rem);
        }
    }
@media only screen and (min-width: 920px) {
    .listingcontainer .listingbox {
        width: calc(25% - 0rem);
        }
    .listingcontainer_full .listingbox {
        width: calc(25% - 0rem);
        }
    }
@media only screen and (min-width: 1160px) {
    .listingcontainer .listingbox {
        width: calc(20% - 0rem);
        }
    .listingcontainer_full .listingbox {
        width: calc(20% - 0rem);
        }
    }
.flex_listing_products .listingcontainer_full .listingbox {
    width: 100%;
    }
@media only screen and (min-width: 340px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: calc(50% - 0rem);
        }
    }
@media only screen and (min-width: 620px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: calc(33.3333% - 0rem);
        }
    }
@media only screen and (min-width: 920px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: calc(25% - 0rem);
        }
    }
@media only screen and (min-width: 985px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: calc(33.3333% - 0rem);
        }
    }
@media only screen and (min-width: 1160px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: calc(20% - 0rem);
        }
    }
.listingbox:hover {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    }
.lb_image {
    text-align: center;
    width: 100%;
    position: relative;
    }
.lb_title {
    margin: 15px 0px 0px 0px;
    }
.lb_title h2 {
    font-weight:500;
    text-align: center;
    height: 2.6rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border: none;
    margin: 0;
    padding: 0;
    }
.lb_title h2 a {
    color: #262626;
    display: block;
    height: 100%;
    }
.lb_title h2 a:hover,
.lb_inner:hover .lb_title h2 a {
    color: #262626;
    text-decoration: none;
    }
.lb_attributes {
    margin: 10px 0px 0px 0px;
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight: 300;
    text-align: center;
    color: #555;
    }
.lb_attributes_item {
    display: block;
    }
.lb_shipping {
    margin: 10px 0px 0px 0px;
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight: 300;
    text-align: center;
    color: #555;
    }
.lb_shipping .lb_shipping_image {
    display: inline-block;
    margin: 0 5px 0 0;
    }
.lb_shipping a {
    color: #262626;
    border-bottom: 1px solid #ccc;
    }
.lb_shipping a:hover {
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.lb_rating_icons {
    margin: 5px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 300;
    font-size: 0.688rem;
    line-height: 1rem;
    height: 16px;
    }
.lb_rating_icons.no_reviews {
    }
.lb_rating_icons .fa-solid {
    color: #ddd;
    padding: 0 3px 0 0;
    }
.lb_rating_icons .full {
    color: #ffab00;
    }
.lb_rating_icons .lb_rating_count {
    color: #666;
    font-size: 0.688rem;
    line-height: 1rem;
    letter-spacing: 1px;
    font-weight:500;
    }
.lb_rating_icons.no_reviews .lb_rating_count {
    color: #ddd;
    }
.lb_price {
    margin: 10px 0 0 0;
    font-weight:500;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    }
.lb_price .standard_price,
.lb_price .special_price,
.lb_price .uvp_price,
.lb_price .graduated_price {
    color: var(--price_default_color, #434343);
    width: 100%;
    }
.lb_price .item_price,
.lb_price .vpe,
.lb_price .vpe_with_item_price,
.lb_price .no_price {
    margin: 3px 0 3px 0;
    flex: 1;
    font-weight:300;
    padding: 0px 0px 0px 0px;
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #666;
    }
.lb_price .small_price {
    padding: 0 1px 0 0;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.75rem;
    }
.lb_price .old_price {
    padding: 0px 10px 0px 0px;
    font-size: 0.688rem;
    color: var(--price_old_color, #666);
    text-decoration: line-through;
    }
.lb_price .new_price {
    display: block;
    width: 100%;
    padding: 0px 0px 0 0;
    color: var(--price_new_color, #e32828);
    }
.lb_price .save_price {
    position: absolute;
    left: 10px;
    top: 20px;
    background: var(--price_save_bg, #e32828);
    color: var(--price_save_color, #fff);
    padding: 4px 0px 4px 0px;
    font-size: 0.688rem;
    line-height: 0.875rem;
    font-weight:500;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 2px;
    z-index: 1;
    }
.lb_new_flag {
    position: absolute;
    right: 10px;
    top: 20px;
    background: #262626;
    color: #ffffff;
    padding: 4px 0px 4px 0px;
    font-size: 0.688rem;
    line-height: 0.875rem;
    font-weight:500;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 2px;
    z-index: 1;
    }
.lb_tax {
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight: 300;
    text-align: center;
    margin: 3px 0 0 0;
    color: #666;
    }
.lb_tax a {
    color: #666;
    border-bottom: 1px solid #ccc;
    }
.lb_tax a:hover {
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.lb_expires_date {
    margin: 10px 0 0 0;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight:500;
    color: var(--price_new_color, #e32828);
    }
.lb_buttons {
    position: relative;
    margin: 15px 0 0 0;
    display: flex;
    justify-content: center;
    opacity: 1;
    padding: 0 0;
    flex: 1;
    align-items: flex-end;
    }
.lb_buttons .cssButton {
    width: 44px;
    margin: 0 4px;
    }
.lb_buttons .cssButton .cssButtonIcon {
    font-size: 1rem;
    }
/* animation for box buttons - only desktop */
@media only screen and (min-width: 985px) {
    .lb_buttons {
        position: absolute;
        opacity: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translate(0, 100%);
        transition: all 0.6s ease-in-out;
        background: rgba(249, 249, 249, 0.7);
        width: 100%;
        padding: 20px 0px;
        }
    .listingbox:hover .lb_buttons {
        opacity: 1;
        transform: translate(0, 0);
        }
    }
/* upcoming products */
.lb_date {
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    }
.lb_date_inner {
    display: inline-block;
    color: #ffffff;
    background-color: var(--button2_background, #ffffff);
    padding: 4px 10px;
    position: relative;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight:500;
    border-radius: 2px;
    text-align: center;
    width: 100%;
    }
/* rows */
.listingrow {
    position: relative;
    padding: 40px 20px;
    margin: .25rem 0 0px 0;
    border: solid var(--layout_wrap_bg, #eeeeee);
    border-width: 1px 1px 1px 1px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-top: 3px solid var(--primary_1, #ca0000);
    }
.splide_size3:after {
    content:'';
    position:absolute;
    display:block;
    width:2px;
    background:#fff;
    top:0px;
    bottom: 0px;
    right:-1px;
    border-right:1px solid #e1e1e1;
    }
.splide_size3 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    }
.splide_size3 .listingrow {
    height: 100%;
    border: none;
    }
.lr_image {
    width: 100%;
    padding: 0 0 20px 0;
    position: relative;
    }
@media only screen and (min-width: 759px) {
    .lr_image {
        width: 160px;
        padding: 0 30px 0 0;
        }
    }
.lr_new_flag {
    position: absolute;
    right: 0px;
    top: -20px;
    background: var(--primary_1, #ca0000);
    color: #fff;
    padding: 4px 0px 4px 0px;
    font-size: 0.688rem;
    line-height: 0.875rem;
    font-weight:500;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 2px;
    z-index: 1;
    }
@media only screen and (min-width: 759px) {
    .lr_new_flag {
        right: 20px;
        }
    }
.lr_image_inner {
    text-align: center;
    width: 150px;
    position: relative;
    margin: 0px auto;
    }
.lr_content {
    flex: initial;
    padding: 0 0 30px 0;
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 0px 0px 0px 0px;
    }
@media only screen and (min-width: 500px) {
    .lr_content {
        flex: 1;
        padding: 0 30px 0 0px;
        border: solid var(--layout_wrap_bg, #ffffff);
        border-width: 0px 1px 0px 0px;
        }
    }
@media only screen and (min-width: 759px) {
    .lr_content {
        padding: 0 30px 0 30px;
        border: solid var(--layout_wrap_bg, #ffffff);
        border-width: 0px 1px 0px 1px;
        }
    }
.lr_action {
    text-align: left;
    width: 100%;
    padding: 0 0 0 0;
    }
@media only screen and (min-width: 500px) {
    .lr_action {
        width: 220px;
        padding: 0 0 0 30px;
        }
    }
.lr_title {
    margin: 3px 0px 15px 0px;
    }
.lr_title h2 {
    font-weight:500;
    font-size: 0.875rem;
    line-height: 1rem;
    border: none;
    margin: 0;
    padding: 0;
    }
.lr_title h2 a {
    color: #262626;
    }
.lr_title h2 a:hover {
    color: #555;
    text-decoration: none;
    }
.lr_rating_icons {
    margin: -5px 0px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 300;
    font-size: 0.688rem;
    line-height: 1rem;
    height: 16px;
    }
.lr_rating_icons.no_reviews {
    }
.lr_rating_icons .fa-solid {
    color: #ddd;
    padding: 0 3px 0 0;
    }
.lr_rating_icons .full {
    color: #ffab00;
    }
.lr_rating_icons .lr_rating_count {
    color: #666;
    font-size: 0.688rem;
    line-height: 1rem;
    letter-spacing: 1px;
    font-weight:500;
    }
.lr_rating_icons.no_reviews .lr_rating_count {
    color: #ddd;
    }
.lr_desc {
    font-size: 0.875rem;
    line-height: 1.188rem;
    }
.lr_shipping {
    margin: 20px 0px 0px 0px;
    font-size: 0.688rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #555;
    }
.lr_shipping .lr_shipping_image {
    display: inline-block;
    margin: 0 5px 0 0;
    }
.lr_shipping a {
    color: #555;
    border-bottom: 1px solid #ccc;
    }
.lr_shipping a:hover {
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.lr_price {
    margin: 0 0 0 0;
    font-weight:500;
    font-size: 0.875rem;
    line-height: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    }
.lr_price .standard_price,
.lr_price .special_price,
.lr_price .specialgraduated_price,
.lr_price .graduated_price {
    color: var(--price_default_color, #434343);
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 0 0 3px 0;
    }
.lr_price .vpe,
.lr_price .vpe_with_item_price,
.lr_price .no_price {
    margin: 0 0 3px 0;
    flex: 1;
    font-weight:300;
    padding: 0px 0px;
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #666;
    }
.lr_price .small_price {
    padding: 0 1px 0 0;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.75rem;
    }
.lr_price .special_price .small_price,
.lr_price .specialgraduated_price .small_price {
    display: block;
    width: 100%;
    padding: 0 0px 1px 0;
    font-size: 0.5rem;
    line-height: 8px;
    }
.lr_price .old_price {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 0.688rem;
    color: var(--price_old_color, #666);
    text-decoration: none;
    }
.lr_price .new_price {
    display: inline-block;
    font-weight:500;
    color: var(--price_new_color, #e32828);
    }
.lr_price .item_price {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 0.688rem;
    color: #666;
    text-decoration: none;
    }
.lr_price .uvp_price {
    display: inline-block;
    font-weight:500;
    }
.lr_price .save_price {
    position: absolute;
    left: 20px;
    top: 20px;
    background: var(--price_save_bg, #e32828);
    color: var(--price_save_color, #fff);
    padding: 4px 0px 4px 0px;
    font-size: 0.688rem;
    line-height: 0.875rem;
    font-weight:500;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
    border-radius: 2px;
    }
.lr_tax {
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight: 300;
    margin: 3px 0 0 0;
    color: #666;
    }
.lr_tax a {
    color: #666;
    border-bottom: 1px solid #ccc;
    }
.lr_tax a:hover {
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.lr_expires_date {
    margin: 10px 0 0 0;
    font-size: 0.625rem;
    line-height: 0.75rem;
    font-weight:500;
    color: var(--price_new_color, #e32828);
    }
.lr_buttons {
    margin: 20px 0 0 -4px;
    display: flex;
    justify-content: flex-start;
    }
.lr_buttons .cssButton {
    width: 44px;
    margin: 0px 4px;
    }
.lr_buttons .cssButton .cssButtonIcon {
    font-size: 1rem;
    }
/* 16. END product listing */
/* 17. START products carousel */
/*headings */
.box_products_head {
    display: flex;
    align-items: center;
    margin: 0px 0px 10px 0px;
    }
.box_products_head .title,
.subcats_menu_box .subline  {
    flex: 1;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 1.875rem;
    line-height: 1.875rem;
    padding: 4px 0px;
    }
.dm_productinfo .box_products_head .title {
    font-size: 1rem;
    margin: 0px;
    padding: 0px;
    }
.box_products_head .more {
    }
.box_products_head .more a {
    background: var(--primary_1, #e9e9e9);
    color: #ffffff;
    padding: 4px 4px;
    position: relative;
    display: block;
    font-size: 0.625rem;
    line-height: 0.938rem;
    font-weight:500;
    text-transform: uppercase;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
    }
.box_products_head .more a:hover {
    background: var(--primary_2, #e9e9e9);
    color: #262626;
    text-decoration: none;
    }
/* 17. END products carousel */
/* 18. START listing filter */
.listing_filter {
    margin: 0;
    }
.listing_filter_header {
    display: flex;
    align-items: center;
    }
.listing_filter_toggle {
    display: inline-block;
    background: #fff;
    }
.listing_filter_toggle #toggle_filter {
    display: inline-block;
    padding: 6px 10px 6px 10px;
    border: 1px solid #ccc;
    font-size: 0.688rem;
    line-height: 1.313rem;
    height: 35px;
    min-width: 35px;
    font-weight:500;
    border-radius: 2px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }
.listing_filter_toggle #toggle_filter .fa-solid {
    font-size: 0.875rem;
    line-height: 1.313rem;
    width: 13px;
    }
.listing_filter_toggle .toggle_filter_text {
    padding: 0 0 0 8px;
    }
.listing_filter_toggle #toggle_filter:hover {
    background: #9f9f9f;
    }
.listing_filter_toggle #toggle_filter.Selected {
    }
.listing_filter_icon_reset {
    display: none;
    padding: 0 0 0 5px;
    }
.listing_filter_icon_reset > a {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 6px 0 6px 0;
    text-align: center;
    color: var(--button2_color, #296aab);
    border-color: var(--button2_border, #296aab);
    background-color: var(--button2_background, #296aab);
    font-size: 0.815rem;
    line-height: 1.313rem;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }
.listing_filter_icon {
    padding: 0 0 0 5px;
    }
.listing_filter_icon a {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 6px 0 6px 0;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 0.875rem;
    line-height: 1.313rem;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: #fff;
    }
a.view_list {
    color: #999;
    }
a.view_list:hover,
a.view_list.active {
    color: #262626;
    background: #9f9f9f;
    text-decoration: none;
    }
a.view_box {
    color: #999;
    }
a.view_box:hover,
a.view_box.active {
    color: #262626;
    background: #9f9f9f;
    text-decoration: none;
    }
.toggle_filter {
    text-align: left;
    position: fixed;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1301;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    padding: 50px 20px 70px 20px;
    background: #fafafa;
    color: #262626;
    right: -440px;
    width: 440px;
    display: block;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    }
.admin_mode .toggle_filter {
    padding-top: 76px;
    }
.toggle_filter.active {
    opacity: 1;
    right: 0px;
    }
.toggle_filter > .toggle_closer {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: var(--toggle_menu_closer_bg, #9f9f9f);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 2px;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.25rem;
    line-height: 1.875rem;
    text-align: center;
    }
.admin_mode .toggle_filter > .toggle_closer {
    top: 46px;
    }
.filter_bar {
    padding: 0px 0px;
    }
.sort_bar {
    margin: 0px 0 0 0;
    }
.sort_bar_row {
    margin: 0px -5px 0px -5px;
    }
.sort_bar_item {
    float: left;
    width: 100%;
    padding: 5px 5px;
    }
.tags_bar {
    margin: 20px 0 0 0;
    }
.tags_bar_headline {
    font-size: 0.688rem;
    line-height: 0.875rem;
    font-weight:500;
    padding: 0px 0px 0px 0px;
    }
.tags_bar a.tags_bar_reset {
    float: right;
    font-size: 0.688rem;
    line-height: 0.875rem;
    }
.tags_bar_row {
    margin: 0px -5px 0px -5px;
    }
.tags_bar_item {
    float: left;
    width: 100%;
    padding: 5px 5px;
    }
.filter_bar .CaptionCont.SelectBox.Selected {
    color: #06b7d3;
    background: #ffffff;
    }
/* 18. END listing filter */
/* 19. START pagination */
.pagination_bar {
    padding: 0px 0px 0px 0px;
    margin: 20px 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    }
@media only screen and (min-width: 600px) {
    .pagination_bar {
        flex-direction: row;
        }
    }
.pagination_text {
    display: block;
    font-size: 0.688rem;
    line-height: 1.5rem;
    vertical-align: middle;
    color: #262626;
    }
.pagination_list {
    display: inline-block;
    font-size: 0.688rem;
    line-height: 1.5rem;
    background: #fff;
    }
.pagination_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    }
.pagination_list ul li {
    padding: 0 0 0 0px;
    border-left: 1px solid #d9d9d9;
    }
.pagination_list ul li:first-child {
    border-left: none;
    }
.pagination_list ul li .current,
.pagination_list ul li .icon,
.pagination_list ul li a {
    display: inline-block;
    min-width: 33px;
    font-size: 0.75rem;
    line-height: 1.375rem;
    padding: 6px 0px 5px 0px;
    font-weight:500;
    text-align: center;
    color: #262626;
    text-decoration: none;
    background-color: transparent;
    }
.pagination_list ul li .current {
    background-color: #9f9f9f;
    color: #ffffff;
    font-weight:500;
    }
.pagination_list ul li:hover {
    background: #ffffff;
    }
.pagination_list ul li.listing_topscroll,
.pagination_list ul li.listing_bottomscroll {
    display: none;
    cursor: pointer;
    background: #fff;
    }
.pagination_top .pagination_list ul li.listing_bottomscroll {
    display: block;
    }
.pagination_bottom .pagination_list ul li.listing_topscroll {
    display: block;
    }
/* 19. END pagination */
/* 20. START Combined filter & pagination */
.filter_pagination_bar {
    margin: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    }
@media only screen and (min-width: 600px) {
    .filter_pagination_bar {
        flex-direction: row;
        }
    }
.filter_pagination_bar .pagination_list ul li.listing_bottomscroll {
    display: block;
    }
.filter_pagination_bar .pagination_text {
    display: none;
    }
.filter_pagination_bar .pagination_bar {
    margin: 5px 0;
    order: 3;
    }
.filter_pagination_bar .listing_filter {
    margin: 0 0 5px 0;
    order: 1;
    }
.filter_pagination_bar .listing_filter_selected {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 5px 0;
    order: 2;
    }
@media only screen and (min-width: 600px) {
    .filter_pagination_bar .listing_filter_selected {
        order: 4;
        justify-content: flex-start;
        }
    }
.filter_pagination_bar .listing_filter_selected_item {
    margin: 5px 5px 0 0;
    }
.filter_pagination_bar .listing_filter_selected_item a {
    display: inline-block;
    color: var(--button2_color, #296aab);
    border-color: var(--button2_border, #296aab);
    background-color: var(--button2_background, #296aab);
    font-size: 0.688rem;
    line-height: 0.938rem;
    padding: 3px 6px 3px 6px;
    border-radius: 2px;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
    }
.filter_pagination_bar .listing_filter_selected_item a:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f00d';
    font-weight: 900;
    margin: 0 4px 0 0;
    font-size: 0.688rem;
    line-height: 0.938rem;
    }
.filter_pagination_bar .listing_filter_selected_item a > span {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }
/* 20. END Combined filter & pagination */
/* 21. START subfooter newsletter */
.layout_subfooter {
    width: 100%;
    padding: 40px 0;
    margin: 0 0;
    background: var(--subfooter_bg, #ffffff);
    color: var(--subfooter_color_text, #555);
    }
.sf_newsletter_heading {
    color: var(--subfooter_color_title, #262626);
    font-size: 1.5rem;
    line-height: 1.25rem;
    font-weight:500;
    }
.sf_newsletter_text {
    width: 100%;
    max-width: 600px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    }
.sf_newsletter_form_inner {
    display: flex;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    }
.sf_newsletter_input {
    flex: 1;
    padding: 0 0px 0 0;
    }
.sf_newsletter_input input {
    background: #fff;
    }
.sf_newsletter_button {
    width: 60px;
    }
.sf_newsletter_button .cssButtonIcon {
    font-size: 1.125rem;
    }
.sf_newsletter_disclaim {
    margin: 20px auto 0 auto;
    text-align: center;
    width: 100%;
    font-size: 0.688rem;
    line-height: 1rem;
    clear: both;
    display: inline-block;
    }
/* 21. END subfooter newsletter */
/* 22. START footer, copyright, parse time */
.layout_footer {
    background: var(--footer_bg, #9f9f9f);
    margin: 0;
    padding: 60px 0 20px 0;
    border-radius: 0 0 0.25rem 0.25rem;
    }
.footer_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    max-width: 400px;
    }
@media only screen and (min-width: 600px) {
    .footer_row {
        margin: 0px auto;
        max-width: 700px;
        }
    }
@media only screen and (min-width: 985px) {
    .footer_row {
        margin: 0px -20px;
        max-width: initial;
        }
    }
.footer_item {
    width: 100%;
    padding: 0px 20px;
    margin: 0 0 30px 0;
    color: var(--footer_box_text, #ffffff);
    }
@media only screen and (min-width: 600px) {
    .footer_item {
        width: 50%;
        }
    }
@media only screen and (min-width: 985px) {
    .footer_item {
        width: 25%;
        }
    }
.footer_item .content_box {
    margin: 0 0 0 0;
    }
.footer_item .content_box_header {
    color: var(--footer_box_header, #555);
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    }
.footer_item ul.content_box_list {
    margin: 0 0 0 0;
    list-style-type: none;
    padding: 0px;
    }
.footer_item ul.content_box_list ul {
    display: none;
    }
.footer_item ul.content_box_list li {
    padding: 6px 0px 6px 0px;
    font-size: 0.875rem;
    line-height: 1.063rem;
    }
.footer_item ul.content_box_list li a {
    padding: 0 0 0 0px;
    display: block;
    color: var(--footer_link_color, #262626);
    font-size: 0.875rem;
    line-height: 1.063rem;
    position: relative;
    }
.footer_item ul.content_box_list li a:hover {
    text-decoration: none;
    }
.footer_item ul.content_box_list li a span {
    color: var(--footer_link_color, #262626);
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid transparent;
    }
.footer_item ul.content_box_list li a:hover span {
    color: var(--footer_link_color, #262626);
    border-bottom: 1px solid var(--footer_link_color_underline, #999);
    }
.footer_item .content_box_text {
    padding: 3px 0px 7px 0px;
    display: block;
    font-size: 0.875rem;
    line-height: 1.313rem;
    color: var(--footer_box_text, #262626);
    }
.content_box_payment {
    padding: 8px 0px;
    }
.content_box_payment > span {
    display: inline-flex;
    width: 54px;
    border-radius: 2px;
    background: var(--footer_payment_icons_bg, rgba(255, 255, 255, 0.0));
    margin: 0px 10px 10px 0px;
    }
.content_box_payment > span img {
    width: 100%;
    height: auto;
    vertical-align: top;
    opacity: 0.7;
    transition: all ease-in-out 0.2s;
    /*  filter: grayscale(100%);*/
    }
.content_box_payment > span:hover img {
    opacity: 1.0;
    transition: all ease-in-out 0.2s;
    /*  filter: grayscale(0%);*/
    }
.content_box_social {
    padding: 8px 0px;
    }
.content_box_social a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0 10px 10px 0;
    vertical-align: top;
    color: var(--footer_social_icons, #666);
    }
.content_box_social a:hover {
    color: var(--footer_social_icons_hover, #262626);
    }
.mod_copyright {
    padding: 60px 0px 30px 0px;
    font-size: 0.563rem;
    line-height: 0.938rem;
    font-weight: 300;
    text-align: center;
    color: var(--footer_copyright, #666);
    }
.mod_copyright a,
.mod_copyright a:hover {
    color: var(--footer_copyright, #666);
    text-decoration: none;
    border-bottom: 1px solid var(--footer_copyright_border, #999);
    }
.copyright {
    margin: 0 auto;
    text-align: center;
    color: var(--footer_copyright, #666);
    font-size: 0.563rem;
    line-height: 0.938rem;
    font-weight: 300;
    padding: 0 0 10px 0;
    margin: -51px 0 0 0;
    border-radius: .25rem;
    width: 100%;
    }
.copyright a {
    color: var(--footer_copyright, #666);
    text-decoration: none;
    }
/* ParseTime */
.parseTime {
    margin: 0 auto;
    text-align: center;
    color: var(--footer_copyright, #262626);
    font-weight:500;
    font-size: 0.625rem;
    margin: -12px 0 0 0;
    }
/* 22. END footer, copyright, parse time */
/* 23. START postions for CSS Buttons */
.button_row {
    margin: 15px -5px 0px -5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    }
@media only screen and (min-width: 520px) {
    .button_row {
        flex-direction: row;
        }
    }
.button_row > .br_left {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start;
    }
.button_row > .br_right {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
    }
.button_row a:hover {
    text-decoration: none;
    }
.br_btn_0 {
    padding: 5px;
    width: 100%;
    }
.br_btn_1 {
    padding: 5px;
    min-width: 100%;
    }
@media only screen and (min-width: 520px) {
    .br_btn_1 {
        min-width: 250px;
        }
    }
.br_btn_checkout {
    padding: 5px;
    width: 100%;
    max-width: 480px;
    }
.br_btn_checkout .apms_form_inner {
    max-width: 480px;
    width: 100% !important;
    }
.br_btn_checkout .apms_form_button {
    min-width: 100% !important;
    max-width: 480px !important;
    }
.br_btn_checkout .apms_form_button_inner {
    min-height: 44px !important;
    }
.br_btn_checkout .apms_container_full {
    font-size: 0.875rem;
    line-height: 1.25rem;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
.br_btn_alternate {
    display: block;
    width: 100%;
    text-align: center;
    height: 20px;
    position: relative;
    }
.br_btn_alternate:before {
    content: '';
    display: block;
    height: 1px;
    border-top: 1px solid #d9d9d9;
    position: absolute;
    top: 1px;
    left: 10%;
    right: 10%;
    bottom: 0px;
    margin: auto;
    }
.br_btn_alternate span {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    background: var(--layout_wrap_bg, #ffffff);
    font-size: 0.625rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #666;
    padding: 0px 10px;
    text-transform: uppercase;
    }
/* 23. END postions for CSS Buttons */
/* 24. START CSS Buttons */
/* Globals for CSS Buttons */
.cssButton {
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9px 5px;
    font-weight:500;
    text-transform: none;
    white-space: nowrap;
    text-decoration: none;
    min-height: 44px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    }
.cssButtonText {
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px 3px;
    }
.cssButtonIcon {
    font-size: 0.875rem;
    line-height: 1.5rem;
    vertical-align: top;
    padding: 0px 3px;
    }
.cssButtonIcon .far,
.cssButtonIcon .fas,
.cssButtonIcon .fa-solid,
.cssButtonIcon .fa-regular {
    vertical-align: top;
    line-height: 1.5rem;
    }
.cssButton button {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    color: transparent;
    cursor: pointer;
    opacity: 0;
    }
.cssButton:hover {
    opacity: 0.8;
    text-decoration: none;
    }
/* Colors for CSS Buttons */
/* Color Grey */
.cssButtonColor1 {
    border-radius: 2px;
    text-decoration: none;
    border: 2px solid var(--button1_border, rgba(0, 0, 0, 0.1));
    background: var(--button1_background, #ddd);
    color: var(--button1_color, #262626);
    }
.cssButtonColor1:hover {
    opacity: 0.8;
    text-decoration: none !important;
    }
/* Color Black */
.cssButtonColor2 {
    border-radius: 2px;
    text-decoration: none;
    border: 2px solid var(--button2_border, rgba(0, 0, 0, 0.1));
    background: var(--button2_background, #4d4d4d);
    color: var(--button2_color, #fff);
    }
.cssButtonColor2:hover {
    opacity: 0.8;
    text-decoration: none !important;
    }
/* Color: light grey */
.cssButtonColor3 {
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    background: #9f9f9f;
    color: #262626;
    }
.cssButtonColor3:hover {
    opacity: 0.8;
    text-decoration: none !important;
    }
/* Green Buttons */
.cssButtonColor4 {
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    background-color: var(--primary_1, #ca0000);
    color: #ffffff;
    }
.cssButtonColor4:hover {
    opacity: 0.8;
    text-decoration: none !important;
    }
/* Transparent Icons no Border */
.cssButtonColor5 {
    background: #ccc;
    color: #262626;
    }
.cssButtonColor5:hover {
    opacity: 0.8;
    text-decoration: none !important;
    }
/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
    border-radius: 2px;
    border: 1px solid #d19c20;
    text-decoration: none;
    background-color: #ffc848;
    color: #222;
    display: inline-block;
    text-shadow: 1px 1px 0px #ffd97e;
    box-shadow: inset 1px 1px 0px 0px #ffe3a1;
    height: 32px;
    }
.cssButtonColor6:hover {
    background-color: #fbba22;
    color: #222;
    text-decoration: none !important;
    }
.cssButtonColor6 .color-paypal0 {
    font-size: 0.625rem;
    line-height: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #013088;
    padding: 0 5px 0 0;
    vertical-align: middle;
    }
.cssButtonColor6 .color-paypal1 {
    font-size: 1.125rem;
    line-height: 1rem;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-weight:500;
    color: #013088;
    }
.cssButtonColor6 .color-paypal2 {
    font-size: 1.125rem;
    line-height: 1rem;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-weight:500;
    color: #019cde;
    }
/* Small account action text-buttons  */
.cssButtonColor7 {
    text-transform: none;
    font-weight:500;
    padding: 0px;
    margin: 0px;
    height: auto;
    text-decoration: none;
    border: none;;
    color: #262626;
    }
.cssButtonColor7 .cssButtonText {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: none;
    vertical-align: top;
    padding: 0px 3px;
    text-decoration: none;
    border-bottom: 1px solid #555;
    }
.cssButtonColor7 .cssButtonIcon {
    font-size: 0.75rem;
    line-height: 1rem;
    vertical-align: top;
    padding: 0px 3px;
    }
.cssButtonColor7:hover {
    opacity: 0.8;
    text-decoration: none !important;
    border: none;
    background: none;
    }
/* 24. END CSS Buttons */
/* 25. START shopping_cart and checkout */
.ordercontainer_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    }
.ordercontainer_details {
    width: 100%;
    }
.ordercontainer_total {
    width: 100%;
    padding: 0 0 0 0;
    }
@media only screen and (min-width: 700px) {
    .ordercontainer_total {
        width: 60%;
        padding: 0 0 0 0;
        }
    }
@media only screen and (min-width: 985px) {
    .ordercontainer_details {
        width: 70%;
        }
    .ordercontainer_total {
        width: 30%;
        padding: 0 0 0 40px;
        }
    }
.ordercontainer_total_inner {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    }
.ordersum {
    background: #ffffff;
    padding: 0px;
    margin: 0 0 20px 0;
    font-weight: 300;
    border: solid var(--layout_wrap_bg, var(--layout_wrap_bg, #ffffff));
    border-width: 0px 0px 0px 0px
    }
@media only screen and (min-width: 985px) {
    .ordersum {
        border-width: 1px 1px 0px 1px
        }
    }
.ordersum_heading {
    display: none;
    padding: 10px 10px 10px 10px;
/*    font-size: 0.75rem;*/
    line-height: 1.25rem;
    text-transform: none;
    font-weight:500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
@media only screen and (min-width: 985px) {
    .ordersum_heading {
        display: block;
        }
    }
.ordertotal_block {
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.ordersum_nocart {
    padding: 10px 10px;
    margin: 0 0 20px 0;
    font-weight: 300;
  background-color: #ffffff;
    }
.ordersum_nocart .ordertotal_block {
    width: 100%;
    }
.ordertotal_row {
    display: flex;
    padding: 12px 10px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.ordertotal_row .ot_width_1 {
    flex: 1;
    }
.ordertotal_row .ot_width_2 {
    text-align: right;
    white-space: nowrap;
    padding: 0 0 0 15px;
    }
.ordertotal_row .ot_width_3 {
    width: 110px;
    }
.ot_select {
    align-items: center;
    }
.ot_select select {
    height: 36px;
    opacity: 0;
    }
.ot_select .SumoSelect > .CaptionCont {
    background-color: #fff;
    font-size: 0.875rem;
    line-height: 1.063rem;
    height: 36px;
    max-width: 180px;
    }
.ot_select .SumoSelect .SelectBox {
    padding: 9px 9px 9px 9px;
    }
.ot_select .SumoSelect .search-txt {
    background-color: #fff;
    font-size: 0.875rem;
    line-height: 1.063rem;
    height: 34px;
    padding: 9px 9px 9px 9px;
    }
.ot_shipping {
    background: #fff;
    font-size: 0.875rem;
    line-height: 1.063rem;
    position: relative;
    }
.ot_shipping .SumoSelect {
    position: static;
    }
.ot_weight {
    background: #fff;
    font-size: 0.688rem;
    line-height: 1rem;
    }
.ot_total {
    padding: 12px 10px;
    }
.ot_total strong {
    font-weight:500;
    }
.ot_red {
    color: #dd1d1d !important;
    }
.color_ot_total {
    color: #dd1d1d;
    }
.color_error_message {
    color: #dd1d1d;
    }
/* 25. END shopping_cart and checkout */
/* 26. START order_details */
.orderflex {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.orderflex_row {
    display: flex;
    border-bottom: 1px solid var(--layout_wrap_bg, #eeeeee);
    font-size: 0.875rem;
    line-height: 1.25rem;
    flex-wrap: wrap;
    align-items: flex-start;
  padding: 10px 20px;
  width: 100%;
  background: #fff;

    }
.orderflex_row_header {
    padding: 10px 10px;
    text-transform: none;
    font-size: 0.688rem;
    line-height: 1.25rem;
    font-weight:500;
  background: #262626;
  color:#fff;
  border-left: 0px solid var(--primary_1, #ffffff);
    }
.of_header_col_img {
    width: 80px;
    }
@media (min-width: 760px) {
    .of_header_col_img {
        width: 110px;
        }
    }
.of_header_col_flex {
    flex: 1;
    padding: 0px 0px 0px 20px;
    }
.of_header_col_summary {
    display: flex;
    width: 120px;
    }
@media (min-width: 760px) {
    .of_header_col_summary {
        width: 280px;
        }
    }
.of_header_col_qty {
    display: none;
    width: 160px;
    justify-content: center;
    }
@media (min-width: 760px) {
    .of_header_col_qty {
        display: flex;
        }
    }
.of_header_col_total {
    display: flex;
    width: 120px;
    justify-content: flex-end;
    }
.of_col_img {
    width: 80px;
    position: relative;
    }
@media (min-width: 760px) {
    .of_col_img {
        width: 110px;
        }
    }
.of_col_flex {
    flex: 1;
    padding: 0px 0px 15px 20px;
    }
@media (min-width: 760px) {
    .of_col_flex {
        padding: 0px 5% 0px 20px;
        }
    }
.of_col_summary {
    overflow: hidden;
    display: flex;
    width: 100%;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 10px 0 0 0;
    }
@media (min-width: 760px) {
    .of_col_summary {
        border-top: none;
        width: initial;
        padding: 0 0 0 0;
        }
    }
.of_col_qty {
    display: flex;
    width: initial;
    align-items: center;
    justify-content: center;
    }
.of_col_qty.top {
    align-items: flex-start;
    }
@media only screen and (min-width: 760px) {
    .of_col_qty {
        width: 160px;
        }
    }
.of_col_qty_label {
    display: flex;
    align-items: center;
    flex: 1;
    width: 100px;
    text-transform: none;
    font-size: 0.688rem;
    line-height: 1.25rem;
    font-weight:500;
    }
@media only screen and (min-width: 760px) {
    .of_col_qty_label {
        display: none;
        }
    }
.of_col_qty_inner {
    display: flex;
    }
.of_quantity_field {
    flex: 1;
    }
.of_quantity_field input {
    width: 60px;
    text-align: center;
    }
.of_quantity_update {
    margin: 0 0 0 10px;
    width: 44px;
    }
.of_quantity_update .cssButtonIcon {
    font-size: 1.125rem;
    }
.of_quantity_update button {
    height: 44px;
    opacity: 0;
    }
.of_col_total {
    display: flex;
    flex: 1;
    width: auto;
    align-items: center;
    justify-content: flex-end;
    }
@media only screen and (min-width: 760px) {
    .of_col_total {
        width: 120px;
        }
    }
.of_col_total_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    white-space: nowrap;
    padding: 0 0 0 10px;
    }
.of_col_total_singleprice {
    display: block;
    text-align: right;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: #666;
    }
.markProductOutOfStock {
    font-size: 0.875rem;
    line-height: 0.875rem;
    display: inline-block;
    font-weight:500;
    margin: 0 0 0 5px;
    vertical-align: -1px;
    }
.markProductOutOfStock > span {
    color: #e32828 !important;
    }
.of_productname {
    margin: 0 0 10px 0;
    font-weight:500;
    }
.of_productname a {
    display: block;
    }
.of_productname a.iframe {
    display: inline-block;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 0.938rem;
    }
.of_productname a:hover {
    text-decoration: none;
    }
.of_description {
    margin: 12px 0 0 0;
    padding: 0px 0px;
    font-size: 0.75rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
.of_description p {
    margin: 0px 0px;
    padding: 0px 0px;
    }
.of_attributes {
    list-style-type: none;
    margin: 12px 0 0 0;
    }
.of_attributes li {
    font-size: 0.875rem;
    line-height: 1.188rem;
    padding: 1px 0px;
    }
.of_inforows {
    margin: 12px 0 0 0;
    }
.of_infoline {
    font-size: 0.875rem;
    line-height: 1.188rem;
    padding: 1px 0px;
    }
.of_action {
    border-top: 0px solid var(--layout_wrap_bg, #ffffff);
    width: 100%;
    padding: 12px 0 12px 0px;
    }
@media only screen and (min-width: 760px) {
    .of_action {
        padding: 12px 0 0 0px;
        }
    }
.of_action > span {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px;
    margin: 0 20px 0 0;
    }
.of_action > span.of_wishlist a {
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight:500;
    padding: 5px 0px;
    display: block;
    color: #666;
    }
.of_action > span.of_wishlist .fa-solid,
.of_action > span.of_wishlist .fa-regular {
    margin-right: 5px;
    }
.of_action > span.of_wishlist a:hover {
    color: #262626;
    text-decoration: none;
    }
.of_action > span.of_delete .cssButton {
    padding: 0px 0px;
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight:500;
    text-transform: none;
    min-height: 26px;
    }
.of_action > span.of_delete .cssButtonIcon {
    font-size: 0.75rem;
    line-height: 1.625rem;
    }
.of_action > span.of_delete .cssButtonText {
    font-size: 0.75rem;
    line-height: 1.625rem;
    text-transform: none;
    font-weight:500;
    }
.of_action > span.of_delete a:hover {
    text-decoration: none;
    }
.of_action > span.of_delete .cssButtonColor5 {
    background: transparent;
    color: #666;
    }
.of_action > span.of_delete .cssButtonColor5:hover {
    background: transparent;
    color: #262626;
    opacity: 1;
    }
.order_details .pp-message {
    margin: 20px 0;
    }
.order_details .pp-message > span {
    max-width: 100% !important;
    }
/* 26. END order_details */
/* 27. START gift box shopping cart */
.giftbox {
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
    background: #ffffff;
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 1px 1px 1px 1px;
    }
.giftbox input[type=text] {
    background-color: #fff;
    }
.giftbox_heading {
    display: none;
    padding: 10px 10px 10px 10px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    text-transform: none;
    font-weight:500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.gift_item_row {
    padding: 5px 10px;
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
    }
.gift_text_row {
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 1px 0px 0px 0px;
    padding: 10px 10px;
    font-size: 0.688rem;
    line-height: 1.125rem;
    }
.gift_text_row .fa-solid {
    color: #296aab;
    }
.giftbox .errormessage,
.giftbox .infomessage,
.giftbox .successmessage {
    margin: 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    font-size: 0.875rem;
    line-height: 1.063rem;
    }
.giftbox a.arrow {
    display: inline-block;
    margin: 5px 0 0 0;
    color: #555;
    font-weight:500;
    }
.giftbox a.arrow:hover {
    color: #555;
    text-decoration: none;
    }
/* 27. END gift box shopping cart */
/* 28. START account and account_navigation */
.flex_account_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    }
.flex_account_col_1 {
    display: none;
    width: 320px;
    padding: 0 30px 0 0;
    }
@media only screen and (min-width: 985px) {
    .flex_account_col_1 {
        display: block;
        }
    }
.flex_account_col_2 {
    flex: 1;
    padding: 0 0 0 0;
    }
@media only screen and (min-width: 985px) {
    .flex_account_col_2 {
        padding: 0 0 0 30px;
        }
    }
/* account navigation */
.account_navigaton {
    margin: 0px 0 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    }
.navigation_item {
    border-radius: 2px;
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 0px 1px 1px 1px;
    }
.navigation_item:first-child {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.navigation_item:hover {
    background: #ffffff;
    }
.navigation_item a {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.navigation_item a:hover {
    text-decoration: none;
    }
.navigation_item a .icon {
    padding: 15px 0px 15px 5px;
    width: 35px;
    text-align: center;
    }
.navigation_item a .title {
    padding: 15px 10px;
    flex: 1;
    font-weight: 300;
    }
.navigation_item.selected {
    background: #ffffff;
    }
.navigation_item.selected .title {
    color: var(--account_navigation_selected, #555);
    font-weight:500;
    }
/* action row for account history, account checkout express  */
.action_row {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 20px -10px 0 -10px;
    padding: 0px;
    }
.action_item {
    order: 2;
    width: 100%;
    padding: 0px 10px;
    margin: 0px;
    }
@media only screen and (min-width: 759px) {
    .action_item {
        width: 50%;
        }
    }
.action_item_full {
    order: 2;
    width: 100%;
    padding: 0px 10px;
    margin: 0px;
    }
.action_item.selected,
.action_item_full.selected {
    order: 1;
    }
.action_item_inner {
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 15px 10px;
    height: 100%;
    display: flex;
    }
.action_item_inner > form {
    height: 100%;
    width: 100%;
    display: flex;
    }
.action_item.selected .action_item_inner,
.action_item_full.selected .action_item_inner {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    background: #fff7dd;
    }
.action_item_inner_plain {
    padding: 5px 2px;
    display: flex;
    }
.action_item_inner_plain.bordered {
    padding: 10px 2px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.action_item_full:first-child .action_item_inner_plain.bordered {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.action_item_full:first-child .action_item_inner_plain.no_top_border {
    border-top: none !important;
    }
.action_row label,
.action_row .item {
    flex: 1;
    }
.action_row label .title,
.action_row .item .title {
    display: block;
    font-weight:500;
    }
.action_row label .content,
.action_row .item .content {
    display: block;
    padding: 5px 0px 0px 0px;
    font-weight:300;
    }
.action_row .actions {
    display: flex;
    padding: 0 0 0 10px;
    }
.action_row .actions .icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    width: 44px;
    }
.action_row .actions .icon .cssButtonIcon {
    font-size: 1rem;
    }
/* action row for adress book */
.action_row.address .header {
    display: flex;
    flex-wrap: wrap;
    }
.action_row.address .title {
    padding: 3px 0 0 0;
    font-weight:500;
    line-height: 1.125rem;
    flex: 1;
    }
.action_row.address .actions {
    display: flex;
    padding: 2px 0 0 0;
    width: 100%;
    }
@media only screen and (min-width: 500px) {
    .action_row.address .actions {
        padding: 0 0 0 10px;
        width: auto;
        }
    }
.action_row.address .actions .icon {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    }
@media only screen and (min-width: 500px) {
    .action_row.address .actions .icon {
        margin: 0 0 0 10px;
        }
    }
.action_row.address .actions .icon a,
.action_row.address .actions .icon a:hover {
    text-decoration: none;
    }
.action_row.address .actions .icon .cssButton {
    height: 24px;
    min-height: 24px;
    }
.action_row.address .actions .icon .cssButtonIcon {
    font-size: 0.688rem;
    line-height: 1rem;
    padding: 0 6px 0 0;
    }
.action_row.address .actions .icon .cssButtonText {
    padding: 0 0 0 0;
    }
.action_row.address .content {
    display: block;
    padding: 10px 0px 0px 0px;
    font-weight:300;
    }
/* account history list */
.action_row .image {
    display: block;
    width: 60px;
    }
.action_row .entry {
    flex: 1;
    padding: 0 0 0 30px;
    }
.action_row .entry_item {
    display: block;
    margin: 0px 0px 0px 0px;
    }
.action_row .entry_item:first-child {
    margin: 0px 0px 10px 0px;
    }
.action_row .entry_item a {
    display: inline-block;
    line-height: 1.125rem;
    }
/* 28. END account and account_navigation */
/* 29. START reviews */
/* home */
.reviewbox {
    position: relative;
    vertical-align: top;
    overflow: hidden;
    border: solid var(--layout_wrap_bg, #ffffff);
    background: #ffffff;
    border-width: 0px 1px 1px 0px;
    }
.splide_size2:after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: #fff;
    top: 0px;
    bottom: 0px;
    right: -1px;
    border-right: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.splide_size2 {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    border-left: 1px solid var(--layout_wrap_bg, #ffffff);
    border-right: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.splide_size2 .reviewbox {
    border-bottom: none;
    height: 100%;
    }
.rb_inner {
    padding: 40px 20px;
    display: flex;
    }
.rb_image {
    width: 120px;
    padding: 0 20px 0 0;
    }
.rb_image_inner {
    text-align: center;
    width: 100px;
    position: relative;
    margin: 0px auto;
    }
.rb_content {
    padding: 0 0 0 0;
    }
.rb_title {
    margin: 3px 0px 15px 0px;
    }
.rb_title h2 {
    font-weight:500;
    font-size: 0.875rem;
    line-height: 1rem;
    border: none;
    margin: 0;
    padding: 0;
    }
.rb_title h2 a {
    color: #262626;
    }
.rb_title h2 a:hover {
    color: #555;
    text-decoration: none;
    }
.rb_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    }
.rb_text_inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
.rb_rating_icons {
    margin: 0px 0 10px 0;
    display: block;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 0.875rem;
    height: 14px;
    color: #ddd;
    }
.rb_rating_icons .fa-solid,
.rb_rating_icons .fa-regular {
    padding: 0 2px 0 0;
    }
.rb_rating_icons .full {
    color: #ffab00;
    }
/* product details */
.pd_reviews {
    display: flex;
    flex-direction: column;
    margin: 20px 0 0 0;
    }
@media only screen and (min-width: 850px) {
    .pd_reviews {
        flex-direction: row;
        }
    }
.pd_reviews_summary {
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    margin: 0 0 30px 0;
    }
@media only screen and (min-width: 850px) {
    .pd_reviews_summary {
        width: 300px;
        margin: 0 0 0 0;
        }
    }
.pd_reviews_content {
    padding: 0 0 0 0;
    flex: 1;
    }
@media only screen and (min-width: 850px) {
    .pd_reviews_content {
        padding: 0 0 0 50px;
        }
    }
.pd_reviews_heading {
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    font-size: 0.875rem;
    line-height: 1.188rem;
    font-weight:500;
    padding: 8px 0px;
    text-align: center;
    }
.pd_reviews_stars {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: #ddd;
    margin: 15px 0 15px 0;
    }
.pd_reviews_stars .fa-solid,
.pd_reviews_stars .fa-regular {
    padding: 0 2px 0 2px;
    }
.pd_reviews_stars .full {
    color: #ffab00;
    }
.pd_reviews_note {
    font-size: 0.875rem;
    line-height: 1.188rem;
    font-weight:500;
    text-align: center;
    }
.pd_reviews_all {
    margin: 10px 0 0 0;
    font-size: 0.875rem;
    line-height: 1.188rem;
    text-align: center;
    }
/* reviews row  */
.reviewrow_full {
    padding: 0px 0px;
    margin: 0 0 30px 0;
    }
.reviewrow_full strong {
    font-weight:500;
    }
.reviewrow_full_head {
    font-size: 0.875rem;
    line-height: 1.188rem;
    padding: 8px 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.reviewrow_full_head .seperator {
    display: inline-block;
    padding: 0px 10px;
    color: #ccc;
    }
.reviewrow_full_head .rating_icons {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 0.813rem;
    color: #ddd;
    padding: 0px 3px 0 5px;
    }
.reviewrow_full_head .rating_icons .fa-solid,
.reviewrow_full_head .rating_icons .fa-regular {
    padding: 0 2px 0 0;
    }
.reviewrow_full_head .rating_icons .full {
    color: #ffab00;
    }
.reviewrow_full_content {
    padding: 10px 1px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    }
.reviewrow_full_content h3 {
    font-weight:500;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    }
.reviewrow_full_content h3 a {
    color: #262626;
    }
.reviewrow_full_content h3 a:hover {
    color: #555;
    text-decoration: none;
    }
.reviewrow_full_content_title {
    font-size: 0.688rem;
    line-height: 0.875rem;
    margin-bottom: 5px;
    }
.reviewrow_full_content_more {
    font-size: 0.688rem;
    line-height: 0.875rem;
    margin-top: 10px;
    font-weight:500;
    }
.reviewrow_full_content_more a {
    text-decoration: none;
    }
.reviewrow_full_content_more a:hover {
    text-decoration: none;
    }
/* products_reviews_info */
.pr_reviews {
    display: flex;
    flex-direction: column;
  padding: 10px 20px;
  margin: .25rem 0 0px 0;
  border: solid var(--layout_wrap_bg, #eeeeee);
  border-width: 1px 1px 1px 1px;
  width: 100%;
  background: #fff;
  border-top: 3px solid var(--primary_1, #ffffff);
    }
@media only screen and (min-width: 850px) {
    .pr_reviews {
        flex-direction: row;
        }
    }
.pr_reviews_image {
    width: 280px;
    max-width: 100%;
    padding: 10px 0px;
    margin: 0 0 10px 0;
    text-align: center;
    }
.pr_reviews_image_small {
    width: 160px;
    padding: 10px 0px;
    text-align: center;
    }
.pr_reviews_image_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.pr_reviews_content {
    padding: 0 0 0 0;
    flex: 1;
    }
@media only screen and (min-width: 850px) {
    .pr_reviews_content {
        padding: 0 0 0 50px;
        }
    }
/* reviews write */
.field_rating {
    display: flex;
    align-items: center;
    }
.show_rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    display: inline-block;
    padding: 0px 10px;
    position: relative;
    bottom: 1px;
    }
.show_rating input {
    position: absolute;
    left: -999999px;
    }
.show_rating label {
    display: inline-block;
    font-size: 0;
    padding: 0px 1px;
    }
.show_rating label > span {
    position: absolute;
    }
.show_rating > label:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.5rem;
    position: relative;
    display: block;
    content: '\f005';
    color: transparent;
    background: #ddd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
.show_rating > label:hover:before,
.show_rating > label:hover ~ label:before,
.show_rating > label.selected:before,
.show_rating > label.selected ~ label:before {
    color: transparent;
    background: #ffab00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
/* 29. END reviews */
/* 30. START shopcontent */
.flex_content_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    }
.flex_content_col_1 {
    flex: 1;
    padding: 0 0 0 0;
    overflow-wrap: anywhere;
    }
@media only screen and (min-width: 985px) {
    .flex_content_col_1 {
        padding: 0 30px 0 0;
        }
    }
.flex_content_col_2 {
    display: none;
    width: 320px;
    padding: 38px 0 0 30px;
    }
@media only screen and (min-width: 985px) {
    .flex_content_col_2 {
        display: block;
        }
    }
.content_site {
    padding: 0 0 20px 0;
    }
.content_site ul {
    margin-left: 20px;
    }
.content_site ol {
    margin-left: 25px;
    }
.content_site img {
    max-width: 100% !important;
    height: auto !important;
    }
.content_site a,
.content_site a:hover {
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid #999;
    }
.sub_content_listing {
    padding: 0px 0px 0px 0px;
    margin: 0px 0 30px 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.subcontent_row {
    margin: 0px -5px 0px -5px;
    padding: 0 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    }
@media only screen and (min-width: 600px) {
    .subcontent_row {
        margin: 0px -10px 0px -10px;
        }
    }
.subcontent_item {
    width: auto;
    max-width: 320px;
    padding: 5px 5px;
    }
@media only screen and (min-width: 600px) {
    .subcontent_item {
        padding: 10px 10px;
        }
    }
.subcontent_title {
    background: #ffffff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 10px 50px 10px 10px;
    position: relative;
    display: block;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    }
.subcontent_title > span {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 18px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
.subcontent_title:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 18px;
    font-size: 0.625rem;
    line-height: 1.25rem;
    background: #262626;
    color: #d9d9d9;
    border-radius: 6px;
    text-align: center;
    display: block;
    transition: all 0.3s ease-in-out;
    }
.subcontent_item_inner a {
    color: #262626;
    }
.subcontent_item_inner a:hover,
.subcontent_item_inner a:hover .subcontent_title,
.subcontent_item_inner a.selected,
.subcontent_item_inner a.selected .subcontent_title {
    background: #9f9f9f;
    color: #262626;
    text-decoration: none;
    }
.subcontent_item_inner a.selected span,
.subcontent_item_inner a.selected .subcontent_title span {
    font-weight:500;
    }
.subcontent_item_inner a.selected .subcontent_title:before {
    content: '\f00c';
    }
.subcontent_item_inner a:hover .subcontent_title:before,
.subcontent_item_inner a.selected .subcontent_title:before {
    background: #262626;
    color: #fff;
    }
/*right column */
.flex_content_col_2 .content_box {
    margin: 0 0 30px 0;
    }
.flex_content_col_2 .content_box_header {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight:500;
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 0px;
    background: #262626;
    color: #fff;
    padding: 0.75rem 0.25rem;
    border-left: 15px solid var(--primary_1, #ffffff);
    text-indent:.5rem;
    }
.flex_content_col_2 ul.content_box_list {
    margin: 10px 0 0 0;
    list-style-type: none;
    padding: 0px;
    border-radius: 2px;
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 1px 1px 1px 1px;
    overflow: hidden;
    padding: 5px 0px;
    background: #fff;
    }
.flex_content_col_2 ul.content_box_list ul {
    margin: 0 0 0 0;
    list-style-type: none;
    }
.flex_content_col_2 ul.content_box_list li {
    border: solid var(--layout_wrap_bg, #ffffff);
    border-width: 1px 0 0 0;
    }
.flex_content_col_2 ul.content_box_list > li:first-child {
    border-top: none;
    }
.flex_content_col_2 ul.content_box_list li a {
    padding: 9px 5px 9px 25px;
    display: block;
    font-size: 0.875rem;
    line-height: 1.063rem;
    color: #262626;
    position: relative;
    }
.flex_content_col_2 ul.content_box_list li a:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f178';
    font-weight: 900;
    font-size: 0.563rem;
    line-height: 1.063rem;
    margin: 0 0 0 0px;
    position: absolute;
    top: 9px;
    left: 8px;
    }
.flex_content_col_2 ul.content_box_list ul li a {
    padding: 9px 5px 9px 42px;
    }
.flex_content_col_2 ul.content_box_list ul li a span {
    font-weight: 300;
    }
.flex_content_col_2 ul.content_box_list ul li a:after {
    left: 25px;
    }
.flex_content_col_2 ul.content_box_list li a:hover {
    color: #262626;
    background: #ffffff;
    text-decoration: none;
    }
.flex_content_col_2 ul.content_box_list li.active1 a,
.flex_content_col_2 ul.content_box_list li.activeparent1 a,
.flex_content_col_2 ul.content_box_list li.active2 a,
.flex_content_col_2 ul.content_box_list li.activeparent2 a {
    background: #ffffff;
    }
.flex_content_col_2 ul.content_box_list li.active1 > a span,
.flex_content_col_2 ul.content_box_list li.active2 > a span {
    color: var(--contentboxlist_color_selected, #262626);
    font-weight:500;
    }
/* 30. END shopcontent */
/* 31. START home text */
.box_greeting {
    margin: 50px 0px;
    }
.box_greeting h1 {
    margin: 0px 0 15px 0;
    padding: 0 0 0 0;
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1.25rem;
    }
.greeting_text {
    column-count: 1;
    column-gap: 0px;
    }
@media only screen and (min-width: 920px) {
    .greeting_text {
        column-count: 2;
        column-gap: 80px;
        }
    }
.greeting_text h2 {
    margin: 20px 0px 10px 0px;
    padding: 0 0 0 0;
    border: none;
    }
.greeting_text p {
    overflow: hidden;
    break-inside: avoid-column;
    margin: 0 0 20px 0;
    padding: 0px;
    width: 100%;
    }
.greeting_text ul {
    margin: 0px 0px 20px 18px;
    padding: 0;
    display: block;
    }
.greeting_text img {
    max-width: 100% !important;
    height: auto !important;
    }
.greeting_text strong {
    font-weight:500;
    }
.greeting_text a {
    border-bottom: 1px solid #999;
    }
.greeting_text a:hover {
    text-decoration: none;
    border-bottom: 1px solid #999;
    }
/* 31. END home text */
/* 32. START sitemap  */
.sitemaplist {
    margin: 20px 0 20px 0;
    }
.sitemaplist ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
.sitemaplist .overview {
    display: none;
    }
.sitemaplist > ul.sitemapcat {
    column-count: 1;
    column-gap: 0px;
    column-rule: 1px solid var(--layout_wrap_bg, #ffffff);
    }
@media only screen and (min-width: 500px) {
    .sitemaplist > ul.sitemapcat {
        column-count: 2;
        column-gap: 60px;
        }
    }
@media only screen and (min-width: 850px) {
    .sitemaplist > ul.sitemapcat {
        column-count: 3;
        column-gap: 60px;
        }
    }
.sitemaplist > ul.sitemapcat > li.level1 {
    overflow: hidden;
    break-inside: avoid-column;
    margin-bottom: 30px;
    list-style-type: none;
    display: block;
    width: 100%;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    font-weight: bold;
    }
.sitemaplist > ul.sitemapcat > li.level1 > a,
.sitemaplist > ul.sitemapcat > li.level1 > span {
    display: block;
    padding: 10px 5px;
    border-bottom: none;
    }
.sitemaplist > ul.sitemapcat > li.level1 > a:hover {
    color: #262626;
    text-decoration: none;
    }
.sitemaplist > ul.sitemapcat > li > ul li {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    font-weight: normal;
    }
.sitemaplist > ul.sitemapcat > li > ul li a {
    background: #fff;
    color: #262626;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 8px 0px;
    border-bottom: none;
    }
.sitemaplist > ul.sitemapcat > li > ul li a:hover {
    text-decoration: none;
    }
/* level2 */
.sitemaplist > ul.sitemapcat > li ul li a {
    padding-left: 5px;
    border-bottom: none;
    }
/* level3 */
.sitemaplist > ul.sitemapcat > li ul ul li a {
    padding-left: 20px;
    border-bottom: none;
    }
/* level4 */
.sitemaplist > ul.sitemapcat > li ul ul ul li a {
    padding-left: 35px;
    border-bottom: none;
    }
/* level5 */
.sitemaplist > ul.sitemapcat > li ul ul ul ul li a {
    padding-left: 50px;
    border-bottom: none;
    }
/* 32. START sitemap  */
/* 33. START product_info */
#product_info {
    margin: 40px 0 0 0;
    }
#product_info .pp-message {
    margin: 10px 0 -10px 0;
    }
#product_info .subline {
    font-size: 1.875rem;
    line-height: 1.875rem;
    letter-spacing: -2px;
    border-bottom: 3px solid #262626;
    }
.pd_cols_row {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    display: block;
    }
.pd_heading {
    float: none;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
    }
.pd_col_1 {
    float: none;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 500px;
    margin: 30px auto 30px auto;
    }
.pd_col_2 {
    float: none;
    padding: 0 0 0 0px;
    width: 100%;
    max-width: 500px;
    margin: 0px auto;
    }
@media only screen and (min-width: 850px) {
    .pd_heading {
        float: right;
        padding: 0 0 0 30px;
        width: 50%;
        max-width: initial;
        margin: initial;
        }
    .pd_col_1 {
        float: left;
        padding: 0 30px 0 0;
        width: 50%;
        max-width: initial;
        margin: initial;
        min-height: 200px;
        }
    .pd_col_2 {
        float: right;
        padding: 0 0 0 30px;
        width: 50%;
        max-width: initial;
        margin: initial;
        }
    }
.pd_sticky {
    position: static;
    top: 0;
    }
@media only screen and (min-width: 850px) {
    .pd_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 15px;
        }
    }
.admin_mode .pd_sticky {
    top: 0;
    }
@media only screen and (min-width: 850px) {
    .admin_mode .pd_sticky {
        top: 50px;
        }
    }
.pd_images {
    position: relative;
    font-size: 0.5rem;
    line-height: 0.625rem;
    color: #fff;
    }
.pd_images:before {
    content: '';
    display: block;
    padding-top: 82%;
    }
.pd_image_container {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: calc(100% - 10px);
    display: flex;
    margin: 0px 10px 0 0px;
    flex-direction: row-reverse;
    }
.pd_image_small_container {
    float: left;
    width: 16.6666%;
    display: flex;
    flex-direction: column;
    position: relative;
    right: -10px;
    }
.pd_image_big_container {
    float: right;
    width: 83.3334%;
    overflow: hidden;
    }
.pd_image_small {
    display: block;
    height: 100%;
    padding: 0px 0px 0px 0;
    display: flex;
    background: #fff;
    }
.pd_image_small_inner {
    width: 100%;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    border-radius: 2px;
    position: relative;
    }
.pd_image_small_inner img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: initial;
    height: initial;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: pointer;
    }
.pd_image_big {
    vertical-align: top;
    display: block;
    position: relative;
    padding: 0px 1px 0px 0;
    }
.pd_image_big_inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 2px;
    background: #ffffff;
    }
.pd_image_big_inner:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
.pd_image_big_inner a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    }
.pd_image_big img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: initial;
    height: initial;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    }
.splide.splide_small_image {
    border: none
    }
.splide.splide_small_image.no_arrows .splide__arrows {
    display: none;
    }
.splide_small_image .splide__slide,
.splide_small_image .splide__slide.is-active {
    border: none !important;
    }
.splide_small_image .splide__slide.is-active .pd_image_small_inner {
    border: 1px solid #555;
    }
.splide.splide_big_image {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: none;
    width: 100%;
    }
.splide.splide_big_image.no_arrows .splide__arrows {
    display: none;
    }
.pd_heading {
    display: flex;
    position: relative;
    }
.pd_manu_image {
    width: 70px;
    position: absolute;
    right: 0px;
    top: 0px;
    }
.pd_manu_image img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    }
.pd_title {
    flex: 1;
    }
.pd_title h1 {
    font-weight:500;
    font-size: 1.875rem;
    line-height: 1.875rem;
    color: #262626;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    }
.pd_title h1.manu_image_padding {
    padding: 0 90px 0 0;
    }
.pd_manu {
    color: #262626;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0 0 5px 0;
    font-weight:500;
    }
.pd_manu a {
    display: inline-block;
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    }
.pd_manu a:hover {
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid #262626;
    }
.pd_rating {
    margin: 15px 0 15px -1px;
    padding: 0px 0px;
    font-size: 0.875rem;
    line-height: 1.188rem;
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: 300;
    }
.pd_rating .pd_rating_filler {
    vertical-align: top;
    display: inline-block;
    padding: 0px 8px;
    color: #999;
    }
.pd_rating .pd_rating_icons {
    vertical-align: top;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.188rem;
    color: #ddd;
    padding: 0px 2px 0 0px;
    }
.pd_rating .pd_rating_icons .fa-solid,
.pd_rating .pd_rating_icons .fa-regular {
    padding: 0 2px 0 0;
    }
.pd_rating .pd_rating_icons .full {
    color: #ffab00;
    }
.pd_rating .pd_rating_count {
    color: #666;
    font-size: 0.688rem;
    line-height: 1.188rem;
    letter-spacing: 1px;
    font-weight:500;
    vertical-align: top;
    }
.pd_rating .pd_rating_link {
    }
.pd_rating .pd_rating_link a {
    color: #262626;
    border-bottom: 1px solid #ccc;
    }
.pd_rating .pd_rating_link a:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f044';
    font-weight: 400;
    margin: 0 0 0 5px;
    }
.pd_rating .pd_rating_link a:hover {
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.pd_heading_inforow {
    padding: 0px 0px;
    font-size: 0.688rem;
    line-height: 1.125rem;
    text-align: left;
    font-weight: 300;
    }
.pd_heading_inforow strong {
    font-weight:500;
    }
.pd_shippingrow {
    margin: 25px 0px;
    display: flex;
    font-size: 0.875rem;
    line-height: 1.063rem;
    font-weight: 300;
    }
.pd_shippingrow strong {
    font-weight:500;
    }
.pd_shipping_icon {
    width: 28px;
    font-size: 0.938rem;
    line-height: 1.063rem;
    }
.pd_shipping_image {
    display: inline-block;
    padding: 0 5px 0 0;
    }
.pd_shipping_content {
    padding: 0px 0px 0px 0px;
    font-size: 0.875rem;
    line-height: 1.063rem;
    flex: 1;
    }
.pd_shipping_content a:hover {
    text-decoration: none;
    }
.pd_shipping_content a {
    color: #262626;
    border-bottom: 1px solid #ccc;
    }
.pd_shipping_content a:hover {
    color: #262626;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    }
.pd_offer {
    margin: 25px 0 25px 0;
    }
.pd_price {
    position: relative;
    text-align: left;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
    font-weight:500;
    font-size: 1.5rem;
    line-height: 1.5rem;
    }
.pd_price_discount {
    color: #e32828;
    font-weight:300;
    padding: 0 0 5px 0;
    font-size: 0.875rem;
    line-height: 1.188rem;
    }
#pd_puprice {
    position: relative;
    }
.pd_price .standard_price,
.pd_price .special_price,
.pd_price .specialgraduated_price,
.pd_price .graduated_price {
    color: var(--price_default_color, #434343);
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 0 0 2px 0;
    }
.pd_price .special_price {
    padding: 0 0 2px 50px;
    }
.pd_price .specialgraduated_price {
    padding: 0 0 2px 0;
    }
.pd_price .vpe,
.pd_price .vpe_with_item_price,
.pd_price .no_price {
    display: block;
    font-weight:300;
    padding: 2px 0 0 0;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: #666;
    }
.pd_price .small_price {
    vertical-align: 0px;
    padding: 0 3px 0 0;
    font-weight: 300;
    font-size: 0.688rem;
    line-height: 0.75rem;
    }
.pd_price .special_price .small_price,
.pd_price .specialgraduated_price .small_price {
    display: block;
    width: 100%;
    padding: 0 0px 1px 0;
    font-size: 0.5rem;
    line-height: 8px;
    }
.pd_price .old_price {
    float: left;
    display: inline-block;
    font-weight:500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--price_old_color, #666);
    text-decoration: none;
    padding: 0 0 0 10px;
    }
.pd_price .new_price {
    float: left;
    display: inline-block;
    font-weight:500;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(--price_new_color, #e32828);
    }
.pd_price .item_price {
    float: left;
    display: inline-block;
    font-weight:500;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #666;
    text-decoration: none;
    padding: 0 0 0 10px;
    }
.pd_price .uvp_price {
    float: left;
    display: inline-block;
    font-weight:500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    }
.pd_price .save_price {
    display: block;
    background: var(--price_save_bg, #e32828);
    color: var(--price_save_color, #fff);
    font-size: 0.875rem;
    line-height: 2.063rem;
    font-weight:500;
    width: 40px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.pd_price .save_price_long {
    display: none;
    color: var(--price_new_color, #e32828);
    font-weight:300;
    padding: 1px 0 0 0;
    font-size: 0.688rem;
    line-height: 0.938rem;
    }
.pd_tax {
    display: block;
    font-weight:300;
    text-align: left;
    padding: 1px 0 0 0;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: #666;
    }
.pd_tax a {
    color: #666;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    }
.pd_tax a:hover {
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    }
.pd_expires {
    display: block;
    font-weight:300;
    text-align: left;
    padding: 1px 0 0 0;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: var(--price_new_color, #e32828);
    }
.fskmessage {
    margin: 40px 0 0px 0;
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    color: #e32828;
    background: #fff3f3;
    }
.fskmessage:before {
    font-weight:500;
    content: '18';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0px 0px;
    color: #fff3f3;
    background: #e32828;
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 0.5;
    }
.pd_addtobasket {
    margin: 40px 0px 5px 0px;
    font-size: 0.875rem;
    line-height: 1.125rem;
    }
.pd_addtobasket_row {
    display: flex;
    padding: 5px 0px;
    margin: 0px -5px;
    align-items: center;
    }
.pd_addtobasket_wish {
    padding: 0 5px 0 5px;
    width: 54px;
    }
.pd_addtobasket_wish .cssButton .cssButtonIcon {
    font-size: 1.125rem;
    }
.pd_addtobasket_cart {
    padding: 0 5px 0 5px;
    flex: 1;
    }
.pd_addtobasket_input {
    position: relative;
    padding: 0 5px 0 5px;
    width: 50px;
    }
@media only screen and (min-width: 340px) {
    .pd_addtobasket_input {
        width: 70px;
        }
    }
.pd_addtobasket_input input {
    text-align: center;
    padding: 11px 6px 11px 6px
    }
.pd_addtobasket_row_additional {
    display: flex;
    flex-direction: column;
    margin: 0px -5px;
    padding: 0 54px 0 50px;
    }
@media only screen and (min-width: 340px) {
    .pd_addtobasket_row_additional {
        padding: 0 54px 0 70px;
        }
    }
.pd_addtobasket_paypal {
    width: 100%;
    padding: 5px 5px;
    }
.pd_addtobasket_express {
    width: 100%;
    padding: 5px 5px;
    text-align: right;
    line-height: 1.063rem;
    }
.pd_addtobasket_row_express {
    display: flex;
    width: 100%;
    }
.pd_addtobasket_express_link {
    flex: 1;
    padding: 5px 0;
    text-align: left;
    }
.pd_addtobasket_express_link:last-child {
    text-align: right;
    }
.pd_addtobasket_express_link a {
    padding: 3px 0px;
    font-weight: 300;
    color: #262626;
    }
.pd_addtobasket_express_link a:hover {
    color: #262626;
    text-decoration: none;
    }
.pd_description_content {
    }
.pd_description_content p:first-child {
    margin-top: 0px;
    }
.pd_description_content h2 {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight:500;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    }
.pd_description_content h3 {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    }
.pd_description_content ul {
    margin: 12px 0px 12px 20px;
    }
.pd_description_content ol {
    margin: 12px 0px 12px 20px;
    }
.pd_description_content img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: top;
    }
.pd_description_content iframe {
    max-width: 100%;
    }
.pd_description_additional {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    margin: 30px 0 0 0;
    padding: 10px 0 0 0;
    }
.pd_print,
.pd_url,
.pd_added {
    position: relative;
    padding-left: 20px;
    }
.pd_print::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f02f';
    font-weight: 800;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.pd_url::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f08e';
    font-weight: 800;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.pd_added::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f073';
    font-weight: 800;
    position: absolute;
    top: 0px;
    left: 0px;
    }
.pd_url > a {
    border-bottom: 1px solid #999;
    }
.pd_url > a:hover {
    text-decoration: none;
    border-bottom: 1px solid #999;
    }
/* plain */
.pd_plain .count {
    background: #262626;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 0.625rem;
    line-height: 1.063rem;
    margin: 0px 0 0 10px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
    }
/* tabs */
.pd_tabs {
    border-top: 1px solid #d9d9d9;
    }
@media only screen and (min-width: 800px) {
    .pd_tabs {
        border-top: none;
        }
    }
.pd_tabs ul.resp-tabs-list {
    display: none;
    }
@media only screen and (min-width: 800px) {
    .pd_tabs ul.resp-tabs-list {
        display: block;
        }
    }
.pd_tabs h2.resp-accordion {
    display: block;
    }
@media only screen and (min-width: 800px) {
    .pd_tabs h2.resp-accordion {
        display: none;
        }
    }
.pd_tabs h2.resp-accordion {
    position: relative;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    background: #f9f9f9;
    padding: 16px 20px 14px 20px;
    }
.pd_tabs h2.resp-tab-active {
    border-bottom: 0px solid #d9d9d9 !important;
    margin-bottom: 0px !important;
    padding: 16px 20px 14px 20px !important;
    background: #fff !important;
    color: #262626;
    }
.pd_tabs .resp-arrow {
    right: 15px;
    top: 18px;
    }
.pd_tabs .resp-tabs-list li {
    font-weight:500;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    color: #666;
    display: inline-block;
    padding: 16px 20px 14px 20px !important;
    margin-bottom: -1px !important;
    list-style: none;
    cursor: pointer;
    float: left;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    }
.pd_tabs .resp-tabs-list li.resp-tab-active {
    border-bottom: none;
    background: #fff;
    color: #262626;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    margin-bottom: -1px !important;
    padding: 16px 20px 14px 20px !important;
    }
.pd_tabs .resp-tab-content {
    display: none;
    padding: 30px 20px 30px 20px;
    border: 1px solid #d9d9d9;
    }
.pd_tabs .subline {
    display: none;
    }
.pd_tabs .count {
    background: #262626;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 0.625rem;
    line-height: 1.063rem;
    margin: 0px 0 0 10px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
    }
/* accordion */
.pd_accordion {
    }
.pd_accordion h2.resp-accordion {
    position: relative;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    background: #f9f9f9;
    padding: 16px 20px 14px 20px;
    }
.pd_accordion h2.resp-tab-active {
    border-bottom: 0px solid #d9d9d9 !important;
    margin-bottom: 0px !important;
    padding: 16px 20px 14px 20px !important;
    background: #fff !important;
    color: #262626;
    }
.pd_accordion .resp-arrow {
    right: 15px;
    top: 18px;
    }
.pd_accordion .count {
    background: #262626;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 0.625rem;
    line-height: 1.063rem;
    margin: 0px 0 0 10px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
    }
.pd_accordion .resp-tab-content {
    display: none;
    padding: 30px 20px 30px 20px;
    }
.pd_accordion .subline {
    display: none;
    }
/* 33. END product_info */
/* 34. START graduated prices */
.graduated_prices {
    margin: 30px 0px 0px 0px;
    font-weight: 300;
    padding: 0 0 0 0;
    }
.graduated_headline {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 0.815rem;
    line-height: 1.188rem;
    font-weight:500;
    border-bottom: 1px solid #d9d9d9;
    }
.graduated_row {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    }
.graduated_item {
    width: 33.3333%;
    font-size: 0.815rem;
    line-height: 1.188rem;
    padding: 0px 10px 0 0px;
    margin: 10px 0 0 0
    }
@media only screen and (min-width: 600px) {
    .graduated_item {
        width: 25%;
        }
    }
.graduated_title {
    font-weight:500;
    line-height: 1.188rem;
    }
.graduated_vpe {
    font-weight:300;
    padding: 0px 0 0 0px;
    font-size: 0.688rem;
    line-height: 0.938rem;
    color: #666;
    }
/* 34. END graduated prices */
/* 35. START product_options */
.productoptions {
    margin: 30px 0px 0px 0px;
    font-weight: 300;
    }
/* product_options_select */
.po_row_select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0px;
    margin: 0 0 0 0;
    border-top: 1px solid #d9d9d9;
    }
.po_row_select:last-child {
    margin: 0 0 0 0;
    border-bottom: 1px solid #d9d9d9;
    }
.po_row_select_name {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 0.815rem;
    line-height: 0.938rem;
    font-weight:500;
    width: 100%;
    }
@media only screen and (min-width: 500px) {
    .po_row_select_name {
        width: 160px;
        padding: 0 10px 0 0;
        }
    }
.po_row_select_item {
    flex: 1;
    padding: 0 0 0 0;
    }
.po_row_select_item select {
    height: 41px;
    }
.po_row_select_item .SumoSelect > .CaptionCont {
    height: 41px;
    font-size: 0.815rem;
    line-height: 1.188rem;
    min-height: 41px;
    padding: 10px 10px 10px 10px;
    }
.po_row_select_item .SumoSelect > .optWrapper {
    font-size: 0.815rem;
    line-height: 1.188rem;
    }
/* product_options_table */
.po_row_table {
    padding: 0;
    margin: 0 0 15px 0;
    }
.po_row_table:last-child {
    margin: 0 0 0 0;
    }
.po_row_table_name {
    margin: 0 0 0px 0;
    padding: 0 0 5px 0;
    font-size: 0.815rem;
    line-height: 1.188rem;
    font-weight:500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.po_row_table_item {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    font-size: 0.815rem;
    line-height: 1.188rem;
    }
.po_row_table_item .cus_radio {
    font-size: 0.815rem;
    line-height: 1.188rem;
    }
.po_row_table_label {
    display: flex;
    flex-wrap: wrap;
    }
.po_row_table_option {
    flex: 1;
    }
.po_row_table_price {
    white-space: nowrap;
    text-align: right;
    font-weight:500;
    padding: 0 0 0 20px;
    }
/* product_options_button */
.po_row_button {
    display: block;
    margin: 0 0 15px 0;
    }
.po_row_button_name {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-size: 0.815rem;
    line-height: 1.188rem;
    font-weight:500;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.po_row_button_values {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
    }
.po_row_button_item {
    position: relative;
    margin: 5px;
    }
.po_row_button_item input[type='radio'] {
    position: absolute;
    opacity: 0;
    }
.po_row_button_item label {
    display: flex;
    height: 100%;
    padding: 10px 8px;
    min-width: 60px;
    max-width: 160px;
    background: #ffffff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    border-radius: 2px;
    cursor: pointer;
    }
.po_row_button_item label:hover {
    background: #fff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.po_row_button_item_name {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 0.815rem;
    line-height: 0.938rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
.po_row_button_item_price {
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 0.625rem;
    line-height: 0.625rem;
    display: block;
    padding: 3px 0 0 0;
    }
.po_row_button_item input[type='radio']:checked ~ label {
    background: #d9d9d9;
    border: 1px solid #ccc;
    opacity: 1.0;
    }
.po_row_button_item input[type='radio']:checked ~ label .po_row_button_item_name {
    font-weight:500;
    }
/* 35. END product_options */
/* 36. START product_tags */
.tags_block {
    margin: 0 0 0px 0;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.tags_row {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    display: flex;
    flex-wrap: wrap;
    }
.tags_bg1 {
    background: transparent;
    }
.tags_bg2 {
    background: transparent;
    }
.tags_row .tags_options {
    float: left;
    width: 100%;
    display: block;
    font-weight:500;
    white-space: nowrap;
    padding: 14px 0px 0px 0px;
    }
@media only screen and (min-width: 600px) {
    .tags_row .tags_options {
        width: 25%;
        padding: 14px 0px 14px 0px;
        }
    }
.tags_row .tags_values {
    flex: initial;
    width: 100%;
    float: left;
    padding: 2px 0px 14px 0px;
    display: block;
    }
@media only screen and (min-width: 600px) {
    .tags_row .tags_values {
        flex: 1;
        width: initial;
        padding: 14px 0px 14px 15px;
        }
    }
/* options */
.tags_options_row {
    font-size: 0.875rem;
    line-height: 1.25rem;
    float: left;
    padding: 2px 0px 2px 0px;
    }
.tags_options_name {
    position: relative;
    z-index: 1;
    display: inline-block;
    border-bottom: 1px dashed transparent;
    }
.tags_options_name.tooltip {
    cursor: default;
    border-bottom: 1px dashed #999;
    }
.tags_options a {
    color: #296aab;
    font-size: 0.938rem;
    line-height: 0.938rem;
    vertical-align: -1px;
    }
/* values - diff */
.tags_values > span:after {
    content: ',';
    margin: 0 8px 0 1px;
    }
.tags_values > span:last-child:after {
    content: '';
    margin: 0 0px 0 0px;
    }
/* values - text */
.tags_values_text_row {
    font-size: 0.875rem;
    line-height: 1.25rem;
    float: left;
    padding: 2px 0px 2px 0px;
    }
.tags_values_name {
    position: relative;
    z-index: 1;
    display: inline-block;
    border-bottom: 1px dashed transparent;
    }
.tags_values_name.tooltip {
    cursor: default;
    border-bottom: 1px dashed #999;
    }
.tags_values_info {
    position: relative;
    }
.tags_values_info a {
    color: #296aab;
    font-size: 0.938rem;
    line-height: 0.938rem;
    vertical-align: -1px;
    }
/* values - image */
.tags_values_icon_row {
    font-size: 0.875rem;
    line-height: 1.25rem;
    float: left;
    padding: 2px 0px 2px 0px;
    }
.tags_values_icon_name {
    position: relative;
    z-index: 1;
    display: inline-block;
    border-bottom: 1px dashed transparent;
    }
.tags_values_icon_name img {
    vertical-align: top;
    width: auto;
    height: 20px;
    }
/* tooltip */
.tags_block .tooltip .tooltip_content {
    display: block;
    visibility: hidden;
    width: 200px;
    background-color: #262626;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 5px);
    left: 0%;
    margin-left: 0px;
    opacity: 0;
    font-size: 0.688rem;
    line-height: 1rem;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    }
.tags_block .tooltip .tooltip_content::after {
    content: ' ';
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 20px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #262626 transparent transparent transparent;
    }
.tags_block .tooltip:hover .tooltip_content {
    visibility: visible;
    opacity: 1;
    }
/* 36. END product_tags */
/* 37. START product_media */
.media_block {
    margin: 0px 0 0px 0;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.media_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.125rem;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 10px 5px;
    }
.media_row:nth-child(odd) {
    background: transparent;
    }
.media_row:nth-child(even) {
    background: transparent;
    }
.media_row a:hover {
    text-decoration: none;
    }
.media_desc {
    width: 100%;
    padding: 0px 0% 5px 56px;
    font-size: 0.875rem;
    line-height: 1.063rem;
    }
@media only screen and (min-width: 600px) {
    .media_desc {
        padding: 0px 20% 5px 56px;
        }
    }
.media_icon {
    width: 56px;
    line-height: 2.75rem;
    font-size: 1.5rem;
    text-align: center;
    padding: 0 20px 0 0;
    }
.media_icon .fa-arrow-up-right-from-square {
    font-size: 1.25rem;
    }
.media_content {
    flex: 1;
    font-weight:500;
    padding: 0 10px 0 0;
    }
.media_size {
    display: none;
    padding: 0 20px;
    text-align: right;
    font-style: italic;
    }
@media only screen and (min-width: 600px) {
    .media_size {
        display: block;
        }
    }
.media_button {
    width: 100%;
    margin: 10px 0 10px 0;
    order: 2;
    }
@media only screen and (min-width: 600px) {
    .media_button {
        width: 130px;
        margin: 0;
        order: initial;
        }
    }
.media_button .cssButton {
    padding: 5px 5px;
    min-height: 36px;
    }
/* 37. END product_media */
/* 38. START downloads */
.download_box {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    margin: 0 0 20px 0;
    }
.download_row {
    display: flex;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 10px 0;
    }
.dl_icon {
    width: 50px;
    padding: 5px 0px 0px 5px;
    }
.dl_icon a {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 5px;
    border-radius: 20px;
    width: 34px;
    text-align: center;
    }
.dl_icon a.dl_allow {
    border: 2px solid var(--primary_1, #ffffff);
    color: var(--primary_1, #ffffff);
    }
.dl_icon a.dl_lock {
    border: 2px solid #e32828;
    color: #e32828;
    }
.dl_icon a:hover {
    opacity: 0.8;
    text-decoration: none;
    }
.dl_content {
    flex: 1;
    line-height: 1.375rem;
    font-size: 0.875rem;
    }
.dl_content a {
    color: #555;
    text-decoration: none;
    }
.dl_content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #999;
    }
/* 38. END downloads */
/* 39. START checkout */
/* checkoutnavigation */
ul#checkoutnavigation {
    margin: 20px 0px 40px 0px;
    padding: 5px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: #ffffff;
    border-bottom: 0px solid #d9d9d9;
    }
@media only screen and (min-width: 985px) {
    ul#checkoutnavigation {
        justify-content: space-evenly;
        }
    }
ul#checkoutnavigation li {
    list-style-type: none;
    float: none;
    padding: 5px 0px;
    width: 50%;
    }
@media only screen and (min-width: 985px) {
    ul#checkoutnavigation li {
        width: initial;
        }
    }
ul#checkoutnavigation li .active,
ul#checkoutnavigation li .selected,
ul#checkoutnavigation li .inactive {
    padding: 5px 0px;
    display: flex;
    align-items: center;
    }
ul#checkoutnavigation li .number {
    width: 30px;
    line-height: 1.875rem;
    height: 30px;
    font-size: 0.875rem;
    text-align: center;
    border-radius: 2px;
    }
ul#checkoutnavigation li .content {
    flex: 1;
    padding: 0 10px 0 10px;
    }
ul#checkoutnavigation li .title {
    display: block;
    font-size: 0.875rem;
    line-height: 1.063rem;
    font-weight:500;
    padding: 1px 0 1px 0;
    text-transform: uppercase;
    }
ul#checkoutnavigation li .description {
    display: none;
    font-size: 0.688rem;
    line-height: 0.875rem;
    }
@media only screen and (min-width: 600px) {
    ul#checkoutnavigation li .description {
        display: block;
        }
    }
ul#checkoutnavigation li .active {
    color: var(--primary_2, #262626);
    }
ul#checkoutnavigation li .inactive {
    color: #aaa;
    }
ul#checkoutnavigation li .selected {
    color: #999;
    }
ul#checkoutnavigation li .active .number {
    border: 1px solid var(--primary_1, #262626);
    color: var(--primary_1, #262626);
    }
ul#checkoutnavigation li .inactive .number {
    border: 1px solid #d9d9d9;
    color: #aaa;
    }
ul#checkoutnavigation li .selected .number {
    border: 1px solid #d9d9d9;
    color: #999;
    }
/* checkout row */
.checkout_row {
    margin: 0px 0px 30px 0px;
    }
.checkout_info {
    float: left;
    width: 100%;
    padding: 5px 10px 10px 10px;
    background: #ffffff;
    font-size: 0.875rem;
    line-height: 1.188rem;
    font-weight: 300;
    margin: 0 0 20px 0;
    }
@media only screen and (min-width: 985px) {
    .checkout_info {
        width: 292px;
        margin: 0;
        }
    }
.checkout_action {
    padding: 0px 0 0 0;
    width: 100%;
    float: right;
    margin: 0 0 20px 0;
    }
@media only screen and (min-width: 985px) {
    .checkout_action {
        padding: 2px 0 0 40px;
        width: calc(100% - 292px);
        margin: 0;
        }
    }
.checkout_action .pp-message {
    margin: 20px 0 0 0;
    }
.checkout_action .pp-message > span {
    max-width: 100% !important;
    }
.checkout_accept {
    padding: 0px 0 0 0px;
    width: 100%;
    float: right;
    }
@media only screen and (min-width: 985px) {
    .checkout_accept {
        padding: 0px 0 0 40px;
        width: calc(100% - 292px);
        }
    }
.checkout_info .subline {
    font-size: 0.815rem;
    line-height: 1.188rem;
    margin: 0px 0px 8px 0px;
    padding: 6px 0;
    }
.checkout_action .subline {
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0px 0px 8px 0px;
    padding: 8px 0 6px 0;
    }
.checkout_accordion .errormessage {
    margin: 10px 0 0 0;
    }
.checkout_accordion .infomessage {
    margin: 10px 0 0 0;
    }
.checkout_accordion {
    margin: 0 0 10px 0 !important;
    }
.checkout_accordion h2 {
    font-weight:500;
    }
.checkout_accordion .cus_radio input[type='radio'] ~ label {
    display: flex;
    padding: 0px 30px 0px 30px;
    font-weight:500;
    }
.checkout_accordion .shipping_name,
.checkout_accordion .payment_name {
    flex: 1;
    padding: 0px 10px 0 0;
    }
.checkout_accordion .shipping_name.no_radio {
    padding: 0px 10px 0 30px;
    position: relative;
    }
.checkout_accordion .shipping_name.no_radio:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f05e';
    font-weight: 900;
    font-size: 1rem;
    line-height: 1.188rem;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #666;
    opacity: 0.3;
    }
.checkout_accordion .shipping_costs,
.checkout_accordion .payment_costs {
    white-space: nowrap;
    padding: 0 0 0 0;
    }
.checkout_accordion img {
    max-width: 100%;
    height: auto;
    vertical-align: -2px;
    margin: 0 10px 0 0;
    }
.checkout_comment {
    margin: 0 0 0 0;
    }
.checkoutconditions {
    padding: 10px;
    text-align: left;
    background: #fff7dd;
    margin: 10px 0 0 0;
    font-weight: 300;
    }
.checkoutconditions strong {
    font-weight: 300;
    }
.checkout_box {
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    }
.checkout_box #checkout_shipping {
    padding: 0 0 0 0;
    }
@media only screen and (min-width: 600px) {
    .checkout_box #checkout_shipping {
        padding: 0 20px 0 0;
        }
    }
@media only screen and (min-width: 985px) {
    .checkout_box #checkout_shipping {
        padding: 0 0 0 0;
        }
    }
.checkout_box #customers_express span.cssButtonText {
    display: none;
    }
.checkout_box_products {
    margin: 0 0 0 0;
    }
.checkout_box_products .subline {
    font-size: 0.815rem;
    line-height: 1.188rem;
    margin: 0px 0px 8px 0px;
    padding: 6px 0;
    }
.checkout_box_row {
    display: flex;
    flex-wrap: wrap;
    }
.checkout_box_row .checkout_box {
    margin: 0px 0px 15px 0px;
    width: 100%;
    }
@media only screen and (min-width: 600px) {
    .checkout_box_row .checkout_box {
        width: 50%;
        }
    }
@media only screen and (min-width: 985px) {
    .checkout_box_row .checkout_box {
        width: 100%;
        }
    }
.checkout_row_confirmation .ordertotal_row {
    padding: 12px 0px;
    }
.dutyinfo {
    font-size: 0.688rem;
    padding: 5px;
    margin-top: 8px;
    }
.color_edit_info {
    color: #262626;
    }
/* payment module */
table.paymentmoduledata {
    font-size: 0.875rem;
    line-height: 1rem;
    }
table.paymentmoduledata tr {
    display: flex;
    align-items: center;
    }
table.paymentmoduledata tr td.title {
    width: 40%;
    padding: 2px 10px 2px 0px;
    }
table.paymentmoduledata tr td.field {
    flex: 1;
    vertical-align: top;
    padding-left: 12px;
    }
table.paymentmoduledata tr td.field br {
    display: none;
    }
table.paymentinfotable tr td {
    width: 130px;
    padding: 2px 20px 2px 0px;
    }
table.paymentinfotable.paypallink span.cssButton,
table.paymentinfotable.paypalpluslink span.cssButton {
    max-width: 165px;
    margin: 10px 0 0 0;
    }
/* checkout_payment gift box */
.checkout_payment_gift {
    margin: 10px 0 20px 0;
    padding: 10px 10px 10px 50px;
    position: relative;
    border: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #262626;
    background: #fff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.checkout_payment_gift:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 800;
    content: '\f06b';
    position: absolute;
    width: 38px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding: 9px 0px;
    color: #ffffff;
    background: #9f9f9f;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    }
.checkout_payment_gift .cus_check_gift {
    font-size: 0.875rem;
    line-height: 1.25rem;
    }
.checkout_payment_gift .gift_title {
    position: relative;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight:500;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 5px 0;
    padding: 0 0 8px 0;
    }
.checkout_payment_gift .gift_costs {
    position: absolute;
    top: 0px;
    right: 30px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    }
.checkout_payment_gift .gift_desc {
    margin: 10px 0 0px 0;
    }
.checkout_payment_gift .infomessage,
.checkout_payment_gift .errormessage {
    margin: 10px 0 0px 0;
    padding: 8px 8px;
    font-style: italic;
    }
.checkout_payment_gift .infomessage:before,
.checkout_payment_gift .errormessage:before {
    display: none;
    }
/* checkout_confirmation box */
.checkout_confirmation_gift {
    color: #262626;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.checkout_confirmation_gift .successmessage,
.checkout_confirmation_gift .errormessage {
    margin: 10px 0 10px 0;
    }
.checkout_confirmation_gift .ordertotal_row {
    background: #ffffff;
    border: 0px;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    flex-direction: column;
    padding: 12px 10px;
    }
@media only screen and (min-width: 600px) {
    .checkout_confirmation_gift .ordertotal_row {
        flex-direction: row;
        }
    }
.checkout_confirmation_gift .ordertotal_row input[type=text] {
    background: #fff;
    }
.checkout_confirmation_gift .ot_width_gift_1 {
    display: none;
    flex: 1;
    padding: 0 0 8px 1px;
    width: 100%;
    font-weight:500;
    font-size: 0.688rem;
    line-height: 1rem;
    }
@media only screen and (min-width: 600px) {
    .checkout_confirmation_gift .ot_width_gift_1 {
        padding: 0 20px 0 0;
        width: 100%;
        }
    }
.checkout_confirmation_gift .ot_width_gift_2 {
    width: 100%;
    padding: 0 0 0 0;
    }
.checkout_confirmation_gift .fa-circle-info {
    color: #296aab;
    }
.checkout_confirmation_gift .gift_item_row {
    padding: 0px;
    }
.checkout_confirmation_gift .gift_item_row > div {
    padding-top: 0px;
    padding-bottom: 0px;
    }
/* 39. END checkout */
/* 40. START account_history_info */
.account_history_box_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
    }
.account_history_box_row .account_history_box {
    margin: 0px 0px 15px 0px;
    padding: 0px 10px;
    width: 100%;
    }
@media only screen and (min-width: 600px) {
    .account_history_box_row .account_history_box {
        width: 50%;
        }
    }
.account_history_info .of_col_flex {
    padding: 0px 5% 0px 0px;
    }
.account_history_info .of_header_col_flex {
    padding: 0px 0px 0px 0px;
    }
.account_history_info .ordertotal_row {
    padding: 12px 0px;
    }
.account_history_info .of_col_qty_inner {
    align-items: center;
    }
.account_history_info .of_quantity_update {
    margin: 0 0 0 10px;
    display: flex;
    width: 100%;
    }
.account_history_info .of_quantity_update > a {
    width: 44px;
    margin: 0 0 0 10px;
    }
.account_history_info .of_quantity_update .cssButtonIcon {
    font-size: 1.125rem;
    }
/* 40. END account_history_info */
/* 41. START popup content (popup print_product_info, popup print_order.html) */
/* popup content */
body.popupcontent {
    min-width: 100%;
    background: #fff none;
    padding: 0 10px 0 0;
    }
body.popupcontent h1 {
    font-weight:300;
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0px 0 10px 0;
    }
body.popupcontent img {
    max-width: 100%;
    width: auto;
    height: auto;
    }
body.popupcontent ul {
    margin: 0 0 0 20px;
    }
body.popupcontent ol {
    margin: 0 0 0 25px;
    }
/* print order */
body.popupprint {
    min-width: 100%;
    background: #fff none;
    padding: 0 10px 0 0;
    }
body.popupprint h1 {
    font-weight:300;
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0px 0 10px 0;
    }
.printwrap {
    width: 700px;
    margin: 0px auto;
    }
.printlogo {
    padding: 10px 0px;
    text-align: center;
    border-bottom: 1px solid var(--layout_wrap_bg, #ffffff);
    margin-bottom: 10px;
    }
.hr_1 {
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: solid 1px var(--layout_wrap_bg, #ffffff);
    background-color: transparent;
    }
.hr_5 {
    height: 1px;
    line-height: 1px;
    margin: 5px 0px;
    padding: 0;
    display: block;
    border-bottom: solid 1px var(--layout_wrap_bg, #ffffff);
    background-color: transparent;
    }
.hr_15 {
    height: 1px;
    line-height: 1px;
    margin: 15px 0px;
    padding: 0;
    display: block;
    border-bottom: solid 1px var(--layout_wrap_bg, #ffffff);
    background-color: transparent;
    }
.printColumsLeft {
    float: left;
    width: 48%;
    }
.printColumsRight {
    float: right;
    width: 48%;
    }
/* print info */
.printColumsInfoLeft {
    float: left;
    width: 500px;
    padding: 0px;
    }
.printColumsInfoLeft .subline,
.printColumsInfoLeft .graduated_headline {
    color: #262626;
    font-size: 0.875rem;
    line-height: 1.188rem;
    margin: 15px 0 10px 0;
    padding: 0 0 5px 0;
    font-weight:500;
    }
.printColumsInfoLeft ul {
    margin: 8px 0px 8px 18px;
    }
.printColumsInfoLeft ol {
    margin: 8px 0px 8px 18px;
    }
.printColumsInfoRight {
    float: right;
    width: 164px;
    text-align: center;
    }
.printColumsInfoRight img {
    max-width: 160px;
    height: auto;
    margin: 10px auto 0px auto;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 1px;
    }
ul.printinfolist {
    margin-left: 15px;
    }
ul.printinfolist li.active {
    font-weight: bold;
    }
.moimages {
    float: left;
    width: 126px;
    height: 126px;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 2px;
    margin: 0px 10px 10px 0px;
    position: relative;
    }
.moimages:nth-child(5n) {
    margin-right: 0px;
    }
.moimages img {
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    max-height: 124px;
    max-width: 124px;
    }
/* admin print-order */
.printwrap_admin {
    padding-top: 40px;
    width: 700px;
    margin: 0px auto;
    }
p.underline {
    margin: 105px 0px 3px 15px;
    font-size: 0.625rem;
    text-decoration: underline;
    }
.printlogo_admin {
    padding: 0px 0px;
    text-align: right;
    margin: 0px 0 20px 0;
    }
.printlogo_admin img {
    max-width: 336px;
    }
.print_small {
    font-size: 0.688rem;
    line-height: 1.125rem;
    }
.print_big {
    font-size: 1.625rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0 0 0;
    }
.printwrap table.order_table,
.printwrap_admin table.order_table {
    margin-top: 0px;
    font-size: 0.875rem;
    line-height: 1.188rem;
    width: 100%;
    }
.printwrap .ord_table_left,
.printwrap_admin .ord_table_left {
    text-align: left;
    }
.printwrap .ord_table_right,
.printwrap_admin .ord_table_right {
    text-align: right;
    }
.printwrap .ord_width40,
.printwrap_admin .ord_width40 {
    width: 40px;
    }
.printwrap .ord_width110,
.printwrap_admin .ord_width110 {
    width: 110px;
    }
.printwrap .ord_width120,
.printwrap_admin .ord_width120 {
    width: 120px;
    }
.printwrap table.order_table tr.headerrow,
.printwrap_admin table.order_table tr.headerrow {
    font-size: 0.625rem;
    line-height: 1.25rem;
    font-weight: bold;
    background: transparent;
    }
.printwrap table.order_table tr.headerrow td,
.printwrap_admin table.order_table tr.headerrow td {
    padding: 5px 5px;
    vertical-align: top;
    }
.printwrap table.order_table tr.mainrow td,
.printwrap_admin table.order_table tr.mainrow td {
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    padding: 10px 5px;
    vertical-align: top;
    }
.printwrap table.order_table ul.attributes_list,
.printwrap_admin table.order_table ul.attributes_list {
    list-style-type: none;
    margin: 7px 0px 0px 0px;
    }
.printwrap table.order_table ul.attributes_list li,
.printwrap_admin table.order_table ul.attributes_list li {
    font-size: 0.688rem;
    line-height: 1.25rem;
    }
.printwrap .total_table_right,
.printwrap_admin .total_table_right {
    float: right;
    }
.printwrap table.total_table,
.printwrap_admin table.total_table {
    font-size: 0.875rem;
    line-height: 1.188rem;
    }
.printwrap table.total_table tr td,
.printwrap_admin table.total_table tr td {
    padding: 2px 5px;
    width: 120px;
    white-space: nowrap;
    }
/* 41. END popup content (popup print_product_info, popup print_order.html) */
/* 42. START product_navigator */
.product_navigator {
    display: none;
    }
@media only screen and (min-width: 985px) {
    .product_navigator {
        display: block;
        }
    }
.product_navigator > div {
    position: fixed;
    width: 140px;
    z-index: 5;
    top: 30%;
    background: #545454;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }
.product_navigator > div > a {
    color: #ffffff;
    display: flex;
    align-items: center;
    }
.product_navigator > div > a:hover {
    text-decoration: none;
    }
.product_navigator .next {
    top: 32%;
    right: 0px;
    margin-right: -100px;
    }
.product_navigator .prev {
    top: 32%;
    left: 0px;
    margin-left: -100px;
    }
.product_navigator .next:hover {
    margin-right: 0px;
    }
.product_navigator .prev:hover {
    margin-left: 0px;
    }
.product_navigator > div:hover {
    background: #ddd;
    }
.product_navigator .action {
    width: 40px;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    }
.product_navigator .content {
    background: #ffffff;
    padding: 10px;
    flex: 1;
    }
.product_navigator .content span {
    display: block;
    width: 100%;
    background: #fff;
    position: relative;
    }
.product_navigator .content span:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
.product_navigator .content span img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
/* 42. END product_navigator */
/* 43. START autocomplete search */
.suggestionsBox {
    position: absolute;
    right: -10px;
    left: -10px;
    top: calc(100% + 28px);
    margin: auto;
    background: #fff;
    z-index: 1100;
    padding: 20px 0px 20px 0px;
    text-align: left;
    box-shadow: 0 10px 15px -15px #262626;
    }
@media only screen and (min-width: 920px) {
    .suggestionsBox {
        top: 100%;
        right: 0px;
        left: 0px;
        padding: 0px 0px 20px 0px;
        }
    }
.suggestionsBox .suggestionList {
    width: 100%;
    max-width: 980px;
    background: #fff;
    margin: 0px auto;
    padding: 0 0 0 0;
    }
.suggestionsBox .suggestionList ul {
    max-height: 640px;
    overflow: auto;
    text-align: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    }
.suggestionsBox .suggestionList ul li {
    width: 100%;
    padding: 0 10px;
    }
@media only screen and (min-width: 460px) {
    .suggestionsBox .suggestionList ul li {
        width: 50%;
        }
    }
@media only screen and (min-width: 690px) {
    .suggestionsBox .suggestionList ul li {
        width: 33.3333%;
        }
    }
@media only screen and (min-width: 920px) {
    .suggestionsBox .suggestionList ul li {
        width: 25%;
        }
    }
.suggestionsBox .suggestionList li a {
    display: block;
    text-decoration: none;
    }
.suggestionsBox .autocomlete_item {
    display: flex;
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 10px 0;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
@media only screen and (min-width: 690px) {
    .suggestionsBox .autocomlete_item {
        padding: 20px 0;
        }
    }
.suggestionsBox .ac_image {
    width: 50px;
    height: 50px;
    padding: 5px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
@media only screen and (min-width: 460px) {
    .suggestionsBox .ac_image {
        width: 60px;
        height: 60px;
        }
    }
@media only screen and (min-width: 690px) {
    .suggestionsBox .ac_image {
        width: 70px;
        height: 70px;
        }
    }
.suggestionsBox .ac_content {
    flex: 1;
    padding: 0 0 0 10px;
    }
.suggestionsBox .ac_text {
    display: block;
    padding: 2px 0px 0px 0px;
    color: #434343;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }
.suggestionsBox .ac_price {
    display: block;
    padding: 5px 0 0 0;
    white-space: nowrap;
    font-weight:500;
    color: var(--price_default_color, #434343);
    font-size: 0.688rem;
    line-height: 1rem;
    }
.suggestionsBox .ac_price .small_price {
    font-size: 0.625rem;
    font-weight: 300;
    }
.suggestionsBox .ac_price .new_price {
    color: var(--price_new_color, #e32828);
    }
.suggestionsBox .ac_price .graduated_price,
.suggestionsBox .ac_price .item_price {
    display: block;
    }
.suggestionsBox .ac_price .save_price,
.suggestionsBox .ac_price .no_price {
    display: none;
    }
.suggestionsBox .ac_vpe {
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #666;
    font-weight: 300;
    display: block;
    }
.suggestionsBox .autocompletecloser {
    cursor: pointer;
    }
.suggestionsBox .autocomplete_error {
    padding: 6px 0 11px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    }
.suggestionsBox .autocomplete_button {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 10px 10px 0 10px;
    border-top: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.suggestionsBox .autocomplete_button a {
    display: inline-block;
    }
.suggestionsBox .autocomplete_button .cssButton {
    width: 280px;
    margin: 0px auto;
    }
.suggestionsBox .autocomplete_button a:hover {
    text-decoration: none;
    }
/* 43. END autocomplete search */
/* 44. START slider & banner home */
/* start slider */
.slider_row {
    margin: 20px 0px 10px 0px;
    position: relative;
    z-index: 1;
    }
.slider_row::before {
    content: '';
    display: block;
    padding-top: 60%;
    }
@media only screen and (min-width: 600px) {
    .slider_row::before {
        padding-top: 35%;
        }
    }
.slider_row .splide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    transition: all 0.5s ease-in-out;
    border: none;
    }
.slider_row .splide.splide_slider_single {
    visibility: visible;
    opacity: 1;
    }
.slider_row .splide:hover {
    background: #fff;
    }
.slider_row .splide__track {
    height: 100%;
    color: unset;
    }
.slider_row .splide__slide {
    width: 100%;
    }
.slider_row .splide__pagination {
    bottom: -20px;
    height: 20px;
    }
.slider_row .splide__pagination li {
    height: 20px;
    }
.slider_row .splide__pagination__page {
    height: 20px;
    }
.slider_row .splide img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
  /*  height: 100%;*/
    object-fit: cover;
    }
.slider_row .splide:hover img {
    opacity: 0.8;
    }
.slider_row .splide a {
    display: block;
    width: 100%;
    height: 100%;
    }
.slider_row .splide .slider_item_content {
    position: absolute;
    background: rgba(255, 255, 255, 0);
    color: var(--slider_color_1, #333333);
    border: 0px solid rgba(255, 255, 255, 0);
    display: block;
    font-weight: 700;
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.375rem;
    text-shadow: 1px 1px rgba(255,255,255,.4);
    letter-spacing: -2px;
    padding: 12px 10px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translateY(-50%);
    }
.megaslide .slider_item_content {
    color: var(--slider_color_1, #333) !important;
    background: transparent !important;
    font-weight:500 !important;
    letter-spacing: -3px;
    font-size: 2.5rem !important;
    line-height: 3rem !important;

    }
@media only screen and (min-width: 790px) {
    .slider_row .splide .slider_item_content {
        font-size: 4rem !important;
        line-height: 4rem !important;
        }
    }
@media only screen and (min-width: 985px) {
    .slider_row .splide .slider_item_content {
        padding: 12px 20px;

        font-size: 6rem !important;
        line-height: 6rem !important;
        }
    }
/* end slider */
/* start banner */
.banner_row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
    }
.banner_item {
    position: relative;
    }
.width_50 {
    width: 50%;
    }
.width_25 {
    width: 50%;
    }
@media only screen and (min-width: 600px) {
    .width_50 {
        width: 50%;
        }
    .width_25 {
        width: 25%;
        }
    }
.banner_item.width_50 .banner_item_image:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
.banner_item.width_25 .banner_item_image:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
@media only screen and (min-width: 600px) {
    .banner_item.width_50 .banner_item_image:before {
        padding-top: 50%;
        }
    .banner_item.width_25 .banner_item_image:before {
        padding-top: 100%;
        }
    }
.width_33 {
    width: 50%;
    }
.width_66 {
    width: 50%;
    }
@media only screen and (min-width: 600px) {
    .width_33 {
        width: 33.3333%;
        }
    .width_66 {
        width: 66.6666%;
        }
    }
.banner_item.width_33 .banner_item_image:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
.banner_item.width_66 .banner_item_image:before {
    content: '';
    display: block;
    padding-top: 100%;
    }
@media only screen and (min-width: 600px) {
    .banner_item.width_33 .banner_item_image:before {
        padding-top: 75%;
        }
    .banner_item.width_66 .banner_item_image:before {
        padding-top: 37.5%;
        }
    }
.width_100 {
    width: 100%;
    }
.banner_item.width_100 .banner_item_image:before {
    content: '';
    display: block;
    padding-top: 50%;
    }
@media only screen and (min-width: 600px) {
    .banner_item.width_100 .banner_item_image:before {
        padding-top: 25%;
        }
    }
.banner_item_image {
    position: relative;
    }
.banner_item_image_inner {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    margin: auto;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    }
.banner_item_image_inner:hover {
    background: #ffffff;
    }
.banner_item_image_inner img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
    }
.banner_item_image_inner:hover img {
    opacity: 0.8;
    }
.banner_item_content {
    position: absolute;
    background: rgba(255, 255, 255, 0);
    color: var(--slider_color_1, #333333);
    border: 0px solid rgba(255, 255, 255, 0);
    display: block;
    font-weight: 800;
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.5rem;
    text-shadow: 1px 1px rgba(255,255,255,.4);
    letter-spacing: -2px;
    padding: 12px 10px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translateY(-50%);
    }
@media only screen and (min-width: 790px) {
    .banner_item_content {
        font-size: 1.375rem;
        line-height: 1.5rem;
        }
    }
@media only screen and (min-width: 985px) {
    .banner_item_content {
        padding: 12px 20px;
        font-size: 2.25rem;
        line-height: 2.375rem;
        }
    }
.banner_item_content > span {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
/* end banner */
/* 44. END slider & banner home */
/* 45. START offline */
#layout_offline {
    max-width: 700px;
    margin: 40px auto;
    padding: 30px;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
#layout_offline a[href$='login_admin.php'] {
    margin: 20px 0 0 0;
    background: #ccc;
    color: #262626;
    padding: 5px 10px;
    font-size: 0.688rem;
    line-height: 1.25rem;
    font-weight:500;
    text-transform: uppercase;
    border-radius: 2px;
    }
#layout_offline a[href$='login_admin.php']:hover {
    background: #ddd;
    color: #262626;
    text-decoration: none;
    }
/* 45. END offline */
/* 46. START Janolaw.de (BASIC Template for AGB Hosting Content) */
.janolaw-absatz {
    font-size: 0.75rem;
    margin: 8px 4px 4px 8px;
    }
.janolaw-paragraph {
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
    }
#janolaw-paragraph {
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
    }
.janolaw-text {
    font-size: 0.75rem;
    margin: 8px 4px 4px 8px;
    }
.janolaw-adress {
    font-size: 0.75rem;
    margin: 8px 4px 4px 8px;
    }
.janolaw-block {
    font-size: 0.75rem;
    margin: 8px 4px 4px 8px;
    }
#janolaw-footer {
    }
#janolaw-body {
    }
/* 46. END Janolaw.de (BASIC Template for AGB Hosting Content) */
/* 47. START dsgvo */
#dsgvo .agbframe {
    margin: 0 0 20px 0;
    border: 1px solid #d9d9d9;
    color: #666;
    vertical-align: middle;
    padding: 10px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    height: 130px;
    overflow: auto;
    text-align: left;
    }
#dsgvo .button_right {
    max-width: 240px;
    }
/* 47. END dsgvo */
/* 48. START Templatix-Overrides */
.layout_pre_header {
    background: var(--header_pre_header_bg, #ffffff);
    border-radius: 0;
    padding: .5rem 0rem;
    display: flex;
    width: 100%;
    font-size:0.815rem;
    color: var(--header_pre_header_color, #ffffff);
    }
.header_date {
    text-align: left;
    float: left;
    }
.header_note {
    font-weight: 500;
    text-align: right;
    float: right;
    }
.pd_added {
    display: none;
    }
.slider_normal {
    border-radius: 0.25rem;
    overflow: hidden;
    }
.pulse2 {
    -webkit-animation: pulse2 1s linear infinite;
    -moz-animation: pulse2 1s linear infinite;
    -ms-animation: pulse2 1s linear infinite;
    animation: pulse2 1s linear infinite;
    }
@keyframes 'pulse2' {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        }
    }
@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        }
    }
@-webkit-keyframes 'pulse2' {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        }
    }
@-ms-keyframes 'pulse2' {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        }
    }
.splide__pagination__page,
.splide__pagination__page.is-active {
    border-width: 0;
    }
.paypal-button.paypal-button-shape-rect {
    border-radius: 2px !important;
    }
.flex_listing_categories .banner_item_image_image_inner img {
    max-width: 100%;
    }
.shares {
    margin: 25px 0px;
    display: flex;
    width: 100%;
    }
.shares a {
    text-decoration: none;
    flex: 1;
    background: #ffffff;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    text-align: center;
    line-height: 2rem
    }
.shares.black a {
    border: 2px solid #262626;
    margin-right: 2px;
    }
.shares .fa:hover, .shares .fa:hover a {
    cursor: pointer
    }
.shares.black .btn.disabled {
    border: 2px solid #a6a6a6;
      color: #a6a6a6;
  /* background-color:#ffffff*/
    }
.shares .btn.disabled {
    pointer-events: none;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.shares.color .btn {
    background: #efefef;
    border: 1px solid var(--layout_wrap_bg, #ffffff);
    }
.shares.color .facebook {
    background: #3b5998;
    color: #fff
    }
.shares.color .twitter {
    background: #00acee;
    color: #fff
    }
.shares.color .whatsapp {
    background: #25d366;
    color: #fff
    }
.shares.color .pinterest {
    background: #d01d15;
    color: #fff
    }
.shares.color .mailto {
    background: #fbba22;
    color: #fff
    }
.shares.color .copy {
    background: #757575;
    color: #fff
    }
#phone {
    flex-flow: column;
    justify-content: center;
    text-align: right;
    padding-left: 55px;
    order:6;
    }
#phone2 {
    flex-flow: column;
    justify-content: center;
    text-align: right;
    padding-right: 25px;
    flex: 3;
    order: 1;
    }
.phoneline1 {
    margin: 0;
    font-weight:500;
    line-height: 1rem;
    color: var(--header_menuitems_color, #ffffff);
    }
.phonenumber {
    color: var(--header_menuitems_color_hover, #000);
    margin: 0;
    font-weight:500;
    font-size: 1.25rem;
    line-height: 1.5rem;
    }
.phonenumber i {
    color: var(--header_menuitems_color_hover, #000);
    }
.phonenumber a, .phonenumber a:hover {
    text-decoration: none !important;
    color: var(--header_menuitems_color_hover, #000)
    }
.phoneline2 {
    color: var(--header_menuitems_color, #ffffff);
    margin: 1px 0 0;
    font-weight:300;
    line-height: 1rem;
    }
.newsletter_left {
    float: left;
    width: 50%;
    border-right: 1px solid #ddd;
    padding-right: 1rem;
    text-align: right;
    }
.newsletter_right {
    text-align: left;
    float: right;
    width: 50%;
    padding-left: 1rem;
    }
@media only screen and (max-width: 920px) {
    .header_date {
        font-size: 0.75rem;
        text-align: center;
        float: none;
        }
    .header_note {
        font-size: 0.75rem;
        text-align: center;
        float: none;
        }
    .col_logo_back {
        order: unset;
        }
    #phone {
        flex-flow: column;
        justify-content: center;
        text-align: center;
        padding-right: 0;
        width: 100%;
        clear: both;
        margin-bottom: 25px;
        display: block;
        order: 0;
        }
    #phone2 {
        flex-flow: column;
        justify-content: center;
        text-align: center;
        padding-right: 0;
        width: 100%;
        clear: both;
        margin: 15px 0px;
        display: block;
        order: 1;
        flex: content;
        }
    .col_search {
        order: 1;
        }
    .col_menu {
        order: 5;
        }
    .newsletter_left {
        float: none;
        width: 100%;
        border-right: 0px solid #ddd;
        padding-right: 1rem;
        text-align: center;
        }
    .newsletter_right {
        text-align: center;
        float: none;
        width: 100%;
        padding-left: 1rem;
        }
    }
@media only screen and (max-width: 1024px) {
    #phone {
        order: 0;
        padding-left: 0;
        }
    }
.splide__arrow {
    border-radius: 2px !important;
    }
.col_logo .banner_item_content,
.col_checkout_logo .banner_item_content,
.footer_logo .banner_item_content {
    display: none;
    }
.footer_logo img {
    max-width: 90%
    }
.menu_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1090;
    box-shadow: 0 10px 15px -15px #262626;
    }
.admin_mode .menu_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 36px;
    }
.box_products_head,
.subcats_menu_box .subline {
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 0px;
    padding: 0;
    border-bottom: 3px solid var(--primary_2, #ffffff);
    }


.toggle_cart .SumoSelect *,
.toggle_wishlist .SumoSelect *,
.toggle_account .SumoSelect *,
.toggle_settings .SumoSelect * {
    color:#262626;
    }
.flex_listing_categories div:nth-child(2) {
    /*  background: #fff;
  xpadding: .25rem;
  xborder: 1px solid #ddd;
  border-radius: .25rem*/
    }
.SumoSelect > .CaptionCont {
    border: 2px solid !important;
    }
#firma {
    margin:5px;
    float: left;
    }
#b2b {
    display: none;
    }
input[type=checkbox]:checked ~ div#b2b {
    display: block;
    }
/* 48. END Templatix-Overrides */