.layout_wrap.theme_default, .layout_wrap.theme_default ~ .copyright, .layout_wrap.theme_default ~ .parseTime, .layout_wrap.theme_default ~ .mm-ocd, .layout_wrap.theme_default ~ #colorbox {
    --header_bg: #888;
    --header_menuitems_bg: #eee;
    --header_menuitems_color: #555;
    --header_menuitems_border: #eee;
    --header_menuitems_bg_hover: #ddd;
    --header_menuitems_color_hover: #333;
    --header_menuitems_border_hover: #ddd;
    --count_cart_wishlist_color: #fff;
    --count_cart_wishlist_bg: #333;
    --search_toggle_bg: #fff;
    --search_toggle_input_border: #eee;
    --search_toggle_input_bg: #eee;
    --search_toggle_color_select: #555;
    --search_toggle_color_input: #555;
    --search_toggle_color_help: #666;
    --search_toggle_color_button: #555;
    --categoriesmenu_bg: #f0f0f0;
    --categoriesmenu_border: #f0f0f0;
    --categoriesitems_level1_color: #666;
    --categoriesitems_level1_bg_hover: rgba(0, 0, 0, 0.1);
    --categoriesitems_level1_color_hover: #222;
    --categoriesitems_level1_color_selected: #222;
    --categoriesitems_level2_selected: #222;
    --categoriesitems_overview_color_selected: #222;
    --subcatsmenu_color_selected: #222;
    --mobilemenu_color_selected: #222;
    --contentboxlist_color_selected: #333;
    --account_navigation_selected: #555;
    --button1_background: #ddd;
    --button1_border: rgba(0, 0, 0, 0.1);
    --button1_color: #333;
    --button2_background: #4d4d4d;
    --button2_border: rgba(0, 0, 0, 0.1);
    --button2_color: #fff;
    --price_default_color: #434343;
    --price_new_color: #e32828;
    --price_old_color: #666;
    --price_save_bg: #e32828;
    --price_save_color: #fff;
    --toggle_menu_closer_bg: #eee;
    --toggle_menu_closer_color: #555;
    --subfooter_bg: #f5f5f5;
    --subfooter_color_title: #333;
    --subfooter_color_text: #555;
    --footer_bg: #eee;
    --footer_box_header: #555;
    --footer_box_text: #333;
    --footer_link_color: #333;
    --footer_link_color_underline: #999;
    --footer_payment_icons_bg: rgba(255, 255, 255, 0.0);
    --footer_social_icons: #666;
    --footer_social_icons_hover: #333;
    --footer_copyright: #666;
    --footer_copyright_border: #666;
}



body * {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    max-height: 1000000px;
}

body {
    position: relative;
    font-family: Arial, Helvetica, 'Red Hat Display', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    background: #fff;
    color: #555;
}

*, * ::before, * ::after {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

#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;
}

#mobile_menu {
    display: none;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #ccc #eee;
}

* ::-webkit-scrollbar {
    width: 9px;
}

* ::-webkit-scrollbar-track {
    background: #e4e4e4;
}

* ::-webkit-scrollbar-thumb {
    background-color: #b9b9b9;
    border-radius: 0px;
    border: 1px solid #ebebeb;
}

.no_scroll, .viewer-open {
    overflow: hidden;
}

html {
    scrollbar-gutter: stable;
}

@media not all and (min-resolution: 0.001dpcm) {
    .no_scroll, .viewer-open {
        padding-right: calc(9px -(100vw - 100%));
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    input[type=text], input[type=password], input[type=email], input[type=tel] {
        font-size: 16px !important;
    }

    select {
        font-size: 16px !important;
    }

    textarea {
        font-size: 16px !important;
    }

    .SumoSelect > .CaptionCont {
        font-size: 16px !important;
    }
}

div[id^="trustbadge-container-"] {
    z-index: 1299 !important;
}

.as-oil {
    position: fixed;
}

.lazyload, .lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 1s ease;
}

.clearer {
    line-height: 0px;
    height: 0px;
    clear: both;
}

.cf::before, .cf::after {
    content: '';
    display: table;
}

.cf::after {
    clear: both;
}

strong, b, .strong, .bold {
    font-weight: 700;
}

p {
    margin: 14px 0;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table td {
    padding: 5px 0px;
}

.td_full {
    width: 100%;
}

.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: 100%;
    height: 100%;
    object-fit: contain;
}

.font_midi {
    font-size: 13px !important;
    line-height: 19px !important;
}

.font_midi input[type="radio"] ~ label:before {
    line-height: 18px !important;
}

.font_midi input[type="radio"] ~ label:after {
    line-height: 18px !important;
}

.font_midi input[type="checkbox"] ~ label:before {
    line-height: 19px !important;
}

.font_midi input[type="checkbox"] ~ label:after {
    line-height: 19px !important;
}

.font_small {
    font-size: 12px !important;
    line-height: 18px !important;
}

.font_small input[type="radio"] ~ label:before {
    line-height: 17px !important;
}

.font_small input[type="radio"] ~ label:after {
    line-height: 17px !important;
}

.font_small input[type="checkbox"] ~ label:before {
    line-height: 18px !important;
}

.font_small input[type="checkbox"] ~ label:after {
    line-height: 18px !important;
}

.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;
}

a, a:link, a:visited, a:active, a:hover {
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:link {
    color: #333;
}

a:visited {
    color: #333;
}

a:active {
    color: #333;
}

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: #333;
    text-decoration: none;
}

.external_links a:after {
    font-family: 'Font Awesome 6 Free';
    content: '\f35d';
    font-weight: 900;
    font-size: 10px;
    line-height: 10px;
    vertical-align: 1px;
    margin: 0 0 0 5px;
}

.external_links a:hover {
    text-decoration: none;
}

a.color_more {
    color: #333;
    text-decoration: none;
    font-weight: 600;
}

a.color_more:hover {
    color: #333;
    text-decoration: none;
}

h1 {
    color: #333;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    margin: 30px 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: none;
}

.headline {
    color: #333;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    margin: 30px 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: none;
}

h2 {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin: 25px 0 10px 0;
    padding: 0px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
}

h3 {
    color: #333;
    font-weight: 700;
    font-size: 14px;
}

h4 {
    color: #333;
    font-weight: 900;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

.subline {
    color: #333;
    font-weight: 900;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

h1.subline {
    color: #333;
    font-weight: 900;
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    margin: 30px 0 10px 0;
    padding: 0 0 0 0;
    border-bottom: none;
}

.layout_wrap {
    width: 100%;
}

.layout_content {
    width: 100%;
    padding: 0 0;
    margin: 0 0 80px 0;
}

.content_full {
    width: 100%;
    padding: 0 0;
}

.content_full_colored {
    width: 100%;
    padding: 0 0;
    background: #f9f9f9;
}

.content_big {
    width: 100%;
    max-width: 1440px;
    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: #f5f5f5;
    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;
    }
}

.layout_header_checkout {
    background: var(--header_bg, #fff);
    width: 100%;
    padding: 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%;
    height: auto;
}

.col_logo_back {
    flex: 1;
    text-align: right;
    padding: 0 0 0 20px;
}

.col_logo_back a {
    display: inline-block;
    position: relative;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 20px 0 0;
}

.col_logo_back a:hover {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.col_logo_back a::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f178";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.layout_header {
    background: var(--header_bg, #eee);
    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;
    height: 100px;
}

.col_logo {
    width: 100%;
    height: 45px;
    text-align: center;
    margin: 0 0 15px 0;
}

@media only screen and (min-width: 600px) {
    .col_logo {
        width: 300px;
        height: 67px;
        margin: 0;
    }
}

.col_logo img {
    width: 160px;
    height: 45px;
}

@media only screen and (min-width: 600px) {
    .col_logo img {
        width: 300px;
        height: 75px;
    }
}

.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: 600px) {
    .col_cart, .col_wishlist, .col_account, .col_settings, .col_menu {
        flex: initial;
        width: 50px;
        padding: 0 0 0 10px;
    }
}

#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, #333);
    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: 20px;
    line-height: 39px;
    width: 39px;
}

#cart_short .fa-solid, #cart_short .fa-regular {
    margin-top: 2px;
}

#account_short .fa-solid, #account_short .fa-regular {
    font-size: 18px;
}

#cart_short .count, #wishlist_short .count {
    position: absolute;
    right: -6px;
    top: -8px;
    background: var(--count_cart_wishlist_bg, #333);
    color: var(--count_cart_wishlist_color, #fff);
    display: inline-block;
    padding: 3px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-weight: 700;
    min-width: 20px;
    border-radius: 5px;
}

.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, #333);
    border: 1px solid var(--header_menuitems_border_hover, #ddd);
}

#search_short .fa-solid, #search_short .fa-regular {
    font-size: 18px;
    line-height: 39px;
    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: 15px 0 0 15px;
    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: 20px;
    line-height: 40px;
    cursor: pointer;
    background: var(--toggle_menu_closer_bg, #eee);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 4px;
    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: 14px;
    font-weight: 400;
    position: absolute;
    z-index: 1200;
    right: 90px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    line-height: 40px;
}

.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: 15px 0 0 15px;
    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: 15px 0 0 15px;
    }
}

.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: 15px 0 0 15px;
}

@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 15px 15px 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: 18px;
}

.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;
    border-radius: 15px 0 0 15px;
    text-transform: none;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    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: 13px;
    line-height: 19px;
    font-weight: 400;
}

.layout_categories {
    display: none;
    margin: 0 0 0 0;
    position: relative;
    background: var(--categoriesmenu_bg, #f0f0f0);
    border-color: var(--categoriesmenu_border, #f0f0f0);
    border-style: solid;
    border-width: 1px 0px 1px 0px;
}

@media only screen and (min-width: 985px) {
    .layout_categories {
        display: block;
    }
}

.layout_categories_inner {
    width: 100%;
    max-width: 1440px;
    padding: 0 0;
    margin: 0px auto;
}

.menu_items {
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px auto;
    width: 100%;
    padding: 5px 0px;
}

.menu_items > li {
    padding: 3px 10px;
}

.menu_items > li > a {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    color: var(--categoriesitems_level1_color, #666);
    border-radius: 8px;
}

.menu_items > li > a > .counts {
    display: inline;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
    padding: 0 0 0 3px;
}

.menu_items > li.has_sub_cats > a, .menu_items > li.has_sub_cats > .nolink {
    position: relative;
    padding: 5px 25px 5px 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: 20px;
}

.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: 10px;
    line-height: 20px;
    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: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    color: var(--categoriesitems_level1_color, #666);
    border-radius: 8px;
}

.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: 8px solid var(--categoriesmenu_bg, #f0f0f0);
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% - 8px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 10px 0;
    z-index: 101;
    box-shadow: 0 10px 15px -15px #333;
}

.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: #666;
}

.mega_menu a:hover {
    color: #222;
}

.mega_menu a .counts {
    display: inline;
    font-weight: 400;
    font-size: 10px;
    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%;
    max-width: 1400px;
}

.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: 13px;
    line-height: 15px;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
}

.mega_menu > ul > li.overview.Selected > a {
    color: var(--categoriesitems_overview_color_selected, #222);
}

.mega_menu > ul > li.overview .fa-solid, .mega_menu > ul > li.overview .fa-regular {
    margin: 0 5px 0 0;
}

.mega_menu > ul > li {
    width: 25%;
    margin: 5px 0px;
    padding: 0px 15px;
}

.mega_menu > ul > li > a {
    padding: 10px 0px;
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

.mega_menu > ul ul {
    margin: 0px 0 0 0;
}

.mega_menu > ul ul > li.overview {
    display: none;
}

.mega_menu > ul ul ul {
    display: none;
}

.mega_menu > ul ul > li > a {
    position: relative;
    padding: 8px 0px 8px 15px;
    display: block;
    font-size: 13px;
    line-height: 15px;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
}

.mega_menu > ul ul > li > a::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f054';
    font-size: 9px;
    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: 700;
    color: var(--categoriesitems_level1_color_selected, #222);
}

.menu_items .active2 > a, .menu_items .activeparent2 > a {
    font-weight: 700;
    color: var(--categoriesitems_level2_selected, #222);
}

.menu_items .active3 > a, .menu_items .activeparent3 > a {
    font-weight: 700;
    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: 13px;
    line-height: 15px;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
}

.mega_menu > ul > li.level_manu.Selected > a {
    font-weight: 700;
    color: var(--categoriesitems_level2_selected, #222);
}

.mega_menu > ul > li.level_manu > a::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f054';
    font-size: 9px;
    font-weight: 900;
    margin: 0 0 0 0px;
    position: absolute;
    top: 8px;
    left: 1px;
}

.mega_menu > ul > li.level_manu > a > strong {
    font-weight: 400;
    color: #ff3535;
}

.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_bg, #f0f0f0);
    position: absolute;
    transition: all 0.3s ease-in-out;
    background: #f5f5f5;
    padding: 10px 0px 20px 0px;
    z-index: 101;
    box-shadow: 0 10px 15px -15px #333;
    opacity: 0;
    visibility: hidden;
}

.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: 13px;
    line-height: 15px;
    text-transform: none;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
}

.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: 11px;
    line-height: 15px;
    font-weight: 900;
}

.menu_items.case_2 li .dropdown_menu a > .counts {
    display: inline;
    font-weight: 400;
    font-size: 10px;
    color: #666;
    padding: 0 0 0 3px;
}

.menu_items.case_2 li.level_manu > a > strong {
    font-weight: 400;
    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: 13px;
    line-height: 15px;
    font-weight: 400;
}

.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;
}

.menu_items.case_2 li.level3 > .dropdown_menu {
    display: none;
}

.breadcrumb {
    padding: 15px 0 15px 0px;
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.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: #555;
    border-bottom: 1px solid #999;
}

.breadcrumb a:hover {
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #555;
}

.breadcrumb span.current {
    font-weight: 600;
}

.breadcrumb .fa-regular, .breadcrumb .fa-solid {
    margin: 2px 0px;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    width: 24px;
    text-align: center;
}

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: 18px;
}

.field_eye {
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 44px;
    height: 44px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 20px;
}

.field_eye .fa-eye {
    color: #ccc;
}

.field_eye .fa-eye-slash {
    color: #555;
}

.field_text {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 0 1px 2px 1px;
    font-weight: 600;
    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: #333;
}

.inputRequirement, .inputRequirement_textarea {
    position: absolute;
    right: 2px;
    top: 5px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 2px 0;
    color: #e32828;
    font-weight: 400;
}

.inputRequirement .fa-solid, .inputRequirement_textarea .fa-solid {
    vertical-align: top;
    font-size: 10px;
    line-height: 16px;
    margin-left: 6px;
}

.field_item_row .inputRequirement, .field_item_row .inputRequirement_textarea {
    right: 12px;
}

.fields_required {
    margin-left: 2px;
    font-size: 11px;
    line-height: 11px;
    vertical-align: baseline;
    color: #666;
    font-weight: 400;
    text-transform: none;
    white-space: nowrap;
}

.fields_required .fa-solid {
    font-size: 10px;
    line-height: 10px;
    margin: 0px 0px 0px 2px;
}

.inputNote {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 0 0 0;
    font-weight: 400;
}

input {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

textarea {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #555;
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 11px 11px 11px 11px;
    border-radius: 12px;
    width: 70%;
    -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: 'Red Hat Display', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #555;
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    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;
    height: 44px;
    opacity: 0;
}

input[type=text], input[type=password], input[type=email], input[type=tel] {
    color: #555;
    background-color: #eeeeee;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 11px 11px 11px 11px;
    border-radius: 12px;
    width: 70%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    height:31px;
}

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: #f2f2f2;
    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: #333;
    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: 28px;
}

.cus_check {
    font-size: 14px;
    line-height: 20px;
    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: 400;
    font-size: 18px;
    line-height: 20px;
    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: 900;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #333;
    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);
}

.cus_radio {
    font-size: 14px;
    line-height: 20px;
    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: 400;
    font-size: 16px;
    line-height: 19px;
    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: 900;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: 0px;
    left: 0;
    color: #333;
    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);
}

.errormessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #dd1d1d;
    background: #fff3f3;
    margin: 5px 0 20px 0;
}

.errormessage.small {
    font-size: 13px;
    line-height: 18px;
}

.errormessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f071';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    padding: 0px 0px;
    color: #dd1d1d;
    background: rgba(227, 40, 40, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
}

.errormessage.small::before {
    line-height: 18px;
}

.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;
}

.infomessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #296aab;
    background: #eaf2fa;
    margin: 5px 0 20px 0;
}

.infomessage.small {
    font-size: 13px;
    line-height: 18px;
}

.infomessage p {
    margin: 0px 0px;
    padding: 0px 0px;
}

.infomessage a {
    color: #296aab;
    text-decoration: none;
    border-bottom: 1px solid #296aab;
}

.infomessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f05a';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    padding: 0px 0px;
    color: #296aab;
    background: rgba(74, 141, 202, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
}

.infomessage.small::before {
    line-height: 18px;
}

.infomessage .color_error_message {
    color: inherit;
}

.successmessage {
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #43c875;
    background: #e1f6e9;
    margin: 5px 0 20px 0;
}

.successmessage.small {
    font-size: 13px;
    line-height: 18px;
}

.successmessage p {
    margin: 0px 0px;
    padding: 0px 0px;
}

.successmessage a {
    color: #43c875;
    text-decoration: none;
    border-bottom: 1px solid #43c875;
}

.successmessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    content: '\f058';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    padding: 0px 0px;
    color: #43c875;
    background: rgba(67, 200, 117, 0.1);
    align-items: center;
    justify-content: center;
    display: flex;
}

.successmessage.small::before {
    line-height: 18px;
}

.successmessage.freeshipping {
    font-size: 13px;
    line-height: 17px;
}

.successmessage.freeshipping::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f48b';
}

.toggle_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    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: #fafafa;
    color: #333;
    right: -440px;
    width: 440px;
    display: block;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.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, #eee);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 4px;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    line-height: 30px;
    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: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #296aab;
    background: #eaf2fa;
}

.toggle_cart .giftmessage::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f06b';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    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: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #444;
    background: #eee;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
}

.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 #eee;
    padding: 5px;
}

.toggle_products_content {
    flex: 1;
    padding: 0px 15px;
}

.tpc_title {
    font-size: 14px;
    line-height: 16px;
    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: 12px;
    line-height: 14px;
    font-weight: 700;
}

.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: 14px;
    line-height: 18px;
    color: #555;
    -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: 400;
}

.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: 400;
}

ul.arrownav li a:hover {
    text-decoration: none;
}

ul.arrownav li a::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f178";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.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%;
    max-width: 985px;
}

.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;
}

.subcats_menu_box {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}

ul.subcats_menu {
    margin: 0px 0 0 0;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
}

ul.subcats_menu li {
    padding: 0 0 0 0;
}

ul.subcats_menu li > a {
    position: relative;
    display: block;
    font-weight: 400;
    color: #666;
    padding: 10px 20px 10px 0px;
    border-bottom: 1px solid #e1e1e1;
}

ul.subcats_menu li > a:hover {
    color: #222;
    text-decoration: none;
}

ul.subcats_menu li > a > .counts {
    display: inline-block;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    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: 12px;
    line-height: 18px;
    font-weight: 900;
}

ul.subcats_menu li.Selected a {
    font-weight: 700;
    color: var(--subcatsmenu_color_selected, #222);
}

.sub_categories_listing {
    overflow: hidden;
    margin: 0 0 50px 0;
}

.subcats_row {
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    border: solid #e1e1e1;
    border-width: 1px 0px 0px 1px;
}

.subcats_item {
    width: 50%;
    padding: 10px 10px;
    border: solid #e1e1e1;
    border-width: 0px 1px 1px 0px;
}

@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: 14px;
    line-height: 18px;
    font-weight: 600;
    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: 12px;
    line-height: 18px;
    display: inline-block;
    margin: 0 0 0 5px;
}

.subcats_item_inner a {
    color: #333;
}

.subcats_item_inner a:hover, .subcats_item_inner a:hover .subcats_title {
    color: #333;
    text-decoration: none;
}

.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;
}

.listingcontainer, .listingcontainer_full {
    margin: 0px 0px;
    display: flex;
    flex-wrap: wrap;
    border: solid #e1e1e1;
    border-width: 1px 0px 0px 1px;
}

.listingbox {
    position: relative;
    background: #fff;
    border: solid #e1e1e1;
    border-width: 0px 1px 1px 0px;
    overflow: hidden;
}

.splide_size1:after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background: #fff;
    top: 0px;
    bottom: 0px;
    right: -1px;
    border-right: 1px solid #e1e1e1;
}

.splide_size1 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.splide_size1 .listingbox {
    height: 100%;
    border-bottom: none;
}

.lb_inner {
    padding: 20px 10px;
    margin: 0px 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media only screen and (min-width: 500px) {
    .lb_inner {
        padding: 40px 20px;
    }
}

.listingcontainer .listingbox {
    width: 100%;
}

.listingcontainer_full .listingbox {
    width: 100%;
}

@media only screen and (min-width: 340px) {
    .listingcontainer .listingbox {
        width: 50%;
    }

    .listingcontainer_full .listingbox {
        width: 50%;
    }
}

@media only screen and (min-width: 620px) {
    .listingcontainer .listingbox {
        width: 33.3333%;
    }

    .listingcontainer_full .listingbox {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 920px) {
    .listingcontainer .listingbox {
        width: 25%;
    }

    .listingcontainer_full .listingbox {
        width: 25%;
    }
}

@media only screen and (min-width: 1160px) {
    .listingcontainer .listingbox {
        width: 25%;
    }

    .listingcontainer_full .listingbox {
        width: 20%;
    }
}

.flex_listing_products .listingcontainer_full .listingbox {
    width: 100%;
}

@media only screen and (min-width: 340px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: 50%;
    }
}

@media only screen and (min-width: 620px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 920px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: 25%;
    }
}

@media only screen and (min-width: 985px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 1160px) {
    .flex_listing_products .listingcontainer_full .listingbox {
        width: 25%;
    }
}

.lb_image {
    text-align: center;
    width: 100%;
    position: relative;
}

.lb_title {
    margin: 15px 0px 0px 0px;
}

.lb_title h2 {
    font-weight: 600;
    text-align: left;
    height: 32px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border: none;
    margin: 0;
    padding: 0;
}

.lb_title h2 a {
    color: #333;
    display: block;
    height: 100%;
}

.lb_title h2 a:hover {
    color: #555;
    text-decoration: none;
}

.lb_attributes {
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.lb_attributes_item {
    display: block;
}

.lb_shipping {
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    color: #555;
}

.lb_shipping .lb_shipping_image {
    display: inline-block;
    margin: 0 5px 0 0;
}

.lb_shipping a {
    color: #555;
    border-bottom: 1px solid #ccc;
}

.lb_shipping a:hover {
    color: #555;
    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: 400;
    font-size: 12px;
    line-height: 16px;
    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: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 600;
}

.lb_rating_icons.no_reviews .lb_rating_count {
    color: #ddd;
}

.lb_price {
    margin: 10px 0 0 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    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: 400;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    line-height: 12px;
    color: #666;
}

.lb_price .small_price {
    padding: 0 1px 0 0;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.lb_price .old_price {
    padding: 0px 10px 0px 0px;
    font-size: 12px;
    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: 20px;
    top: 20px;
    background: var(--price_save_bg, #e32828);
    color: var(--price_save_color, #fff);
    padding: 4px 0px 4px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    z-index: 1;
}

.lb_new_flag {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #43c875;
    color: #fff;
    padding: 4px 0px 4px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    z-index: 1;
}

.lb_tax {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    text-align: left;
    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: 10px;
    line-height: 12px;
    font-weight: 700;
    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: 16px;
}

@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);
    }
}

.lb_date {
    display: block;
    margin: 10px 0 0 0;
}

.lb_date_inner {
    display: inline-block;
    color: #eaf2fa;
    background: #296aab;
    padding: 4px 10px;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
}

.listingrow {
    position: relative;
    padding: 40px 20px;
    margin: 0px 0 0px 0;
    border: solid #e1e1e1;
    border-width: 0px 1px 1px 0px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.lr_image {
    width: 100%;
    padding: 0 0 20px 0;
    position: relative;
}

@media only screen and (min-width: 759px) {
    .lr_image {
        width: 180px;
        padding: 0 30px 0 0;
    }
}

.lr_new_flag {
    position: absolute;
    right: 0px;
    top: -20px;
    background: #43c875;
    color: #fff;
    padding: 4px 0px 4px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 4px;
    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 #e1e1e1;
    border-width: 0px 0px 0px 0px;
}

@media only screen and (min-width: 500px) {
    .lr_content {
        flex: 1;
        padding: 0 30px 0 0px;
        border: solid #e1e1e1;
        border-width: 0px 1px 0px 0px;
    }
}

@media only screen and (min-width: 759px) {
    .lr_content {
        padding: 0 30px 0 30px;
        border: solid #e1e1e1;
        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: 600;
    font-size: 14px;
    line-height: 16px;
    border: none;
    margin: 0;
    padding: 0;
}

.lr_title h2 a {
    color: #333;
}

.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: 400;
    font-size: 12px;
    line-height: 16px;
    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: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 600;
}

.lr_rating_icons.no_reviews .lr_rating_count {
    color: #ddd;
}

.lr_desc {
    font-size: 13px;
    line-height: 19px;
}

.lr_shipping {
    margin: 20px 0px 0px 0px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    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: 700;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    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: 400;
    padding: 0px 0px;
    font-size: 10px;
    line-height: 12px;
    color: #666;
}

.lr_price .small_price {
    padding: 0 1px 0 0;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
}

.lr_price .special_price .small_price, .lr_price .specialgraduated_price .small_price {
    display: block;
    width: 100%;
    padding: 0 0px 1px 0;
    font-size: 8px;
    line-height: 8px;
}

.lr_price .old_price {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 12px;
    color: var(--price_old_color, #666);
    text-decoration: none;
}

.lr_price .new_price {
    display: inline-block;
    font-weight: 700;
    color: var(--price_new_color, #e32828);
}

.lr_price .item_price {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #666;
    text-decoration: none;
}

.lr_price .uvp_price {
    display: inline-block;
    font-weight: 700;
}

.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: 14px;
    line-height: 16px;
    font-weight: 700;
    min-width: 50px;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
    border-radius: 4px;
}

.lr_tax {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    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: 10px;
    line-height: 12px;
    font-weight: 700;
    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: 16px;
}

.box_products_head {
    display: flex;
    align-items: center;
    margin: 0px 0px 10px 0px;
}

.box_products_head .title {
    flex: 1;
    color: #333;
    font-weight: 900;
    text-transform: none;
    font-size: 18px;
    line-height: 20px;
    padding: 4px 0px;
}

.dm_productinfo .box_products_head .title {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

.box_products_head .more {
}

.box_products_head .more a {
    background: #f5f5f5;
    color: #333;
    padding: 6px 10px;
    position: relative;
    display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.box_products_head .more a:hover {
    background: #e1e1e1;
    color: #333;
    text-decoration: none;
}

.listing_filter {
    margin: 0;
}

.listing_filter_header {
    display: flex;
    align-items: center;
}

.listing_filter_toggle {
    display: inline-block;
}

.listing_filter_toggle #toggle_filter {
    display: inline-block;
    padding: 6px 10px 6px 10px;
    border: 1px solid #ccc;
    font-size: 11px;
    line-height: 21px;
    height: 35px;
    min-width: 35px;
    font-weight: 700;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.listing_filter_toggle #toggle_filter .fa-solid {
    font-size: 13px;
    line-height: 21px;
    width: 13px;
}

.listing_filter_toggle .toggle_filter_text {
    padding: 0 0 0 8px;
}

.listing_filter_toggle #toggle_filter:hover {
    background: #eee;
}

.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;
    border: 1px solid #ccc;
    color: #fff;
    background: #296aab;
    font-size: 13px;
    line-height: 21px;
    border-radius: 8px;
    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: 13px;
    line-height: 21px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

a.view_list {
    color: #999;
}

a.view_list:hover, a.view_list.active {
    color: #333;
    background: #eee;
    text-decoration: none;
}

a.view_box {
    color: #999;
}

a.view_box:hover, a.view_box.active {
    color: #333;
    background: #eee;
    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: #333;
    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, #eee);
    color: var(--toggle_menu_closer_color, #555);
    border-radius: 4px;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 20px;
    line-height: 30px;
    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: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
}

.tags_bar a.tags_bar_reset {
    float: right;
    font-size: 12px;
    line-height: 14px;
}

.tags_bar_row {
    margin: 0px -5px 0px -5px;
}

.tags_bar_item {
    float: left;
    width: 100%;
    padding: 5px 5px;
}

.filter_bar .CaptionCont.SelectBox.Selected {
    color: #296aab;
    background: #eaf2fa;
}

.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: 12px;
    line-height: 24px;
    vertical-align: middle;
    color: #333;
}

.pagination_list {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
}

.pagination_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    border-radius: 8px;
    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: 12px;
    line-height: 22px;
    padding: 6px 0px 5px 0px;
    font-weight: 600;
    text-align: center;
    color: #333;
    text-decoration: none;
    background-color: transparent;
}

.pagination_list ul li .current {
    background-color: #eee;
    color: #333;
    font-weight: 700;
}

.pagination_list ul li:hover {
    background: #f5f5f5;
}

.pagination_list ul li.listing_topscroll, .pagination_list ul li.listing_bottomscroll {
    display: none;
    cursor: pointer;
}

.pagination_top .pagination_list ul li.listing_bottomscroll {
    display: block;
}

.pagination_bottom .pagination_list ul li.listing_topscroll {
    display: block;
}

.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;
    background: #296aab;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    padding: 3px 6px 3px 6px;
    border-radius: 4px;
    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: 11px;
    line-height: 15px;
}

.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;
}

.layout_subfooter {
    width: 100%;
    padding: 60px 0;
    margin: 0 0;
    background: var(--subfooter_bg, #f5f5f5);
    color: var(--subfooter_color_text, #555);
}

.sf_newsletter_heading {
    color: var(--subfooter_color_title, #333);
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 15px 0;
    font-weight: 700;
    text-align: center;
}

.sf_newsletter_text {
    margin: 0px auto 15px auto;
    text-align: center;
    width: 100%;
    max-width: 600px;
    font-size: 14px;
    line-height: 20px;
}

.sf_newsletter_form_inner {
    display: flex;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}

.sf_newsletter_input {
    flex: 1;
    padding: 0 10px 0 0;
}

.sf_newsletter_input input {
    background: #fff;
}

.sf_newsletter_button {
    width: 60px;
}

.sf_newsletter_button .cssButtonIcon {
    font-size: 18px;
}

.sf_newsletter_disclaim {
    margin: 10px auto 0 auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
    font-size: 12px;
    line-height: 16px;
}

.layout_footer {
    background: var(--footer_bg, #eee);
    margin: 0;
    padding: 60px 0 20px 0;
}

.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;
}

@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: 14px;
    line-height: 20px;
    font-weight: 700;
    margin: 0 0 10px 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: 13px;
    line-height: 17px;
}

.footer_item ul.content_box_list li a {
    padding: 0 0 0 0px;
    display: block;
    color: var(--footer_link_color, #333);
    font-size: 13px;
    line-height: 17px;
    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, #333);
    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, #333);
    border-bottom: 1px solid var(--footer_link_color_underline, #999);
}

.footer_item .content_box_text {
    padding: 3px 0px 7px 0px;
    display: block;
    font-size: 13px;
    line-height: 21px;
    color: var(--footer_box_text, #333);
}

.content_box_payment {
    padding: 8px 0px;
}

.content_box_payment > span {
    float: left;
    width: 54px;
    border-radius: 4px;
    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.8;
    filter: grayscale(100%);
}

.content_box_payment > span:hover img {
    opacity: 1.0;
    filter: grayscale(0%);
}

.content_box_social {
    padding: 8px 0px;
}

.content_box_social a {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    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, #333);
}

.mod_copyright {
    padding: 10px 0px 10px 0px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 400;
    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: 11px;
    line-height: 17px;
    font-weight: 400;
    padding: 0 0 10px 0;
    margin: -51px 0 0 0;
    width: 100%;
}

.copyright a {
    color: var(--footer_copyright, #666);
    text-decoration: none;
}

.parseTime {
    margin: 0 auto;
    text-align: center;
    color: var(--footer_copyright, #333);
    font-weight: 700;
    font-size: 10px;
    margin: -12px 0 0 0;
}

.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: 14px;
    line-height: 20px;
    -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: #fff;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    color: #666;
    padding: 0px 10px;
    text-transform: uppercase;
}

.cssButton {
    position: relative;
    font-family: 'Red Hat Display', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9px 5px;
    font-weight: 900;
    text-transform: none;
    white-space: nowrap;
    text-decoration: none;
    min-height: 44px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.cssButtonText {
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px 3px;
}

.cssButtonIcon {
    font-size: 13px;
    line-height: 24px;
    vertical-align: top;
    padding: 0px 3px;
}

.cssButtonIcon .far, .cssButtonIcon .fas, .cssButtonIcon .fa-solid, .cssButtonIcon .fa-regular {
    vertical-align: top;
    line-height: 24px;
}

.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;
}

.cssButtonColor1 {
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid var(--button1_border, rgba(0, 0, 0, 0.1));
    background: var(--button1_background, #ddd);
    color: var(--button1_color, #333);
}

.cssButtonColor1:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.cssButtonColor2 {
    border-radius: 4px;
    text-decoration: none;
    border: 1px 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;
}

.cssButtonColor3 {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    background: #eee;
    color: #333;
}

.cssButtonColor3:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.cssButtonColor4 {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    background-color: #43c875;
    color: #ffffff;
}

.cssButtonColor4:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.cssButtonColor5 {
    background: #ccc;
    color: #333;
}

.cssButtonColor5:hover {
    opacity: 0.8;
    text-decoration: none !important;
}

.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: 10px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #013088;
    padding: 0 5px 0 0;
    vertical-align: middle;
}

.cssButtonColor6 .color-paypal1 {
    font-size: 18px;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 700;
    color: #013088;
}

.cssButtonColor6 .color-paypal2 {
    font-size: 18px;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    font-weight: 700;
    color: #019CDE;
}

.cssButtonColor7 {
    text-transform: none;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    height: auto;
    text-decoration: none;
    border: none;
    ;
    color: #333;
}

.cssButtonColor7 .cssButtonText {
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    vertical-align: top;
    padding: 0px 3px;
    text-decoration: none;
    border-bottom: 1px solid #555;
}

.cssButtonColor7 .cssButtonIcon {
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
    padding: 0px 3px;
}

.cssButtonColor7:hover {
    opacity: 0.8;
    text-decoration: none !important;
    border: none;
    background: none;
}

.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: #f5f5f5;
    padding: 0px;
    margin: 0 0 20px 0;
    font-weight: 400;
    border: solid #e1e1e1;
    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: 12px;
    line-height: 20px;
    text-transform: none;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

@media only screen and (min-width: 985px) {
    .ordersum_heading {
        display: block;
    }
}

.ordertotal_block {
    font-size: 14px;
    line-height: 18px;
}

.ordersum_nocart {
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
    font-weight: 400;
}

.ordersum_nocart .ordertotal_block {
    width: 100%;
}

.ordertotal_row {
    display: flex;
    padding: 12px 10px;
    border-bottom: 1px solid #e1e1e1;
}

.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: 13px;
    line-height: 17px;
    height: 36px;
    max-width: 180px;
}

.ot_select .SumoSelect .SelectBox {
    padding: 9px 9px 9px 9px;
}

.ot_select .SumoSelect .search-txt {
    background-color: #fff;
    font-size: 13px;
    line-height: 17px;
    height: 34px;
    padding: 9px 9px 9px 9px;
}

.ot_shipping {
    background: #fff;
    font-size: 13px;
    line-height: 17px;
    position: relative;
}

.ot_shipping .SumoSelect {
    position: static;
}

.ot_weight {
    background: #fff;
    font-size: 12px;
    line-height: 16px;
}

.ot_total {
    padding: 12px 10px;
}

.ot_total strong {
    font-weight: 700;
}

.ot_red {
    color: #dd1d1d !important;
}

.color_ot_total {
    color: #dd1d1d;
}

.color_error_message {
    color: #dd1d1d;
}

.orderflex {
    border-top: 1px solid #e1e1e1;
}

.orderflex_row {
    display: flex;
    padding: 20px 0px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    line-height: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.orderflex_row_header {
    padding: 10px 0px;
    text-transform: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

.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 #e1e1e1;
    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: 12px;
    line-height: 20px;
    font-weight: 700;
}

@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: 18px;
}

.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: 11px;
    line-height: 15px;
    color: #666;
}

.markProductOutOfStock {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 0 5px;
    vertical-align: -1px;
}

.markProductOutOfStock > span {
    color: #e32828 !important;
}

.of_productname {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.of_productname a {
    display: block;
}

.of_productname a.iframe {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
}

.of_productname a:hover {
    text-decoration: none;
}

.of_description {
    margin: 12px 0 0 0;
    padding: 0px 0px;
    font-size: 13px;
    line-height: 19px;
    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: 13px;
    line-height: 19px;
    padding: 1px 0px;
}

.of_inforows {
    margin: 12px 0 0 0;
}

.of_infoline {
    font-size: 13px;
    line-height: 19px;
    padding: 1px 0px;
}

.of_action {
    border-top: 0px solid #e1e1e1;
    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: 12px;
    line-height: 16px;
    font-weight: 600;
    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: #333;
    text-decoration: none;
}

.of_action > span.of_delete .cssButton {
    padding: 0px 0px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: none;
    min-height: 26px;
}

.of_action > span.of_delete .cssButtonIcon {
    font-size: 12px;
    line-height: 26px;
}

.of_action > span.of_delete .cssButtonText {
    font-size: 12px;
    line-height: 26px;
    text-transform: none;
    font-weight: 600;
}

.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: #333;
    opacity: 1;
}

.order_details .pp-message {
    margin: 20px 0;
}

.order_details .pp-message > span {
    max-width: 100% !important;
}

.giftbox {
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
    background: #f5f5f5;
    border: solid #e1e1e1;
    border-width: 1px 1px 1px 1px;
}

.giftbox input[type=text] {
    background-color: #fff;
}

.giftbox_heading {
    display: none;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    line-height: 20px;
    text-transform: none;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

.gift_item_row {
    padding: 5px 10px;
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
}

.gift_text_row {
    border: solid #e1e1e1;
    border-width: 1px 0px 0px 0px;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 18px;
}

.gift_text_row .fa-solid {
    color: #296aab;
}

.giftbox .errormessage, .giftbox .infomessage, .giftbox .successmessage {
    margin: 0px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    line-height: 17px;
}

.giftbox a.arrow {
    display: inline-block;
    margin: 5px 0 0 0;
    color: #555;
    font-weight: 700;
}

.giftbox a.arrow:hover {
    color: #555;
    text-decoration: none;
}

.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_navigaton {
    margin: 0px 0 0 0;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

.navigation_item {
    border-radius: 4px;
    border: solid #e1e1e1;
    border-width: 0px 1px 1px 1px;
}

.navigation_item:first-child {
    border-top: 1px solid #e1e1e1;
}

.navigation_item:hover {
    background: #f5f5f5;
}

.navigation_item a {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 14px;
    line-height: 18px;
}

.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: 400;
}

.navigation_item.selected {
    background: #f5f5f5;
}

.navigation_item.selected .title {
    color: var(--account_navigation_selected, #555);
    font-weight: 700;
}

.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 #e1e1e1;
    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 #e1e1e1;
    background: #fff7dd;
}

.action_item_inner_plain {
    padding: 5px 2px;
    display: flex;
}

.action_item_inner_plain.bordered {
    padding: 10px 2px;
    border-bottom: 1px solid #e1e1e1;
}

.action_item_full:first-child .action_item_inner_plain.bordered {
    border-top: 1px solid #e1e1e1;
}

.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: 700;
}

.action_row label .content, .action_row .item .content {
    display: block;
    padding: 5px 0px 0px 0px;
    font-weight: 400;
}

.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: 16px;
}

.action_row.address .header {
    display: flex;
    flex-wrap: wrap;
}

.action_row.address .title {
    padding: 3px 0 0 0;
    font-weight: 700;
    line-height: 18px;
    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: 12px;
    line-height: 16px;
    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: 400;
}

.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: 18px;
}

.reviewbox {
    position: relative;
    vertical-align: top;
    overflow: hidden;
    border: solid #e1e1e1;
    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 #e1e1e1;
}

.splide_size2 {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.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: 600;
    font-size: 14px;
    line-height: 16px;
    border: none;
    margin: 0;
    padding: 0;
}

.rb_title h2 a {
    color: #333;
}

.rb_title h2 a:hover {
    color: #555;
    text-decoration: none;
}

.rb_text {
    font-size: 14px;
    line-height: 20px;
}

.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: 400;
    font-size: 14px;
    line-height: 14px;
    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;
}

.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 #e1e1e1;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    padding: 8px 0px;
    text-align: center;
}

.pd_reviews_stars {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    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: 13px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
}

.pd_reviews_all {
    margin: 10px 0 0 0;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
}

.reviewrow_full {
    padding: 0px 0px;
    margin: 0 0 30px 0;
}

.reviewrow_full strong {
    font-weight: 600;
}

.reviewrow_full_head {
    font-size: 13px;
    line-height: 19px;
    padding: 8px 0px;
    border-bottom: 1px solid #e1e1e1;
}

.reviewrow_full_head .seperator {
    display: inline-block;
    padding: 0px 10px;
    color: #ccc;
}

.reviewrow_full_head .rating_icons {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    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: 14px;
    line-height: 22px;
}

.reviewrow_full_content h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 15px 0;
    padding: 0;
}

.reviewrow_full_content h3 a {
    color: #333;
}

.reviewrow_full_content h3 a:hover {
    color: #555;
    text-decoration: none;
}

.reviewrow_full_content_title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
}

.reviewrow_full_content_more {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
    font-weight: 600;
}

.reviewrow_full_content_more a {
    text-decoration: none;
}

.reviewrow_full_content_more a:hover {
    text-decoration: none;
}

.pr_reviews {
    display: flex;
    flex-direction: column;
}

@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;
    padding: 10px;
    width: 100%;
    border: 1px solid #e1e1e1;
}

.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;
    }
}

.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: 900;
    font-size: 24px;
    line-height: 24px;
    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;
}

.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 #e1e1e1;
}

.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: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 10px 50px 10px 10px;
    position: relative;
    display: block;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.subcontent_title > span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    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: 10px;
    line-height: 20px;
    background: #333;
    color: #d9d9d9;
    border-radius: 6px;
    text-align: center;
    display: block;
    transition: all 0.3s ease-in-out;
}

.subcontent_item_inner a {
    color: #333;
}

.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: #eee;
    color: #333;
    text-decoration: none;
}

.subcontent_item_inner a.selected span, .subcontent_item_inner a.selected .subcontent_title span {
    font-weight: 700;
}

.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: #333;
    color: #fff;
}

.flex_content_col_2 .content_box {
    margin: 0 0 30px 0;
}

.flex_content_col_2 .content_box_header {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.flex_content_col_2 ul.content_box_list {
    margin: 10px 0 0 0;
    list-style-type: none;
    padding: 0px;
    border-radius: 4px;
    border: solid #e1e1e1;
    border-width: 1px 1px 1px 1px;
    overflow: hidden;
}

.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 #e1e1e1;
    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: 13px;
    line-height: 17px;
    color: #333;
    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: 9px;
    line-height: 17px;
    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: 400;
}

.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: #333;
    background: #f5f5f5;
    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: #f5f5f5;
}

.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, #333);
    font-weight: 700;
}

.box_greeting {
    margin: 50px 0px;
}

.box_greeting h1 {
    margin: 0px 0 15px 0;
    padding: 0 0 0 0;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
}

.greeting_text {
    column-count: 1;
    column-gap: 0px;
}

@media only screen and (min-width: 920px) {
    .greeting_text {
        column-count: 3;
        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: 700;
}

.greeting_text a {
    border-bottom: 1px solid #999;
}

.greeting_text a:hover {
    text-decoration: none;
    border-bottom: 1px solid #999;
}

.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 #e1e1e1;
}

@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 #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    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: #333;
    text-decoration: none;
}

.sitemaplist > ul.sitemapcat > li > ul li {
    border-top: 1px solid #e1e1e1;
    font-weight: normal;
}

.sitemaplist > ul.sitemapcat > li > ul li a {
    background: #fff;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 0px;
    border-bottom: none;
}

.sitemaplist > ul.sitemapcat > li > ul li a:hover {
    text-decoration: none;
}

.sitemaplist > ul.sitemapcat > li ul li a {
    padding-left: 5px;
    border-bottom: none;
}

.sitemaplist > ul.sitemapcat > li ul ul li a {
    padding-left: 20px;
    border-bottom: none;
}

.sitemaplist > ul.sitemapcat > li ul ul ul li a {
    padding-left: 35px;
    border-bottom: none;
}

.sitemaplist > ul.sitemapcat > li ul ul ul ul li a {
    padding-left: 50px;
    border-bottom: none;
}

#product_info {
    margin: 40px 0 0 0;
}

#product_info .pp-message {
    margin: 10px 0 -10px 0;
}

#product_info .subline {
    font-size: 14px;
    line-height: 20px;
}

.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: 8px;
    line-height: 10px;
    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;
}

.pd_image_small_inner {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    position: relative;
}

.pd_image_small_inner img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 90%;
    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;
    border: 1px solid #e1e1e1;
}

.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: 90%;
    height: 90%;
    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: 700;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}

.pd_title h1.manu_image_padding {
    padding: 0 90px 0 0;
}

.pd_manu {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px 0;
    font-weight: 600;
}

.pd_manu a {
    display: inline-block;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.pd_manu a:hover {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #333;
}

.pd_rating {
    margin: 15px 0 15px -1px;
    padding: 0px 0px;
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.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: 13px;
    line-height: 19px;
    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: 11px;
    line-height: 19px;
    letter-spacing: 1px;
    font-weight: 600;
    vertical-align: top;
}

.pd_rating .pd_rating_link {
}

.pd_rating .pd_rating_link a {
    color: #333;
    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: #333;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.pd_heading_inforow {
    padding: 0px 0px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    font-weight: 400;
}

.pd_heading_inforow strong {
    font-weight: 600;
}

.pd_shippingrow {
    margin: 25px 0px;
    display: flex;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
}

.pd_shippingrow strong {
    font-weight: 600;
}

.pd_shipping_icon {
    width: 28px;
    font-size: 15px;
    line-height: 17px;
}

.pd_shipping_image {
    display: inline-block;
    padding: 0 5px 0 0;
}

.pd_shipping_content {
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 17px;
    flex: 1;
}

.pd_shipping_content a:hover {
    text-decoration: none;
}

.pd_shipping_content a {
    color: #333;
    border-bottom: 1px solid #ccc;
}

.pd_shipping_content a:hover {
    color: #333;
    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: 700;
    font-size: 18px;
    line-height: 18px;
}

.pd_price_discount {
    color: #e32828;
    font-weight: 400;
    padding: 0 0 5px 0;
    font-size: 13px;
    line-height: 19px;
}

#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: 400;
    padding: 1px 0 0 0;
    font-size: 11px;
    line-height: 15px;
    color: #666;
}

.pd_price .small_price {
    vertical-align: 0px;
    padding: 0 3px 0 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

.pd_price .special_price .small_price, .pd_price .specialgraduated_price .small_price {
    display: block;
    width: 100%;
    padding: 0 0px 1px 0;
    font-size: 8px;
    line-height: 8px;
}

.pd_price .old_price {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    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: 700;
    font-size: 18px;
    line-height: 18px;
    color: var(--price_new_color, #e32828);
}

.pd_price .item_price {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.pd_price .uvp_price {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
}

.pd_price .save_price {
    display: block;
    background: var(--price_save_bg, #e32828);
    color: var(--price_save_color, #fff);
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    width: 40px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.pd_price .save_price_long {
    display: none;
    color: var(--price_new_color, #e32828);
    font-weight: 400;
    padding: 1px 0 0 0;
    font-size: 11px;
    line-height: 15px;
}

.pd_tax {
    display: block;
    font-weight: 400;
    text-align: left;
    padding: 1px 0 0 0;
    font-size: 11px;
    line-height: 15px;
    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: 400;
    text-align: left;
    padding: 1px 0 0 0;
    font-size: 11px;
    line-height: 15px;
    color: var(--price_new_color, #e32828);
}

.fskmessage {
    margin: 40px 0 0px 0;
    position: relative;
    border: none;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #e32828;
    background: #fff3f3;
}

.fskmessage:before {
    font-weight: 700;
    content: '18';
    position: absolute;
    width: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 20px;
    line-height: 20px;
    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: 14px;
    line-height: 18px;
}

.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: 18px;
}

.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: 17px;
}

.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: 400;
    color: #333;
}

.pd_addtobasket_express_link a:hover {
    color: #333;
    text-decoration: none;
}

.pd_description_content {
}

.pd_description_content p:first-child {
    margin-top: 0px;
}

.pd_description_content h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

.pd_description_content h3 {
    font-size: 14px;
    line-height: 22px;
    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 #e1e1e1;
    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: 900;
    position: absolute;
    top: 0px;
    left: 0px;
}

.pd_url::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f08e";
    font-weight: 900;
    position: absolute;
    top: 0px;
    left: 0px;
}

.pd_added::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f073";
    font-weight: 900;
    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;
}

.pd_plain .count {
    background: #333;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    line-height: 17px;
    margin: 0px 0 0 10px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
}

.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: 12px;
    line-height: 18px;
    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: #333;
}

.pd_tabs .resp-arrow {
    right: 15px;
    top: 18px;
}

.pd_tabs .resp-tabs-list li {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    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: #333;
    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: #333;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    line-height: 17px;
    margin: 0px 0 0 10px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: 1px;
}

.pd_accordion {
}

.pd_accordion h2.resp-accordion {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    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: #333;
}

.pd_accordion .resp-arrow {
    right: 15px;
    top: 18px;
}

.pd_accordion .count {
    background: #333;
    color: #fff;
    border-radius: 4px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    line-height: 17px;
    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;
}

.graduated_prices {
    margin: 30px 0px 0px 0px;
    font-weight: 400;
    padding: 0 0 0 0;
}

.graduated_headline {
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    font-size: 13px;
    line-height: 19px;
    font-weight: 700;
    border-bottom: 1px solid #d9d9d9;
}

.graduated_row {
    display: flex;
    display: flex;
    flex-wrap: wrap;
}

.graduated_item {
    width: 33.3333%;
    font-size: 13px;
    line-height: 19px;
    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: 700;
    line-height: 19px;
}

.graduated_vpe {
    font-weight: 400;
    padding: 0px 0 0 0px;
    font-size: 11px;
    line-height: 15px;
    color: #666;
}

.productoptions {
    margin: 30px 0px 0px 0px;
    font-weight: 400;
}

.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: 13px;
    line-height: 15px;
    font-weight: 700;
    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: 13px;
    line-height: 19px;
    min-height: 41px;
    padding: 10px 10px 10px 10px;
}

.po_row_select_item .SumoSelect > .optWrapper {
    font-size: 13px;
    line-height: 19px;
}

.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: 13px;
    line-height: 19px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

.po_row_table_item {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    line-height: 19px;
}

.po_row_table_item .cus_radio {
    font-size: 13px;
    line-height: 19px;
}

.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: 700;
    padding: 0 0 0 20px;
}

.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: 13px;
    line-height: 19px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

.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: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    cursor: pointer;
}

.po_row_button_item label:hover {
    background: #fff;
    border: 1px solid #e1e1e1;
}

.po_row_button_item_name {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.po_row_button_item_price {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    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: 700;
}

.tags_block {
    margin: 0 0 0px 0;
    border-top: 1px solid #e1e1e1;
}

.tags_row {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
    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: 700;
    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;
    }
}

.tags_options_row {
    font-size: 13px;
    line-height: 20px;
    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: 15px;
    line-height: 15px;
    vertical-align: -1px;
}

.tags_values > span:after {
    content: ',';
    margin: 0 8px 0 1px;
}

.tags_values > span:last-child:after {
    content: '';
    margin: 0 0px 0 0px;
}

.tags_values_text_row {
    font-size: 13px;
    line-height: 20px;
    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: 15px;
    line-height: 15px;
    vertical-align: -1px;
}

.tags_values_icon_row {
    font-size: 13px;
    line-height: 20px;
    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;
}

.tags_block .tooltip .tooltip_content {
    display: block;
    visibility: hidden;
    width: 200px;
    background-color: #333;
    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: 12px;
    line-height: 16px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.tags_block .tooltip .tooltip_content::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 20px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tags_block .tooltip:hover .tooltip_content {
    visibility: visible;
    opacity: 1;
}

.media_block {
    margin: 0px 0 0px 0;
    border-top: 1px solid #e1e1e1;
}

.media_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #e1e1e1;
    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: 13px;
    line-height: 17px;
}

@media only screen and (min-width: 600px) {
    .media_desc {
        padding: 0px 20% 5px 56px;
    }
}

.media_icon {
    width: 56px;
    line-height: 44px;
    font-size: 24px;
    text-align: center;
    padding: 0 20px 0 0;
}

.media_icon .fa-arrow-up-right-from-square {
    font-size: 20px;
}

.media_content {
    flex: 1;
    font-weight: 600;
    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;
}

.download_box {
    border-top: 1px solid #e1e1e1;
    margin: 0 0 20px 0;
}

.download_row {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}

.dl_icon {
    width: 50px;
    padding: 5px 0px 0px 5px;
}

.dl_icon a {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    padding: 5px;
    border-radius: 20px;
    width: 34px;
    text-align: center;
}

.dl_icon a.dl_allow {
    border: 2px solid #43c875;
    color: #43c875;
}

.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: 22px;
    font-size: 14px;
}

.dl_content a {
    color: #555;
    text-decoration: none;
}

.dl_content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #999;
}

ul#checkoutnavigation {
    margin: 0px 0px 40px 0px;
    padding: 5px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px 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: 30px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
}

ul#checkoutnavigation li .content {
    flex: 1;
    padding: 0 10px 0 10px;
}

ul#checkoutnavigation li .title {
    display: block;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    padding: 1px 0 1px 0;
    text-transform: uppercase;
}

ul#checkoutnavigation li .description {
    display: none;
    font-size: 12px;
    line-height: 14px;
}

@media only screen and (min-width: 600px) {
    ul#checkoutnavigation li .description {
        display: block;
    }
}

ul#checkoutnavigation li .active {
    color: #333;
}

ul#checkoutnavigation li .inactive {
    color: #aaa;
}

ul#checkoutnavigation li .selected {
    color: #999;
}

ul#checkoutnavigation li .active .number {
    border: 1px solid #d9d9d9;
    color: #333;
}

ul#checkoutnavigation li .inactive .number {
    border: 1px solid #d9d9d9;
    color: #aaa;
}

ul#checkoutnavigation li .selected .number {
    border: 1px solid #d9d9d9;
    color: #999;
}

.checkout_row {
    margin: 0px 0px 30px 0px;
}

.checkout_info {
    float: left;
    width: 100%;
    padding: 5px 10px 10px 10px;
    background: #f5f5f5;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    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: 13px;
    line-height: 19px;
    margin: 0px 0px 8px 0px;
    padding: 6px 0;
}

.checkout_action .subline {
    font-size: 16px;
    line-height: 20px;
    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: 600;
}

.checkout_accordion .cus_radio input[type="radio"] ~ label {
    display: flex;
    padding: 0px 30px 0px 30px;
    font-weight: 600;
}

.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: 16px;
    line-height: 19px;
    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: 400;
}

.checkoutconditions strong {
    font-weight: 400;
}

.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: 13px;
    line-height: 19px;
    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: 12px;
    padding: 5px;
    margin-top: 8px;
}

.color_edit_info {
    color: #333;
}

table.paymentmoduledata {
    font-size: 13px;
    line-height: 16px;
}

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 {
    margin: 10px 0 20px 0;
    padding: 10px 10px 10px 50px;
    position: relative;
    border: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #333;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.checkout_payment_gift:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: '\f06b';
    position: absolute;
    width: 38px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    font-size: 22px;
    line-height: 22px;
    padding: 9px 0px;
    color: #333;
    background: #eee;
    align-items: flex-start;
    justify-content: center;
    display: flex;
}

.checkout_payment_gift .cus_check_gift {
    font-size: 14px;
    line-height: 20px;
}

.checkout_payment_gift .gift_title {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    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: 14px;
    line-height: 20px;
}

.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_gift {
    color: #333;
    border-bottom: 1px solid #e1e1e1;
}

.checkout_confirmation_gift .successmessage, .checkout_confirmation_gift .errormessage {
    margin: 10px 0 10px 0;
}

.checkout_confirmation_gift .ordertotal_row {
    background: #f5f5f5;
    border: 0px;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    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: 700;
    font-size: 12px;
    line-height: 16px;
}

@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;
}

.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: 18px;
}

body.popupcontent {
    min-width: 100%;
    background: #fff none;
    padding: 0 10px 0 0;
}

body.popupcontent h1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    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;
}

body.popupprint {
    min-width: 100%;
    background: #fff none;
    padding: 0 10px 0 0;
}

body.popupprint h1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin: 0px 0 10px 0;
}

.printwrap {
    width: 700px;
    margin: 0px auto;
}

.printlogo {
    padding: 10px 0px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

.hr_1 {
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: solid 1px #e1e1e1;
    background-color: transparent;
}

.hr_5 {
    height: 1px;
    line-height: 1px;
    margin: 5px 0px;
    padding: 0;
    display: block;
    border-bottom: solid 1px #e1e1e1;
    background-color: transparent;
}

.hr_15 {
    height: 1px;
    line-height: 1px;
    margin: 15px 0px;
    padding: 0;
    display: block;
    border-bottom: solid 1px #e1e1e1;
    background-color: transparent;
}

.printColumsLeft {
    float: left;
    width: 48%;
}

.printColumsRight {
    float: right;
    width: 48%;
}

.printColumsInfoLeft {
    float: left;
    width: 500px;
    padding: 0px;
}

.printColumsInfoLeft .subline, .printColumsInfoLeft .graduated_headline {
    color: #333;
    font-size: 13px;
    line-height: 19px;
    margin: 15px 0 10px 0;
    padding: 0 0 5px 0;
    font-weight: 900;
}

.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 #e1e1e1;
    padding: 1px;
}

ul.printinfolist {
    margin-left: 15px;
}

ul.printinfolist li.active {
    font-weight: bold;
}

.moimages {
    float: left;
    width: 126px;
    height: 126px;
    border: 1px solid #e1e1e1;
    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;
}

.printwrap_admin {
    padding-top: 40px;
    width: 700px;
    margin: 0px auto;
}

p.underline {
    margin: 105px 0px 3px 15px;
    font-size: 10px;
    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: 12px;
    line-height: 18px;
}

.print_big {
    font-size: 26px;
    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: 13px;
    line-height: 19px;
    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: 10px;
    line-height: 20px;
    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 #e1e1e1;
    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: 12px;
    line-height: 20px;
}

.printwrap .total_table_right, .printwrap_admin .total_table_right {
    float: right;
}

.printwrap table.total_table, .printwrap_admin table.total_table {
    font-size: 13px;
    line-height: 19px;
}

.printwrap table.total_table tr td, .printwrap_admin table.total_table tr td {
    padding: 2px 5px;
    width: 120px;
    white-space: nowrap;
}

.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: #ddd;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.product_navigator > div > a {
    color: #666;
    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: 16px;
    line-height: 20px;
    text-align: center;
}

.product_navigator .content {
    background: #f5f5f5;
    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;
}

.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 #333;
}

@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: 14px;
    line-height: 18px;
    padding: 10px 0;
    border-top: 1px solid #e1e1e1;
}

@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 #e1e1e1;
}

@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: 700;
    color: var(--price_default_color, #434343);
    font-size: 12px;
    line-height: 16px;
}

.suggestionsBox .ac_price .small_price {
    font-size: 10px;
    font-weight: 400;
}

.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: 10px;
    line-height: 12px;
    color: #666;
    font-weight: 400;
    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 #e1e1e1;
}

.suggestionsBox .autocomplete_button a {
    display: inline-block;
}

.suggestionsBox .autocomplete_button .cssButton {
    width: 280px;
    margin: 0px auto;
}

.suggestionsBox .autocomplete_button a:hover {
    text-decoration: none;
}

.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: #000;
}

.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.6);
    color: rgba(36, 36, 36, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    padding: 12px 10px;
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    font-size: 12px;
    line-height: 16px;
}

@media only screen and (min-width: 790px) {
    .slider_row .splide .slider_item_content {
        font-size: 14px;
        line-height: 18px;
    }
}

@media only screen and (min-width: 985px) {
    .slider_row .splide .slider_item_content {
        padding: 12px 20px;
        left: 30px;
        bottom: 30px;
        max-width: calc(100% - 60px);
        font-size: 16px;
        line-height: 20px;
    }
}

.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: #000;
}

.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.6);
    color: rgba(36, 36, 36, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    padding: 12px 10px;
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    font-size: 12px;
    line-height: 16px;
}

@media only screen and (min-width: 790px) {
    .banner_item_content {
        font-size: 14px;
        line-height: 18px;
    }
}

@media only screen and (min-width: 985px) {
    .banner_item_content {
        padding: 12px 20px;
        left: 30px;
        bottom: 30px;
        max-width: calc(100% - 60px);
        font-size: 16px;
        line-height: 20px;
    }
}

.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;
}

#layout_offline {
    max-width: 700px;
    margin: 40px auto;
    padding: 30px;
    border: 1px solid #e1e1e1;
}

#layout_offline a[href$="login_admin.php"] {
    margin: 20px 0 0 0;
    background: #ccc;
    color: #333;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
}

#layout_offline a[href$="login_admin.php"]:hover {
    background: #ddd;
    color: #333;
    text-decoration: none;
}

.janolaw-absatz {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}

.janolaw-paragraph {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
}

#janolaw-paragraph {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
}

.janolaw-text {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}

.janolaw-adress {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}

.janolaw-block {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}

#janolaw-footer {
}

#janolaw-body {
}

#dsgvo .agbframe {
    margin: 0 0 20px 0;
    border: 1px solid #d9d9d9;
    color: #666;
    vertical-align: middle;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    height: 130px;
    overflow: auto;
    text-align: left;
}

#dsgvo .button_right {
    max-width: 240px;
}