:root {
    --one_color: #349295;
    --two_color: #080c1f;
    --three_color: #222222;
    --four_color: #002c42;
}
.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9, .sppb-row-column {
    /* padding-right: 0px !important; */
}
.col-lg-3,
.col-md-6 {
    width: unset !important;
}
#sp-top-bars .container {
    max-width: unset;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: none;
    padding: 0;
    position: relative;
    border-bottom-style: inset;
}
ul.social-icons a {
    color: #fff;
}
#sp-top-bars {
    padding: 3px 0 3px 0 !important;
    background: #003333;
    font-size: 16px;
    border-radius: 0 0 8px 8px;
}
.logo-image {
    height: 60px;
    object-fit: scale-down;
}
.logo-image-phone {
    height: 80px;
    object-fit: scale-down;
}
div#sp-logo {
    position: relative;
    padding: 0 16px;
    display: flex;
    align-items: center;
}
.thetopbar .row {
    display: flex;
    justify-content: space-between;
}
div#sp-top1 {
    width: auto;
}
div#sp-top2 {
    width: auto;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after,  .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    content: "➤";
    color: #939393;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after,  .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after {
    content: "➤";
    color: #939393;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent.menu-parent-open .menu-toggler:after {
    content: "➤";
    color: #939393;
    position: relative;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler::after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
}
.level1-virtuemart-category {
    display: flex;
    padding: 10px !important;
    background: #013434;
    border-radius: 9px;
    margin-top: 5px;
    text-align: left;
    box-shadow: 2px 2px 3px #818181;
    width: 99%;
    font-size: 13px;
    font-weight: 600;
    color: #e7e7e7 !important;
    cursor: pointer;
    align-items: center;
}
.level1-virtuemart-category span.menu-toggler {
    margin-right: 5px;
}
.level2-virtuemart-category span.menu-toggler {
    margin-right: 5px;
}
.level3-virtuemart-category span.menu-toggler {
    margin-right: 5px;
}
.level2-virtuemart-category {
    background: #055;
    color: #e7e7e7 !important;
    display: flex !important;
    border-radius: 9px;
    padding: 10px !important;
    margin-top: 5px;
    text-align: left;
    box-shadow: 2px 2px 3px #818181;
    width: 94%;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    align-items: center;
}
.level3-virtuemart-category {
    background: #055;
    color: #e0e3e3 !important;
    display: flex !important;
    border-radius: 9px;
    padding: 10px !important;
    margin-top: 5px;
    text-align: left;
    box-shadow: 2px 2px 3px #818181;
    width: 98%;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    align-items: center;
}
.level4-virtuemart-category {
    background: #e0e3e3;
    color: #fff !important;
    display: flex !important;
    border-radius: 3px;
    padding: 10px !important;
    margin-top: 5px;
    text-align: left;
    box-shadow: 2px 2px 3px #818181;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    align-items: center;
}
.justify-content-end {
    justify-content: flex-start !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 14px !important;
    padding: 4px 0px;
    font-weight: 600;
    height: auto;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    height: 100%;
}
a.level1-virtuemart-category {
    font-size: 14px !important;
    padding: 4px 0px;
    font-weight: 600;
    background: linear-gradient(45deg,  #066,  #077);
}
a.level2-virtuemart-category {
    font-size: 14px !important;
    padding: 4px 0px;
    font-weight: 600;
    background: linear-gradient(45deg,  #066,  #077);
}
a.level3-virtuemart-category {
    font-size: 14px !important;
    padding: 4px 0px;
    font-weight: 600;
    background: linear-gradient(45deg,  #055,  #066);
     transition: background 2s ease-in-out,  color 2s ease-in-out;
}
a.level4-virtuemart-category {
    font-size: 14px !important;
    padding: 4px 0px;
    font-weight: 600;
    background: linear-gradient(45deg,  #066,  #077);
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu,  .offcanvas-menu .offcanvas-inner ul.menu ul {
    margin: 0 0 10px 0;
}
a.level1-virtuemart-category:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 10px;
}
a.level2-virtuemart-category:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 10px;
}
a.level3-virtuemart-category:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 10px;
}
a.level4-virtuemart-category:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,  .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 14px;
    line-height: 1.7;
    padding: 8px 0;
    cursor: pointer;
    height: auto;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0,  0,  0,  0.2);
    padding: 20px;
    border-radius: 20px;
    margin-left: 5px;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -120px;
    top: 70px;
    min-width: 800px;
    max-width: 850px;
}
span.level1-virtuemart-category.sp-menu-heading:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
      color: #dfe1e1;
    float: right;
    margin-left: auto;
}
span.level2-virtuemart-category.sp-menu-heading:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
}
span.level3-virtuemart-category.sp-menu-heading:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
}
span.level4-virtuemart-category.sp-menu-heading:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
}
.is_ajaxsearch .search_class {
    padding: 6px 6px;
    border: 1px solid #8AAAE5;
    border-radius: 4px;
    margin-left: 0px;
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    text-decoration: none;
}
.pagination_wrap {
    display: none;
}
.is_btn_search.ajaxsearch_158 .btn-toolbar input[type="text"] {
    width: 300px;
}
.is_ajaxsearch .btn-toolbar {
    width: 480px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
}
.is_ajaxsearch .btn-toolbar input {
    height: 50px;
    padding: 10px;
    font-weight: 600;
}
#is_ajaxsearch_result {
    position: fixed;
    text-decoration: none;
    z-index: 1000;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}
form#mod-ajaxsearch-form-158 {
    display: flex;
    justify-content: center;
}
.is_ajaxsearch .search-results .ajaxsearch_result .result_wrap {
    max-height: 500px;
    overflow: auto;
    border-radius: 4px;
    margin: 0px 0px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0px 20px 5px;
    color: rgba(0,  0,  0,  0.31);
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,  .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    display: flex !important;
    position: relative !important;
    top: 15px !important;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-top: -25px !important;
    flex-direction: row-reverse !important;
    margin-right: -3px !important;
}
.cols.cols-1,
.cols.cols-2,
.cols.cols-3,
.cols.cols-4,
.cols.cols-5 {
    height: auto;
    padding: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 16px;
    display: flex;
    align-items: center;
    background: #fff;
    flex: 0 0 auto;
}
.vmproductdetails-additional-images .additional-images::-webkit-scrollbar {
  height: 8px;
}
.vmproductdetails-additional-images .additional-images::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.vmproductdetails-additional-images .additional-images {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 8px 0;
    scrollbar-width: thin;
}
.vmproductdetails-additional-images {
    display: flex;
    width: 100%;
    padding: 8px 16px;
    justify-content: flex-start;
}
span.vm-img-desc {
    display: none;
}
.vm-product-media-img.col-sm-5 {
    float: left;
    width: 45%;
    padding: 30px;
}
div#showmemore {
    display: none;
    font-size: 14px;
}
button.vmproductdetails-product-availability-button {
    background: none;
    border: none;
    display: block;
    color: #5f5f5f;
    font-size: 10px;
}
button.vmproductdetails-product-availability-button:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
.vmproductdetails-product-top-section-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vmproductdetails-product-images {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    position: relative;
}
.vmproductdetails-product-information-right-col {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.vmproductdetails-product-information {
    padding: 4px 16px;
}
.vmproductdetails-product-availability {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 8px;
    align-items: flex-end;
    flex-direction: row;
    border: 1px solid #e3e3e3;
    border-radius: 10px 10px 0 0;
    background: #fbfbfb;
}
.vmproductdetails-product-availability-info {
    opacity: 0;
    position: absolute;
    top: 30px;
    transform: translateY(-50%);
    margin-top: -2000px;
    background: #fff;
    padding: 16px;
    font-weight: 600;
    font-size: 12px;
    z-index: 999;
    border: 1px solid #bfbfbf;
    border-radius: 12px;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.vmproductdetails-product-availability-info.availability-info-popup {
    margin-top: 0px;
    opacity: 1;
    transition: margin-top 0.3s ease-in-out, box-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out;
    box-shadow: 0 0 0 9000px #00000029;
}
.vmproductdetails-product-images span.vme-remove-compare-btn-text {
    display: none;
}
.product_availability_section {
    display: flex;
}
.product_availability_section img {
    width: 30px;
    height: 30px;
}
h7.product_availability {
    margin-left: 7px;
    font-weight: 600;
    letter-spacing: -1px;
}
.vmproductdetails-product_sku:before {
    content: '\f065';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
div#showmemore {
    position: absolute;
    background: #fff;
    padding: 10px;
    width: 50%;
    box-shadow: 5px 4px 6px #00000059;
    z-index: 10;
}
span#fancybox-right-ico {
    left: auto;
    right: 20px;
}
span#fancybox-left-ico {
    left: 20px;
    right: auto;
}
div#fancybox-content {
    border-radius: 16px;
}
button.showmemorebtnΧ {
    float: right;
    background: none;
    border: none;
    position: absolute;
    top: 0;
    font-size: 18px;
    right: 0;
    font-weight: 700;
    color: #770000;
}
.intro_description {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: absolute;
    padding: 8px;
    bottom: 0;
    left: 0;
}
.vmproductdetails-product-availability-description {
    display: flex;
    font-size: 14px;
    color: #003333;
    flex-direction: row;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.vmproductdetails-product-shipping-calculator-header {
    display: flex;
    font-size: 14px;
    color: #003333;
    flex-direction: row;
    position: relative;
    padding: 8px;
    align-items: flex-end;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #f9f9f9;
    cursor: pointer;
    transition: border-radius 0.5s ease-in-out, background 0.3s ease-in-out;
    background: #fff;
}
.vmproductdetails-product-shipping-calculator-header:hover,
a.ask-a-question:hover {
    background: #fbfbfb;
    color: unset;
}
.vmproductdetails-product-shipping-calculator-header.shipping-open {
    border-radius: 12px 12px 0 0;
}
.vmproductdetails-shipping-calculator-zip-valid {
    color: #077;
    font-size: 12px;
    text-align: left;
    padding: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vmproductdetails-shipping-calculator-zip-invalid {
    color: #ff0033;
    font-size: 12px;
    text-align: center;
}
.vmproductdetails-product-availability-description:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.vmproductdetails-product-price-cart-container {
    display: flex;
    align-items: flex-start;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-radius: 0 0 10px 10px;
}
.vmproductdetails-product-price-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 8px;
    border-radius: 0 0 10px 10px;
    background: #fff;
}
.vmproductdetails-product-misc-elements {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 8px;
    justify-content: center;
    width: 100%;
}
.vmproductdetails-product-misc-elements img {
    width: 120px;
}
div#cash-on-delivery-container {
    align-items: center;
    gap: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 16px;
    text-align: center;
    width: fit-content;
    padding: 4px 16px;
    transition: all 0.5s ease-in-out;
}
div#cash-on-delivery-container label {
    font-size: 12px;
    padding: 8px;
    color: #003333;
    cursor: pointer;
}
div#shipping-message-placeholder strong {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}
input#cash-on-delivery-checkbox {
    display: none;
}
.cod-enabled label {
    color: #fff !important;
}
.cod-enabled {
    background: #077;
    transition: all 0.5s ease-in-out;
}
.afewwords {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #003333;
    width: fit-content;
    background: #ffffffe8;
    border-radius: 8px;
    padding: 4px 8px;
    top: 1px;
    cursor: pointer;
}
.afewwords:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.afewwords.short-description-open:before {
    content: '\f0d7';
}
.afewwords.short-description-open {
    border-radius: 12px 12px 0 0;
    border-bottom: none;
}
.main-image {
    position: relative;
    box-shadow: 1px 2px 2px 4px #00000014;
    border-radius: 16px;
    background: #fff;
}
.main-image img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    padding: 8px;
}
.main-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 12px;
    opacity: 0.03;
    transition: 0.5s opacity ease-in-out;
}
.main-image:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 12px;
    opacity: 0.03;
    transition: 0.5s opacity ease-in-out;
}
.vmproductdetails-product-main-image:hover .main-image:before {
    opacity: 0.08;
    transition: 0.5s opacity ease-in-out;
}
.vmproductdetails-product-main-image:hover .main-image:after {
    opacity: 0.08;
    transition: 0.5s opacity ease-in-out;
}
.vmproductdetails-product-main-image {
    position: relative;
}
.vmproductdetails-product-price .discount-icon {
    display: block;
    position: absolute;
    top: 8px;
    right: 4px;
    background: #ff0033;
    border-radius: 8px;
    padding: 2px 4px;
    font-size: 10px;
    color: #fff;
}
.shortdesc {
    font-size: 11px;
    color: #003333;
    opacity: 0;
    max-height: 0;
    background: #ffffffe8;
    border-radius: 12px;
    visibility: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
span.shortdesc.short-description-open {
    max-height: 200px;
    padding: 8px 16px;
    visibility: visible;
    opacity: 1;
    border-radius: 0px 12px 12px 12px;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
h6.product_manu {
    display: flex;
}
h6.product_manu .manufacturer {
    margin: 0px 0px 0px 2px;
}
input#zip-input {
    position: relative;
    width: 90px;
    border-radius: 12px 0px 0px 12px;
    font-size: 14px;
    border-right: none;
}
form#zip-form {
    display: flex;
    justify-content: flex-start;
    padding: 8px;
}
h6.ship_calc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
form#zip-form button {
    border-radius: 0px 12px 12px 0px;
    border: none;
    background: #077;
    color: #fff;
    width: 36px;
    font-size: 20px;
}
p#result-message {
    font-weight: 600;
    line-height: 1.45;
    font-size: 17px;
    padding-top: 15px;
}
.vm-product-price {
    display: flex;
    padding-top: 40px;
}
span.vm-price-desc {
    text-align: center;
    min-width: 16px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #003333;
}
.PricesalesPrice.vm-display.vm-price-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
    justify-content: center;
}
span.PricesalesPrice {
    font-size: 18px;
    color: #077;
    font-weight: 600;
}
.addtocart-bar.mx-auto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
span.add-to-cart {
    display: flex;
    justify-content: center;
}
span.add-to-cart svg {
    display: none;
}
.add-to-cart.addtocart-button {
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: #033;
    font-weight: 600;
    margin-bottom: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.add-to-cart.addtocart-button:hover {
    color: #fff;
    background: #055;
    transition: all 0.3s ease-in-out;
}
.cartsection {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: flex-start;
}
.fa-map-marker-alt:before {
    content: "\f061";
    margin-right: 10px;
    font-size: 12px;
}
.btn-toolbar:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f002";
    font-size: 26px !important;
}
div#fancybox-outer {
    padding: 0px;
    animation: fancybox-outer-animation 6s linear infinite alternate;
}
div#fancybox-title {
    display: none !important;
}
.is_ajaxsearch .form-inline input {
    border-radius: 30px;
}
#sp-main-body {
    padding: 16px 0;
    flex: 1;
}
.fa-heart:before {
    content: "\f004";
    color: #077;
    padding-top: 2px;
}
span.fa.fas.fa-shopping-cart {
    background: #fdf5f2;
    color: #077;
    border: 1px solid #f8d9ce;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
span.fa.fas.fa-shopping-cart:hover {
    color: #c3c3c3;
    font-weight: 900;
}
.fa-shopping-cart:before {
    content: "\f004" !important;
    font-weight: 400;
}
i.fa-solid.fa-folder-tree {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}
i.fa-solid.fa-folder-tree:before {
    content: "\f0c9";
    font-style: normal;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
div#sp-search {
    display: flex;
    justify-content: flex-end;
    padding: 0 16px 0px 32px;
}
div#sp-menu {
    flex-grow: 1;
    max-width: 747px;
}
.add_images_for_mobile {
    display: none;
}
.row {
    justify-content: space-between;
}
@media (min-width: 992px) {
    .col-lg-6 {
    flex: 0 0 auto;
    width: 40%;
}
}
@media (max-width: 992px) {
    .add_images_big {
    display: none;
}
.vm-product-media-img.col-sm-5 {
    float: left;
    width: 60%;
    padding: 10px;
}
.intro_description {
    padding-top: 20px;
    font-size: 13px;
    float: left;
}
.add_images_for_mobile {
    display: flex;
    flex-direction: row;
    float: right;
    padding-right: 5%;
    max-width: 40%;
}
.vm-product-price {
    display: flex;
    padding-top: 40px;
    float: left;
    width: 100%;
}
.eshop-instock {
    float: left;
}
h6 {
    display: flex;
    width: 100%;
    float: left;
    font-size: 14px;
    letter-spacing: -0.7px;
}
.cartsection {
    position: relative;
    width: 100%;
    float: inline-end;
}
ol.breadcrumb {
    font-size: 14px;
}
h6.ship_calc {
    display: flex;
    padding-top: 0px;
    flex-direction: column;
}
input#zip-input {
    margin-left: 0px;
    min-width: 80px;
    width: 130px;
    border-radius: 12px 0px 0px 12px;
}
form#zip-form button {
    border-radius: 0px 10px 10px 0px;
    border: none;
    background: #077;
    color: #fff;
    width: 40px;
    font-size: 20px;
    position: relative;
    top: 0px;
    right: 5px;
}
input.quantity-controls.quantity-minus {
    width: 25px;
    height: 25px;
}
input.quantity-controls.quantity-plus {
    width: 25px;
    height: 25px;
}
input.quantity-input.js-recalculate {
    width: 60px;
    height: 50px;
}
p#result-message {
    font-weight: 600;
    line-height: 1.45;
    font-size: 17px;
    padding-top: 15px;
    float: left;
}
div#showmemore {
    position: absolute;
    background: #fff;
    padding: 10px;
    width: 85%;
    box-shadow: 5px 4px 6px #00000059;
    z-index: 10;
}
}
.spacer-img {
    display: flex;
    justify-content: center;
    position: relative;
    background: #fff;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1.95px 2.6px;
    padding: 16px;
}
.browseProductImage {
    height: auto;
    max-width: 100%;
    margin-top: 6px;
    margin-left: 5px;
    border-radius: 8px;
}
.spacer-inner h2 {
    font-size: 16px;
    padding: 10px;
}
.spacer-inner a:hover {
    color: #077;
}
.product-grid-name {
    font-size: 12px;
    padding: 16px 8px;
    color: #033;
    font-weight: 500;
}
.spacer-inner a:hover {
    color: #077;
}
.spacer.product-container span.PricesalesPrice {
    font-size: 25px;
    padding: 10px 0px 0px 0px;
    color: #077;
}
.main_price_grid span.vm-price-desc {
    font-size: 12px;
}
.spacer-image-wrap {
    transition: transform 0.3s;
    width: 180px;
}
.vmproductmodule-single-product-img-section:before,
.spacer-img:before,
.added-to-cart-popup-header-product-img:before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 8px;
    opacity: 0.03;
    transition: opacity 0.5s ease-in-out;
}
.vmproductmodule-single-product-img-section:after,
.spacer-img:after,
.added-to-cart-popup-header-product-img:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 8px;
    opacity: 0.03;
    transition: opacity 0.5s ease-in-out;
}
.vmproductmodule-single-product-container:hover .vmproductmodule-single-product-img-section:before,
/* .products.masonry-product.col-sm-6.col-md-2:hover .spacer-img:before,
.products.masonry-product.col-sm-6.col-md-4:hover .spacer-img:before, */
.added-to-cart-popup-header-product-overview:hover .added-to-cart-popup-header-product-img:before {
    opacity: 0.09;
}
.vmproductmodule-single-product-container:hover .vmproductmodule-single-product-img-section:after,
/* .products.masonry-product.col-sm-6.col-md-2:hover .spacer-img:after,
.products.masonry-product.col-sm-6.col-md-4:hover .spacer-img:after, */
.added-to-cart-popup-header-product-overview:hover .added-to-cart-popup-header-product-img:after {
    opacity: 0.09;   
}
.product-container:hover .spacer-img:after {
    background-color: #077;
    position: absolute;
    content: "";
    width: 100%;
    height: 220px;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0.5;
}
.product-container:hover .spacer-image-wrap {
    transform: scale(1.05);
    transition: transform 0.5s;
}
i.msl-button-icon.far.fa-heart {
    font-size: 24px;
}
i.msl-button-icon.far.fa-heart:hover {
    color: #003333;
}
i.msl-button-icon.fas.fa-heart {
    font-size: 20px;
}
.spacer.product-container:hover .msl-floating-top-left {
    position: absolute;
    top: 95px;
    left: 23.333%;
    transition: 0.5s cubic-bezier(0.25,  0.1,  0.4,  1.01);
    display: block;
    opacity: 1;
}
.msl-floating-top-left {
    top: 95px;
    opacity: 0;
    transition: 0.5s cubic-bezier(0.25,  0.1,  0.4,  1.01);
}
.prodgridviewNameIcon {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
}
.prodgridviewNameIcon {
    font-size: 0px;
}
.prodgridviewNameIcon a:before {
    font-size: 20px;
    content: "\f35d";
}
.spacer.product-container:hover .product-open-link {
    position: absolute;
    top: 95px;
    right: 23.333%;
    transition: 0.5s cubic-bezier(0.25,  0.1,  0.4,  1.01);
    display: block;
    opacity: 1;
}
.prodgridviewNameIcon {
    background: #fdf5f2;
    color: #333;
    border: 1px solid #f8d9ce;
    width: 40px;
    height: 40px;
    line-height: 37px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.product-open-link {
    top: 95px;
    opacity: 0;
    transition: 0.5s cubic-bezier(0.25,  0.1,  0.4,  1.01);
    position: absolute;
    right: 0;
}
.prodgridviewNameIcon a {
    color: #077;
}
.prodgridviewNameIcon a {
    color: #077;
}
.prodgridviewNameIcon a:hover {
    color: #003333;
}
.pull-left-2 .product-grid-product-sku {
    margin-top: -5px;
    margin-left: 20px;
    margin-bottom: 15px;
}
.vmproductdetails-nav-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 8px 0;
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #003333;
}
.vmproductdetails-nav-link {
    border: 1px solid #e3e3e3;
    background: #fff;
    border-radius: 12px 12px 0 0;
    margin-bottom: -1px;
    padding: 8px 16px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.vmproductdetails-nav-link.active {
    background: #003333;
    color: #fff;
}
.vmproductdetails-nav-link:hover {
    background: #077;
    color: #fff;
}
.tab-pane {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.0s ease-in-out;
}
.tab-pane.active {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
}
.vmproductdetals-tab-content>.active {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 16px;
}
.vmproductdetals-tab-content {
    background: #fff;
    border-radius: 0 12px 12px 12px;
    border: 1px solid #e3e3e3;
}
.vmproductdetails-product-description h2 {
    font-size: 18px;
    color: #003333;
    padding: 4px;
    font-weight: 700;
}
.vmproductdetails-product-description ul {
    padding: 0px 16px;
    margin: 8px;
    color: #077;
    font-size: 16px;
}
.vmproductdetails-product-description li {
    display: block;
    padding: 2px;
    font-weight: 600;
    color: #055;
}
.product-neighbours {
    font-size: 10px;
}
.product-neighbours a.previous-page {
    background: url(https://www.spott.gr/images/site-icons/arrow-circle-left.png) no-repeat left;
    padding-left: 35px;
    line-height: 50px;
    float: left;
    background-size: 25px;
}
.product-neighbours a.next-page {
    background: url(https://www.spott.gr/images/site-icons/arrow-circle-right.png) no-repeat right;
    padding-left: 35px;
    line-height: 50px;
    float: right;
    background-size: 25px;
}
a.next-page {
    color: #077;
}
a.previous-page {
    color: #077;
}
a.next-page:hover {
    color: #003333;
}
a.previous-page:hover {
    color: #003333;
}
.product_availability .availability {
    text-align: center;
    margin: 0;
    margin-bottom: 16px;
    color: #066;
    font-size: 12px;
}
.product_availability .availability:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
input.quantity-controls.quantity-minus {
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 0px 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: none;
    background: url(https://www.spott.gr/images/site-icons/icon-down.png) no-repeat;
    background-color: #ffffff;
    background-size: 70%;
    position: absolute;
    top: 12px;
    left: 8px;
}
input.quantity-controls.quantity-plus {
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 0px 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: none;
    background: url(https://www.spott.gr/images/site-icons/icon-up.png) no-repeat;
    background-color: #ffffff;
    background-size: 70%;
    position: absolute;
    top: 12px;
    right: 4px;
}
input.quantity-controls.quantity-minus-alt {
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 0px 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: none;
    background: url(https://www.spott.gr/images/site-icons/icon-minus.png) no-repeat;
    background-color: #ffffff;
    background-size: 70%;
    position: absolute;
    top: 12px;
    left: 8px;
}
input.quantity-controls.quantity-plus-alt {
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 0px 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: none;
    background: url(https://www.spott.gr/images/site-icons/icon-plus.png) no-repeat;
    background-color: #ffffff;
    background-size: 70%;
    position: absolute;
    top: 12px;
    right: 4px;
}
input.quantity-controls.quantity-minus:hover,
input.quantity-controls.quantity-plus:hover {
    transform: scale(1.1);
}
.vmproductmodule-actions-section, 
.vm3pr- {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-top: 1px solid #e3e3e3;
    border-radius: 0 0 20px 20px;
    position: relative;
}
.col-md-2:hover .product-grid-top-section,
.col-md-2:hover .vm3pr- {
    box-shadow: rgb(50 50 93 / 44%) 0px 2px 5px -1px, rgb(0 0 0 / 75%) 0px 1px 3px -1px;
}
.in-cart-container .vm3pr- {
    background: #e7e7e7;
}
.in-cart-container .vm3pr- .availability {
    font-weight: 600;
    color: #033;
}
.vmproductmodule-single-product .product-grid-product-sku,
.spacer-inner .product-grid-product-sku {
    margin-right: 8px;
    color: #099;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}
.main_price_grid .product-price {
    padding: 4px;
    margin: 0;
    text-align: right;
    padding-left: 10px;
    float: none;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 55px;
    justify-content: center;
}
.price-without-discount {
    font-size: 12px;
    color: #ff0033;
}
span.price-crossed span.vm-price-desc {
    font-size: 11px;
    color: #ff0033;
}
span.price-crossed .PricebasePriceWithTax.vm-display.vm-price-value {
    display: flex;
    align-items: center;
    gap: 4px;
}
.discount-icon {
    display: none;
}
.product-grid-top-section .discount-icon {
    display: block;
    position: absolute;
    bottom: 16px;
    right: 8px;
    background: #ff0033;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 10px;
    color: #fff;
}
.product-price {
    line-height: unset;
    margin: 0;
}
.main_price_grid .PricesalesPrice.vm-display.vm-price-value {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
}
span.calculate {
    padding: 0px 16px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 8px;
    border: 1px solid transparent;
    min-width: 100px;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: center;
}
span.calculate-added {
    padding: 0px 16px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 8px;
    border: 1px solid #0077778c;
    min-width: 100px;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: center;
}
.vm3pr- .product_availability {
    float: none;
    display: flex;
    justify-content: center;
}
.products.masonry-product.col-sm-6.col-md-4.vertical-separator {
    padding-bottom: 15px;
}
a.products-image-header img {
    padding-right: 5px;
    opacity: 50%;
}
a.products-image-header span.image-title {
    font-size: 110%;
    font-weight: 600;
    padding-bottom: 1px;
    border-bottom: 1px solid #00b7a061;
    border-width: 2px;
}
.offcanvas-menu.border-menu.center-alignment.text-center a.products-image-header img {
    padding-right: 5px;
    opacity: 50%;
    position: absolute;
}
@media (max-width: 575px) {
span.fa.fas.fa-shopping-cart {
    background: #fdf5f2;
    color: #077;
    border: 1px solid #f8d9ce;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
}
#sp-header.header-sticky {
    top: -91px !important;
    transition: transform 0.3s cubic-bezier(0,  0,  0.2,  1);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    animation: none;
}
#sp-header.header-hidden {
    transform: translateY(-100%);
}
#sp-header .container-inner {
    padding-top: 0px;
}
#sp-header .logo img {
    padding: 8px;
}
#sp-header {
    height: 80px;
    width: 100%;
    position: relative;
    z-index: 99;
    animation: spFadeIn 0.5s;
    height: 90px !important;
    padding: 0;
    transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);
    transform: translateY(0);
}
section#sp-model-selector {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
section#sp-bottoms {
    overflow: hidden;
}
h3.title-padded-cart-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-top: 15px;
}
.sp-menu-item a {
    font-size: 14px !important;
}
.added-to-cart-popup-header-subtitle:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f4da";
    margin-left: 5px;
}
span.title-padded-cart {
    color: #066;
    font-size: 23px;
    display: flex;
}
.popup-cart.mx-auto h3.item-name {
    font-size: 18px;
}
.popup-cart.mx-auto h3.item-name b {
    letter-spacing: -0.7px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .popup-cart.mx-auto .col-md-5 {
    display: flex;
    width: 40%;
    position: relative;
    justify-content: center;
}
.popup-cart.mx-auto .col-md-7 {
    flex: 0 0 auto;
    width: 60%;
}
}
.popup-cart.mx-auto .item-wrap.mx-auto.row {
    justify-content: start;
       max-width: 800px;
       margin-top: 2%;
}
.popup-cart.mx-auto .button-group.row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 16px;
}
a.continue_link.button {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    width: 250px;
    text-align: center;
    background: #fff;
    color: #033;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    border: 1px solid #d6d6d6;
}
a.continue_link.button:hover {
    background: #eff1f1;
}
a.showcart.floatright {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    width: 280px;
    text-align: center;
    background: #003333;
    color: #fff;
}
a.showcart.floatright:hover {
    background: #077;
}
.popup-cart.mx-auto .button-group.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin-bottom: 15px;
}
#fancybox-close {
    right: 0px;
}
.checkmark {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    stroke-width: 4px;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #fff;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position: relative;
    right: 5px;
    margin: 0 auto;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 4px;
    stroke-miterlimit: 10;
    stroke: #077;
    animation: stroke 0.6s cubic-bezier(0.65,  0,  0.45,  1) forwards;
 }
.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65,  0,  0.45,  1) 0.8s forwards;
}
p.popup-cart-product-quantity.w-100 {
    margin-top: 20px;
    color: #003333;
    font-size: 14px;
    margin-bottom: 0px;
}
span.badge.bg-secondary.fs-6.pe-va {
    background-color: #077 !important;
    border-radius: 10px;
}
.vm-price-box {
    display: flex;
    align-items: center;
}
.vm-price-box span {
    color: #003333;
    font-size: 16px;
}
.vm-price-box ins {
    text-decoration: none;
    border-radius: 10px;
    line-height: 1.5;
    margin-left: 5px;
}
div#fancybox-outer {
    border-radius: 15px;
}
h3.title-padded-cart-area after {
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,  #ffffff,  #d9d9d9,  #077,  #d9d9d9,  #ffffff);
    background-size: 500% 100%;
    animation: BorderBottomEffect 30s linear infinite;
    margin-top: 10px;
    opacity: 0.1;
}
.col-12.col-sm-7.col-md-7.mt-0.mt-md-4.px-2 {
    margin-top: 10px !important;
}
.item-wrap.mx-auto.row img.ProductImage {
    width: 50%;
}
div#fancybox-outer {
    border-radius: 15px;
}
#fancybox-img {
    border-radius: 15px;
}
.col-12.col-sm-5.col-md-5.px-5.px-sm-2.p-md-1.mb-5.mb-sm-3 {
    justify-content: center;
    display: flex;
    margin-bottom: 15px !important;
}
.vm-price-box {
    padding-bottom: 20px;
}
.col-12.col-sm-5.col-md-5.px-5.px-sm-2.p-md-1.mb-5.mb-sm-3 img.ProductImage {
    width: 55%;
}
.col-12.col-sm-7.col-md-7.mt-0.mt-md-4.px-2 .popup-cart.mx-auto h3.item-name {
    font-size: 16px;
}
.col-12.col-sm-7.col-md-7.mt-0.mt-md-4.px-2 p.popup-cart-product-quantity.w-100 {
    margin-top: 10px;
    color: #003333;
    font-size: 14px;
    margin-bottom: 0px;
}
div#loadingSymbol img {
    width: 10%;
}
div#loadingSymbol {
    display: flex;
    justify-content: center;
}
  .sp-dropdown {
    display: none;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.3s ease-in-out,  opacity 0.3s ease-in-out;
  }
  .sp-dropdown.active {
    display: block;
    transform: translateX(0%);
    opacity: 1;
    animation: slideIn 0.3s ease-in-out;
   }
  .menu_item.item-header .sp-mega-group-child.sp-dropdown-items {
    display: none;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.1s ease-in-out,  opacity 0.1s ease-in-out;
  }
  .menu_item.item-header.clicked .sp-mega-group-child.sp-dropdown-items {
    display: block;
    transform: translateX(5%);
    opacity: 1;
    animation: slideIn 0.1s ease-in-out;
   }
.sp-dropdown.sp-dropdown-sub.sp-menu-right.active {
    position: static;
    width: 95% !important;
}
.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-right.active {
    max-width: 850px;
    max-height: 50vh;
    overflow-y: auto;
    scrollbar-width: none;
    border-radius: 30px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    padding: 0px 5px 0px 5px;
    background: transparent !important;
}
.menu_item.item-header.clicked li.sp-menu-item.sp-has-child:before {
    content: "\f142";
    position: absolute;
    left: -15px;
    top: 5px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    opacity: 0.2;
    color: #003333;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    transform: translate(2%);
}
.menu_item.item-header.clicked li.sp-menu-item:before {
    content: "\f142";
    position: absolute;
    left: -15px;
    top: 5px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    opacity: 0.2;
    color: #003333;
}
    .overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #003333a1;
      z-index: 1;
     }
.menu_item.item-header.clicked li.sp-menu-item.sp-has-child.category-level-2 {
    display: block;
}
.menu_item.item-header li.sp-menu-item.sp-has-child.category-level-2 {
    display: none;
}
.homepageheader {
    display: none !important;
}
li.item-106.menu-parent.product-cats-layout a.products-image-header {
    font-size: 16px !important;
    color: #077;
}
span.level1-virtuemart-category span.menu-toggler:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
    transform: translate3d(-5px,  17px,  0px);
}
span.level2-virtuemart-category span.menu-toggler:after {
    content: "\f0da";
      font-family: 'Font Awesome 5 Free';
    color: #dfe1e1;
    float: right;
    margin-left: auto;
}
.level1-virtuemart-category .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: 0px;
    display: block;
    position: absolute;
    /* top: 50%;
     */    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
span.nav-header.level2-virtuemart-category span.menu-toggler {
    position: relative !important;
}
span.nav-header.level1-virtuemart-category span.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    height: 100%;
}
span.nav-header.level2-virtuemart-category {
    background: #055;
    color: #e7e7e7 !important;
    display: flex !important;
    border-radius: 9px;
    padding: 5px !important;
    margin-top: 5px;
    text-align: left;
    box-shadow: 2px 2px 3px #818181;
    width: 98%;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    align-items: center;
    height: 35px;
}
span.nav-header.level2-virtuemart-category span.menu-toggler {
    right: 0px;
    display: block;
    position: absolute;
    top: 0%;
    cursor: pointer;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-right: 0;
}
.cat_is_link:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    position: relative;
    left: 0px;
    display: inline-block;
    margin-right: 10px;
    color: #484848;
}
body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    left: 0;
    top: 0;
    min-width: 260px;
    max-width: 420px;
    width: calc(100% - 20px);
    transform: translateX(0px);
}
.p-3 {
    padding: 10px 0px 10px 0px !important;
}
ul.sp-profile-dropdown {
    z-index: 1;
    border-radius: 20px !important;
    font-size: 15px !important;
    background: #f9f9f9 !important;
}
dt.level1.parent::after,
dt.level2.parent::after,
dt.level3.parent::after,
dt.level4.parent::after,
dt.level5.parent::after {
     content: "\f0da";
     font-family: "Font Awesome\ 5 Free";
     color: rgb(75 75 75);
     float: right;
     margin-left: auto;
     font-size: 16px;
 }
dt.level1.parent.opened::after,
dt.level2.parent.opened::after,
dt.level3.parent.opened::after,
dt.level4.parent.opened::after,
dt.level5.parent.opened::after {
     content: "\f0d7";
     font-family: "Font Awesome\ 5 Free";
     color: rgb(93 93 93);
     float: right;
     margin-left: auto;
 }
dt.level1.parent.active::after,
dt.level2.parent.active::after,
dt.level3.parent.active::after,
dt.level4.parent.active::after,
dt.level5.parent.active::after {
     color: #fff;
 }
.offcanvas-inner .sp-contact-phone a,  .offcanvas-inner .sp-contact-info span,  .offcanvas-inner .sp-contact-email a,  .offcanvas-inner .sp-contact-email span {
     color: #003333;
 }
.offcanvas-inner ul.social-icons a {
     color: #003333;
 }
#vmajaxlivesearch-177 .search-input-container .search-image > i {
     color: rgb(255,  255,  255);
     font-size: 20px !important;
     float: left;
     width: 40px;
     height: 40px;
     line-height: 45px !important;
     text-align: center;
 }
 .d-flex.align-items-center.p-3.pt-4 {
    display: flex !important;
    justify-content: space-evenly !important;
}
.d-flex.header-modules.p-3.mb-3 {
    display: flex !important;
    justify-content: space-evenly !important;
}
.product-grid-name a {
    color: #077;
}
.orderlist {
    border-radius: 12px;
    top: 0px;
    padding: 8px;
    left: 8px;
    width: 210px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.orderlistcontainer {
    position: relative;
    width: 100%;
}
.orderlistcontainer a {
    text-decoration: none;
    display: flex;
    font-size: 12px;
    color: #033;
    font-weight: 600;
}
.orderlist .orderlistcontainer a:before {
    content: "•";
    font-size: 14px;
    color: #077;
    font-weight: 500;
    line-height: 30px;
    margin-right: 5px;
}
.orderlistcontainer div.orderlist div:hover {
    background: unset;
	color: unset;
}
.orderlistcontainer a:hover {
    color: #dddddd;
}
.orderlistcontainer div.orderlist div:hover a {
    color: #dddddd;
}
.orderlistcontainer div.orderlist div:hover a:before {
    color: #dddddd;
}
span.orderby-section-sort {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 4px;
}
.orderlistcontainer div.activeOrder {
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 4px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    border: none;
    background: none !important;
}
.orderlistcontainer div.activeOrder a {
    border-bottom: none;
}
.orderlistcontainer div.activeOrder a:hover {
    color: #003333;
}
.orderlistcontainer div.activeOrder:before {
    content: "\f0dc";
    font-family: 'Font Awesome\ 5 Free';
    color: #077;
    font-weight: 700;
    margin-right: 4px;
}
.activeOrder {
    display: flex;
    align-items: center;
}
.floatleft.vm-order-list {
    display: flex;
    flex-direction: column;
}
.floatleft.vm-manu-list {
    float: right;
}
.current-orderby {
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
}
div#orderby-section:after {
    content: "\f0d7";
    font-family: "Font Awesome\ 5 Free";
    color: #003333 !important;
    margin-left: 8px;
    font-weight: 600;
}
.category_name_main {
    font-weight: 600;
    letter-spacing: -0.7px;
    font-size: 18px;
    color: #003333;
    display: flex;
    gap: 4px;
    padding: 16px;
    padding-bottom: 0px;
    align-items: center;
    width: 50%;
}
.active_product_count {
    font-size: 12px;
    color: #077;
    position: relative;
    top: -2px;
}
.vmcategory-name-count {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.fa-cart:before {
    content: "\f07a" !important;
    font-weight: 600;
}
i.fas.fa-cart {
    margin-right: 7px;
}
@font-face {
  font-family: 'peIcon7';
  src: url('../fonts/fonts/Pe-icon-7-stroke.eot?d7yf1v');
  src: url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
  font-weight: normal;
  font-style: normal;
}
:root {
    --header_height: $header_height;
}
body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
body.helix-ultimate-preloader {
    overflow: hidden;
}
body.helix-ultimate-preloader:before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background: rgba(255,  255,  255,  0.9);
}
body.helix-ultimate-preloader:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 36px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    line-break: 48px;
    text-align: center;
    color: #007bff;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    z-index: 99999;
}
a {
    transition: color 400ms,  background-color 400ms;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
}
label {
    font-weight: normal;
}
legend {
    padding-bottom: 10px;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.row {
    --bs-gutter-x: 1.875rem;
}
.container {
    padding-left: 16px;
    padding-right: 16px;
}
#sp-header .container {
    max-width: 1290px;
}
.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
#sp-top-bar {
    padding: 8px 0;
    font-size: 0.875rem;
}
#sp-top-bar .sp-module {
    display: inline-block;
    margin: 0 0 0 1.25rem;
}
ul.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
ul.social-icons>li {
    display: inline-block;
    line-height: 1.5;
}
ul.social-icons>li:not(:last-child) {
    margin-right: 20px;
}
.flex-auto {
    flex: auto;
}
#sp-menu.menu-with-social .sp-megamenu-wrapper {
    flex: auto;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
#sp-menu>.sp-column {
    height: 100%;
}
#sp-menu .social-wrap {
    position: relative;
    padding-left: 60px;
}
#sp-menu .social-wrap:after {
    content: "";
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    width: 2px;
    height: calc(var(--header_height) - 20px);
    left: 30px;
    background-color: rgba(80,  80,  80,  0.2);
}
#sp-menu ul.social-icons>li:not(:last-child) {
    margin-right: 20px;
}
#sp-menu ul.social-icons a {
    color: #9c9c9c;
}
#sp-menu .social-wrap.no-border ul.social-icons {
    border-left: none;
    padding-left: 0px;
}
#sp-menu.menu-center .sp-megamenu-wrapper {
    justify-content: center;
}
.menu-flex .sp-megamenu-wrapper {
    display: flex;
    justify-content: flex-end;
}
#menu-right .sp-module:first-child {
    border-right: 2px solid rgba(80,  80,  80,  0.2);
    padding-right: 30px;
}
.sp-module-content .mod-languages ul.lang-inline {
    margin: 0;
    padding: 0;
}
.sp-module-content .mod-languages ul.lang-inline li {
    border: none;
    display: inline-block;
    margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
    padding: 0 !important;
}
.sp-module-content .mod-languages ul.lang-inline li>a:before {
    display: none;
}
.sp-module-content .latestnews>li>a>span {
    display: block;
    margin-top: 5px;
    font-size: 85%}
.sp-contact-info {
    list-style: none;
    padding: 0;
    margin: 0px;
}
.sp-contact-info li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    font-size: 90%;
    white-space: nowrap;
}
.sp-contact-info li i {
    margin: 0 3px;
}
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
    display: none !important;
}
#sp-header.full-header-left #offcanvas-toggler.offcanvas, #sp-header.full-header-center #offcanvas-toggler.offcanvas, #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas, #sp-header.lg-header #offcanvas-toggler.offcanvas, #sp-header.header-with-social #offcanvas-toggler.offcanvas {
    display: flex !important;
}
#sp-header.full-header-left .menu-with-offcanvas #offcanvas-toggler, #sp-header.full-header-center .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-modal-menu .menu-with-offcanvas #offcanvas-toggler, #sp-header.lg-header .menu-with-offcanvas #offcanvas-toggler, #sp-header.header-with-social .menu-with-offcanvas #offcanvas-toggler {
    display: none !important;
}
#sp-header.full-header {
    padding-left: 45px;
    padding-right: 45px;
}
#sp-header.lg-header {
    box-shadow: 0 2px 3px rgba(0,  0,  0,  0.1);
}
#sp-header.lg-header .logo {
    height: auto;
}
#sp-header.lg-header #offcanvas-toggler {
    margin-right: 20px;
    margin-left: 0px;
}
#sp-header.lg-header #offcanvas-toggler.offcanvas-toggler-right.offcanvas {
    display: none !important;
}
#sp-header.lg-header .sp-column {
    height: 100%}
#sp-header.lg-header #sp-logo #offcanvas-toggler {
    display: none;
}
#sp-header.header-with-modal-menu {
    color: #252525;
}
#sp-header.header-with-modal-menu a {
    color: rgba(37,  37,  37,  0.6);
}
#sp-header.header-with-modal-menu a:hover, #sp-header.header-with-modal-menu a:focus {
    color: #ed145b;
}
#sp-header.header-with-modal-menu .sp-contact-info>li {
    margin-right: 15px;
    opacity: 0.7;
    transition: 0.3s;
}
#sp-header.header-with-modal-menu .sp-contact-info>li:hover, #sp-header.header-with-modal-menu .sp-contact-info>li:focus {
    opacity: 1;
}
#sp-header.header-with-modal-menu .sp-contact-info>li>span {
    margin-right: 5px;
}
#sp-header.header-with-modal-menu #offcanvas-toggler {
    display: none !important;
}
#sp-header.header-with-modal-menu.center-layout .modules-wrapper {
    height: auto;
    border: none;
    padding: 0px;
    max-width: 730px;
    margin: 0 auto;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .modal-menu-inner>.container {
    align-items: flex-start;
    padding: 170px 0 0;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search {
    margin-bottom: 80px;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:after {
    font-size: 16px;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form:hover:after {
    display: none;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input {
    background: transparent;
    border-bottom: 2px solid rgba(32,  31,  31,  0.1);
    font-size: 26px;
    padding: 7px;
    border-radius: 0px;
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input::placeholder {
    color: rgba(32,  31,  31,  0.4);
}
#sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:focus, #sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active, #sp-header.header-with-modal-menu.center-layout #modal-menu .search form input:active:focus {
    box-shadow: none;
    border-bottom: 2px solid rgba(32,  31,  31,  0.7);
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper {
    justify-content: center;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper ul.sp-megamenu-parent {
    flex-direction: row;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span {
    padding: 0;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>a:after, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>span:after {
    top: 100%;
    width: 2px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 10px 0 0 0;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li.sp-has-child>.sp-dropdown {
    animation: spFadeIn 0.5s;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li:not(:last-child)>span {
    margin-right: 70px;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main {
    top: 100%;
    padding-top: 50px;
    padding-left: 0;
    left: auto !important;
    right: 0px;
    transition: 0.35s;
}
#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent>li>.sp-dropdown.sp-dropdown-main li.sp-menu-item>span {
    padding: 6px 0;
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0;
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .sp-megamenu-wrapper {
    height: 100%;
    align-items: center;
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .social-icons {
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
    border-top: 2px solid rgba(32,  31,  31,  0.1);
    padding-top: 20px;
    font-size: 12px;
}
#sp-header .logo {
    height: 80px;
    display: inline-flex;
    margin: 0;
    align-items: center;
}
#sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#sp-header .logo p {
    margin: 5px 0 0;
}
#sp-header.header-sticky {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}
#sp-header .sp-module {
    margin-left: 10px;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: none;
}
#sp-header-topbar {
    position: relative;
    z-index: 111;
}
#sp-header-topbar .sp-profile-wrapper .sp-sign-in .user-text {
    display: none !important;
}
#sp-header-topbar #sp-logo #offcanvas-toggler {
    display: none !important;
}
#sp-header-topbar .container-inner {
    border-bottom: 1px solid #e5e5e5;
}
#sp-header-topbar .container-inner>.row {
    min-height: 80px;
}
#sp-header-topbar a {
    color: #909196;
}
#sp-header-topbar a:hover {
    color: #ed145b;
}
#sp-header-topbar .sp-contact-info {
    color: #909196;
}
.header-modules {
    margin-left: 20px;
}
.header-modules .sp-module {
    margin-left: 20px;
}
.header-modules .search {
    position: relative;
}
.header-modules .search form:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    font-size: 12px;
    line-height: 32px;
    right: 10px;
}
.header-modules .search form input {
    background: #efeff0;
    border: none;
    height: 32px;
    font-size: 15px;
    border-radius: 3px;
    padding: 5px 10px;
}
.burger-icon {
    width: 25px;
    cursor: pointer;
}
.burger-icon>span {
    display: block;
    height: 2px;
    background-color: #003333;
    margin: 5px 0;
    border-radius: 2px;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #000;
}
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0,  8px) rotate(-45deg);
}
.offcanvas-active .burger-icon>span:nth-child(2), #modal-menu-toggler.active .burger-icon>span:nth-child(2) {
    opacity: 0;
}
.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0,  -5px) rotate(45deg);
}
.offcanvas-active .close-offcanvas .burger-icon>span {
    transition-delay: 0.2s;
}
body.modal-menu-active {
    overflow-y: hidden;
}
#modal-menu {
    background: #f9f9f9;
    position: fixed !important;
    top: 80px;
    left: 0;
    right: 0;
    transition: 0.5s;
    bottom: 120%;
    overflow: hidden;
    display: flex;
    z-index: 10;
}
#modal-menu.has-bg {
    background-image: url(../images/menu-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#modal-menu.active {
    bottom: 0;
}
#modal-menu .sp-megamenu-parent>li>a, #modal-menu .sp-megamenu-parent>li>span {
    display: block;
}
#modal-menu .sp-megamenu-parent>li>a:after, #modal-menu .sp-megamenu-parent>li>span:after {
    transition: 0.3s;
}
#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span, #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: #ed145b;
}
#modal-menu .sp-megamenu-parent>li:hover>a:after, #modal-menu .sp-megamenu-parent>li:hover>span:after, #modal-menu .sp-megamenu-parent>li.active>a:after, #modal-menu .sp-megamenu-parent>li.active>span:after {
    opacity: 1;
}
#modal-menu .sp-megamenu-parent>li>a .nav-counter, #modal-menu .sp-megamenu-parent>li>span .nav-counter {
    font-size: 16px;
}
#modal-menu .sp-megamenu-parent>li:hover>a:before, #modal-menu .sp-megamenu-parent>li.active>a:before {
    width: 0;
    opacity: 0;
}
#modal-menu .modal-menu-inner {
    position: relative !important;
    width: 100%}
#modal-menu .modal-menu-inner #menu-dismiss {
    position: absolute;
    top: 60px;
    left: 60px;
    cursor: pointer;
}
#modal-menu .modal-menu-inner #menu-dismiss svg {
    font-size: 55px;
}
#modal-menu .modal-menu-inner>.container {
    display: flex;
    padding: 70px 0;
    align-items: center;
    height: 100%}
#modal-menu .modal-menu-inner>.container>.row {
    width: 100%}
#modal-menu ul.sp-megamenu-parent {
    display: flex !important;
    flex-direction: column;
}
#modal-menu ul.sp-megamenu-parent>li {
    position: relative;
}
#modal-menu ul.sp-megamenu-parent>li:not(:last-child) {
    margin-bottom: 30px;
}
#modal-menu ul.sp-megamenu-parent>li>a, #modal-menu ul.sp-megamenu-parent>li>span {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: initial;
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child>a, #modal-menu ul.sp-megamenu-parent li.sp-has-child>span {
    position: relative;
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child>a:after, #modal-menu ul.sp-megamenu-parent li.sp-has-child>span:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    float: right;
    position: absolute;
    top: 2px;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown {
    left: 100% !important;
    transition: 0.3s;
    padding-left: 20px;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 0px;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega {
    top: auto;
    bottom: 0px;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: visible !important;
    max-height: initial;
    background-color: #efefef;
    background: #efefef !important;
    padding: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #efefef !important;
}
#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul>li>a {
    font-weight: 500 !important;
    font-size: 15px !important;
}
#modal-menu .modules-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 330px;
    border-left: 2px solid rgba(32,  31,  31,  0.1);
    padding: 30px;
    color: #252525;
}
#modal-menu .modules-wrapper a {
    color: #252525;
}
#modal-menu .modules-wrapper a:hover, #modal-menu .modules-wrapper a:focus {
    color: #ed145b;
}
#modal-menu .modules-wrapper .sp-module {
    margin-left: 0;
    margin-bottom: 15px;
}
#modal-menu .modules-wrapper .search form {
    margin-bottom: 30px;
}
#modal-menu .modules-wrapper .search form input {
    height: 40px;
}
#modal-menu .modules-wrapper .sp-contact-info {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
#modal-menu .modules-wrapper .sp-contact-info>li {
    margin-bottom: 35px;
}
#modal-menu .modules-wrapper .sp-contact-info>li>span {
    font-size: 12px;
    margin-bottom: 10px;
}
#modal-menu .modules-wrapper .sp-contact-info>li>a {
    opacity: 0.7;
}
#modal-menu .modules-wrapper .sp-contact-info>li>a:hover, #modal-menu .modules-wrapper .sp-contact-info>li>a:focus {
    opacity: 1;
}
#modal-menu .modules-wrapper .social-icons {
    font-size: 14px;
}
#modal-menu .modules-wrapper .social-icons a {
    opacity: 0.7;
}
#modal-menu .modules-wrapper .social-icons a:hover, #modal-menu .modules-wrapper .social-icons a:focus {
    opacity: 1;
}
#sp-logo.has-border {
    position: relative;
    padding-right: 45px;
}
#sp-logo.has-border:after {
    content: "";
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    width: 2px;
    height: calc(var(--header_height) - 20px);
    right: 15px;
    background-color: rgba(80,  80,  80,  0.2);
}
#sp-logo.has-border .sp-column {
    display: inline-flex;
    align-items: center;
}
.sp-profile-wrapper {
    position: relative;
    font-size: 14px;
}
.sp-profile-wrapper .arrow-icon {
    font-size: 11px;
}
.sp-profile-wrapper .sp-profile-dropdown {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 10px 15px !important;
    list-style: none !important;
    font-size: 14px;
    position: absolute;
    min-width: 100px;
    right: 0;
    top: 100%;
    display: none !important;
}
.sp-profile-wrapper .sp-profile-dropdown>li:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 1.3;
}
.sp-profile-wrapper:hover .sp-profile-dropdown {
    display: block !important;
    animation: spFadeInDown 0.5s;
}
#sp-title {
    min-height: 0;
}
.sp-page-title {
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    margin: 0;
    padding: 0;
    color: #fff;
}
.sp-page-title .sp-page-title-heading {
    font-size: 24px;
    line-height: 1;
}
.sp-page-title .sp-page-title-sub-heading {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
}
.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb>.active {
    color: rgba(255,  255,  255,  0.8);
}
.sp-page-title .breadcrumb>span, .sp-page-title .breadcrumb>li, .sp-page-title .breadcrumb>li+li:before, .sp-page-title .breadcrumb>li>a {
    color: #fff;
}
.breadcrumb {
    padding: 12px;
    background-color: #f3f3f3;
    border-radius: 16px;
}
.body-innerwrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
}
.user-menu .body-innerwrapper {
    min-height: 100%;
}
/* Htan Hidden */.layout-boxed .body-innerwrapper {
    max-width: 1240px;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0,  0,  0,  0.2);
}
body.view-article.remove-container .body-innerwrapper>#sp-main-body>.container, body.view-article.remove-container .body-innerwrapper>.sp-main-body>.container {
    max-width: 100%;
    padding: 0;
}
.com-sppagebuilder #sp-main-body {
    padding: 0;
    overflow: hidden;
}
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 1px solid #f3f3f3;
    padding: 30px;
    border-radius: 3px;
}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
    margin-top: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 30px;
    padding-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
}
#sp-left .sp-module ul, #sp-right .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {
    display: block;
    border-bottom: 1px solid #f3f3f3;
}
#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    padding: 2px 0;
}
#sp-left .sp-module ul>li:last-child, #sp-right .sp-module ul>li:last-child {
    border-bottom: none;
}
#sp-left .sp-module .categories-module ul, #sp-right .sp-module .categories-module ul {
    margin: 0 10px;
}
#sp-left .sp-module .latestnews>div, #sp-right .sp-module .latestnews>div {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e8e8e8;
}
#sp-left .sp-module .latestnews>div:last-child, #sp-right .sp-module .latestnews>div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
#sp-left .sp-module .latestnews>div>a, #sp-right .sp-module .latestnews>div>a {
    display: block;
    font-weight: 400;
}
#sp-left .sp-module .tagscloud, #sp-right .sp-module .tagscloud {
    margin: -2px 0;
}
#sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name {
    display: inline-block;
    padding: 5px 10px;
    background: #808080;
    color: #fff;
    border-radius: 4px;
    margin: 2px 0;
}
#sp-left .sp-module .tagscloud .tag-name span, #sp-right .sp-module .tagscloud .tag-name span {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: rgba(0,  0,  0,  0.2);
    border-radius: 10px;
}
.login img {
    display: inline-block;
    margin: 20px 0;
}
.login .checkbox input[type="checkbox"] {
    margin-top: 6px;
}
.form-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hide-label {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,  1px,  1px,  1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.search .btn-toolbar {
    margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
    margin: 0;
}
.search .btn-toolbar button {
    color: #fff;
}
.search .phrases .phrases-box .controls label {
    display: inline-block;
    margin: 0 20px 20px;
}
.search .phrases .ordering-box {
    margin-bottom: 15px;
}
.search .only label {
    display: inline-block;
    margin: 0 20px 20px;
}
.search .search-results dt.result-title {
    margin-top: 40px;
}
.search .search-results dt, .search .search-results dd {
    margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
    height: 34px;
    line-height: 34px;
}
.form-search .finder label {
    display: block;
}
.form-search .finder .input-medium {
    width: 60%;
    border-radius: 4px;
}
.finder .word input {
    display: inline-block;
}
.finder .search-results.list-striped li {
    padding: 20px 0;
}
.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: -20px -20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
    border-radius: 3px 3px 0 0;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 1.375rem;
    margin: 0 0 1.25rem 0;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #252525;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus {
    color: #077;
}
.article-list .article .readmore {
    font-size: 0.875rem;
}
.article-list .article .readmore a {
    color: #252525;
    font-weight: 500;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: #077;
}
.related-article-large .article-image {
    width: 350px;
    min-width: 350px;
}
.related-article-large .article-information {
    border-left: 1px solid #f1f1f1;
    padding-left: 20px;
    margin-left: 20px;
}
.related-article-large .article-information>span {
    font-size: 0.813rem;
}
.related-article-large .article-information>span+span::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/"}
.related-article-large .article-information>span a {
    color: #252525;
}
.related-article-large .article-information>span a:hover {
    color: #077;
}
.related-article-large .article-information .intro-text {
    margin-top: 20px;
}
.article-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.article-info>span {
    font-size: 0.813rem;
}
.article-info>span+span::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/"}
.article-info>span a {
    color: #252525;
}
.article-info>span a:hover {
    color: #077;
}
.article-details .article-header {
    position: relative;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 2.25rem;
}
.article-details .article-info {
    margin-bottom: 1rem;
}
.article-details .article-full-image {
    margin-bottom: 2rem;
}
.article-details .article-full-image img {
    display: inline-block;
    border-radius: 4px;
}
.article-details .article-featured-video, .article-details .article-featured-audio, .article-details .article-feature-gallery {
    margin-bottom: 2rem;
}
.article-details .article-ratings-social-share {
    padding: 1rem 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 1rem;
}
.article-details .article-author-information {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #f5f5f5;
}
.article-details .article-can-edit {
    position: relative;
    margin-bottom: 10px;
}
.article-details .article-can-edit a {
    display: inline-block;
    background: #2a61c9;
    color: #fff;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 14px;
}
.related-article-list-container {
    margin-top: 15px;
}
.related-article-list-container .related-article-title {
    font-size: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
}
.related-article-list-container ul.related-article-list {
    list-style: none;
    padding: 0;
}
.related-article-list-container ul.related-article-list li {
    margin-bottom: 10px;
}
.related-article-list-container ul.related-article-list li .article-header h2 {
    font-size: 1.2rem;
}
.related-article-list-container ul.related-article-list li .article-header h2 a {
    color: #252525;
}
.related-article-list-container ul.related-article-list li .article-header h2 a:hover {
    color: #077;
}
.related-article-list-container ul.related-article-list li .published {
    font-size: 14px;
}
.tags {
    list-style: none;
    padding: 0;
    margin: -0.3125rem;
    display: flex;
    flex-wrap: wrap;
}
.tags>li {
    display: inline-block;
    margin: 0.3125rem;
}
.tags>li a {
    display: block;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border-radius: 6.25rem;
}
.tags>li a:hover {
    color: #fff;
}
.pager {
    list-style: none;
    padding: 2rem 0 0 0;
    margin: 2rem 0 0 0;
    border-top: 1px solid #f5f5f5;
}
.pager::after {
    display: block;
    clear: both;
    content: ""}
.pager>li {
    display: inline-block;
}
.pager>li.previous {
    float: left;
}
.pager>li.next {
    float: right;
}
.pager>li a {
    display: inline-block;
    font-size: 0.785rem;
    padding: 1rem 2.5rem;
    border-radius: 100px;
}
#article-comments {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #f5f5f5;
}
.article-ratings {
    display: flex;
    align-items: center;
}
.article-ratings .rating-symbol {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 1rem;
    display: inline-block;
    margin-left: 5px;
}
.article-ratings .rating-symbol span.rating-star {
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.article-ratings .rating-symbol span.rating-star.active:before {
    content: "";
    font-weight: 900;
    color: #f6bc00;
}
.article-ratings .rating-symbol span.rating-star:before {
    content: "";
    padding-right: 5px;
}
.article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover~span.rating-star:before {
    content: "";
    color: #e7b000;
    font-weight: 900;
    cursor: pointer;
}
.article-ratings .ratings-count {
    font-size: 0.785rem;
    color: #4c4b4b;
}
.article-ratings .fa-spinner {
    margin-right: 5px;
}
.pagination-wrapper {
    align-items: center;
}
.pagination-wrapper .pagination {
    margin-bottom: 0;
}
.article-social-share {
    float: right;
}
.article-social-share .social-share-icon ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.article-social-share .social-share-icon ul li {
    display: inline-block;
}
.article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 10px;
}
.article-social-share .social-share-icon ul li a {
    border: 1px solid #ededed;
    font-size: 1rem;
    border-radius: 50%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    display: inline-block;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
    color: #fff;
}
.newsfeed-category .category {
    list-style: none;
    padding: 0;
    margin: 0;
}
.newsfeed-category .category li {
    padding: 5px 0;
}
.newsfeed-category #filter-search {
    margin: 10px 0;
}
.category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped {
    list-style: none;
    padding: 0;
    margin: 0;
}
.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
    padding: 2px 0;
}
.category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 {
    margin: 5px 0;
}
.article-footer-top {
    display: table;
    clear: both;
    width: 100%}
.article-footer-top .post_rating {
    float: left;
}
.contentpane:not(.com-sppagebuilder) {
    padding: 20px;
}
#sp-bottom {
    padding: 60px 0 30px;
    font-size: 14px;
    line-height: 1.6;
}
#sp-bottom .sp-module {
    margin-bottom: 30px;
}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 30px;
    color: #fff;
}
#sp-bottom .sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#sp-bottom .sp-module ul>li {
    display: block;
    margin-bottom: 15px;
}
#sp-bottom .sp-module ul>li:last-child {
    margin-bottom: 0;
}
#sp-bottom .sp-module ul>li>a {
    display: block;
}
#sp-footer {
    font-size: 14px;
    padding: 0;
}
#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 1px solid rgba(255,  255,  255,  0.1);
}
#sp-footer ul.menu {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}
#sp-footer ul.menu li {
    display: inline-block;
    margin: 0 10px;
}
#sp-footer ul.menu li a {
    display: block;
}
#sp-footer ul.menu li a:hover {
    background: none;
}
#sp-footer #sp-footer2 {
    text-align: right;
}
html.coming-soon {
    width: 100%;
    height: 100%;
    min-height: 100%}
html.coming-soon body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 40%}
html.coming-soon .coming-soon-logo {
    display: inline-block;
    margin-bottom: 2rem;
}
html.coming-soon #coming-soon-countdown {
    margin-top: 4rem;
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
    margin: 0;
    float: left;
    width: 25%}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
    width: 100%;
    font-size: 4.5rem;
    letter-spacing: -1px;
    line-height: 1;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
    font-size: 1.5rem;
    letter-spacing: -1px;
    display: block;
    text-transform: uppercase;
}
html.coming-soon .coming-soon-position {
    margin-top: 2rem;
}
html.coming-soon .social-icons {
    margin-top: 4rem;
}
html.coming-soon .coming-soon-login form {
    display: inline-block;
}
html.error-page {
    width: 100%;
    height: 100%}
html.error-page body {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 40%}
html.error-page .error-logo {
    display: inline-block;
    margin-bottom: 2rem;
}
html.error-page .error-code {
    margin: 0 0 1rem;
    font-size: 6rem;
    line-break: 1;
}
html.error-page .error-message {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
.sp-social-share ul {
    display: block;
    padding: 0;
    margin: 20px -5px 0;
}
.sp-social-share ul li {
    display: inline-block;
    font-size: 24px;
    margin: 0 5px;
}
.profile>div:not(:last-child) {
    margin-bottom: 30px;
}
.dl-horizontal dt {
    margin: 8px 0;
    text-align: left;
}
.page-header {
    padding-bottom: 15px;
}
table.category {
    width: 100%}
table.category thead>tr, table.category tbody>tr {
    border: 1px solid #f2f2f2;
}
table.category thead>tr th, table.category thead>tr td, table.category tbody>tr th, table.category tbody>tr td {
    padding: 10px;
}
.contact-form .form-actions {
    background: none;
    border: none;
}
@media print {
    .visible-print {
    display: inherit !important;
}
.hidden-print {
    display: none !important;
}
.hidden {
    display: none;
}
}.sp-preloader {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.sp-preloader>div {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    position: absolute;
    animation: spSpin 0.75s linear infinite;
}
.sp-preloader>div:after {
    content: "";
    position: absolute;
    width: 49px;
    height: 49px;
    top: 1px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%}
.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(100,  100,  100,  0.4);
    border-radius: 100%;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
    background: #000;
}
.control-group {
    margin-bottom: 1rem;
}
select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
    height: calc(2.25rem + 10px);
}
.form-control-feedback {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875em;
}
input[type="text"], textarea {
    outline: none;
    box-shadow: none !important;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fcfcfc;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,  0,  0,  0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
}
.password-group meter {
    width: 100%}
.chzn-select, .chzn-select-deselect {
    width: 100%}
.chzn-container.chzn-container-single .chzn-single {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    height: calc(2.25rem + 2px);
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,  0,  0,  0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-single div {
    width: 30px;
    background: none;
}
.chzn-container.chzn-container-single .chzn-single div>b {
    background: none;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
}
.chzn-container.chzn-container-single .chzn-single div>b:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,  -50%);
    -webkit-transform: translate(-50%,  -50%);
}
.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single {
    border-radius: 0.25rem 0.25rem 0 0;
}
.chzn-container.chzn-container-single .chzn-search {
    padding: 0.625rem;
}
.chzn-container.chzn-container-single .chzn-search input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.5rem 1.429rem 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25;
    height: calc(2rem + 2px);
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,  0,  0,  0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-search input[type="text"]:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,  123,  255,  0.25);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0,  123,  255,  0.25);
}
.chzn-container.chzn-container-single .chzn-search:after {
    content: "";
    font-family: FontAwesome;
    font-size: 0.875rem;
    color: rgba(0,  0,  0,  0.2);
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.chzn-container.chzn-container-single .chzn-drop {
    border-color: rgba(0,  0,  0,  0.15);
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-results li.highlighted {
    background-image: none !important;
}
.chzn-container.chzn-container-multi .chzn-choices {
    display: block;
    width: 100%;
    padding: 0 0.75rem;
    min-height: calc(2.25rem + 2px);
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,  0,  0,  0.15);
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s,  box-shadow ease-in-out 0.15s;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.25;
    height: calc(2rem + 2px);
    background-color: #fff;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice {
    margin: 5.5px 5px 0 0;
    padding: 5px 20px 5px 5px;
    background-image: none;
    background-color: #f5f5f5;
    border-color: rgba(0,  0,  0,  0.1);
    box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    background: none;
    top: 5px;
    color: rgba(0,  0,  0,  0.2);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
    color: rgba(0,  0,  0,  0.5);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after {
    content: "";
    font-family: FontAwesome;
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}
.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices {
    border-radius: 0.25rem;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop {
    margin-top: -4px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) {
    padding: 0.75rem;
    background: #fff;
    border: 1px solid rgba(0,  0,  0,  0.15);
    border-top: 0;
    border-radius: 0 0 0.25rem 0.25rem;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results {
    background: none;
}
.form-horizontal .control-label {
    float: left;
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    text-align: left;
}
.form-horizontal .controls {
    margin-left: 220px;
}
.card-block {
    padding: 20px;
}
.card-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}
.card-block ul li {
    display: block;
}
.alert.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.invalid {
    color: #a51f18;
    border-color: #a51f18;
}
#sp-cookie-consent {
    position: fixed;
    font-size: 16px;
    font-weight: 500;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
}
#sp-cookie-consent>div {
    padding: 20px;
    position: relative;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline {
    margin: 0;
    margin-right: -5px;
    padding-left: 0px;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f3f3f3;
    color: #333;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    box-shadow: 0 1px 2px rgba(0,  0,  0,  0.05);
    border-radius: 0;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label.btn-success {
    background: #46a546;
    color: #fff;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline label input[type="radio"] {
    display: none !important;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:last-child label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#attrib-helix_ultimate_blog_options #jform_attribs_helix_ultimate_article_format .form-check-inline:first-child label {
    border-left: 1px solid #b3b3b3;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.com-contenthistory .btn-group {
    display: flex;
    justify-content: flex-end;
}
.com-contenthistory .btn-group button {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,  255,  255,  0.75);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,  255,  255,  0.2),  0 1px 2px rgba(0,  0,  0,  0.05);
}
.com-contenthistory .btn-group button:hover {
    color: #333;
    background-color: #e9e9e9;
}
#versionsModal {
    top: 10%}
#versionsModal .modal-dialog {
    max-width: 80%}
#versionsModal iframe {
    min-height: 300px;
}
body.com-content.view-form.layout-edit .nav-tabs .nav-link {
    display: block !important;
}
.no-js img.lazyload {
    display: none;
}
#system-message-container {
    z-index: 2 !important;
    background: #0033333d;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#system-message-container .alert {
    font-size: 13px;
    line-height: 1.5;
}
#system-message-container .alert>.btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
#system-message-container joomla-alert {
    font-size: 13px;
}
.com-users.view-registration #member-registration .modal-dialog, .com-users.view-registration #member-profile .modal-dialog, .com-users.view-profile #member-registration .modal-dialog, .com-users.view-profile #member-profile .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.registration #member-registration #jform_privacyconsent_privacy-lbl {
    display: inline-flex;
}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a {
    position: initial;
    display: block;
    color: #252525;
}
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover, .registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus {
    color: #077;
}
body.com-users.view-registration>#sbox-window {
    overflow: hidden;
}
body.com-users.view-registration>#sbox-window>#sbox-btn-close {
    top: 5px;
    right: 5px;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs {
    display: flex;
    padding: 0;
    margin: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    list-style: outside none none;
    background-color: #f5f5f5;
    border-color: #ccc #ccc currentcolor;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    border-radius: 0.25rem 0.25rem 0 0;
    border-image: none;
    box-shadow: 0 1px #fff inset,  0 2px 3px -3px rgba(0,  0,  0,  0.15),  0 -4px 0 rgba(0,  0,  0,  0.05) inset,  0 0 3px rgba(0,  0,  0,  0.04);
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link {
    color: var(--text-color);
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.joomla-tabs .nav-item>.nav-link.active {
    background-color: rgba(0,  0,  0,  0.03);
    background-image: linear-gradient(to bottom,  transparent,  rgba(0,  0,  0,  0.05) 100%);
    border-right: 0 none;
    border-left: 0 none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 2px 0 1px -1px rgba(0,  0,  0,  0.08) inset,  -2px 0 1px -1px rgba(0,  0,  0,  0.08) inset,  0 1px 0 rgba(0,  0,  0,  0.02) inset;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset>.tab-content {
    padding: 15px;
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 0 3px rgba(0,  0,  0,  0.04);
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor label#jform_title-lbl {
    margin-bottom: 15px;
    font-weight: 700;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #editor .js-editor-tinymce {
    display: flex;
    flex-direction: column;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group {
    display: flex;
    flex-direction: column;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group>label, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group>label, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group>label {
    margin-bottom: 5px;
    font-weight: 700;
}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group textarea, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group textarea, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group textarea {
    width: 100%}
body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #publishing>.control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #metadata>.control-group .calendar-container .time td select, body.helix-ultimate.hu.view-form.layout-edit .edit.item-page>#adminForm>fieldset #attrib-helix_ultimate_blog_options>.control-group .calendar-container .time td select {
    padding: 4px;
    font-size: 13px;
}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid {
    display: flex;
    max-width: 100%}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 {
    flex: auto;
}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls {
    margin-left: 10px;
    display: flex;
    max-width: 500px;
}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist_chzn, body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8>.controls #folderlist {
    flex: auto;
}
body.contentpane.com-media.view-images .container-popup #imageForm>#messages+.well .row-fluid .span8 #upbutton {
    background: var(--bs-primary);
    color: #fff;
    margin: 0 5px;
}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child) {
    margin-bottom: 5px;
}
body.contentpane.com-media.view-images .container-popup #imageForm .well>.row-fluid:not(:last-child)>.control-group:not(:last-child) {
    margin-bottom: 5px;
}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel {
    background: var(--bs-danger);
    color: #fff;
}
body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:hover, body.contentpane.com-media.view-images .container-popup #imageForm .btn.button-cancel:focus {
    border-color: var(--bs-danger);
}
body.contentpane.com-menus.view-items.layout-modal #adminForm .js-stools-container-bar {
    display: flex;
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label {
    margin-right: 10px;
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append {
    display: flex;
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"] {
    background: var(--bs-primary);
    color: #fff;
    margin-left: 5px;
}
body.contentpane.com-modules.view-modules.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"] {
    background: var(--bs-primary);
    color: #fff;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools {
    padding-top: 15px;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar {
    margin-bottom: 10px;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>label {
    margin-right: 10px;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append, body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append {
    display: flex;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper.input-append>button[type="submit"] {
    background: var(--bs-primary);
    color: #fff;
    margin-left: 5px;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"], body.contentpane.com-menus.view-items.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"], body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm>.js-stools .js-stools-container-bar>.btn-wrapper>button[type="button"] {
    background: var(--bs-primary);
    color: #fff;
}
body.contentpane.com-content.view-articles.layout-modal .container-popup #adminForm .js-stools-container-bar, body.contentpane.com-contact.view-contacts.layout-modal .container-popup #adminForm .js-stools-container-bar {
    display: flex;
    align-items: center;
}
.modal-dialog.jviewport-width80 {
    width: 80vw;
    max-width: none;
}
.btn:focus {
    box-shadow: none !important;
}
.com-media.contentpane {
    padding: 10px !important;
}
.com-media .well {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.com-media .well .row {
    margin: 0;
    padding: 0;
}
.com-media .well .row>div:first-child {
    width: calc(100% - 200px);
}
.com-media .well .row>div:last-child {
    width: 200px;
    float: right;
    text-align: right;
    padding-top: 30px;
}
.com-media .well .row #folderlist {
    display: inline-block;
}
.com-media .well .row #upbutton {
    display: none;
}
.com-media.view-imagesList {
    padding: 0px 0px 10px 0 !important;
}
.com-media.view-imagesList:before {
    content: ' ';
    display: table;
}
.com-media.view-imagesList:after {
    display: block;
    clear: both;
    content: ''}
.com-media.view-imagesList ul.manager {
    list-style: none;
    padding: 0;
    margin: 0;
}
.com-media.view-imagesList ul.manager>li.thumbnail {
    width: 110px;
    float: left;
}
.com-media.view-imagesList ul.manager>li.thumbnail>a.selected {
    border: 2px solid green;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child {
    height: 60px;
    margin-bottom: 10px;
    text-align: center;
}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span {
    display: inline-block;
    width: 60px;
    height: 40px;
    margin: 0 auto;
    margin-top: 25px;
    position: relative;
    background-color: #92ceff;
    border-radius: 0 5px 5px 5px;
}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child>span:before {
    content: '';
    width: 50%;
    height: 12px;
    border-radius: 0 20px 0 0;
    background-color: #92ceff;
    position: absolute;
    top: -12px;
    left: 0px;
}
.com-media.view-imagesList ul.manager>li.thumbnail>a>div:first-child img {
    display: inline-block;
}
.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
}
.sp-megamenu-parent .sp-menu-item>a img, .sp-megamenu-parent .sp-menu-item>span img {
    display: inline-block;
}
.sp-megamenu-parent>li {
    display: inline-block;
    position: relative;
    padding: 0;
}
.sp-megamenu-parent>li.menu-justify {
    position: static;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 60px;
    font-size: 14px;
    margin: 0;
}
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 0px 0px 15px;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 500;
}
.sp-megamenu-parent>li .sp-menu-badge {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background: #d60000;
    color: #fff;
    border-radius: 3px;
}
.sp-megamenu-parent .sp-module {
    padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-mega-group>li>a {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0,  0,  0,  0.2);
    padding: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner>.row:not(:first-child) {
    margin-top: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: none;
    padding: 0;
    position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
    text-transform: uppercase;
    font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-module {
    padding: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
    font-size: 14px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews {
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li:not(:last-child) {
    margin: 0 0 15px;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a {
    font-size: 14px;
}
.sp-megamenu-parent .sp-dropdown .sp-module .latestnews>li a span {
    opacity: 0.8;
}
.sp-megamenu-parent .sp-dropdown-mega>.row {
    margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega>.row:first-child {
    margin-top: 0;
}
.sp-megamenu-parent .sp-dropdown-mega .sp-module {
    margin-left: 0px !important;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900;
}
body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-right {
    margin-left: 5px;
}
body.ltr .sp-megamenu-parent>li .sp-menu-badge.sp-menu-badge-left {
    margin-right: 5px;
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 0;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: auto;
    right: 0;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    left: 100%}
@media (min-width:576px) {
    .sp-menu-full.container {
    width: 540px;
}
}@media (min-width:768px) {
    .sp-menu-full.container {
    width: 720px;
}
}@media (min-width:992px) {
    .sp-menu-full.container {
    width: 960px;
}
}@media (min-width:1200px) {
    .sp-menu-full.container {
    width: 1140px;
}
}@media (min-width:1400px) {
    .sp-menu-full.container {
    width: 1320px;
}
}#offcanvas-toggler {
    display: inline-flex;
    align-items: center;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
}
#offcanvas-toggler>span:hover {
    color: #fff;
}
.offcanvas-init {
    overflow-x: hidden;
    position: relative;
}
.offcanvas-active .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
}
.offcanvas-overlay {
    background: rgba(0,  0,  0,  0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.body-wrapper {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    backface-visibility: hidden;
}
.close-offcanvas {
    position: absolute;
    top: 25px;
    z-index: 1;
}
.offcanvas-menu {
    background: #f0f0f0;
    width: 300px;
    min-width: 260px;
    max-width: 420px;    
    height: 100%;
    position: fixed;
    top: 60px;
    overflow: auto;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 10000;
    scrollbar-width: none;
}
.offcanvas-menu #offcanvas-toggler {
    display: none !important;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}
.offcanvas-menu .offcanvas-inner .header-modules {
    margin-left: 0px;
}
.offcanvas-menu .offcanvas-inner .finder {
    margin-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-sign-in {
    position: relative;
    top: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text {
    display: none !important;
}
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text {
    display: none !important;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 14px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, .offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 0.7;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:hover, .offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:focus, .offcanvas-menu .offcanvas-inner .social-icons>li>a:hover, .offcanvas-menu .offcanvas-inner .social-icons>li>a:focus {
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info {
    margin-top: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li:not(:last-child) {
    margin-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
    padding: 0;
    margin: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 1rem;
    font-weight: bold;
}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
    width: 210px;
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    margin: 0 0 15px 0;
    list-style: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: block;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    line-height: 18px;
    transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li>span:hover {
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child {
    display: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent>a {
    position: relative;
    display: block;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {
    right: 0px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent.menu-parent-open .menu-toggler:after {
    content: ""}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul {
    display: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 15px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 1px solid rgba(32,  31,  31,  0.1);
    margin-bottom: 0;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 15px 10px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 15px;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 20px;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    margin-right: 4px;
}
body.ltr.offcanvs-position-left .body-wrapper {
    left: 0;
}
body.ltr.offcanvs-position-left .offcanvas-menu {
    transform: translateX(-100%);
    top: 0;
}
body.ltr.offcanvs-position-right .body-wrapper {
    right: 0;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -300px;
    top: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    right: 0;
    top: 0;
}
body.ltr .close-offcanvas {
    right: 15px;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    right: 0;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    right: 0;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 10px;
}
.sp-pre-loader {
    background: #e1e1e1;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.sp-pre-loader .sp-loader-clock {
    border: 3px solid #ed145b;
    border-radius: 60px;
    bottom: 0;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.sp-pre-loader .sp-loader-clock:after {
    content: '';
    position: absolute;
    background-color: #ed145b;
    top: 2px;
    left: 48%;
    height: 38px;
    width: 4px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: grdAiguille 2s linear infinite;
    animation: grdAiguille 2s linear infinite;
}
.sp-pre-loader .sp-loader-clock:before {
    content: '';
    position: absolute;
    background-color: #ed145b;
    top: 6px;
    left: 48%;
    height: 35px;
    width: 4px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 94%;
    transform-origin: 50% 94%;
    -webkit-animation: ptAiguille 12s linear infinite;
    animation: ptAiguille 12s linear infinite;
}
.sp-pre-loader .sp-loader-circle {
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    border: 3px solid fade(#ed145b,  70%);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: loader1 3s linear infinite;
    animation: loader1 3s linear infinite;
}
.sp-pre-loader .sp-loader-circle:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 20px;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background-color: #ed145b;
}
.sp-pre-loader .sp-loader-bubble-loop {
    position: absolute;
    width: 142px;
    height: 80px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0px;
    background: url(/images/spott-loader/spott-logo-bounce-80.gif) no-repeat;
    background-size: 70%;
}
.sp-pre-loader .sp-loader-bubble-loop:before {
    display: none;
     content: '';
    position: absolute;
    background-color: rgba(237,  20,  91,  0.5);
    top: 0px;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
}
.sp-pre-loader .sp-loader-bubble-loop:after {
    display: none;
    content: '';
    position: absolute;
    background-color: rgba(237,  20,  91,  0.5);
    top: 0px;
    left: 25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
}
.sp-pre-loader .circle-two {
    bottom: 0;
    height: 100px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.sp-pre-loader .circle-two>span, .sp-pre-loader .circle-two>span:before, .sp-pre-loader .circle-two>span:after {
    content: '';
    display: block;
    border-radius: 50%;
    border: 2px solid #ed145b;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,  -50%);
    -moz-transform: translate(-50%,  -50%);
    -ms-transform: translate(-50%,  -50%);
    -o-transform: translate(-50%,  -50%);
    transform: translate(-50%,  -50%);
}
.sp-pre-loader .circle-two>span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-left-color: transparent;
    -webkit-animation: effect-2 2s infinite linear;
    -moz-animation: effect-2 2s infinite linear;
    -ms-animation: effect-2 2s infinite linear;
    -o-animation: effect-2 2s infinite linear;
    animation: effect-2 2s infinite linear;
}
.sp-pre-loader .circle-two>span:before {
    width: 75%;
    height: 75%;
    border-right-color: transparent;
}
.sp-pre-loader .circle-two>span:after {
    width: 50%;
    height: 50%;
    border-bottom-color: transparent;
}
.sp-pre-loader .wave-two-wrap {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    width: 90px;
}
.sp-pre-loader .wave-two {
    margin: 0;
    list-style: none;
    width: 90px;
    position: relative;
    padding: 0;
    height: 10px;
}
.sp-pre-loader .wave-two li {
    position: absolute;
    width: 2px;
    height: 0;
    background-color: #ed145b;
    bottom: 0;
}
.sp-pre-loader .wave-two li:nth-child(1) {
    left: 0;
    -webkit-animation: sequence1 1s ease infinite 0;
    animation: sequence1 1s ease infinite 0;
}
.sp-pre-loader .wave-two li:nth-child(2) {
    left: 15px;
    -webkit-animation: sequence2 1s ease infinite 0.1s;
    animation: sequence2 1s ease infinite 0.1s;
}
.sp-pre-loader .wave-two li:nth-child(3) {
    left: 30px;
    -webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
    animation: sequence1 1s ease-in-out infinite 0.2s;
}
.sp-pre-loader .wave-two li:nth-child(4) {
    left: 45px;
    -webkit-animation: sequence2 1s ease-in infinite 0.3s;
    animation: sequence2 1s ease-in infinite 0.3s;
}
.sp-pre-loader .wave-two li:nth-child(5) {
    left: 60px;
    -webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
    animation: sequence1 1s ease-in-out infinite 0.4s;
}
.sp-pre-loader .wave-two li:nth-child(6) {
    left: 75px;
    -webkit-animation: sequence2 1s ease infinite 0.5s;
    animation: sequence2 1s ease infinite 0.5s;
}
.sp-pre-loader .sp-loader-audio-wave {
    width: 3em;
    height: 2em;
    background: linear-gradient(#ed145b,  #ed145b) 0 50%,  linear-gradient(#ed145b,  #ed145b) 0.625em 50%,  linear-gradient(#ed145b,  #ed145b) 1.25em 50%,  linear-gradient(#ed145b,  #ed145b) 1.875em 50%,  linear-gradient(#ed145b,  #ed145b) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em,  0.5em 0.25em,  0.5em 0.25em,  0.5em 0.25em,  0.5em 0.25em;
    animation: audioWave 1.5s linear infinite;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.sp-pre-loader .sp-loader-with-logo {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp-pre-loader .sp-loader-with-logo .logo {
    display: inline-block;
    width: auto;
}
.sp-pre-loader .sp-loader-with-logo .line {
    background: #ed145b;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
}
@media (max-width:1440px) {
    .sp-dropdown.sp-dropdown-mega {
    width: 920px !important;
}
}@media (max-width:1199px) {
    #sp-header.full-header {
    padding-left: 15px;
    padding-right: 15px;
}
#sp-header.header-with-social #sp-menu .social-wrap {
    padding-left: 0px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
    padding: 0 10px;
}
}@media (min-width:992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
    display: none !important;
}
}@media (max-width:991px) {
    :root {
    --header_height: $header_height_sm;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    line-height: 60px;
}
#sp-header.header-with-modal-menu #offcanvas-toggler {
    display: flex !important;
}
#sp-header.header-with-modal-menu #modal-menu-toggler {
    display: none;
}
#sp-header.full-header-center #offcanvas-toggler.mega, #sp-header.header-with-modal-menu #offcanvas-toggler.mega, #sp-header.full-header-left #offcanvas-toggler.mega, #sp-header.lg-header #offcanvas-toggler.mega, #sp-header.header-with-social #offcanvas-toggler.mega {
    display: flex !important;
}
#sp-header.lg-header #offcanvas-toggler.mega {
    display: none !important;
}
#sp-header.lg-header .offcanvas-toggler-left.offcanvas {
    display: flex !important;
}
#sp-header-topbar .container-inner>.row {
    min-height: 60px;
}
#modal-menu {
    top: 60px;
}
#sp-logo.has-border>.sp-column {
    border-right: none;
    padding-right: 0px;
}
#sp-menu .social-wrap:after, #sp-logo.has-border:after {
    display: none;
}
#sp-logo.has-border {
    padding-right: 15px;
}
#sp-menu .social-wrap {
    padding-left: 15px;
}
#sp-header.header-with-modal-menu.center-layout .sp-contact-info, #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
    display: none;
}
#sp-header-topbar {
    margin: 10px 0px;
}
#sp-header-topbar .container-inner {
    padding-bottom: 10px;
}
}@media (max-width:767px) {
    #sp-menu .social-wrap {
    padding-left: 10px;
}
#sp-menu .social-wrap:after {
    display: none;
}
#sp-header .menu-wrap {
    display: none;
}
}@media (max-width:575px) {
    :root {
    --header_height: $header_height_xs;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    line-height: 60px;
}
#sp-header-topbar .container-inner>.row {
    min-height: 60px;
}
#modal-menu {
    top: 60px;
}
#sp-header .sp-module {
    margin-left: 10px;
}
#sp-header .sp-module .sp-sign-in .text {
    display: none;
}
#sp-menu ul.social-icons>li:not(:last-child) {
    margin-right: 10px;
}
#sp-header.lg-header .top-part {
    border-bottom: none;
}
#sp-header.lg-header #sp-contact {
    order: 1;
}
#sp-header.lg-header #sp-logo {
    order: 3;
}
#sp-header.lg-header #sp-social {
    order: 2;
}
#sp-header.lg-header #sp-social .sp-column {
    justify-content: center !important;
}
#sp-header.lg-header #sp-social .social-icons {
    margin: 0;
}
#sp-header.lg-header #sp-social .social-icons>li:not(:last-child) {
    margin-right: 10px;
}
#sp-header.lg-header .sp-contact-info {
    text-align: center;
    margin: 5px 0;
}
.header-has-modules .container-inner>.row {
    flex-wrap: wrap !important;
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
    width: 50%;
    margin-bottom: 15px;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
    font-size: 2.5rem;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
    font-size: 14px;
}
.view-search #search-form .btn-group {
    flex-wrap: wrap;
}
.view-search #search-form button, .view-search #search-form .btn {
    border-radius: 3px;
}
}
#cart-menu #cd-menu-trigger,
#cart-menu .cd-cart {
  position: relative;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}
#cart-menu #cd-menu-trigger >i,
#cart-menu .cd-cart >i {
  display: block;
  width: 80px;
  text-align: center;
  font-size: 28px;
}
#cart-menu #cd-menu-trigger .total_products,
#cart-menu .cd-cart .total_products {
  position: absolute;
  right: 13px;
  height: 15px;
  width: 15px;
  line-height: 15px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#cart-menu #cd-menu-trigger .total_products.empty_basket,
#cart-menu .cd-cart .total_products.empty_basket {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  color: #fff;
}
#cart-menu #cd-menu-trigger .total_products.items-added,
#cart-menu .cd-cart .total_products.items-added {
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#cart-menu.shopping-menu-is-open {
  position: fixed;
  transform: translate3d(-300px, -34px, 10px);
  height: 100vh;
  width: 100vw;
}
  #vmCartModule {
    position: relative;
    right: 10px;
    background: #fdf5f2;
    color: #077;
    border: 1px solid #f8d9ce;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 37px;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
	margin-left: 5px;
  }
  #vmCartModule #cd-menu-trigger,
  #vmCartModule .cd-cart {
    width: 60px;
    margin: 0 auto;
    text-align: center;
  }
  #vmCartModule #cd-menu-trigger >i,
  #vmCartModule .cd-cart >i {
    text-align: center;
    margin: 0 auto;
    width: 40px;
  }
  #vmCartModule #cd-menu-trigger .total_products,
  #vmCartModule .cd-cart .total_products {
    right: 3px;
  }
  #vmCartModule #cd-menu-trigger.shopping-menu-is-open .cd-cart .total_products,
  #vmCartModule .cd-cart.shopping-menu-is-open .cd-cart .total_products {
    right: 3px;
  }

#sp-header #cart-menu {
  padding: 0;
  display: block;
}
#sp-header #cart-menu .cd-cart {
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
#sp-header #cart-menu .cd-cart i {
    display: block;
    width: 45px;
    text-align: left;
	font-weight: 600;
	color: #003333;
}
#sp-header #cart-menu .cd-cart .total_products {
  right: 18px;
}
#sp-header #cart-menu.shopping-menu-is-open {
  padding: 0;
}
#sp-header #cart-menu.shopping-menu-is-open .cd-cart {
  height: 100vh;
}
#sp-header #cart-menu.shopping-menu-is-open .cd-cart i {
  text-align: center;
}
#sp-header #cart-menu.shopping-menu-is-open .cd-cart .total_products {
    right: -10px;
    top: 26px;
}
.image.cart-image.pull-left img {
    border-radius: 50px;
}
#cart-menu {
  position: relative;
  right: 0;
  display: block;
  z-index: 1003;
}
#cart-menu #cd-menu-trigger,
#cart-menu .cd-cart {
  position: relative;
  display: inline-block;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: background .1s ease-in-out;
  -moz-transition: background .1s ease-in-out;
  -o-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out;
}
button.navbar-toggler.navbar-toggler-right {
    display: none;
}
#cart-menu #cd-menu-trigger >i,
#cart-menu .cd-cart >i {
  display: block;
  width: 80px;
  text-align: center;
  font-size: 28px;
}
#cart-menu #cd-menu-trigger .total_products,
#cart-menu .cd-cart .total_products {
  position: absolute;
  right: 13px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#cart-menu #cd-menu-trigger .total_products.empty_basket,
#cart-menu .cd-cart .total_products.empty_basket {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  color: #fff;
}
#cart-menu #cd-menu-trigger .total_products.items-added,
#cart-menu .cd-cart .total_products.items-added {
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#cart-menu.shopping-menu-is-open #cd-menu-trigger,
#cart-menu.shopping-menu-is-open .cd-cart {
  background: #00333361;
  height: 100vh !important;
  width: 100vw;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger >i,
#cart-menu.shopping-menu-is-open .cd-cart >i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 34px;
    top: 0;
    right: 0;
    float: right;
    padding-right: 0px;
    width: 40px;
    color: #003333 !important;
    background: #eaeaea;
    border-radius: 50px 0px 0px 50px;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products,
#cart-menu.shopping-menu-is-open .cd-cart .total_products {
  right: 23px;
  font-size: 12px;
  height: 21px;
  width: 21px;
  line-height: 21px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  font-size: 14px;
  color: #077;
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products.items-added,
#cart-menu.shopping-menu-is-open .cd-cart .total_products.items-added {
  -webkit-transition: font-size;
  -moz-transition: font-size;
  -o-transition: font-size;
  transition: font-size;
}
#cart-menu.is-fixed {
  position: fixed;
}
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1002;
  width: 300px;
  padding: 10px 10px;
  background: #f7f7f7;
  box-shadow: -5px 8px 10px rgb(0 0 0 / 28%);
  overflow-y: auto;
  -webkit-transform: translateZ(0);
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
  -ms-transform: translateX(300px);
  -o-transform: translateX(300px);
  transform: translateX(300px);
}
.jb-cart-list h5 {
    color: #077;
    font-size: 16px;
    transition: all .4s;
    padding: 16px;
    border-bottom: 1px solid #00333324;
}
.jb-cart-list h5:hover {
    margin-left: 10px;
    color: #003333;
    font-weight: 500;
}
.jb-cart-list h5:before {
    content: "\e66e";
    font-family: 'peIcon7';
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    position: absolute;
    left: 16px;
    top: 12px;
}
#cd-lateral-nav.shopping-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  -webkit-overflow-scrolling: touch;
}

   >.container >.row #cart-menu.shopping-menu-is-open,
  .centered >.container >.row #cart-menu.shopping-menu-is-open {
    padding: 0;
    width: 100vw;
    height: 100vh;
  }
i.pe.pe-7s-cart:before {
	content: "\e66e";
    font-family: 'peIcon7';
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    color: #003333;
    font-size: 22px;
}
form#adminForm .centered {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.total_products.total_products.items-added {
    position: absolute;
    top: -2px;
    left: 30px;
    font-size: 12px !important;
    color: #fff !important;
    background: #077;
}
.cd-cart.is-clicked .total_products.total_products.items-added {
    position: absolute;
    top: 50px;
    left: auto;
    font-size: 12px !important;
    color: #fff !important;
    background: #077;
}
.cd-cart.is-clicked i.pe.pe-7s-cart {
    position: relative;
    top: 34px !important;
}
.cart-image {
    width: 25%;
    box-shadow: 1px 1px 3px #00000033;
    border-radius: 50px;
}

nav#cd-lateral-nav {
    margin-top: 3px;
    overflow: hidden;
    display: block;
    height: 100vh;
}
.cd-navigation {
    height: 90vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.cd-navigation::-webkit-scrollbar {
    width: 0;
}
.cd-navigation::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.product_name a {
    font-size: 12px;
    color: #077;
}
.quantity {
    position: relative;
    top: 20px;
    left: 53px;
    height: 25px;
    width: 25px;
    line-height: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.2s 0s;
    -moz-transition: -moz-transform 0.2s 0s;
    transition: transform 0.2s 0s;
    background: #077;
}
.total_products.empty_basket {
    color: #fff !important;
    top: 26px !important;
    right: -10px !important;
    background: #ff0033;
}
.product_name {
    width: 190px;
    line-height: 10px;
    padding-left: 5px;
    text-align: left;
}
.cart-item {
    width: 60%;
    display: inline-table;
}
.subtotal_with_tax {
    margin-left: 5px;
    color: #003333;
    font-size: 16px;
    text-align: left;
}
.show_cart {
    float: none !important;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 15px 10px 15px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    float: none !important;
    color: #eaeaea;
}
.cd-navigation a.details {
    float: none !important;
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 15px 10px 15px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    float: none !important;
	background: #077;
    color: #eaeaea;
}
.cd-navigation a.details:hover {
    background: #003333;
}
.cd-navigation a.details:active {
    background: #003333;
}
.sppb-btn-3d i.fas.fa-shopping-cart {
    margin-right: 5px;
}
.total {
    padding: 10px;
}
.sp-dropdown.sp-dropdown-sub.sp-menu-right.active li.sp-menu-item.category-level-3 {
    display: block;
}
.sp-dropdown.sp-dropdown-sub.sp-menu-right.active {
    display: block;
}
.sp-dropdown.sp-dropdown-sub.sp-menu-right.active li.sp-menu-item.category-level-4 {
    display: block;
}
a.level3-virtuemart-category:active {
    background: linear-gradient(45deg, #c8cbcb, #e9e9e9);
    color: #077 !important;
	transition: background 2.0s ease-in-out, color 2.0s ease-in-out;
}
i.fas.fa-face-frown-open:before {
    content: "\f57a";
	font-weight: 300;
}
i.fas.fa-face-laugh-beam:before {
    content: "\f59a";
	font-weight: 300;
}
.empty_cart h3 {
    font-size: 13px;
}
a.btn.btn-primary.sppb-btn-3d:hover {
    border-color: #003333 !important;
    background-color: #003333 !important;
	font-weight: 400;
}
a.btn.btn-primary.sppb-btn-3d:active {
    border-color: #003333 !important;
    background-color: #003333 !important;
	font-weight: 400;
}
a.btn.btn-primary.sppb-btn-3d {
    background: #077 !important;
    border-color: #077 !important;
}
a.details:before {
    content: "\f07a" !important;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
.cd-navigation .btn {
    border-radius: 20px;
    text-transform: capitalize;
}
.spacer.product-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #07740;
    margin: 2px;
    border-radius: 20px;
    min-height: 550px;
}
section#sp-section-3 {
    display: flex;
    justify-content: center;
}
div#sp-title {
    margin: 10px 0 10px 0;
}
section#sp-section-3 .row {
    width: 100%;
}
section#sp-section-3 .sp-module-content {
    display: flex;
    justify-content: center;
}
.floatright.display-number {
    font-size: 12px;
}
.login-entry-main-section {
    display: flex;
    flex-wrap: wrap;
    transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
    width: 100%;
    margin-bottom: 24px;
}
.login-entry-container {
    display: flex;
    height: 100%;
    max-height: 0px;
    opacity: 0;
    margin-bottom: 0px;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out;
    flex-direction: column;
    align-items: center;
}
span.login-entry-header-description:after {
    content: '\f164';
    font-family: 'Font Awesome 5 Free';
    margin-left: 6px;
    font-weight: 100;
}
span.login-entry-header-description {
    font-size: 24px;
    color: #033;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.login-entry-header {
    margin-bottom: 32px;
    text-align: center;
}
.login-entry-container.active-login {
    display: flex;
    height: 100%;
    max-height: 1650px;
    opacity: 1;
    margin-bottom: 16px;
    overflow: auto;
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: #f9f9f9;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
span.login-bott-welcome-message {
    font-size: 16px;
    text-align: center;
    display: block;
    color: #077;
    margin-left: 25%;
    font-weight: 600;
}
div#login-btn.active-login .login-register-buttons {
    background: #003333;
    color: #fff;
}
div#register-btn.active-register .login-register-buttons{
    background: #003333;
    color: #fff;
}
.login-bott-welcome {
    display: flex;
    width: 40%;
    flex-direction: column;
    align-items: center;
}
span.login-bott-welcome-image {
    margin: 20px 0px 0px 30%;
}
.login-entry-form {
    width: 60%;
    display: flex;
    align-items: center;
}
.login-entry-form fieldset.userdata {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.login-entry-form .width30 {
    width: 60%;
}
form#com-form-login {
    width: 100%;
}
#com-form-login-username input.inputbox,
#com-form-login-password input#modlgn-passwd {
    border-radius: 8px;
    padding: 16px;
    color: #033;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.com-form-login-header {
    color: #077;
    font-size: 16px;
    margin-bottom: 12px;
    margin-right: 30%;
    text-align: center;
    font-weight: 600;
}
div#com-form-login-remember {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
div#com-form-login-remember input.default {
    flex: auto;
    order: 3;
}
#com-form-login .width30.floatleft {
    display: inline-block;
    margin: 0;
    text-align: center;
    font-size: 12px;
    margin-bottom: 4px;
    margin-right: 30%;
}
label[for=remember] {
    font-size: 14px;
}
.rememberme-section {
    display: flex;
    gap: 4px;
    align-items: center;
}
.submitbutton-login input.default {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    line-height: 1.25;
    transition: all .15s ease-in-out;
    background: #077;
    color: #fff;
    border-radius: 20px;
    width: 200px;
    margin-top: 8px;
}
.submitbutton-login input.default:hover {
    background: #003333;
}
.submitbutton-login {
    margin-right: 30%;
}
.register-entry-container {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
}
.register-entry-container.active-register {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    opacity: 1;
    max-height: 3650px;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 0 0 8px 8px;
    padding: 16px;
}
form#adminForm {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
table.adminForm.user-details {
    width: 100%;
}
fieldset table.adminForm.user-details {
    width: 100%;
}
table.adminForm.user-details tbody {
    padding: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
table.adminForm.user-details input {
    border-radius: 8px;
    padding: 4px 8px;
    border: none;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
tr.invoicecheckbox input#invoicecheckbox_field:hover {
    outline: 1px solid #858585;
    background: #099
}
table.user-details input {
    width: 100%;
    height: 42px;
    background: #fff;
    margin: 0;
}
.form-check-input:focus {
    box-shadow: none;
    outline: 1px solid #858585 !important;
}
.form-check-input:checked {
    background-color: #077 !important;
    border-color: #077 !important;
}
.form-check-input:active {
    filter: brightness(99%);
}
td.key {
    font-size: 14px;
    color: #003333;
    width: 100% !important;
    margin-bottom: 2px;
}
a.chosen-single {
    border-radius: 20px !important;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px !important;
    background: #fff !important;
    color: #077 !important;
    margin-top: 4px;
    border: none !important;
    box-shadow: none !important;
}
.chosen-container .chosen-drop {
    bottom: 60px !important;
    left: 0 !important;
    top: unset;
    box-shadow: 0 0 0 9000px #00000054;
}
.chosen-drop {
    border: none !important;
    border-radius: 20px !important;
    font-size: 12px;
    padding: 12px;
}
li.group-result {
    letter-spacing: -0.7px;
    color: #003333;
}
li.active-result.group-option.highlighted {
    background: #055 !important;
    color: #fff;
    padding: 8px;
    margin-top: 6px;
}
li.active-result.group-option {
    border-radius: 20px;
}
li.active-result {
    font-size: 14px;
    color: #077;
    padding: 8px;
    margin-top: 6px;
}
li.active-result.highlighted {
    background: #055 !important;
    color: #fff;
    border-radius: 20px;
    padding: 8px;
    margin-top: 6px;
}
li.active-result.result-selected.highlighted {
    background: #055;
    color: #fff;
    border-radius: 20px;
    padding: 8px;
    margin-top: 6px;
}
li.active-result.result-selected.highlighted {
    background: #055 !important;
    color: #fff;
    padding: 8px;
    margin-top: 6px;
}
.register-entry-header {
    font-size: 24px;
    color: #033;
    font-weight: 600;
    letter-spacing: -0.6px;
    margin-left: auto;
    margin-right: auto;
}
.register-entry-subtitle {
    font-size: 14px;
    color: #077;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 600;
}
.row-fluid.clearfix {
    width: 100%;
}
form#adminForm fieldset {
    width: 100%;
}
table.adminForm.user-details tr {
    display: flex;
    flex-direction: column;
    width: calc(50% - 8px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;
    padding: 8px;
    margin: 4px;
    background: #fcfcfc;
    animation: bounceIn 0.5s ease-in-out;
}
div#tab-2 {
    overflow-x: hidden !important;
}
.login-register-buttons-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 20px;
    background: #efefef;
}
.login-register-buttons {
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 16px 22px 16px 22px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    width: 220px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #07747;
}
.login-register-buttons:hover {
    background: #003333;
    color: #fff;
}
div#login-btn .login-register-buttons:before {
    content: '\f4fc';
    font-family: 'Font Awesome 5 Free';
    opacity: 0.7;
    margin-right: 4px;
}
div#register-btn .login-register-buttons:before {
    content: '\f234';
    font-family: 'Font Awesome 5 Free';
    opacity: 0.7;
    margin-right: 4px;
}
.register-entry-header-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 4px solid #0771f;
    padding-top: 14px;
}
form#adminForm button.btn.btn-primary {
    border-radius: 20px;
}
form#adminForm button.btn.btn-primary:hover {
    background: #003333;
    font-weight: 400;
}
form#adminForm button.btn.btn-dark {
    border-radius: 20px;
}
form#adminForm button.btn.btn-dark:hover {
    background: #fff;
    color: #003333;
}
.login-register-intro {
    display: flex;
    justify-content: center;
    height:100%;
    max-height: 700px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
    background: #efefef;
    border-radius: 30px 30px 0 0;
    padding: 12px;
}
.login-register-intro.active-register,
.login-register-intro.active-login {
    height: 100%;
    opacity: 1;
    font-size: 14px;
    transition: font-size 0.7s ease-in-out;
}
.login-register-intro.active-register span.login-register-intro-welcome-message, 
.login-register-intro.active-login span.login-register-intro-welcome-message {
    font-size: 16px;
    transition: font-size 0.7s ease-in-out;
    color: #033;
}
.login-register-intro-benefits-left {
    display: flex;
    flex-direction: column;
    width: 20%;
}
.login-register-intro-welcome {
    display: flex;
    flex-direction: column;
    width: 60%;
    align-items: center;
}
.login-register-intro-benefits-right {
    display: flex;
    flex-direction: column;
    width: 20%;
}
span.pop-check:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #00dddd;
    border: 1px solid #07733;
    padding: 4px;
    border-radius: 24px;
}
span.pop-check {
    border-radius: 20px;
    padding: 8px;
    color: #077;
    border: 1px solid #0773d;
    margin-bottom: 6px;
}
span.login-register-intro-welcome-message {
    font-size: 20px;
    color: #077;
    font-weight: 600;
    letter-spacing: -0.6px;
    text-align: center;
}
span.login-register-intro-welcome-subtitle {
    font-size: 14px;
    color: #077;
    margin-bottom: 10px;
}
.popup-register-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: #fcfcfc;
}
.popup-register-success {
    font-size: 16px;
    color: #003333;
    font-weight: 600;
    text-align: center;
}
.popup-register-success:before {
    content: '\f59a';
    font-family: Font Awesome\ 5 Free;
    margin-right: 6px;
    font-weight: 100;
}
.popup-register-success-message-two:before {
    content: '\f0e0';
    font-family: Font Awesome\ 5 Free;
    margin-right: 6px;
    font-weight: 600;
}
.popup-register-success-message {
    font-size: 14px;
    padding: 8px;
    color: #003333;
}
.popup-register-success-message-two {
    margin-top: 8px;
}
div#loginConfirmMessage {
    display: none;
    position: absolute;
    background: #f9f9fa;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    border-radius: 16px;
}
.popup-register-success-close-button {
    margin: 16px;
    padding: 8px 16px;
    font-size: 14px;
    color: #003333;
    font-weight: 600;
    background: whitesmoke;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.popup-register-success-email-clients-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.popup-register-success-email-clients-description {
    text-align: center;
    color: #099;
    font-size: 12px;
    padding: 8px;
    font-weight: 600;
}
.popup-register-success-email-clients-description:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.popup-register-success-close-button:hover {
    background: #f7f7f7;
}
.vp-cart-strong {
    font-weight: 600;
    color: #055;
}
.popup-register-success-popular-email-clients {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-register-success-more-email-clients {
    display: flex;
    justify-content: center;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.popup-register-success-more-email-clients.moreProviders {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}
.popup-register-success-email-client img {
    padding: 4px;
    width: 80px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 8px;
    margin: 4px;
}
.popup-register-success-email-clients {
    display: flex;
    padding: 16px;
    gap: 8px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 8px;
    width: 100%;
}
.popup-register-success-message-one {
    text-align: center;
    padding: 8px;
}
.popup-register-fail {
    font-size: 20px;
    color: #550000;
    text-align: center;
    margin-bottom: 12px;
}
.popup-register-success-email-more {
    font-size: 14px;
    font-weight: 600;
    color: #055;
    padding: 4px 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.popup-register-success-email-more:hover {
    color: #099;
}
.popup-register-email-less {
    display: none;
}
.popup-register-success-email-more:after {
    display: inline-block;
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    transform: rotate(0deg);
    margin-left: 4px;
    transition: all 0.3s ease-in-out;
}
.popup-register-success-email-more.moreProviders:after {
    transform: rotate(180deg);
}
.fail-missing:before {
    content: '\f5c2';
    font-family: Font Awesome\ 5 Free;
    margin-right: 6px;
}
.popup-register-fail.fail-existing-email-container,
.popup-register-fail.fail-existing-email-message,
.popup-register-fail.fail-missing-checkcontainer,
.popup-register-fail.fail-missing-message {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}
span.popup-register-fail.fail-missing-check,
span.popup-register-fail.fail-missing-check-point {
    font-size: 14px;
}
span.popup-register-fail.fail-missing-check-point:before {
    content: '\f0ae';
    font-family: Font Awesome\ 5 Free;
    margin-right: 2px;
    font-weight: 600;
}
.fail-existing-email:before {
    content: '\f071';
    font-family: Font Awesome\ 5 Free;
    margin-right: 6px;
    font-weight: 600;
}
span.popup-register-fail.fail-existing-email-remember-password a {
    font-size: 16px;
    background: #77000075;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
}
span.popup-register-fail.fail-existing-email-remember-password a:hover {
    color: #ffa9a9;
    background: #770000ad;
}
.fail-login-remember-password a {
    display: block;
    font-size: 16px;
    background: #7e810075;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
}
.fail-login-remember-password a:hover {
    color: #f9ffa9;
    background: #647700ad;
}
span.popup-register-fail.fail-existing-email-point {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.fail-existing-email-point:after {
    content: '\f11a';
    font-family: Font Awesome\ 5 Free;
    margin-left: 6px;
    font-weight: 100;
}
.fail-existing-username-point:after {
    content: '\f4da';
    font-family: Font Awesome\ 5 Free;
    margin-left: 6px;
    font-weight: 100;
}
label.Button {
    display: none;
}
.hidden-form {
    display: none !important;
}
label.invalid {
    display: flex;
    align-items: center;
}
label.invalid span.form-control-feedback {
    margin-left: 6px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0px 16px;
    background: #ff0033;
    border-radius: 8px;
    color: #fff;
}
.invalid {
    border-color: #ff6f6f !important;
}
button.btn.btn-secondary.input-password-toggle {
    z-index: 1 !important;
}
joomla-alert {
    display: block;
    position: fixed;
    bottom: 4px;
    right: 4px;
    height: fit-content;
    padding: 0px;
    z-index: 9999;
    border-radius: 8px;
    min-width: 220px;
    width: 100%;
    max-width: 320px;
    min-height: 240px;
    margin: 0;
    background: #fff !important;
    animation: backInUp 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.notification-heading {
    font-size: 14px;
    padding: 16px 12px;
    background: #f8f8f8;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 8px 8px 0 0;
    color: #4f4f4f;
    font-weight: 600;
}
.notification-body {
    padding: 16px;
    font-size: 14px;
    color: #033;
    font-weight: 500;
}
ul.menu-profile-edit {
    margin-bottom: 0px;
    color: #003333;
}
ul.menu-profile-edit a {
    color: #fff !important;
    display: inline-block;
    font-size: 90%;
    white-space: nowrap;
}
ul.menu-profile-edit a:before {
    content: '\f007';
    font-family: Font Awesome\ 5 Free;
    margin-right: 10px;
}
li.item-347.active.menu-parent {
    position: relative;
    left: -35px;
}
.register-entry-container table.user-details .vm-chzn-select {
    width: 100% !important;
}
.register-entry-container label {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
    padding: 4px 0px;
}
.login-entry-footer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
    border-top: 4px solid #0771f;
    padding: 30px 140px 30px 140px;
}
span.login-entry-footer-promo-image {
    display: flex;
    width: 30%;
    justify-content: space-around;
}
span.login-entry-footer-description {
    width: 70%;
    display: flex;
    padding: 16px;
    font-size: 13px;
    color: #077;
    font-weight: 600;
}
main#sp-component .login input#username {
    border-radius: 20px;
    padding: 12px;
    color: #077 !important;
}
main#sp-component .login span.input-group-text {
    border-radius: 20px 0px 0 20px;
    padding: 12px;
}
main#sp-component .login button.btn.btn-secondary.input-password-toggle {
    border-radius: 0px 20px 20px 0px;
    padding: 12px;
}
main#sp-component .login label#username-lbl {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
    padding: 4px 0px;
    font-size: 14px;
}
main#sp-component .login label#password-lbl {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
    padding: 4px 0px;
    font-size: 14px;
}
main#sp-component .login label.form-check-label {
    font-size: 14px;
}
main#sp-component .login button.btn.btn-primary.btn-lg.w-100 {
    transition: all .15s ease-in-out;
    background: #077;
    color: #fff;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 20px;
}
main#sp-component .login button.btn.btn-primary.btn-lg.w-100:hover {
    background: #003333;
}
main#sp-component .login a.list-group-item {
    font-size: 12px;
    color: #0fa89d;
    padding: 0px;
    border: none;
}
main#sp-component .login .list-group {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
    margin-top: 12px;
    border-radius: 0.25rem;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 10px;
}
.logout-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.logout-success-header {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.login-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.login-success-header {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.account-success-header {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.generic-notification-popup.popup-login-success:after {
    content: '\f164';
    font-family: Font Awesome\ 5 Free;
    margin-left: 4px;
}
.logout-success-message {
    font-size: 14px;
    margin-top: 12px;
}
.account-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
span.account-success-message-spotter {
    font-size: 15px;
    margin-top: 12px;
}
.account-success-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
span.account-success-message-spotter-image {
    background: #cacaca;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 2px 3px 4px #919191;
}
span.account-success-message-spotter-image img {
    transform: translate3d(-5px, -2px, 0px);
}
.account-success-message-subtitle{
    margin-top: 20px;
}
.account-success-message-subtitle {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}
joomla-alert .joomla-alert--close {
    font-size: 2.0rem;
    padding: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
}
.notification-heading:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-size: 16px;
    animation: bounceIn 1s ease;
    display: inline-block;
}
label.invalid {
    background-color: transparent;
    position: relative;
}
table.adminForm.user-details input::placeholder {
    font-size: 12px;
    padding-left: 4px;
    color: #003333;
    opacity: 0.5;
    font-style: normal;
}
#sp-section-3 {
    padding: 10px;
}
.account-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.account-page-user-info {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    background: #efefef;
    border-radius: 0 0 40px 40px;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
span.account-page-avatar {
    display: block;
    border: 3px double #099;
    border-radius: 100%;
}
span.account-page-avatar img {
    border-radius: 100%;
}
.account-page-user-avatar {
    width: 85px;
    display: flex;
    margin: 0px 16px;
    position: relative;
    cursor: pointer;
}
.account-page-details {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: flex-start;
    justify-content: center;
    line-height: 20px;
}
span.account-page-username {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
}
span.account-page-member-since {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #077;
}
span.account-page-spotter-level {
    font-size: 16px;
    letter-spacing: -0.3px;
    color: #066;
    font-weight: 600;
}
.account-page-user-summary {
    display: flex;
    justify-content: flex-end;
    width: 40%;
}
.account-page-user-orders {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 3px solid #0770f;
    padding: 6px;
    width: 100px;
    cursor: pointer;
}
.account-page-user-orders:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 22px;
    color: #077;
}
span.account-page-user-orders-header {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #077;
}
span.account-page-user-orders-number {
    overflow: hidden;
    font-size: 23px;
    font-weight: 600;
    padding: 2px;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    color: #055;
}
.account-page-user-wishlist {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px;
    width: 100px;
    cursor: pointer;
}
.account-page-user-wishlist:before {
    content: '\f004';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 22px;
    color: #077;
}
.account-page-header {
    display: flex;
    width: 100%;
    justify-content: center;
    background: #efefef;
    border-radius: 0 0 60px 60px;
    padding: 8px 30px;
    flex-direction: column;
}
span.account-your-account {
    font-size: 20px;
    color: #003333;
    letter-spacing: -0.7px;
    font-weight: 500;
}
span.account-your-account-subtitle:after {
    content: "\f4da";
    font-family: 'Font Awesome 5 Free';
    margin-left: 4px;
}
.account-page-header-section {
    display: flex;
    width: 100%;
    justify-content: center;
    background: #ecf0f0;
    padding: 2px 12px;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 20px 20px 0 0;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
span.account-your-account-subtitle {
    font-size: 12px;
    color: #077;
    margin-left: 20px;
}
.account-page-logout .logout-button {
    font-size: 12px;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}
span.log-out-icon:before {
    content: '\f204';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
    color: #077;
}
span.log-out-icon.clicked:before {
    content: '\f205';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #077;
}
.account-page-logout {
    width: 0px;
    position: relative;
    right: 75px;
    top: 5px;
}
ul.menu-profile-edit {
    padding-left: 0px;
}
.chosen-container .chosen-results li {
    display: none;
    background: #fff !important;
    color: #055;
    padding: 8px;
    margin-top: 6px;
}
input.chosen-search-input {
    border-radius: 20px !important;
    height: 35px !important;
    background: url(chosen-sprite.png) no-repeat 100% -18px !important;
}
div#ui-tabs {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
}
ul#tabs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 22%;
    gap: 4px;
}
#ui-tabs .dyn-tabs {
    width: 78%;
}
.account-products-section-content {
    width: 100%;
}
#ui-tabs ul#tabs li {
    color: #033;
    padding: 12px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0 30px 30px 0;
    border: 1px solid #eaeaea;
    background: #ecf0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ui-tabs ul#tabs li.current {
    background: #077;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
#ui-tabs ul#tabs li:hover {
    background: #f9f9f9;
    border-radius: 0 16px 16px 0;
    transition: all 0.3s ease-in-out;
}
#ui-tabs ul#tabs li.current:hover {
    background: #f9f9f9;
    border-radius: 0 16px 16px 0px;
    transition: all 0.3s ease;
    color: #003333;
}
#ui-tabs ul#tabs li.current {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tab-subtitle {
    display: none;
}
.order-details-section-header-title,
.account-details-tab-header-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #077;
}
.account-details-tab-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
}
.order-details-section-header-container {
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
}
.order-section-order-date-modified,
.order-section-order-date-created {
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    gap: 4px;
    color: #878787;
    padding: 2px;
    align-items: center;
}
.order-section-order-info-header-dates-container {
    display: flex;
    gap: 0px;
    position: absolute;
    top: 8px;
    right: 4px;
    flex-direction: column;
    align-items: flex-end;
}
.order.details-section-header-subtitle,
.account-details-tab-subtitle {
    font-size: 12px;
    margin-left: 24px;
    color: #7b7b7b;
}
.order-details-print-icon {
    position: absolute;
    top: 50px;
    right: 4px;
}
.account-details-section-buttons,
.account-products-section-buttons,
.account-order-section-buttons {
    display: flex;
    justify-content: flex-start;
    padding: 8px 16px;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
}
.account-details-section-buttons::-webkit-scrollbar,
.account-products-section-buttons::-webkit-scrollbar,
.account-order-section-buttons::-webkit-scrollbar, {
    height: 12px;
}
.account-details-section-buttons::-webkit-scrollbar-thumb,
.account-products-section-buttons::-webkit-scrollbar-thumb,
.account-order-section-buttons::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.account-details-button {
    display: block;
    cursor: pointer;
    font-size: 12px;
    padding: 8px 16px;
    width: 100%;
    color: #003333;
    text-align: center;
    font-weight: 500;
}
.account-products-section-button {
    flex: 0 0 auto;
    margin-right: 10px;
}
.account-products-section-button-2 {
    flex: 0 0 auto;
    margin-right: 10px;
}
.arrow-button-left-2 {
    position: relative;
    left: -12px;
}
.arrow-button-right-2 {
    position: relative;
    right: -12px;
}
.arrow-button-left {
    position: absolute;
    top: 0;
    left: 0px;    
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
}
.arrow-button-right {
    position: absolute;
    top: 0;
    right: 0;   
    height: 100%; 
    display: flex;
    align-items: center;
    z-index: 1;
}
.arrow-button {
    cursor: pointer;
    font-size: 20px;
    margin: 0 8px;
    text-align: center;
}
.arrow-button2 {
    cursor: pointer;
}
.account-products-section-header-container {
    position: relative;
}
.account-product-button-title {
    display: block;
    cursor: pointer;
    font-size: 12px;
    padding: 8px 16px;
    width: 100%;
    color: #003333;
    text-align: center;
    font-weight: 500;
}
.account-details-section-buttons > div.user-account-button-active,
.account-products-section-buttons > div.user-account-button-active > span,
.account-order-section-buttons > div.user-account-button-active > span {
    font-weight: 700;
    border-bottom: 2px solid #077;
}
.account-details-section-header {
    position: relative;
    background: #fff;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
.account-products-content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
}
span.account-products-content-description {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
}
span.account-products-content-subtitle {
    font-size: 11px;
    margin-left: 8px;
    color: #055;
}
.account-products-section-header {
    position: relative;
    background: #fff;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
.account-details-section table.adminForm.user-details {
    width: 100%;
}
.account-details-section table.adminForm.user-details tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 4px 16px;
}
.account-details-section input {
    font-size: 14px !important;
    text-indent: 4px;
    font-weight: 600;
    color: #003333;
}
.account-details-submenu-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 8px;
}
.account-details-section table.adminForm.user-details tr {
    display: flex;
    flex-direction: column;
    width: 48%;
}
.account-details-header {
    position: relative;
}
.account-details-existing-addresses-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
.account-details-address.main-address:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.account-details-address.main-address {
    background: #003333;
    color: #fff;
}
.account-details-address.main-address:hover {
    background: #003333 !important;
    color: #fff !important;   
}
.account-details-addresses-header {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
    padding: 0px 16px;
}
.account-details-address {
    display: block;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    width: 100%;
    border-radius: 12px;
    color: #003333;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}
.account-details-address a {
    color: #003333;
}
.account-details-address:hover,
.account-details-address a:hover {
    background: #003333;
    color: #fff;
    transition: 0.5s all ease-in-out;
}
span.account-details-header-add-new-title,
span.account-details-header-edit-address-title,
span.account-details-header-add-new-subtitle,
span.account-details-header-edit-address-subtitle {
    display: none;
}
span.account-details-header-edit-title:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
li#li-1 .tab-title:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
li#li-2 .tab-title:before {
    content: '\f15c';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
li#li-3 .tab-title:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
li#li-4 .tab-title:before {
    content: '\f06b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.order-details-section-header-title:before,
span.account-details-header-edit-title.order-section-header:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
span.account-details-header-edit-title.reviews-section-header:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    margin-right: 6px;
    font-weight: 100;
}
ul#tabs li:after {
    content: '\f0da';
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
li#li-5 .tab-title:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 8px;
}
span.account-details-header-add-new-title:before {
    content: '\f234';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
span.account-details-header-edit-address-title:before {
    content: '\f4ff';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
.user-addresses-in-account-address-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-left: 12px;
    align-items: center;
    color: #055;
}
.user-addresses-in-account-address-zip {
    font-weight: 500;
    letter-spacing: -0.3px;
    margin-left: 4px;
}
.user-addresses-in-account-address-container:before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
.user-addresses-in-account:before {
    content: '\f2bb';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    color: #099;
    margin-right: 6px;
}
.account-details-address.extra-address:before {
    content: '\e066';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #099;
    margin-right: 8px;
}
.user-addresses-in-account-address-delete:before {
    content: '\f55a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #d12424;
    margin-right: 4px;
}
.user-addresses-in-account {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 8px;
}
div#tab-1.addST {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    overflow: auto;
    transform: translate(-50%, -50%);
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 0 9000px #00000042;
    border-radius: 20px;
    border: 1px solid #bbbbbb;
    padding: 16px !important;
}
.user-addresses-in-account-address-delete {
    margin-left: 4px;
    padding: 4px 10px;
    border: 1px solid #ebebeb;
    border-radius: 16px;
    color: #d12424;
    font-size: 12px;
}
span.account-details-header-subtitle-selected-address {
    font-weight: 600;
    letter-spacing: -0.4px;
}
div#users-profile-core .me-auto {
    width: 100%;
    font-size: 16px;
    font-weight: 200;
    color: #003333;
}
div#users-profile-core .d-flex.mb-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overlay-password {
    background: #e1e1e1;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.overlay-password-logo {
    position: absolute;
    width: 142px;
    height: 80px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0px;
    background: url(/images/spott-loader/spott-logo-bounce-80.gif) no-repeat;
    background-size: 70%;
}
.account-details-address.edit-email-password:before {
    content: '\f502';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.change-email-pwd-header-menu:before,
.change-email-pwd-header:before {
    content: '\f023';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 4px;
}
.account-details-short-description.change-email-pwd-header-menu {
    background: #ecf0f0;
    border-radius: 8px;
    height: 54px;
    overflow: hidden;
    padding: 12px;
    border: 1px solid #d5d4d4;
}
.account-details-short-description {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
    padding: 0px 8px;
}
.account-details-change-email-pwd-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.account-details-change-email-pwd-subtitle-with-bott {
    display: flex;
    padding: 24px;
    flex-wrap: wrap;
}
.account-details-change-email-pwd-bott {
    width: 30%;
    padding: 20px;
}
.account-details-change-email-pwd-subtitle-button {
    display: flex;
    width: 70%;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.account-details-short-description-subtitle {
    font-size: 12px;
    color: #055;
    padding: 0px 8px;
}
div#content-other-addresses {
    min-height: 400px;
}
.account-details-extra-addresses-container {
    display: flex;
    flex-direction: column;
}
.email-pwd-subtitle:before {
    content: '\f084';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
.account-details-change-email-pwd-button {
    overflow: hidden;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 8px 16px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    border: 1px solid #b7b7b7;
    width: 180px;
    text-align: center;
    color: #fff;
    background: #077;
    animation: 3s pulse ease infinite;
}
.account-details-change-email-pwd-button:hover {
    background: #003333;
    color: #fff;
}
.account-details-change-email-pwd-button:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
}
.account-details-change-email-password {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
.account-details-short-description.your-main-address:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 4px;
}
.account-details-short-description.existing-addresses-header:before {
    content: '\e066';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 4px;
}
.account-details-member .chosen-drop {
    position: absolute;
    bottom: 30px;
    top: revert !important;
}
li.active-result.highlighted {
    background: #055 !important;
}
.no-extra-address-found:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
.account-details-change-email-pwd-button a {
    color: #fff;
}
.account-details-short-description-subtitle.no-extra-address-found-add {
    border: 1px solid #d5d5d5;
    text-align: center;
    border-radius: 34px;
    margin-left: 6px;
    cursor: pointer;
    padding: 8px 16px;
    width: 200px;
    margin: 8px auto;
    font-weight: 600;
}
.account-details-short-description-subtitle.no-extra-address-found-add:before {
    content: '\2b';
    font-family: 'Font Awesome 5 Free';
    margin-right: 6px;
}
.account-details-short-description-subtitle.no-extra-address-found {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.row.mb-3.main-pwd-email-edit-section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.account-details-existing-address {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    gap: 8px;
}
.user-address-in-account-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    background: #fbfbfb;
    border-radius: 12px;
    border: 1px solid #bbbbbb;
}
div#username {
    order: 0;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
div#email1 {
    order: 1;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
div#password1 {
    order: 2;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
div#password2 {
    order: 3;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
    z-index: 1;
}
div#password3 {
    display: none;
    order: 4;
    opacity: 0;
    max-height: 0;
    padding: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
.visible {
    opacity: 1 !important;
    max-height: 1000px !important;
}
.account-details-old-password-explainer {
    font-size: 14px;
    margin-top: 2px;
    color: #077;
    padding: 8px;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;  
}
.mb-3.con-pwd-email-edit-section {
    font-weight: 600;
    color: #003333;
    padding: 8px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.form-control {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1;
    color: #033;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
    box-shadow: none;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}
.password-group:focus-within {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.main-pwd-email-edit-section .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}
.password-group {
    border-radius: 8px;
}
span.input-group-text {
    border-radius: 8px 0px 0 8px;
    padding: 8px;
    font-size: 14px;
}
button.btn.btn-secondary.input-password-toggle {
    border-radius: 0px 8px 8px 0px;
    padding: 8px;
    font-size: 14px;
}
button.btn.btn-primary {
    transition: all .15s ease-in-out;
    background: #033;
    color: #fff;
    padding: 8px 16px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    min-width: 140px;
    line-height: unset;
}
button.btn.btn-primary.validate:hover {
    background: #077;
}
a.btn.btn-secondary {
    transition: all .15s ease-in-out;
    background: #939393;
    color: #fff;
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 16px;
    line-height: unset;
}
a.btn.btn-secondary:hover {
    background: #696969;
}
.mb-3.change-password-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    order: 1;
    opacity: 0;
    max-height: 0;
    transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
form#member-profile {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    outline: 0px solid #d7d7d7;
    transition: all 0.3s ease-in-out;
}
#member-profile.visible {
    background: #fdfdfd;
    margin: 16px;
    padding: 8px;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin-top: -8px;
    border-top: 1px solid #dcdcdc69;
}
fieldset.email-and-password-fieldset {
    order: 0;
    position: relative;
}
fieldset.social-fieldset {
    order: 2;
}
fieldset#fieldset-1 {
    display: none;
}
fieldset#social-fieldset-0 {
    display: none;
}
.social-media-connect:before {
    content: '\f164';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    color: #099;
    margin-right: 10px;
}
.social-media-connect {
    font-size: 14px;
    color: #003333;
    padding: 6px 2px;
    width: 100%;
    margin-top: 24px;
    text-align: left;
    font-weight: 100;
    transition: 0.5s all ease-in-out;
    border-top: 2px solid #e3e3e3;
    border-radius: 0px;
    padding-top: 24px;
}
.row.mb-3-social-media {
    display: flex;
}
.col-lg-6-social {
    display: flex;
    padding: 4px;
    justify-content: center;
}
.col-sm.p-1 svg {
    display: none;
}
.akeeba-sociallogin-linkunlink-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    font-size: 0px;
    gap: 6px;
}
.akeeba-sociallogin-linkunlink-buttons.row.row-cols-sm-2.row-cols-md-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.col-sm.p-1 {
    width: 50px;
    height: 50px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-apple {
    background: url(https://spott.gr/images/social-login/apple-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-discord.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/discord-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-facebook.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/facebook-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-google.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/google-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-microsoft.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/microsoft-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-spotify.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/spotify-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-spotify.hasTooltip.w-100 img {
    display: none;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-twitch.hasTooltip.w-100 {
    background: url(https://spott.gr/images/social-login/twitch-logo.png) center no-repeat;
    background-size: 30px;
    padding: 16px;
}
a.btn.btn-default.akeeba-sociallogin-linkunlink-button.akeeba-sociallogin-link-button.akeeba-sociallogin-link-button-twitch.hasTooltip.w-100 img {
    display: none;
}
label#jform_sociallogin_sociallogin-lbl {
    display: none;
}
div#social-item-3 {
    order: 0;
}
div#social-item-2 {
    order: 1;
}
div#social-item-0 {
    order: 2;
}
div#social-item-4 {
    order: 3;
}
div#social-item-1 {
    order: 4;
}
div#social-item-5 {
    order: 5;
}
div#social-item-6 {
    order: 6;
}
.account-details-change-email-password-buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    width: 100%;
}
button.button-email-change-only {
    display: block;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #d9d9d9;
    width: 180px;
    border-radius: 8px;
    color: #003333;
    font-weight: 600;
    text-align: center;
    transition: 0.2s all ease-in-out;
    background: #fdfdfd;
}
button.button-email-change-only:hover {
    background: #003333;
    color: #fff;
}
button.button-email-change-only:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
button.button-password-change-only {
    display: block;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 16px;
    border: 1px solid #d9d9d9;
    width: 180px;
    border-radius: 8px;
    color: #003333;
    font-weight: 600;
    text-align: center;
    transition: 0.2s all ease-in-out;
    background: #fdfdfd;
}
button.button-password-change-only:hover {
    background: #003333;
    color: #fff;
}
button.button-password-change-only:before {
    content: '\f084';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.account-details-change-email-password-menu-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 16px;
    margin: 16px;
    margin-bottom: 0;
    border-radius: 8px;
}
#member-profile .visible {
    pointer-events: all;
}
#member-profile {
    pointer-events: none;
}
.account-details-change-email-password-menu-subtitle {
    font-size: 18px;
    color: #033;
    padding: 8px;
    font-weight: 600;
}
label[for="jform_password3"] {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
    padding: 4px 0px;
    font-size: 14px;
}
.account-details-old-password-field {
    padding: 16px;
    text-align: center;
}
input#jform_password3 {
    border-radius: 24px;
    padding: 8px;
}
div#popup-modal-correct-password {
    display: none !important;
    background: #fff;
    width: 200px;
    height: 70px;
    position: fixed;
    top: 310px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    border-radius: 10px;
    padding: 20px;
    border: 3px solid #e7e7e7;
}
span.account-details-orders-products-single-product-img {
    width: 70px;
    display: block;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid #dfdfdf;
    background: #fff;
}
span.account-details-orders-products-single-product-img-value img {
    border-radius: 100px;
}
.account-details-orders-products-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
    margin-bottom: 8px;
    position: relative;
}
.account-details-orders-products-single-product {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4px;
}
span.account-details-orders-products-single-product-quantity-value {
    position: absolute;
    top: 8px;
    right: 6px;
    background: #003333;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
    color: #fff;
}
span.account-details-orders-products-single-product-price-value {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translatex(-50%);
    background: #00333385;
    width: fit-content;
    height: 18px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    padding: 0px 6px;
    text-shadow: 1px 1px 1px #00000052;
}
.account-details-orders-container {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 16px;
    margin-bottom: 4px;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.account-details-orders-single-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32.333%;
    min-width: 220px;
    border: 1px solid #fdfdfd;
    border-radius: 20px;
    margin-bottom: 32px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.account-details-orders-order-id {
    font-size: 14px;
    width: 100%;
    padding: 8px 8px 0px 8px;
    color: #003333;
    position: relative;
}
.account-details-orders-order-summary-sub-title {
    display: flex;
    width: 100%;
}
.account-details-orders-order-summary-icon-section {
    width: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.account-details-orders-order-summary-icon-U:before {
    content: '\f252';
    font-family: 'Font Awesome 5 Free';
    color: #055;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: -50px;
    left: 20px;
}
.account-details-orders-order-summary-icon-C:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    color: #055;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: -50px;
    left: 20px;
}
.account-details-orders-order-summary-info-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 80%;
}
.account-details-orders-order-id a {
    color: #099;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.account-details-orders-order-id a:hover {
    color: #003333;
}
.account-details-orders-order-id:before {
    color: #099;
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 16px;
    padding: 6px;
    position: relative;
    left: -6px;
}
.account-details-orders-order-id:after {
    content: '\f35d';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #099;
    margin-left: 10px;
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 8px;
}
.account-details-orders-order-info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 4px 4px 6px 4px;
    background: #ecf0f0;
    border-radius: 20px 20px 0 0;
}
.account-details-orders-order-date {
    font-size: 11px;
    color: #055;
    width: 100%;
    margin-top: 0px;
    margin-left: 66px;
}
.account-details-orders-products-header {
    width: 100%;
    font-size: 12px;
    padding: 6px 8px;
    color: #efefef;
    background: #9f9f9f;
    margin-bottom: 4px;
}
a.account-details-orders-products-single-product-link {
    padding: 6px;
}
.account-details-orders-order-summary-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    background: #ecf0f0;
    border-radius: 0 0 20px 20px;
    margin-top: auto;
}
.account-details-orders-order-summary-price-title,
.account-details-orders-order-summary-status-title,
.account-details-orders-order-summary-shipment-title,
.account-details-orders-order-summary-payment-title,
.account-details-orders-order-ship-date-description {
    font-size: 10px;
    color: #003333;
    font-weight: 600;
}
.account-details-orders-order-total,
.account-details-orders-order-summary-status-value {
    font-size: 12px;
    padding: 0px 4px;
    color: #077;
    font-weight: 500;
}
.account-details-orders-order-total {
    font-weight: 600;
}
.account-details-orders-order-summary-status {
    width: 100%;
    padding: 6px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.account-details-orders-order-summary-price {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.account-details-orders-order-summary-price-title {
    font-size: 12px;
}
.account-details-orders-order-summary-ship-info,
.account-details-orders-order-summary-shipment {
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #c3c3c3;
}
.account-details-orders-order-summary-payment {
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #c3c3c3;
    border-radius: 20px;
}
.account-details-orders-products-ordered {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #e5e5e5 transparent;
    padding: 4px 8px;
}
.scroll-left {
    position: absolute;
    top: 64px;
    left: -12px;
    width: 24px;
    height: 40px;
    text-align: center;
    display: flex;
    background: #fff;
    color: #077;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7c7c7;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
}
.scroll-right {
    position: absolute;
    top: 64px;
    right: -10px;
    width: 24px;
    height: 40px;
    text-align: center;
    display: flex;
    background: #fff;
    color: #077;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7c7c7;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
}
.user-menu main#sp-component {
    padding: 6px;
    border-radius: 20px;
}
#ui-tabs .tabs {
    margin-top: 8px;
    padding: 0 14px !important;
}
#ui-tabs ul#tabs {
    padding: 0 4px;
    margin-top: 14px;
    margin-right: 8px;
    position: relative;
}
.user-menu tr.invoicecheckbox {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    padding: 12px !important;
}
tr.invoicecheckbox td.key {
    width: fit-content !important;
    font-size: 16px;
}
tr.invoicecheckbox input#invoicecheckbox_field {
    width: 24px;
    height: 24px;
    cursor: pointer;
    outline: 1px solid #bfbfbf;
}
span.but-its-invoice:before {
    content: '\f15c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 6px;
}
label.invoicecheckbox {
    font-weight: 600;
    letter-spacing: -0.7px;
}
.account-details-orders-order-summary-icon-S:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    color: #d3d3d3;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    left: 16px;
    animation: 1s shakeCar infinite;
}
.account-details-orders-over-one-year,
.account-details-orders-last-year,
.account-details-orders-six-month,
.account-details-orders-recent {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.remove-background {
    background: transparent;
    border: 0px solid #eaeaea;
}
.account-details-orders-date-groupping-container {
    overflow: hidden;
    padding: 16px;
    width: 100%;
    position: relative;
}
.account-details-orders-main-groupped-orders-container {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px;
    max-height: 9000px;
    overflow: scroll;
    scrollbar-width: none;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
    opacity: 1;
}
.account-details-orders-horizontal-seperator {
    border: 1px solid #e9e9e9;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}
.account-details-orders-date-groupping-header {
    font-size: 16px;
    font-weight: 600;
    color: #003333;
}
.account-details-orders-date-groupping-subtitle {
    font-size: 12px;
    margin-left: 24px;
    color: #077;
}
.account-details-orders-recent .account-details-orders-date-groupping-header:before {
    content: '\f885';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
}
.account-details-orders-last-year .account-details-orders-date-groupping-header:before {
    content: '\f274';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    font-weight: 100;
    font-size: 14px;
    margin-right: 8px;
}
.order-has-status-S .account-details-orders-order-info-container {
    background: #055;
}
.order-has-status-S .account-details-orders-order-id {
    color: #ffffff;
}
.order-has-status-S .account-details-orders-order-id a {
    color: #00e3e3;
}
.order-has-status-S .account-details-orders-order-total,
.order-has-status-S .account-details-orders-order-summary-status-value {
    color: #e7e7e7;
}
.order-has-status-S .account-details-orders-order-date {
    color: #cdcdcd;
}
.order-has-status-S .account-details-orders-products-header {
    background: #077;
}
.order-has-status-S .account-details-orders-order-summary-container {
    background: #077;
}
.order-has-status-S .account-details-orders-order-summary-price-title, 
.order-has-status-S .account-details-orders-order-summary-status-title, 
.order-has-status-S .account-details-orders-order-summary-shipment-title, 
.order-has-status-S .account-details-orders-order-summary-payment-title, 
.order-has-status-S .account-details-orders-order-ship-date-description {
    color: #d3d3d3;
}

.account-details-orders-single-item.order-has-status-R,
.account-details-orders-single-item.order-has-status-X {
    opacity: 0.7;
}
.order-has-status-R .account-details-orders-order-info-container,
.order-has-status-X .account-details-orders-order-info-container {
    background: #d51e08;
}
.order-has-status-R .account-details-orders-order-id,
.order-has-status-X .account-details-orders-order-id {
    color: #ffffff;
}
.order-has-status-R .account-details-orders-order-id:before,
.order-has-status-X .account-details-orders-order-id:before {
    color: #d9d9d9;
    content: '\f00d';
}
.order-has-status-R .account-details-orders-order-id,
.order-has-status-X .account-details-orders-order-id {
    color: #f5f5f5;
}
.order-has-status-R .account-details-orders-order-id:hover,
.order-has-status-X .account-details-orders-order-id:hover {
    color: #ffa2a2;
}
.order-has-status-R .account-details-orders-order-id:after,
.order-has-status-X .account-details-orders-order-id:after {
    color: #fff;
}
.order-has-status-R .account-details-orders-order-total, 
.order-has-status-R .account-details-orders-order-summary-status-value,
.order-has-status-X .account-details-orders-order-total, 
.order-has-status-X .account-details-orders-order-summary-status-value {
    color: #f7f7f7;
}
.order-has-status-R .account-details-orders-order-date,
.order-has-status-X .account-details-orders-order-date {
    color: #f9f9f9;
}
.order-has-status-R .account-details-orders-products-header,
.order-has-status-X .account-details-orders-products-header {
    background: #ff0033;
}
.order-has-status-R .account-details-orders-order-summary-container,
.order-has-status-X .account-details-orders-order-summary-container {
    background: #ff0033;
}
.order-has-status-R .account-details-orders-order-summary-price-title, 
.order-has-status-R .account-details-orders-order-summary-status-title, 
.order-has-status-R .account-details-orders-order-summary-shipment-title, 
.order-has-status-R .account-details-orders-order-summary-payment-title, 
.order-has-status-R .account-details-orders-order-ship-date-description,
.order-has-status-X .account-details-orders-order-summary-price-title, 
.order-has-status-X .account-details-orders-order-summary-status-title, 
.order-has-status-X .account-details-orders-order-summary-shipment-title, 
.order-has-status-X .account-details-orders-order-summary-payment-title, 
.order-has-status-X .account-details-orders-order-ship-date-description {
    color: #ffffff;
}
.order-has-status-Rspan.account-details-orders-products-single-product-quantity-value,
.order-has-status-X span.account-details-orders-products-single-product-quantity-value {
    background: #cf0000;
}
.order-has-status-R span.account-details-orders-products-single-product-price-value,
.order-has-status-X span.account-details-orders-products-single-product-price-value {
    background: #ab000085;
}
.order-has-status-R .account-details-orders-order-summary-icon-X:before,
.order-has-status-X .account-details-orders-order-summary-icon-X:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    color: #c11400;
    font-weight: 600;
    font-size: 160px;
    margin-right: 8px;
    position: absolute;
    opacity: 0.3;
    top: 134px;
    left: 60px;
    z-index: 1;
}
.account-details-orders-over-one-year .account-details-orders-date-groupping-header:before {
    content: '\f271';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    font-weight: 100;
    font-size: 14px;
    margin-right: 8px;
}
.account-details-orders-six-month .account-details-orders-date-groupping-header:before {
    content: '\f274';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    font-weight: 100;
    font-size: 14px;
    margin-right: 8px;
}
.order-section-history-icons-explainer-button:before {
    content: '\f05a';
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    color: #099;
    cursor: pointer;
    position: relative;
    top: 2px;
}
.order-section-history-icons-explainer-container {
    position: relative;
    margin-left: auto;
}
.history-icon-container {
    display: flex;
    gap: 4px;
    align-items: flex-start;
}
.order-status-explainer-btn {
    position: absolute;
    top: -4px;
    left: -260px;
    width: 280px;
    background: #fff;
    padding: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;
    color: #077;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.order-section-history-order-check-ok {
    width: 240px;
    font-weight: 500;
    font-size: 14px;
    color: #033;
    position: relative;
}
.order-section-history-icons-pending.history-icon-container:before {
    content: '\f1da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.order-section-history-icons-explainer-line:before {
    content: '';
    height: 50px;
    width: 4px;
    border: 2px solid #099;
    background: #099;
    display: block;
    border-radius: 10px;
    margin-left: 6px;
}
.order-section-history-icons-received.history-icon-container:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.slide-order-status {
    max-height: 46px !important;
    overflow: hidden !important;
    opacity: 0.3 !important;
    border: 1px solid #c1c1c1 !important;
    padding: 8px !important;
    transition: all 0.3s ease-in-out;
}
.order-section-history-icons-paid.history-icon-container:before {
    content: '\f09d';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    margin-right: 8px;
}
.order-section-history-icons-confirmed.history-icon-container:before {
    content: '\f085';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.order-section-history-icons-shipped.history-icon-container:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.order-section-history-icons-completed.history-icon-container:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.order-section-history-container {
    display: flex;
    flex-direction: column;
    margin: 0 8px;
    min-width: 260px;
    width: 340px;
    background: #efefef;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.order-section-order-customer-details-container .order-section-order-history-more-info {
    justify-content: space-between;
    max-height: 800px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.8s ease-in-out, padding 0.5s ease-in-out;
}
.order-section-history-icons-main {
    display: flex;
    padding: 16px;
    min-width: 300px;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #f9f9f9;
    max-height: 600px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.8s ease-in-out, padding 0.5s ease-in-out;
    flex-direction: column;
    justify-content: flex-start;
}
.order-section-history-icons-completed.history-icon-container {
    margin-bottom: 16px;
}
.order-section-history-icons-explainer-line-inactive:before {
    content: '';
    height: 50px;
    width: 4px;
    border: 1px solid #d5d5d5;
    display: block;
    border-radius: 10px;
    margin-left: 6px;
}
.history-icon-container:before {
    width: 30px;
}
.order-section-history-icons-confirmed-inactive.history-icon-container:before {
    content: '\f085';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #e7e7e7;
    margin-right: 8px;
}
.order-section-history-order-inactive {
    width: 200px;
    font-size: 14px;
    color: #d5d5d5;
}
.order-section-history-icons-shipped-inactive.history-icon-container:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #e7e7e7;
    margin-right: 8px;
}
.order-section-history-icons-completed-inactive.history-icon-container:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #e7e7e7;
    margin-right: 8px;
}
.order-section-history-icons-refunded.history-icon-container:before {
    content: '\f2ea';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    margin-right: 8px;
}
.order-section-history-icons-canceled.history-icon-container:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    margin-right: 8px;
}
.order-section-history-icons-canceled.history-icon-container {
    margin-bottom: 16px;
}
.order-section-history-icons-refunded.history-icon-container {
    margin-bottom: 16px;
}
.order-section-history-order-check-ok:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-left: 4px;
    font-size: 10px;
    position: relative;
    top: -2px;
}
.order-not-valid .order-section-history-order-check-ok:after,
.order-section-history-icons-not-paid.history-icon-container .order-section-history-order-check-ok:after,
.order-section-history-icons-refunded.history-icon-container .order-section-history-order-check-ok:after,
.order-section-history-icons-canceled.history-icon-container .order-section-history-order-check-ok:after,
.order-section-history-icons-pending-container .order-section-history-order-check-ok:after {
    content: '';
}

.order-section-history-icons-paid-inactive.history-icon-container:before {
    content: '\f09d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #e7e7e7;
    margin-right: 8px;
}
.order-not-valid .order-section-history-icons-explainer-line:before {
    content: '';
    height: 41px;
    width: 4px;
    border: 2px solid #ff0033;
    background: #ff0033;
    display: block;
    border-radius: 10px;
    margin-left: 6px;
}
.history-status-X.order-section-history-icons-explainer-line:before,
.history-status-R.order-section-history-icons-explainer-line:before {
    content: '';
    height: 41px;
    width: 4px;
    border: 2px solid #ff0033;
    background: #ff0033;
    display: block;
    border-radius: 10px;
    margin-left: 6px;
}
.order-not-valid .order-section-history-icons-pending:before,
.order-not-valid .order-section-history-icons-paid:before {
    content: '\f09d';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    margin-right: 8px;
}
.order-not-valid .order-section-history-icons-explainer-button:before {
    content: '\f05a';
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    color: #ff0033;
}
.order-not-valid .order-section-history-icons-received.history-icon-container:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    margin-right: 8px;
}
.order-section-history-icons-not-paid.history-icon-container,
.order-not-valid .order-current-status {
    font-weight: 600;
    color: #c70000;
    position: relative;
}
.order-not-valid .order-section-history-order-check-ok {
    width: 100%;
    font-size: 14px;
    color: #cf8282;
    position: relative;
}
.order-section-history-order-check-invalid {
    width: 100%;
    font-size: 14px;
    color: #ff0033;
    position: relative;
}
.order-section-history-icons-not-paid-container .order-section-history-icons-explainer-button:before {
    content: '\f05a';
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    color: #dd0000;
}
.order-section-history-icons-not-paid.history-icon-container:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    margin-right: 8px;
    font-size: 18px;
}
.order-section-history-icons-not-paid.history-icon-container {
    font-size: 14px;
}
.order-section-history-icons-pending.order-status-explainer-btn,
.order-section-history-icons-confirmed.order-status-explainer-btn,
.order-section-history-icons-received.order-status-explainer-btn,
.order-section-history-icons-confirmed.order-status-explainer-btn,
.order-section-history-icons-canceled.order-status-explainer-btn,
.order-section-history-icons-refunded.order-status-explainer-btn,
.order-section-history-icons-shipped.order-status-explainer-btn,
.order-section-history-icons-paid.order-status-explainer-btn,
.order-section-history-icons-not-paid.order-status-explainer-btn,
.order-section-order-customer-note-message {
    margin-left: -900px;
    opacity: 0;
    visibility: hidden;
}
.order-section-order-customer-note-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-width: 280px;
    max-width: 575px;
    background: #ffffff;
    padding: 16px;
    border: 1px solid #c3c3c3;
    border-radius: 16px;
    color: #077;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px, 0 0 0 9000px #0000004a;
}
.order-section-order-customer-note-form {
    width: 100%;
    min-width: 260px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}
span#AddCommentButton {
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    color: #003333;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
span#AddCommentButton:hover {
    background: #077;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.order-section-order-help-form {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-shrink: 0;
    border-style: solid;
    border-width: 0px;
    min-height: 0px;
    min-width: 0px;
    inset: 0px;
    background-color: #000;
    width: 100vw;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.rapid_contact_ex.rapid_contact_ex_explanatory_text p {
    margin-bottom: 0;
}
.slide-in {
    margin-left: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.3s ease-in-out;
}
.order-section-order-help-form.slide-in-no-ani {
    z-index: 999;
    background-color: #0000006b;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, background-color 0.5s ease-in-out;
    overflow: scroll;
    scrollbar-width: none;
}
.slide-down {
    max-height: 500px !important;
    opacity: 1 !important;
    animation: bounceorderY 1s ease-in-out; 
}
.order-section-order-help-proceed-btn {
    width: 100%;
    text-align: center;
    margin-top: 22px;
}
.order-explainer-close-button:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 16px;
    color: #033;
    font-weight: 600;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
}
.order-explainer-order-customer-message-title {
    font-weight: 600;
    color: #033;
    padding: 8px;
}
.order-section-order-help-message-close-btn:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
}
.order-section-history-toggler {
    font-size: 14px;
    color: #003333;
    width: 100%;
    text-align: left;
    padding: 4px 16px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: -0.9px;
}
.order-section-history-toggler:before {
    content: '\f0ae';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #003333;
    margin-right: 8px;
}
.modal-content-correct-password {
    display: flex;
}
.modal-content-correct-password span.close {
    position: absolute;
    right: 14px;
    top: 0;
    font-size: 50px;
    color: #077;
}
.order-section-order-status-container {
    display: flex;
    flex-wrap: wrap;
}
.order-section-order-history-more-info {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    background: #f9f9f9;
    border-radius: 0 0 20px 20px;
    border: 1px solid #d5d4d4;
    width: 100%;
    justify-content: center;
}
.order-section-order-history-more-info-elements {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
    flex-direction: column;
}
.order-section-order-payment-method-header,
.order-section-order-shipping-method-header,
.order-section-order-shipping-number-header,
.order-section-order-info-header {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    align-items: baseline;
    width: 100%;
}
.order-section-order-shipping-method-content span.vmCartPaymentLogo,
.order-section-order-payment-method-content span.vmCartPaymentLogo {
    display: none;
}
.order-section-order-shipping-method-content,
.order-section-order-payment-method-content,
.order-section-order-info-content,
.order-section-order-shipping-number-content,
.order-section-order-customer-info-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 2px;
    color: #003333;
    font-size: 14px;
    text-align: right;
    font-weight: 600;
}
.order-section-order-info-title {
    font-size: 12px;
    color: #044;
    padding: 4px;
    text-align: left;
}
a.show-shop-details {
    width: 100%;
    display: block;
    margin: 16px auto;
    text-align: center;
    padding: 8px;
    background: #033;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
}
a.show-shop-details:hover {
    color: #fdfdfd;
    background: #077;
}
.order-section-customer-info-title, 
.order-section-customer-bt-title {
    font-size: 14px;
    font-weight: 600;
    color: #033;
    padding: 4px;
    text-align: center;
}
span.vmshipment_description,
span.vmpayment_description {
    display: none;
}
.order-section-order-shipping-number-header {
    background: #efefef;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.order-section-order-status-info-container {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    background: #efefef;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.order-section-order-quick-info-header,
.order-section-order-items-ordered-header,
.order-section-order-prices-header,
.order-section-order-shipping-info-header,
.order-section-order-shortcuts-header {
    font-size: 13px;
    color: #d9d9d9;
    text-align: left;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    margin-top: 4px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: -0.9px;
}
.order-section-order-items-ordered-header-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.order-section-order-shortcuts-header:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    color: #003333;
    font-weight: 600;
    margin-right: 8px;
}
.order-section-order-shipping-info-header:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    color: #003333;
    font-weight: 600;
    margin-right: 8px;
}
.order-section-order-history-shortcuts-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    gap: 4px;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
}
.order-section-order-prices-main-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #efefef;
    border-radius: 8px;
    margin-top: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.order-section-order-prices-header {
    margin-top: 4px;
}
.order-section-order-customer-details-container {
    width: 100%;
    background: #efefef;
    border: 1px solid #d5d4d4;
    border-radius: 12px 12px 22px 22px;
    margin-top: 16px;
}
.order-section-order-prices-header:before {
    content: '\f51e';
    font-family: 'Font Awesome 5 Free';
    color: #003333;
    font-weight: 600;
    margin-right: 8px;
}
.order-section-order-quick-info-header:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    color: #e5e5e5;
    font-weight: 600;
    margin-right: 8px;
}
.order-section-order-items-ordered-header:before {
    content: '\f022';
    font-family: 'Font Awesome 5 Free';
    color: #003333;
    font-weight: 600;
    margin-right: 8px;
}
span.order-status-date {
    position: absolute;
    font-size: 12px;
    display: flex;
    color: #858585;
    top: 16px;
    letter-spacing: normal;
    font-weight: 400;
}
span.order-status-tracking-number {
    position: absolute;
    display: block;
    color: #077;
    font-size: 12px;
    top: 40px;
    left: 6px;
    letter-spacing: normal;
}
.order-section-history-summary-container .order-section-order-prices-header,
.order-section-history-summary-container .order-section-order-shipping-info-header,
.order-section-history-summary-container .order-section-order-items-ordered-header {
    color: #003333;
}
.order-section-order-customer-details-header {
    font-size: 14px;
    color: #003333;
    width: fit-content;
    text-align: left;
    padding: 4px 16px;
    margin-top: 4px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.order-section-order-customer-details-header:before {
    content: '\f2b9';
    font-family: 'Font Awesome 5 Free';
    color: #003333;
    margin-right: 8px;
}
.order-section-order-customer-bt-header, 
.order-section-order-customer-st-header,
.order-section-order-customer-invoice-header,
.order-section-order-customer-info-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 260px;
    width: 400px;
    padding: 8px;
    border: 1px solid #e9e9e9;
    min-height: 144px;
    height: auto;
    border-radius: 20px;
    background: #fdfdfd;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin: 8px;
    position: relative;
}
.order-section-order-customer-bt-header:after {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 16px;
    color: #009999;
}
.order-section-order-customer-invoice-header:after {
    content: '\f15c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 16px;
    color: #009999;
}
.order-section-order-customer-st-header:after {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 16px;
    color: #009999;
}
.customer-comment-tab:after {
    content: '\f075';
    font-weight: 100;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 8px;
    right: 16px;
    color: #009999;
}
.order-section-order-customer-bt-address-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: baseline;
}
.order-section-order-customer-bt-address {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.7px;
    margin-right: 4px;
    color: #003333;
}
.order-section-order-customer-bt-city-zip {
    font-size: 13px;
    color: #003333;
}
.order-section-order-customer-bt-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
}
.order-section-order-phones,
.order-section-order-customer-name,
.order-section-order-customer-info {
    font-size: 14px;
    color: #055;
}
.order-section-order-vat {
    font-size: 14px;
    color: #077;
    font-weight: 600;
    padding: 4px;
}
.order-section-order-job {
    font-size: 11px;
    color: #003333;
    padding: 4px;
    text-align: center;
    font-weight: 600;
    width: calc(100% - 32px);
}
.order-section-order-customer-info-header.customer-comment-tab.order-is-invoice {
    width: 100%;
}
.order-section-order-phones:before {
    content: '\f879';
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    margin-right: 2px;
    font-size: 10px;
}
.order-section-order-customer-email {
    font-size: 14px;
    color: #077;
}
.order-section-order-customer-email:before {
    content: '\f0e0';
    font-family: Font Awesome\ 5 Free;
    font-weight: 100;
    margin-right: 2px;
    font-size: 10px;
}
.order-section-order-same-as-bt {
    font-size: 12px;
    font-weight: 600;
    color: #033;
    margin-top: auto;
    margin-bottom: auto;
}
.order-section-order-same-as-bt:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 2px;
}
.order-section-order-status-info-container .order-section-order-quick-info-header {
    opacity: 0;
    cursor: default;
}
.order-section-order-history-items-container span.account-details-orders-products-single-product-img {
    min-width: 100px;
    max-width: 151px;
    background: #fff;
    width: auto;
    display: block;
    padding: 0px;
    border-radius: 100px;
    border: 1px solid #dfdfdf;
}
.order-section-order-history-items-container span.account-details-orders-products-single-product-quantity-value {
    top: 8px;
    right: 4px;
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
}
.order-section-order-history-items-container span.account-details-orders-products-single-product-price-value {
    width: fit-content;
    height: 24px;
    font-size: 16px;
}
.order-section-order-history-items-container span.account-details-orders-products-single-product-name-value {
    width: 200px;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #003333;
    margin-top: 12px;
}
.order-section-order-history-items-container span.account-details-orders-products-single-product-name-value:hover {
    color: #077;
}
.order-section-order-history-items-container {
    display: flex;
    min-width: 380px;
    width: 520px;
    justify-content: center;
    padding: 4px;
    position: relative;
    max-height: 470px;
}
.customer-order-print-template .order-section-order-history-items-container {
    max-height: unset;
}
.order-section-order-history-items-summary:not(:last-child)::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e7e7e7;
    position: absolute;
    bottom: 0;
}
.order-section-order-history-items-btn:before {
    content: '\f079';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #dbdbdb;
}
.order-section-order-history-items-btn {
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.order-section-order-history-items-btn {
    display: flex;
    gap: 4px;
    background: #fdfdfd;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    padding: 0px 8px;
    width: fit-content;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    align-items: center;
    font-size: 12px;
    position: relative;
    margin-right: 4px;
}
.order-section-order-history-items-summary-single-item {
    width: 0;
    opacity: 0;
    max-height: 0;
    transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    visibility: hidden;
}
.expanded .account-details-orders-products-ordered-right-arrow,
.expanded .account-details-orders-products-ordered-left-arrow,
.expanded .account-details-orders-products-ordered {
  width: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  padding: 0;
} 
.expanded .order-section-order-history-items-summary-single-item {
    width: 100%;
    max-height: 1000px;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    visibility: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll;
    scrollbar-width: thin;
}
span.order-section-order-history-items-summary-container-button {
    font-size: 10px;
    color: #099;
}
.order-section-history-items-main-container {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    background: #f9f9f9;
    border-radius: 8px;
    height: -webkit-fill-available;
    justify-content: center;
    max-height: 1500px;
    opacity: 1;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.order-section-history-summary-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #d5d4d4;
    border-top: none;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 8px;
    padding-bottom: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.order-section-order-quick-info-header {
    cursor: default;
}
.order-section-top-cols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px;
    justify-content: flex-end;
    background: none;
    border: none;
}
.order-section-order-customer-info {
    font-style: italic;
    color: #077;
    margin-bottom: 16px;
}
.order-section-order-customer-info:before {
    content: '"';
}
.order-section-order-customer-info:after {
    content: '"';
}
.order-section-order-customer-info-header.customer-comment-tab {
    position: relative;
}
.order-section-order-customer-note-add {
    margin-left: auto;
    font-size: 12px;
    cursor: pointer;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 8px;
    color: #033;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition: all 0.3s ease-in-out;
}
.order-section-order-customer-note-add:before {
    content: '\f4ff';
    font-weight: 600;
    font-family: Font Awesome\ 5 Free;
    color: #077;
}
.order-section-order-customer-note-add:hover {
    background: #f1f1f1;
}
span.order-section-order-help-message-btn, 
span.order-section-order-customer-note-message-btn {
    display: block;
    margin: 8px auto;
    padding: 8px 16px;
    background: #077;
    color: #fff;
    width: 200px;
    border-radius: 16px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}
div#CompletedToggle {
    display: flex;
    flex-direction: column;
    align-items: center;
}
input#rpx_1rpx_Order_Number {
    background: none !important;
    border: none !important;
    text-align: center;
    text-align: center;
    color: #003333;
    padding: 8px;
}
div#rpx_div_rpx_1 {
    padding: 8px;
    border: 1px solid #e3e3e3;
    margin-top: 8px;
    background: #fdfdfd;
    border-radius: 20px;
    min-height: 60px;
}
select#rpx_1rpx_Order_Change_Select {
    font-size: 13px;
    color: #033;
    font-weight: 600;
    padding: 8px;
    border-radius: 8px;
}
select#rpx_1rpx_Order_Change_Select:focus {
    border-color: transparent;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
textarea#rpx_1rpx_Order_Change_Original_Comment {
    height: 200px;
    font-size: 14px;
    color: #003333;
    scrollbar-width: thin;
}
textarea#rpx_1rpx_Order_Change_Select_0_Order_Change_Original_Comment {
    border-radius: 8px;
    font-size: 14px;
    font-family: monospace;
}
input#rpx_1rpx_submit {
    background: #033;
    border-radius: 16px;
    font-weight: 600;
    padding: 8px 16px;
    width: 200px;
    text-align: center;
}
input#rpx_1rpx_submit:hover {
    background-color: #077 !important;
    border-color: transparent;
}
.rpx_msg_sent {
    visibility: visible;
    opacity: 1;
    position: absolute;
    bottom: 22px;
    left: 79px;
    margin: 8px;
    height: 41px;
    padding: 8px 16px;
    background: #099;
    width: 180px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
}
div#rpx_div_rpx_1 .rpx_msg_sent {
    background: #fdfdfd;
}
div#rpx_div_rpx_1 .rpx_msg_sent p {
    margin-top: 8px;
    padding: 8px 16px;
    color: #033;
    font-size: 16px;
    font-weight: 600;
}

.rpx_msg_sent p {
    font-size: 14px;
    color: #033;
    font-weight: 600;
}
.form-success-text:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.rpx_loading {
    max-width: 64px;
    margin-left: auto;
    margin-right: auto;
}
.popup-order-comment-submit {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    border-radius: 25px;
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup-order-comment-submit p {
    margin: 0;
}

.popup-order-comment-submit button {
    opacity: 1;
    margin-top: 8px;
    height: 41px;
    padding: 8px 16px;
    background: #099;
    width: 160px;
    border-radius: 20px;
    font-size: 17px;
    cursor: pointer;
    border: none;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.popup-order-comment-submit button:hover {
    background: #003333;
}
div#NotPaidToggle .order-explainer-close-button:before {
    color: #ff0033;
}
span.order-section-order-product-discount-content {
    font-size: 12px;
    color: #ff0033;
}
.order-section-order-status-info-and-items-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 8px;
    max-width: 360px;
}
.order-section-order-items-container-for-pc {
    display: flex;
    width: 550px;
    flex-direction: column;
    background: #efefef;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    height: fit-content;
    margin-right: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
li.nav-item.item-347.parent a:before {
    content: "\f007";
    font-family: Font Awesome\ 5 Free;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
}
li.nav-item.item-347.parent a {
    font-size: 0px;
    color: #003333;
}
li.nav-item.item-347.parent a:hover {
    color: #099;
    background: #ebe4e1;
}
div#vmCartModule:hover {
    color: #099;
    background: #ebe4e1;
}
li.nav-item.item-347.parent a {
    position: relative;
    background: #fdf5f2;
    color: #282828;
    border: 1px solid #bcbcbc;
    width: 40px;
    height: 40px;
    font-size: 0px;
    line-height: 37px;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.order-section-order-help-product-selector-container {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-shrink: 0;
    border: 0px solid #000;
    position: relative;
    z-index: 1;
    min-height: 0px;
    min-width: 0px;
    margin: auto;
    background: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    scrollbar-width: none;
    padding: 16px 0px;
    padding-top: 0px;
    max-width: 575px;
    height: auto;
    max-height: 1024px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 15px 6px;
    animation: backOutLeft 0.3s ease-in-out;
}
.order-section-order-help-product-selector-header {
    padding: 8px 16px;
    background: #003333;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}
.slide-in-no-ani .order-section-order-help-product-selector-container {
    animation: backInLeft 0.3s ease-in-out;
}
.order-section-order-help-product-image {
    width: 40px;
    border-radius: 100%;
}
.order-section-order-help-product-image img {
    border: 1px solid #cfcfcf;
    border-radius: 50px;
    padding: 4px;
}
.order-section-order-help-product-selector-single {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    margin-bottom: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    width: 100%;
    cursor: pointer;
    animation: headShake 0.4s ease-in-out;
}
.order-section-order-help-product-selector-single.selected {
    animation: bounceIn 0.4s ease-in-out;
    background: #fcfcfc;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin: 8px 0px;
    font-weight: 600;
}
#continueHelpForm {
    pointer-events: none;
    opacity: 0.7;
}
.order-section-order-help-product-name {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #077;
    padding: 8px;
}
.order-delay-products-availability .order-section-order-help-product-name {
    color: #099;
    opacity: 0.7;
}
.order-section-order-help-sku-name-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 100%;
}
.order-section-order-help-product-selector-title {
    color: #055;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 8px 0px;
    margin-top: 8px;
    width: calc(100% - 40px);
    justify-content: center;
}
.order-section-order-help-product-sku {
    display: flex;
    font-size: 11px;
    color: #003333;
    align-items: center;
}
.order-section-order-help-product-selector-title-image {
    width: 70px;
}
.order-section-order-help-product-selector-title-head {
    text-align: center;
    font-size: 18px;
    color: #003333;
    font-weight: 600;
    padding: 8px;
}
.order-section-order-help-product-selector-title-sub {
    padding: 8px;
    margin-bottom: 8px;
    text-align: center;
    color: #003333;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
}
.order-section-order-help-product-selector-title-sub:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 2px;
}
.order-section-order-help-product-selector-title-description {
    display: flex;
    font-weight: 500;
    font-size: 13px;
    flex-direction: column;
    align-items: center;
}
.order-section-order-help-product-selections-container {
    padding: 8px 16px;
}
.order-section-order-help-product-sku:before {
    content: "\f04b";
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    font-size: 8px;
    margin-right: 4px;
    color: #09936;
}
form#rpx_2,
form#rpx_3 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
div#rpx_div_rpx_2 .rpx_field.rpx_field_5.form-group,
div#rpx_div_rpx_4 .rpx_field.rpx_field_5.form-group,
.rpx_field.rpx_field_15.form-group,
.rpx_field.rpx_field_16.form-group,
.rpx_field.rpx_field_25.form-group,
.rpx_field.rpx_field_37.form-group,
.rpx_field.rpx_field_40.form-group,
.rpx_field.rpx_field_69.form-group,
.rpx_field.rpx_field_70.form-group {
    visibility: hidden;
    max-height: 0;
    position: absolute;
}
div#rpx_div_rpx_4 {
    position: relative;
    top: -36px;
}
form#rpx_2 .rpx_label,
form#rpx_3 .rpx_label,
form#rpx_4 .rpx_label {
    color: #003333;
    font-size: 14px;
    padding: 4px;
    width: 100%;
    text-align: center;
}
.rpx_label {
    text-align: left;
}
.rpx_label label {
    font-weight: 600;
}
label[for="rpx_2rpx_OrderHelp_-_Main_Selector"] {
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 8px;
    text-indent: 16px;
}
div#stepContainer {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 8px;
    position: relative;
    margin: 0 auto;
    animation: fadeIn 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#stepContainer.stepContainerEmpty {
    padding: 0;
    margin: 0;
    box-shadow: none;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    animation: fadeOut 0.3s ease-in-out;
}
form#rpx_2 .rpx_field_input,
form#rpx_3 .rpx_field_input,
form#rpx_4 .rpx_field_input {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_Comment_1 {
    animation: fadeIn 0.5s linear;
}
.rpx_field.rpx_field_23.form-group .rpx_field_input:after,
.rpx_field.rpx_field_24.form-group .rpx_field_input:after,
.rpx_field.rpx_field_26.form-group .rpx_field_input:after,
.rpx_field.rpx_field_27.form-group .rpx_field_input:after,
.rpx_field.rpx_field_29.form-group .rpx_field_input:after,
.rpx_field.rpx_field_32.form-group .rpx_field_input:after,
.rpx_field.rpx_field_33.form-group .rpx_field_input:after,
.rpx_field.rpx_field_35.form-group .rpx_field_input:after,
.rpx_field.rpx_field_36.form-group .rpx_field_input:after,
.rpx_field.rpx_field_38.form-group .rpx_field_input:after,
.rpx_field.rpx_field_41.form-group .rpx_field_input:after,
.rpx_field.rpx_field_43.form-group .rpx_field_input:after,
.rpx_field.rpx_field_44.form-group .rpx_field_input:after,
.rpx_field.rpx_field_45.form-group .rpx_field_input:after,
.rpx_field.rpx_field_46.form-group .rpx_field_input:after,
.rpx_field.rpx_field_47.form-group .rpx_field_input:after,
.rpx_field.rpx_field_48.form-group .rpx_field_input:after,
.rpx_field.rpx_field_49.form-group .rpx_field_input:after,
.rpx_field.rpx_field_50.form-group .rpx_field_input:after,
.rpx_field.rpx_field_51.form-group .rpx_field_input:after,
.rpx_field.rpx_field_52.form-group .rpx_field_input:after,
.rpx_field.rpx_field_53.form-group .rpx_field_input:after,
.rpx_field.rpx_field_54.form-group .rpx_field_input:after,
.rpx_field.rpx_field_55.form-group .rpx_field_input:after,
.rpx_field.rpx_field_56.form-group .rpx_field_input:after,
.rpx_field.rpx_field_57.form-group .rpx_field_input:after,
.rpx_field.rpx_field_58.form-group .rpx_field_input:after,
.rpx_field.rpx_field_61.form-group .rpx_field_input:after,
.rpx_field.rpx_field_62.form-group .rpx_field_input:after,
.rpx_field.rpx_field_63.form-group .rpx_field_input:after,
.rpx_field.rpx_field_64.form-group .rpx_field_input:after,
.rpx_field.rpx_field_65.form-group .rpx_field_input:after,
.rpx_field.rpx_field_68.form-group .rpx_field_input:after,
.rpx_field.rpx_field_71.form-group .rpx_field_input:after,
.rpx_field.rpx_field_72.form-group .rpx_field_input:after,
.rpx_field.rpx_field_73.form-group .rpx_field_input:after,
.rpx_field.rpx_field_74.form-group .rpx_field_input:after,
.rpx_field.rpx_field_75.form-group .rpx_field_input:after,
.rpx_field.rpx_field_76.form-group .rpx_field_input:after,
.rpx_field.rpx_field_77.form-group .rpx_field_input:after,
.rpx_field.rpx_field_78.form-group .rpx_field_input:after,
.rpx_field.rpx_field_79.form-group .rpx_field_input:after,
.rpx_field.rpx_field_80.form-group .rpx_field_input:after,
.rpx_field.rpx_field_81.form-group .rpx_field_input:after,
.rpx_field.rpx_field_82.form-group .rpx_field_input:after,
.rpx_field.rpx_field_83.form-group .rpx_field_input:after,
.rpx_field.rpx_field_84.form-group .rpx_field_input:after,
.rpx_field.rpx_field_85.form-group .rpx_field_input:after {
    content: '' !important;
}
.rpx_field.rpx_field_button.form-group input#rpx_2rpx_submit,
.rpx_field.rpx_field_button.form-group input#rpx_3rpx_submit,
.rpx_field.rpx_field_button.form-group input#rpx_4rpx_submit
input#rpx_3rpx_NeedUpdate_-_Main_Selector_2_NeedUpdate_-_2a_Delay_1_NeedUpdate_-_2c_DelayNote2,
input#rpx_3rpx_NeedUpdate_-_Main_Selector_2_NeedUpdate_-_2a_Delay_2_NeedUpdate_-_2c_DelayNote2{
    display: none;
}
.rpx_field.rpx_field_23.form-group .rapid_contact_ex.rapid_contact_ex_explanatory_text {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.rpx_field.rpx_field_33.form-group label {
    font-weight: 600;
    font-size: 14px;
    padding: 0px 8px;
    color: #077;
    text-align: center;
    animation: flipInX 0.5s ease-in-out;
}
input#rpx_2rpx_submit,
input#rpx_3rpx_submit,
input#rpx_4rpx_submit {
    text-align: center;
    background: #003333;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    margin-top: 8px;
    width: 200px;
    transition: 0.5s all ease-in-out;
}
input#rpx_2rpx_submit:hover,
input#rpx_3rpx_submit:hover,
input#rpx_4rpx_submit:hover {
    background: #fff;
    color: #077;
    border-color: #0033332e;
}
form#rpx_2 .rpx_field.rpx_field_button.form-group,
form#rpx_3 .rpx_field.rpx_field_button.form-group,
form#rpx_4 .rpx_field.rpx_field_button.form-group {
    max-height: 0;
    display: none;
}
form#rpx_3 .rpx_field.rpx_field_5.form-group .rpx_field_input:after {
    content: '';
}
div#mod_rpx_rpx_div_rpx_2 .rpx_msg_sent,
div#mod_rpx_rpx_div_rpx_3 .rpx_msg_sent,
div#mod_rpx_rpx_div_rpx_4 .rpx_msg_sent {
    visibility: visible;
    opacity: 1;
    position: initial;
    padding: 16px;
    background: #fff;
    font-size: 14px;
    cursor: default;
    height: fit-content;
    width: 100%;
}
div#mod_rpx_rpx_div_rpx_2, div#mod_rpx_rpx_div_rpx_3, div#mod_rpx_rpx_div_rpx_4 {
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-shrink: 0;
    border: 0px solid #000;
    position: relative;
    z-index: 1;
    min-height: 0px;
    min-width: 0px;
    margin: auto;
    background: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    scrollbar-width: none;
    padding: 16px 0px;
    padding-top: 36px;
    max-width: 575px;
    height: auto;
    max-height: 1024px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 15px 6px;
    animation: backOutLeft 0.3s ease-in-out;
}
.rpx_field.rpx_field_45.form-group {
    background: #f7f7f7;
    padding: 8px 16px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.order-section-order-help-message-close-btn {
    position: absolute;
    top: 0px;
    right: 4px;
    font-size: 16px;
    color: #003333;
    font-weight: 600;
    cursor: pointer;
}
div#mod_rpx_rpx_div_rpx_3 .order-section-order-help-message-close-btn {
    color: #fdfdfd;
}
.rpx_field.rpx_field_38.form-group .rapid_contact_ex.rapid_contact_ex_explanatory_text {
    width: 100%;
    padding: 0px 16px;
}
.default-help-form-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #003333;
    position: relative;
}
.default-help-form-header-img img {
    border-radius: 50px;
}
.default-help-form-header-name {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.default-help-form-header-container {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 32px;
    border-radius: 8px 8px 0 0;
    width: 100%;
    background: #077;
}
.default-help-form-header-sku {
    color: #fafafa;
    font-weight: 600;
    letter-spacing: -0.7px;
    font-size: 11px;
}
.default-help-form-header-img {
    width: 50px;
    border-radius: 100%;
    padding: 0px;
}
#mod_rpx_rpx_div_rpx_2 .order-section-order-history-items-summary-item-description {
    color: #fafafa !important;
    font-weight: 500 !important;
}
label[for="rpx_3rpx_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_1a_SimpleStatusUpdate"],
.default-help-form-header-title {
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 600;
    padding: 8px;
}
.default-help-form-header-title:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.default-help-form-header-title-end {
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding: 8px 8px;
    color: #003333;
}
div#mod_rpx_rpx_div_rpx_2 select,
div#mod_rpx_rpx_div_rpx_3 select,
div#mod_rpx_rpx_div_rpx_4 select {
    font-size: 12px;
    height: 40px;
    padding: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-weight: 600;
    text-indent: 8px;
    border: none;
    color: #003333;
    text-align: left;
    width: 100%;
    border-radius: 8px;
}
.rpx_field.rpx_field_30.form-group {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rpx_field.rpx_field_30.form-group .rpx_label {
    width: 50% !important;
}
.rpx_field.rpx_field_30.form-group .rpx_field_input {
    width: 30% !important;
}
.order-section-order-customer-info-content-add-comment {
    margin-top: auto;
    margin-bottom: auto;
}
.order-section-order-history-items-summary-item.history-item-image {
    width: 60px;
    border-radius: 40px;
    border: 1px solid #e8e8e8;
}
.order-section-order-history-items-summary-item.history-item-image img {
    border-radius: 40px;
}
.order-section-order-history-items-summary {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px;
    width: 500px;
}
.order-section-order-history-items-summary-img-name {
    display: flex;
    gap: 8px;
    align-items: center;
}
.order-section-order-history-items-summary-container {
    display: flex;
    background: #fdfdfd;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 16px 4px 4px 4px;
    overflow: hidden;
    position: relative;
}
.order-section-order-history-items-summary-img-name {
    display: flex;
    gap: 8px;
    padding: 8px;
    align-items: center;
}
.order-section-order-history-items-summary-item.history-item-name a {
    color: #003333;
    font-size: 14px;
    font-weight: 600;
}
.order-section-order-history-items-summary-item.history-item-name a:hover {
    color: #077;
}
.order-section-order-history-items-summary-item.history-item-name {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.order-section-order-history-items-summary-sku-quantity {
    display: flex;
    gap: 8px;
    padding: 4px 0px;
    font-size: 12px;
    color: #077;
    justify-content: flex-start;
}
.order-section-order-history-items-summary-all-prices {
    display: flex;
    gap: 8px;
    padding: 4px 8px;
    font-size: 12px;
    justify-content: flex-end;
    color: #077;
}
.order-section-order-history-items-summary-item.history-item-discount {
    color: #ff0033;
}
.order-section-order-history-items-summary-item.history-item-total-price {
    font-weight: 600;
}
.order-section-order-back-to-orders {
    font-size: 12px;
    width: 100%;
    color: #033;
    margin-left: 26px;
    padding: 4px 0;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.order-section-order-back-to-orders:hover {
    color: #099;
}
.order-section-history-icons-received .order-section-order-help-message-btn:before,
.order-section-order-back-to-orders-list:before {
    content: '\f085';
    font-weight: 600;
    font-family: Font Awesome\ 5 Free;
    margin-right: 8px;
}
.order-section-order-back-to-orders:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-section-order-quick-info-container {
    width: 100%;
    background: #055;
    border-radius: 8px 8px 0 0;
    margin-bottom: 16px;
}
.order-section-order-shortcuts-container {
    display: flex;
    align-items: center;
}
.order-section-order-shortcuts-header {
    justify-content: flex-end;
}
.order-section-order-prices-main-container .order-section-order-history-more-info {
    display: flex;
    gap: 8px;
    padding: 16px;
    background: #fdfdfd;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    width: fit-content;
    justify-content: center;
    flex-direction: column;
}
.order-section-order-prices-main-container .order-section-order-info-header {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    align-items: baseline;
    width: 100%;
}
.order-section-order-prices-main-container .order-section-order-info-content {
    display: flex;
    flex-direction: column;
    padding: 2px;
    color: #003333;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    min-width: 80px;
    width: 30%;
    align-items: flex-end;
}
.order-section-order-info-content.is-coupon {
    color: #ff0033;
}
.order-section-order-status-info-and-items-container .order-section-order-history-more-info.order-section-4-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    padding: 8px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    width: 100%;
    justify-content: flex-start;
    max-height: 600px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.8s ease-in-out, padding 0.5s ease-in-out;
}
.order-section-order-prices-values-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    padding: 8px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    width: 100%;
    justify-content: flex-start;
    max-height: 600px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.8s ease-in-out, padding 0.5s ease-in-out;
}
textarea#rpx_2rpx_OrderHelp_-_Product_Name {
    background: none;
    border: none;
    font-size: 14px;
    color: #003333;
    padding: 16px;
    height: 70px !important;
    overflow: hidden;
}
input#rpx_3rpx_Order_Number {
    background: none;
    border: none;
    font-size: 14px;
    color: #003333;
    padding: 4px;
    overflow: hidden;
}
div#navbar184 {
    height: 100%;
    overflow: visible;
    display: flex !important;
    position: relative;
    right: -10px;
}
.account-details-orders-single-item a {
    width: 100%;
}
.default-help-form-header-description {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 16px;
}
p.rpx_group_name {
    margin-bottom: 0;
}
.rpx_field.rpx_field_23.form-group {
    margin-bottom: 0;
}
input#rpx_2rpx_OrderHelp_-_SubmitPhoto {
    display: flex;
    font-size: 12px;
    text-indent: 10px;
}
.rpx_field.rpx_field_24.form-group .rpx_label label {
    font-size: 12px;
    font-weight: 400;
    padding: 8px 16px;
    margin-top: 8px;
}
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_1_OrderHelp_-_1_Wrong_Item_1_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_1_OrderHelp_-_1_Wrong_Item_2_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_1_OrderHelp_-_1_Wrong_Item_3_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_1_OrderHelp_-_1_Wrong_Item_4_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_2_OrderHelp_-_2_Wrong_Quantity_1_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_2_OrderHelp_-_2_Wrong_Quantity_2_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_3_OrderHelp_-_3_Malfunction_1_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_3_OrderHelp_-_3_Malfunction_2_OrderHelp_-_SubmitPhoto"]:before,
label[for="rpx_2rpx_OrderHelp_-_Main_Selector_3_OrderHelp_-_3_Malfunction_3_OrderHelp_-_SubmitPhoto"]:before {
    content: "\f030";
    font-family: Font Awesome\ 5 Free;
    margin-right: 8px;
    font-weight: 600;
}
.default-help-form-header-description:before {
    content: "\f071";
    font-family: Font Awesome\ 5 Free;
    margin-right: 4px;
    font-weight: 600;
}
.rpx_field.rpx_field_24.form-group {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}
.rpx_field.rpx_field_24.form-group .form-control[type=file]:not(:disabled):not([readonly]) {
    width: 100%;
    font-size: 12px;
    height: 32px;
    line-height: 0;
    background: #fafafa;
    color: #003333;
    font-weight: 600;
}
.rpx_field.rpx_field_24.form-group .form-control[type=file]:not(:disabled):not([readonly]):after {
    content: '\f093';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: 28px;
    left: 16px;
    font-size: 16px;
    background: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buttonBar-right {
    text-align: inherit !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    gap: 8px;
}
button.btn.sppb-btn-primary {
    background: #077;
    border: none;
    border-radius: 20px;
    padding: 8px 24px;
    font-weight: 100;
}
button.btn.sppb-btn-primary:hover {
    background: #003333;
}
button.btn.sppb-btn-dark {
    background: #ff0033;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 24px;
    font-weight: 100;
}
button.btn.sppb-btn-dark:hover {
    background: #c10127;
}
input#rpx_3rpx_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_1a_SimpleStatusUpdate {
    display: none;
}
.order-section-order-help-product-availability {
    font-size: 13px;
    color: #003333;
    font-weight: 600;
    letter-spacing: -0.7px;
}
.order-section-order-help-product-availability:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-size: 12px;
}
.order-section-order-delay-content {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 4px;
    background: #fafafa;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.order-delay-products-availability {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #e7e7e7;
    padding-top: 8px;
    margin-top: 8px;
    animation: flipInX 0.5s ease-in-out;
}
.return-product-disclaimer-intro {
    font-size: 14px;
    color: #003333;
    padding: 8px;
    display: flex;
    flex-direction: column;
}
.return-product-disclaimer-rules {
    display: flex;
    flex-direction: column;
    padding: 4px 16px;
}
span.product-return-rule {
    color: #077;
    font-size: 12px;
    padding: 4px;
}
span.product-return-rule {
    color: #077;
    font-size: 12px;
    padding: 4px 24px;
}
span.product-return-rule:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
}
a.return-product-rules-link {
    padding: 8px 16px;
    margin-left: auto;
    margin-right: auto;
    background: #099;
    color: #fff;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    margin-top: 12px;
}
a.return-product-rules-link:hover {
    background: #003333;
    color: #fff;
}
a.return-product-rules-gov-link {
    padding: 8px 16px;
    margin-left: auto;
    margin-right: auto;
    background: #003476;
    color: #fff;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    margin-top: 8px;
}
a.return-product-rules-gov-link:hover {
    background: #104179;
    color: #fff;
}
a.return-product-rules-link:active,
a.return-product-rules-gov-link:active {
    color: #fff !important;
}
.default-help-form-return {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: #f7f7f7;
    border-radius: 20px;
    margin: 0 16px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.return-product-forbidden {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}
.forbidden-return-reason {
    padding: 16px 8px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #ff0033;
    text-align: center;
}
.forbidden-return-exception {
    padding: 16px 8px;
    text-align: center;
    color: #077;
}
.forbidden-return-click-for-more {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}
.forbidden-return-exception:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    color: #099;
    margin-right: 4px;
    font-weight: 600;
}
.order-section-add-product-quantity-content {
    display: flex;
    width: calc(100% - 16px);
    padding: 8px;
    align-items: flex-start;
    position: relative;
    border-radius: 8px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    cursor: pointer;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 16px;
}
.rpx_field.rpx_field_41.form-group .order-section-add-product-quantity-content {
    width: 100%;
}
.order-section-order-help-quantity {
    position: absolute;
    top: 16px;
    left: 60px;
    background: #003333;
    width: 20px;
    height: 20px;
    line-height: 1;
    text-align: center;
    color: #fff;
    border-radius: 25px;
}
.default-add-product-quantity-form-header-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 600;
    padding: 8px;
    margin-bottom: 8px;
}
.rpx_field.rpx_field_36.form-group {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.rpx_field.rpx_field_36.form-group label {
    font-weight: 600;
    letter-spacing: -0.7px;
    font-size: 14px;
    width: 110px;
    display: block;
}
.rpx_field.rpx_field_36.form-group .rpx_label {
    width: 110px !important;
}
.rpx_field.rpx_field_36.form-group .rpx_field_input {
    justify-content: flex-start !important;
    width: 70px !important;
}
input#rpx_3rpx_NeedUpdate_-_Main_Selector_3_NeedUpdate_-_3a_AddSelector_1_NeedUpdate_-_3c_QuantityField {
    width: 70px !important;
    text-align: center;
}
.rpx_inline_error {
    font-size: 14px;
    text-align: center;
    padding: 8px;
}
.order-section-add-product-quantity-content.selected {
    background: #f7f7f7;
    padding: 16px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.selected:after {
    content: "\f058";
    font-family: Font Awesome\ 5 Free;
    font-size: 20px;
    margin-right: 8px;
    position: absolute;
    top: 4px;
    right: 0px;
    color: #003333;
    font-weight: 600;
}
div#vmajaxlivesearch-219 {
    display: none;
}
#vmajaxlivesearch-220 .search-input-container .search-input {
    width: 100%;
}
#vmajaxlivesearch-220 .search-input-container .search-input .vmajaxlivesearch-box {
    min-width: 260px !important;
    width: 100% !important;
    max-width: 320px !important;
    border-width: 2px !important;
    border-style: solid;
    border-color: #dfdfdf !important;
    color: #077 !important;
    font-size: 14px !important;
    float: none;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 0 20px 20px 0 !important;
}
#vmajaxlivesearch-220 .search-input-container .search-image > i {
    color: #ffffff;
    font-size: 20px !important;
    float: left;
    width: 40px !important;
    height: 36px !important;
    line-height: 40px;
    text-align: center;
}
#vmajaxlivesearch-220 .search-input-container .search-image {
    background-color: #077 !important;
    float: left;
    border-width: 0px !important;
    border-style: none;
    border-color: #5a5a5a;
    border-radius: 20px 0 0 20px !important;
    position: relative;
    left: 2px;
    height: 40px;
}
#vmajaxlivesearch-220 p.no-products {
    margin-top: 4px;
    border: 1px solid #d7d7d7 !important;
    border-radius: 20px;
    font-family: 'Manrope' !important;
}
div#quantityModal {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 200px;
    padding: 16px;
    border-radius: 20px;
}
.selected-add a {
    background: none !important;
    box-shadow: unset !important;
    transition: background 0.3s ease-in-out;
}
li.jtvs-product.selected-add:after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-size: 9px;
    right: 8px;
    top: 8px;
    font-weight: 600;
    color: #fff;
    background: #099;
    padding: 4px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    z-index: 2;
}
#vmajaxlivesearch-220 .jtvms-presults a:hover {
    background: none !important;
}
#vmajaxlivesearch-220 .jtvms-presults a:active {
    background: none !important;
}
#vmajaxlivesearch-220 .jtvms-presults a:focus {
    background: none !important;
}
div#search-results-220 li.jtvs-product a {
    display: flex !important;
    background: #fbfbfb;
    border-radius: 70px;
}
div#search-results-220 li.jtvs-product span.jtvs-product-img {
    display: flex;
    width: 20% !important;
    justify-content: center;
    align-items: center;
    border-radius: 80px;
    height: auto !important;
}
div#search-results-220 li.jtvs-product span.jtvs-product-img img {
    width: 90% !important;
    height: 90% !important;
    border-radius: 40px !important;
    border: 1px solid #dfdfdf;
}
div#search-results-220 li.jtvs-product span.jtvs-product-data {
    display: flex;
    width: 80% !important;
    padding: 4px;
    flex-wrap: wrap;
    align-items: center;
}
div#search-results-220 li.jtvs-product {
    padding: 8px;
    background: #fbfbfb;
    border: 1px solid #dbdbdb;
}
div#search-results-220 span.jtvs-product-availability {
    padding: 0 !important;
    margin: 0 !important;
    width: 75%;
    font-size: 10px !important;
    text-align: left;
}
div#search-results-220 span.jtvs-product-sku {
    width: 25%;
    border-radius: 20px;
    color: #003333 !important;
    text-align: center;
    font-weight: 500 !important;
}
div#search-results-220 span.jtvs-product-name {
    padding: 4px;
    color: #003333 !important;
    font-weight: 500 !important;
}
div#search-results-220 span.jtvs-product-price {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    width: 50px;
    border-radius: 20px;
    color: #003333 !important;
    text-align: center;
    font-weight: 500 !important;
}
div#search-results-220 .jtvms-results-header {
    display: none;
}
div#search-results-220 input.quantity-input {
    position: absolute;
    bottom: 28px;
    right: 12px;
    width: 56px !important;
    height: 40px !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    text-align: center;
    font-weight: 600;
}
div#search-results-220 ul.jtvs-products-list {
    display: flex;
    flex-direction: column;
    padding: 4px;
}
div#vmajaxlivesearch-220 .flaticon-remove:before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
}
.order-section-order-help-product-price {
    display: flex;
    font-size: 14px;
    color: #077;
    align-items: center;
}
.order-section-order-help-product-sku-price {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.order-add-new-product-description {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    color: #077;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 0px 0px 0px;
}
.order-add-new-product-description:before {
    content: '\f055';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #077;
    font-size: 20px;
    margin-right: 4px;
    width: 30px;
}
.selected-add {
    background: #f9f9f9 !important;
    box-shadow: rgb(60 64 67 / 0%) 0px 2px 2px 0px, rgb(60 64 67 / 16%) 0px 0px 2px 1px;
    border: 2px solid #00333366;
    border-radius: 16px;
    margin-bottom: 8px;
    pointer-events: none;
}
.selected-add .jtvs-top-right-rating-price {
    display: none;
}
div#search-results-220 .selected-add a span.jtvs-product-name,
div#search-results-220 .selected-add a span.jtvs-product-availability,
div#search-results-220 .selected-add a span.jtvs-product-price {
    color: #efefef !important;
}
div#search-results-220 .selected-add a span.jtvs-product-sku {
    color: #fff !important;
}
#vmajaxlivesearch-220 .ajax-search-container .search-results {
    width: 100% !important;
    min-width: 260px !important;
}
span.remove-text {
    display: none;
}
.alreadyInOrder {
    pointer-events: none;
}
.alreadyInOrder .jtvs-top-right-rating-price {
    padding: 8px;
}
.alreadyInOrder .jtvs-price-container {
    padding-top: 4px;
}
.alreadyInOrder .review-container {
    padding-top: 4px;
}
.order-add-new-product-already-added-now {
    display: none;
    color: #003333;
    font-family: 'Manrope';
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 16px;
    margin-bottom: 4px;
    animation: headShake 1.0s linear;
}
.order-add-new-product-already-added-now:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
li.jtvs-product.selected-add .order-add-new-product-already-added-now {
    display: block;
}
.remove-add-product-button {
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.remove-add-product-button:before {
    content: '\f1f8';
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    background: #ff0033;
    color: #fff;
    padding: 2px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 16px;
    text-align: center;
}
.order-section-add-product-results-title {
    font-size: 13px;
    font-weight: 500;
    color: #003333;
    padding: 16px;
    text-align: center;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    margin-top: 8px;
}
.alreadyInOrder a {
    background: none !important;
}
li.jtvs-product.alreadyInOrder.selected-add:after {
    background: #099;
}
.addednow .messageAdded {
    background: #077 !important;
}
.addednow .messageAdded a{
    background: #077 !important;
}
.order-section-add-product-results-title {
    display: none;
}
.add-new-product-submit-btn{
    display: none;
}
.add-prd-active .order-section-add-product-results-title {
    display: block;
}
.add-prd-active .add-new-product-submit-btn {
    display: block;
}
.rpx_field.rpx_field_35.form-group .order-section-order-help-quantity,
.rpx_field.rpx_field_43.form-group .order-section-order-help-quantity,
.rpx_field.rpx_field_44.form-group .order-section-order-help-quantity {
    left: 32px;
    top: 5px;
    border-radius: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-weight: 600;
}
.selected-delete {
    border: 2px solid #ff0033;
    background: #ffebeb;
}
.selected-delete .order-section-order-help-product-sku,
.selected-delete .order-section-order-help-product-sku:before {
    color: #ff0033;
}
.selected-delete .order-section-order-help-product-image {
    background: #fff;
    border-radius: 40px;
}
.selected-delete .order-section-order-help-quantity {
    background: #ff0033;
}
.selected-delete .order-section-order-help-product-image img {
    border: 1px solid #ff0033;
    border-radius: 50px;
    padding: 8px;
}
.selected-delete:after {
    content: '\f056';
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    color: #ff0033;
    position: absolute;
    top: 4px;
    right: 10px;
}
.order-delete-product {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.need-update-header-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 400px;
    transition: all 0.3s ease-in-out;
}
.need-update-header-intro {
    font-size: 16px;
    padding: 8px;
    color: #003333;
    width: 100%;
    text-align: left;
    font-weight: 600;
}
.need-update-header-intro:before {
    content: '\f085';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    color: #077;
}
.need-update-header-bott {
    padding: 8px;
    width: auto;
}
.need-update-header-sub-description {
    padding: 4px;
    width: 100%;
    font-size: 12px;
    color: #077;
    text-align: center;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.need-update-header-sub-description-head {
    font-size: 16px;
    font-weight: 600;
    color: #003333;
    display: none;
}
.need-update-header-sub-description-head-std {
    font-size: 16px;
    font-weight: 600;
    color: #003333;
}
.need-update-header-sub-description-small-message-1 {
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    width: 80%;
    color: #055;
    text-align: center;
}
.need-update-header-sub-description-small-message-2 {
    font-size: 16px;
    padding: 4px;
    color: #003333;
}
.need-update-header-sub-description-small-message-2:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.need-update-header-sub {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 16px;
    padding-top: 8px;
}
.rpx_form img {
    padding: 4px;
    background: #fff;
}
label[for=rpx_3rpx_NeedUpdate_-_Main_Selector] {
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 8px;
    text-indent: 16px;
}
div#NeedUpdateForm .rpx_field.rpx_field_5.form-group .rpx_label {
    width: fit-content !important;
}
div#NeedUpdateForm .rpx_field.rpx_field_5.form-group {
    display: flex;
    align-items: center;
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0;
    background: #033;
    border-radius: 16px 16px 0 0;
    padding: 4px 16px;
    width: calc(100% + 2px);
}
div#NeedUpdateForm .rpx_field.rpx_field_5.form-group .rpx_label {
    width: fit-content !important;
    color: #fff !important;
}
div#NeedUpdateForm .rpx_field.rpx_field_5.form-group input#rpx_3rpx_Order_Number {
    width: fit-content;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.7px;
}
div#NeedUpdateForm .rpx_field.rpx_field_5.form-group .rpx_field_input {
    width: 170px !important;
}
div#rpx_div_rpx_1 .rpx_field.rpx_field_5.form-group {
    max-height: 0;
    visibility: hidden;
}
.selected-product-message {
    position: unset;
    background: none;
    color: #003333;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    height: auto;
}
.need-update-st-intro {
    font-size: 13px;
    padding: 4px 8px;
    color: #003333;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
.st-details-change-request {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 8px;
}
.rpx_field.rpx_field_50.form-group,
.rpx_field.rpx_field_51.form-group,
.rpx_field.rpx_field_52.form-group,
.rpx_field.rpx_field_53.form-group,
.rpx_field.rpx_field_54.form-group,
.rpx_field.rpx_field_55.form-group,
.rpx_field.rpx_field_56.form-group,
.rpx_field.rpx_field_74.form-group,
.rpx_field.rpx_field_75.form-group,
.rpx_field.rpx_field_76.form-group,
.rpx_field.rpx_field_77.form-group,
.rpx_field.rpx_field_78.form-group,
.rpx_field.rpx_field_79.form-group {
    width: 50%;
    min-width: 86px;
    transition: all 0.2s ease-in-out;
}
.rpx_field.rpx_field_50.form-group.ST-selected,
.rpx_field.rpx_field_51.form-group.ST-selected,
.rpx_field.rpx_field_52.form-group.ST-selected,
.rpx_field.rpx_field_53.form-group.ST-selected,
.rpx_field.rpx_field_54.form-group.ST-selected,
.rpx_field.rpx_field_55.form-group.ST-selected,
.rpx_field.rpx_field_56.form-group.ST-selected,
.rpx_field.rpx_field_74.form-group.ST-selected,
.rpx_field.rpx_field_75.form-group.ST-selected,
.rpx_field.rpx_field_76.form-group.ST-selected,
.rpx_field.rpx_field_77.form-group.ST-selected,
.rpx_field.rpx_field_78.form-group.ST-selected,
.rpx_field.rpx_field_79.form-group.ST-selected {
    width: 50%;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.st-details-change-request .inputbox {
    max-height: 0;
    padding: 0;
    border: 1px solid #fff;
    transition: all 0.3s ease-in-out;
}
.st-details-change-request .inputbox.ST-selected {
    max-height: 40px;
    padding: 8px 16px;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    text-indent: 16px;
}
.st-details-change-request .rpx_label label {
    text-align: left;
    width: 100%;
    padding: 8px 16px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background: #fff;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.st-details-change-request .rpx_label label:hover {
    color: #fff;
    background: #077;
}
.st-details-change-request .rpx_label label:active {
    color: #fff;
    background: #077;
}
.st-details-change-request .rpx_label label:focus {
    color: #fff;
    background: #077;
}
.st-details-change-request .ST-selected .rpx_label label {
    box-shadow: none;
    padding: 0;
    text-align: left;
    color: #099;
    font-weight: 600;
}
.st-details-change-request .ST-selected .rpx_label label:hover {
    color: #003333;
    background: none;
}
.need-update-st-current-container .order-section-order-customer-bt-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
    background: #f9f9f9;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.need-update-st-current .order-section-order-customer-name {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 4px;
}
.need-update-st-current {
    margin: 16px 0;
}
.need-update-st-current .order-section-order-customer-bt-address-container {
    padding: 4px 8px;
    font-weight: 400;
}
.need-update-st-current .order-section-order-customer-bt-address {
    font-weight: 400;
    color: #077;
    letter-spacing: unset;
}
.need-update-st-current .order-section-order-customer-bt-address:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.need-update-st-current .order-section-order-customer-bt-city-zip {
    color: #077;
}
.need-update-st-current .order-section-order-phones {
    padding: 0px 12px;
}
.need-update-st-current-container {
    margin: 8px 0;
}
.rpx_field.rpx_field_50.form-group.ST-selected label,
.rpx_field.rpx_field_51.form-group.ST-selected label,
.rpx_field.rpx_field_52.form-group.ST-selected label,
.rpx_field.rpx_field_53.form-group.ST-selected label,
.rpx_field.rpx_field_54.form-group.ST-selected label,
.rpx_field.rpx_field_55.form-group.ST-selected label,
.rpx_field.rpx_field_56.form-group.ST-selected label {
    width: fit-content;
}
.rpx_field.rpx_field_49.form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}
label[for="rpx_3rpx_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1_NeedUpdate_-_6b_InvoiceFields_0"] {
    display: flex;
    justify-content: center;
    font-size: 16px;
    padding: 16px;
    cursor: pointer;
}
input#rpx_3rpx_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1_NeedUpdate_-_6b_InvoiceFields_0 {
    width: 24px;
    cursor: pointer;
}
div#rpx_3rpx_checkbox_group_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1_NeedUpdate_-_6b_InvoiceFields_0 {
    width: 100%;
    border-radius: 20px;
}
div#rpx_3rpx_checkbox_group_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1_NeedUpdate_-_6b_InvoiceFields_0_overlay {
    border-radius: 20px;
}
div#invoice-yes-btn {
    position: relative;
    width: 100px;
    margin: 16px auto;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
div#invoice-yes-btn:before {
    content: '\f0c8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 8px;
}
div#invoice-yes-btn.selected-inv:before {
    content: '\f14a';
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1 .rpx_field.rpx_field_26.form-group,
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_7 .rpx_field.rpx_field_26.form-group,
.rpx_field.rpx_field_58.form-group,
.rpx_field.rpx_field_57.form-group {
    padding: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_6_NeedUpdate_-_6_InvoiceSelector_1 .rpx_field.rpx_field_26.form-group.invoice-yes,
.rpx_field.rpx_field_57.form-group.invoice-yes,
.rpx_field.rpx_field_58.form-group.invoice-yes {
    max-height: 75px;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_7 .rpx_field.rpx_field_26.form-group.cancel-order {
    max-height: 75px;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    animation: backInDown 0.3s ease-in-out;
}
.need-update-cancel-order-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
div#cancel-confirm-btn {
    padding: 8px 38px;
    color: #003333;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
div#cancel-confirm-btn.selected-cancel {
    font-weight: 600;
}
.need-update-cancel-order-intro {
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    padding: 8px;
    color: #003333;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.order-need-update-someting-else {
    text-align: center;
    font-size: 12px;
    padding: 8px;
    color: #003333;
}
.cancel-order input#rpx_3rpx_submit {
    border: 1px solid #ff0033;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    background: none;
    color: #ff0033;
    font-size: 13px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    margin: 4px;
    width: fit-content;
}
.cancel-order input#rpx_3rpx_submit:hover {
    background: #ff0033;
    color: #fff;
    border: 1px solid #ff0033;
}
div#rpx_3rpx_submit_cancel {
    border: 1px solid #077;
    padding: 8px 16px;
    text-align: center;
    font-weight: 600;
    background: #077;
    color: #fff;
    font-size: 13px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    margin: 4px;
}
div#rpx_3rpx_submit_cancel:hover {
    background: #003333;
    color: #fff;
    border: 1px solid #003333;
}
a.tracking-number-link {
    color: #077;
    font-weight: 600;
}
a.tracking-number-link:hover {
    color: #003333;
}
a.tracking-number-link:focus {
    color: #003333;
}
a.tracking-number-link:active {
    color: #003333;
}
.account-details-orders-single-item a.tracking-number-link {
    color: #d8dfca;
}
.account-details-orders-single-item a.tracking-number-link:hover {
    color: #00d1b6;
}
.account-details-orders-single-item a.tracking-number-link:focus {
    color: #00d1b6;
}
.account-details-orders-single-item a.tracking-number-link:active {
    color: #00d1b6;
}
div#rpx_4rpx_group_NeedUpdateShip_-_2_MainSelector_0 {
    display: none !important;
}
.need-update-courier-header {
    font-size: 16px;
    padding: 8px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    background: #033;
    color: #fff;
    font-weight: 600;
}
.need-update-courier-header:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    color: #fff;
}
.need-update-courier-sub-container {
    display: flex;
    align-items: center;
    padding-top: 8px;
}
.need-update-courier-sub-image {
    padding: 8px;
    width: 30%;
}
.need-update-courier-sub-description {
    padding: 8px;
    font-size: 12px;
    color: #077;
    text-align: center;
}
.need-update-courier-header .order-section-order-help-message-close-btn {
    position: absolute;
    top: -18px;
    right: 8px;
}
.need-update-courier-header .order-section-order-help-message-close-btn:before {
    color: #fff;
    background: #033;
}
.need-update-courier-first-options-container .need-update-courier-first-options-description-left {
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.7px;
    padding: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.need-update-courier-first-options-container .need-update-courier-first-options-description-left:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    margin-right: 4px;
    color: #077;
}
.need-update-courier-first-options-description-right-text span.vmshipment_name:before {
    content: '\f0d1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.shipping-problem-header-desc {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    padding: 8px;
}
.need-update-courier-first-options-description {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 4px;
    flex-direction: column;
}
.need-update-courier-first-options-description-left-text {
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.need-update-courier-first-options-description-right-text {
    display: flex;
    line-height: 1;
    padding: 12px 24px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 20px;
    font-size: 14px;
    align-items: center;
}
.need-update-courier-first-options-description-left {
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.need-update-courier-sub-container {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7e7e7;
}
.need-update-courier-first-options-container {
    padding-top: 8px;
}
.need-update-courier-first-options-description-second {
    text-align: left;
    color: #003333;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.7px;
    padding: 8px;
}
.need-update-courier-cant-find-me-header {
    display: flex;
    gap: 8px;
    text-align: left;
    color: #003333;
    font-size: 13px;
    padding: 4px;
    align-items: center;
    flex-direction: column;
}
.need-update-courier-cant-find-me-header:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
}
.need-update-courier-cant-find-me-list {
    text-align: left;
    color: #ff0033;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.need-update-courier-cant-find-me-solution {
    display: flex;
    font-size: 12px;
    padding: 4px;
    width: 100%;
    flex-wrap: wrap;
}
.need-update-courier-cant-find-me-solution-selections {
    text-align: center;
    border: 1px solid lightgrey;
    padding: 8px;
    border-radius: 20px;
    margin-left: auto;
}
.need-update-courier-cant-find-me-solution-selections a {
    color: #077;
}
.need-update-courier-cant-find-me-solution-selections a:hover {
    color: #003333;
}
.need-update-courier-cant-find-me-solution-values {
    padding: 4px 8px;
    color: #055;
}
input#rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_2_NeedUpdateShip_-_3b_CourierBump,
input#rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_3_NeedUpdateShip_-_3b_CourierBump,
input#rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_4_NeedUpdateShip_-_3b_CourierBump,
input#rpx_3rpx_NeedUpdate_-_Main_Selector_2_NeedUpdate_-_2a_Delay_1_NeedUpdate_-_2c_DelayNote2 {
    display: none;
}
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_2_NeedUpdateShip_-_4g_FreeText"] {
    padding: 0 16px;
    font-size: 12px;
    color: #077;
    margin-bottom: 8px;
}
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_2_NeedUpdateShip_-_4g_FreeText"]:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    color: #077;
}
.rpx_field.rpx_field_81.form-group .rpx_field_input,
.rpx_field.rpx_field_82.form-group .rpx_field_input,
.rpx_field.rpx_field_83.form-group .rpx_field_input {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.rpx_field.rpx_field_81.form-group .rpx_field_input label,
.rpx_field.rpx_field_82.form-group .rpx_field_input label,
.rpx_field.rpx_field_83.form-group .rpx_field_input label{
    display: flex;
    width: 33.333%;
    align-items: center;
    font-size: 14px;
    color: #077;
}
.rpx_field.rpx_field_83.form-group .rpx_field_input label{
    width: 100%;
    justify-content: center;
}
.rpx_field.rpx_field_81.form-group .rpx_label.rpx_checkboxes_label,
.rpx_field.rpx_field_82.form-group .rpx_label.rpx_checkboxes_label,
.rpx_field.rpx_field_83.form-group .rpx_label.rpx_checkboxes_label {
    display: flex;
}
.rpx_field.rpx_field_81.form-group .rpx_label.rpx_checkboxes_label:before,
.rpx_field.rpx_field_82.form-group .rpx_label.rpx_checkboxes_label:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    color: #077;
}
.rpx_field.rpx_field_83.form-group .rpx_label.rpx_checkboxes_label:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    color: #077;
}
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_3_NeedUpdateShip_-_7_Reception0"],
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_5_NeedUpdateShip_-_9_SomethingElse"],
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_4_NeedUpdateShip_-_8_AddComments"],
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_5_NeedUpdateShip_-_9_SomethingElse"] {
    font-size: 12px;
    color: #066;
    padding: 8px;
}
.shipping-problem-header-desc:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    margin-right: 4px;
}
.need-update-courier-cant-find-me-conainer {
    padding: 16px;
    background: #fbfbfb;
    border-radius: 20px;
}
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_2_NeedUpdateShip_-_3b_CourierBump"],
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_3_NeedUpdateShip_-_3b_CourierBump"],
label[for="rpx_4rpx_NeedUpdateShip_-_2_MainSelector_1_NeedUpdateShip_-_3_CourierProblems_4_NeedUpdateShip_-_3b_CourierBump"] {
    text-align: center;
    text-wrap: balance;
    font-size: 14px;
    color: #003333;
}
.rpx_field.rpx_field_83.form-group {
    border-top: 1px solid #d9d9d9;
    margin-top: 16px;
    padding-top: 8px;
}
.need-update-shipping-submit-message {
    color: #e3e3e3;
    text-align: center;
    font-size: 14px;
}
.shipping-msg-success {
    display: flex;
    font-size: 16px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.shipping-msg-success:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 6px;
    font-size: 20px;
}
.order-section-order-canceled-reason {
    color: #ff0033;
    font-size: 16px;
    padding: 16px;
    text-align: center;
}
.order-section-order-canceled-reason:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 600;
}
.order-section-order-canceled-reason-2 {
    font-size: 14px;
    color: #ff0033;
    padding: 8px;
}
.order-section-order-canceled-reason-3 {
    padding: 8px;
    background: whitesmoke;
    border: 1px solid #dfdfdf;
    border-radius: 25px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.order-section-order-canceled-reason-4 {
    font-size: 10px;
    color: grey;
    margin-left: auto;
    margin-top: 12px;
}
div#toggleOrderCanceled {
    background: #ff0033;
    color: #fff;
    pointer-events: none;
}
div#toggleOrderCanceled:before {
    content: '\f057';
}
div#toggleOrderCanceled:hover {
    background: #fff;
    color: #ff0033;
}
.order-section-order-canceled-reason-5 {
    font-size: 12px;
    color: #003333;
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
    padding: 16px;
    border-radius: 20px;
}
.order-section-order-canceled-reason-5:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 600;
}
div#order-refunded .order-section-order-canceled-reason:before {
    content: '\f2ea';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 600;
}
div#toggleOrderRefunded {
    background: #ff0033;
    color: #fff;
}
div#toggleOrderRefunded:hover {
    background: #fff;
    color: #ff0033;
}
div#toggleOrderRefunded:before {
    content: '\f2ea';
}
.order-section-history-icons-received .order-section-order-help-message-btn,
.order-section-order-back-to-orders-list {
    background: #003333;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 16px;
    width: fit-content;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.order-section-history-icons-received .order-section-order-help-message-btn:hover,
.order-section-order-back-to-orders-list:hover {
    background: #077;
}
div#toggleNeedUpdateFormShip:before {
    content: '\f0d1';
}
span#toggleHelpForm1:before {
    content: "\f071";
}
.account-details-orders-single-item.order-has-status-U a.tracking-number-link {
    color: #099;
}
.account-details-orders-single-item.order-has-status-F a.tracking-number-link {
    color: #099;
}
.account-details-orders-single-item.order-has-status-C a.tracking-number-link {
    color: #099;
}
.order-section-order-info-header-date-created,
.order-section-order-info-header-date-modified {
    display: flex;
    gap: 2px;
    font-size: 11px;
    color: #8b8b8b;
    font-weight: 600;
}
.jb-cart-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.jb-cart-image img {
    border-radius: 60px;
    border: 1px solid #e7e7e7;
    padding: 2px;
}
.jb-cart-edit-item-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.productContainer {
    width: 100%;
}
.jb-cart-edit-item {
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #099;
    border-radius: 12px;
    color: #077;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.jb-cart-edit-item:hover {
    color: #fff;
    background: #099;
}
.product-exist-in-cart {
    background: url(/images/site-icons/cart-white-checked.png) no-repeat;
    background-size: 22px;
    background-color: #077;
    background-position: 10px;
    text-indent: 24px;
    transition: all 0.1s ease-in-out;
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 24px;
    padding: 12px 16px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}
.in-cart div#productContainer {
    display: none;
}
.productContainer-isclicked {
    display: none;
}
.in-cart .productContainer-isclicked {
    display: block;
    padding: 16px;
}
.in-cart .addToCartButton-ajax {
    display: none;
}
.jb-cart-edit-ajax-added-to-cart {
    display: none;
}
.in-cart .jb-cart-edit-ajax-added-to-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.in-cart .addtocart-area {
    display: none;
}
.proopc-bt-address.user-main-details h3.proopc-process-title:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-st-address h3.proopc-process-title:before {
    content: '\f0d1';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-payments h3.proopc-process-title:before {
    content: '\f09d';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-shipments h3.proopc-process-title:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-payments h3.proopc-process-title:before {
    content: '\f09d';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-coupon.no-top-margin h3.proopc-process-title:before {
    content: '\f02b';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.proopc-confirm-order h3.proopc-process-title:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.PriceshipmentTax.vm-display.vm-price-value {
    display: none;
}
.payment-sum img {
    display: none;
}
.account-details-orders-products-ordered-left-arrow:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    color: #bfbfbf;
}
.account-details-orders-products-ordered-right-arrow:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    color: #bfbfbf;
    text-align: right;
}
.order-section-order-prices-values-container .order-section-order-info-header {
    border: none;
}
.vm-orders-list {
    padding: 8px;
    background: #f9f9f9;
    border-radius: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
select#virtuemart_state_id_field,
select#virtuemart_country_id_field {
    width: 100% !important;
    border-radius: 12px;
    border: none;
}
select#shipto_virtuemart_state_id_field,
select#shipto_virtuemart_country_id_field {
    width: 100% !important;
    border-radius: 12px;
}
.order-details-section-header-description-container {
    margin-bottom: 8px;
}
input.quantity-input.js-recalculate {
    width: 60px;
    height: 36px;
    margin: 0;
    font-size: 16px;
    padding: 0;
    border: none;
    background-color: #fff;
}
input.quantity-input.js-recalculate:hover {
    background: none !important;
}
.product-grid-special-attributes {
    height: 40px;
    padding: 8px;
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-grid-special-attributes-left {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: flex-start;
}
span.product-is-suggested {
    background: #077;
    padding: 4px 8px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    display: flex;
    gap: 4px;
    align-items: center;
}
span.product-is-new {
    background: #003333;
    padding: 4px 8px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: flex;
    gap: 4px;
    align-items: center;
}
span.product-is-top-seller {
    background: #ff0033;
    padding: 4px 8px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    display: flex;
    gap: 4px;
    align-items: center;
}
span.product-is-suggested:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
}
span.product-is-top-seller:before {
    content: '\f06d';
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
}
span.product-is-new:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
}
.vmproductmodule-single-product-top-section,
.product-grid-top-section {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px -1px, rgba(0, 0, 0, 0.3) 0px 0px 3px -1px;
    background: #fff;
    padding: 0px;
    border-radius: 16px 16px 0 0;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.cartsection span.add-to-cart {
    font-family: 'Manrope';
}
.single-product-buttons-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    transition: all 0.3s ease-in-out;
}
.single-product-buttons-section:hover {
    transform: scale(0.99);
}
.vp-essentials-buttons {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    bottom: 20px;
}
span.vme-remove-wishlist-btn-active:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
span.vme-remove-compare-btn-active:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.vp-quickview a.has-vme-tooltip.btn-vme-round i.fa.fa-eye,
button.has-vme-tooltip.btn-vme-round i.fa.fa-random,
button.has-vme-tooltip.btn-vme-round i.fa.fa-heart {
    line-height: normal;
    font-size: inherit;
    width: auto;
    margin: unset;
    display: inline-block;
    text-align: center;
    background: none;
    border-radius: unset;
}
button.has-vme-tooltip.btn-vme-round {
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 21px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    background: #fff;
    color: #003333;
    border: 1px solid #aaaaaa;
    width: 29px;
    height: 29px;
}
.has-vme-tooltip:hover .vme-tooltip {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    white-space: pre-wrap;
}
.vp-quickview a.has-vme-tooltip.btn-vme-round {
    font-size: 15px;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.vp-quickview i.fa.fa-eye:before {
    color: #033;
}
.vp-quickview i.fa.fa-eye {
    position: absolute;
    bottom: 8px;
    left: 4px;
    border: 1px solid #aaaaaa;
    width: 29px !important;
    height: 29px;
    border-radius: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
span.vme-btn-active:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
}
span.vme-cmp-btn-active:before {
    content: "\f074";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
button.has-vme-tooltip.btn-vme-round:hover {
    background: #003333;
}
a.has-vme-tooltip.btn-vme-round:hover i.fa.fa-eye,
button.has-vme-tooltip.btn-vme-round:hover span.vme-btn-active:before {
    color: #ffffff;
    font-weight: 600;
}
button.has-vme-tooltip.btn-vme-round:hover span.vme-cmp-btn-active:before {
    content: "\f422";
    color: #ffffff;
    font-weight: 600;
}
.vme-tooltip {
    box-shadow: none;
}
.vme-tooltip:hover {
    background: #f7f7f7;
}
.spacer-img:hover .vp-quickview .vme-tooltip {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-right: 0;
    width: 190px;
    white-space: pre-wrap;
    border-radius: 20px;
    font-size: 12px;
    text-transform: none;
    padding: 8px;
    border: 1px solid #d9d9d9;
    transition: all 0.2s ease-in-out;
    line-height: 12px;
}
span.vme-remove-compare-btn-active:before {
    content: "\f422";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: relative;
}
.vp-wishlist {
    position: absolute;
    left: 12px;
    top: 6px;
    z-index: 9;
}
.vp-compare {
    position: absolute;
    top: 6px;
    left: 44px;
    z-index: 9;
}
.vp-compare:hover .vp-compare-remove-inline, 
.vp-wishlist:hover .vp-wishlist-remove-inline {
    background: #ff0033;
}
.vp-quickview {
    position: absolute;
    bottom: 4px;
    left: 8px;
    z-index: 2;
    display: block;
    width: 100%;
}
.btn-vme-round > span {
    margin-left: 1px;
}
.vmwishlist-main {
    position: fixed;
    max-width: 550px;
    min-width: 150px;
    left: 4px;
    bottom: 13px;
    margin-bottom: -700px;
    z-index: 10001;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.vme-mod-compare {
    position: fixed;
    max-width: 550px;
    min-width: 280px;
    margin-right: 4px;
    right: 0;
    bottom: 13px;
    margin-bottom: -700px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    transition: margin-bottom 0.2s ease-in-out, opacity 0.2s ease-in-out;
    display: flex;
    justify-content: center;
}
.vme-column-wishlist-icon-div {
    position: fixed;
    left: 14px;
    bottom: 14px;
    z-index: 99;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ababab;
    border-radius: 40px;
    cursor: pointer;
}
.vme-column-compare-icon-div {
    position: fixed;
    right: 16px;
    bottom: 8px;
    z-index: 99;
    background: #f9f9f9;
    width: fit-content;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 16px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    padding: 8px 16px;
    animation: bounceIn 0.3s ease-in-out;
}
.vme-mod-has-items {
    background: #fff;
    position: relative;
    z-index: 99;
}
.vme-mod-compare-text {
    font-weight: 600;
    font-size: 14px;
    margin-left: 4px;
    padding: 4px;
}
.vme-mod-header-active {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 14px;
    font-weight: 600;
    background: #003333;
    border: 1px solid #077;
    width: 16px;
    height: 16px;
    line-height: 1;
    text-align: center;
    border-radius: 16px;
    color: #fff;
}
.vme-column-wishlist-icon {
    font-size: 16px;
}
.vme-column-compare-icon {
    font-size: 16px;
}
.wishlist-active {
    margin-bottom: 0px;
    bottom: 13px;
    box-shadow: 0 0 0 9000px #00000040;
}
.compare-active {
    margin-bottom: 0px;
    bottom: 4px;
    right: 4px;
    box-shadow: 0 0 0 9000px #00000040;
}
.vme-column.vme-mod-col-1 {
    display: flex;
    width: 60px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.vme-column.vme-mod-col-3 {
    padding: 4px;
    width: 5%;
}
.vmwishlist-main .vme-column.vme-mod-col-3 {
    padding: 0px;
    width: 9%;
}
.vme-column.vme-mod-col-1 img {
    border-radius: 100%;
    background: #fff;
}
.vme-mod-has-items-header {
    display: flex;
    padding: 8px 16px;
    justify-content: flex-start;
    color: #033;
    font-size: 14px;
    font-weight: 600;
}
.vmcompare-single-item .vme-column.vme-mod-col-3 {
    position: absolute;
    right: 0px;
    top: -4px;
}
.vme-mod-compare .vme-mod-header-active {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vmcompare-single-item .mod-product-price {
    font-size: 16px;
    padding: 4px;
    color: #077;
}
.vmwishlist-main-close,
.vme-mod-compare-close {
    padding: 8px;
}
.vme-row.vme-row-mini.vme-product-row a {
    display: flex;
    align-items: center;
    width: 100%;
}
.vme-mod-has-items-header.has-items-wishlist:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.vme-mod-has-items-header.has-items-compare:before {
    content: "\f074";
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.mod-product-name.hover-invert {
    font-size: 12px;
    text-align: left;
    color: #003333;
    padding: 4px;
}
button.vme-remove-btn:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #ff0033;
}
.vmwishlist-main .mod-product-price {
    padding: 0px 8px;
}
button.vme-remove-btn span {
    display: none;
}
.vme-row-mini {
    display: flex;
    margin-right: 0;
    margin-left: 0;
    align-items: center;
    padding: 0px 8px;
}
.vme-mod-row-separator {
    margin: 0px 0;
    height: 1px;
    background: #c7c7c7;
}
.vme-row-mini:hover {
    background: #f9f9f9;
    border-radius: 8px;
}
.mod-product-price {
    font-size: 16px;
    padding: 0px;
    color: #077;
    font-weight: 600;
    letter-spacing: -0.7px;
    text-align: left;
}
button.vme-remove-btn, .vme-remove-btn {
    float: unset;
    font-size: 16px;
    line-height: unset;
    opacity: 1;
}
.vme-remove-btn:hover, 
.vme-remove-btn:focus {
    opacity: 1;
    transform: scale(1.1);
    transition: all 0.1s ease-in-out;
}
.vme-column.vme-mod-col-2 .product_availability .availability {
    text-align: center;
    padding: 4px;
    margin: 0;
    color: #077;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.7px;
}
a.btn-vme-text.vme-pull-right {
    color: #003333;
    font-size: 14px;
    width: 100%;
    text-align: right;
    padding: 8px;
    background: #eee;
    border-radius: 0 0 8px 8px;
    position: relative;
    z-index: 99;
}
.vme-mod-show-compare a.btn-vme-text.vme-pull-right:before {
    content: "\f422";
    font-weight: 600;
}
a.btn-vme-text.vme-pull-right:before {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
a.btn-vme-text.vme-pull-right:hover {
    color: #003333;
}
.vmwishlist-main-close:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    font-size: 20px;
    cursor: pointer;
}
.vme-mod-compare-close:before {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #033;
    font-size: 16px;
    cursor: pointer;
}
.vme-mod-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    background: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.vmcompare-single-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.vme-mod-compare-single-item-container {
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: center;
    flex-direction: column;
}
.vmcompare-single-item .vme-column.vme-mod-col-2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
}
.vme-mod-compare.compare-active .vmessentials-wrapper.vme-mod-container {
    overflow: scroll;
    scrollbar-width: none;
    width: 100%;
    border-radius: 8px;
}
.vmwishlist-main.wishlist-active .vmessentials-wrapper.vme-mod-container {
    max-height: 440px;
}
.vme-row-product-list-container {
    overflow-y: scroll;
    scrollbar-width: thin;
    max-height: 410px;
    position: relative;
    z-index: 99;
}
.vmwishlist-main .vme-column.vme-mod-col-3 {
    position: absolute;
    right: 2px;
}
.vm3pr- .availability {
    font-size: 12px;
    color: #033;
    font-weight: 500;
}
.vmevar_div-add_to_cart {
    padding: 16px;
    border-top: 1px solid #d3d3d3;
}
a.btn-vme-text.vme-pull-right.compare-them {
    text-align: center;
    background: #fff;
    color: #033;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    border-radius: 24px;
    transition: all 0.3s ease-in-out;
    width: 160px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
a.btn-vme-text.vme-pull-right.compare-them:hover {
    background: #003333;
    color: #fff;
}
.vme-mod-compare-single-item-container a.mod-product-name.hover-invert,
.vme-mod-compare-single-item-container .mod-product-price {
    text-align: center;
}
.vme-mod-show-compare {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-top: 1px solid #f7f7f7;
    background: #fff;
    position: relative;
    z-index: 99;
}
.product-container-wishlist {
    padding: 8px;
}
.product-container-wishlist div#productContainer {
    padding: 0;
}
.product-container-wishlist .in-cart .jb-cart-edit-ajax-added-to-cart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.product-container-wishlist .product-exist-in-cart {
    margin: 0;
    font-size: 11px;
}
.product-container-wishlist .jb-cart-edit-item {
    display: none;
}
.product-container-wishlist .product-exist-in-cart:before {
    margin-right: 4px;
}
.product-container-wishlist form.product.js-recalculate {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-container-wishlist .addtocart-bar.mx-auto {
    display: none;
}
.product-container-wishlist input.add-to-cart.addtocart-button {
    margin: 0;
    font-size: 11px;
}
.product-exist-in-cart:hover {
    background-color: #099;
    transition: all 0.3s ease-in-out;
}
input.add-to-cart.addtocart-button:hover {
    background-color: #055 !important;
    transition: all 0.3s ease-in-out;
}
.product-exist-in-cart:focus {
    color: #fff;
}
.vme-compare-header,
.vme-wishlist-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    padding: 8px;
    position: relative;
    margin-bottom: 16px;
}
.vme-compare-header-description,
.vme-wishlist-header-description {
    font-size: 16px;
    font-weight: 600;
    color: #033;
}
.vme-compare-header-description:before,
.vme-wishlist-header-description:before {
    content: '\f004';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 2px;
}
.vme-compare-header-description:before,
.vme-wishlist-header-description:before {
    content: '\f074';
    font-weight: 600;
}
.vme-compare-header-subtitle,
.vme-wishlist-header-subtitle {
    font-size: 12px;
    margin-left: 28px;
    color: #055;
}
.vme-compare-subtitle-description,
.vme-wishlist-subtitle-description {
    display: flex;
    gap: 2px;
}
.vme-compare-subtitle-items-count,
.vme-wishlist-subtitle-items-count {
    font-weight: 600;
}
.vme-wishlist-products-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
}
.vme-list-item.product-item.product-container {
    width: 32%;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 14px;
    padding: 8px;
    position: relative;
}
.vme-list-left {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.vme-list-image {
    width: 130px;
}
.vme-list-remove button.btn-vme-text:before {
    content: '\f2ed';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    text-decoration: none;
    margin-right: 4px;
}
button.btn-vme-text {
    font-size: 12px;
    color: #ff0033;
}
.vme-list-right {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 4px;
}
.vme-list-section-name {
    font-size: 12px;
    padding: 8px 0px;
    text-align: center;
    margin-bottom: 16px;
    white-space: initial;
    width: 100%;
}
.vme-column > .vme-list-section:last-child {
    padding-bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-bottom: 0 none;
}
.vme-list-section-name a {
    color: #003333;
}
.vme-list-section-name a:hover {
    color: #077;
}
.vme-list-section-name a:active {
    color: #077;
}
.vme-list-section {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 60px;
}
.vme-wishlist-options-btn-container {
    display: flex;
    padding: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    z-index: 1;
    background: #fff;
    flex-direction: column;
    align-items: center;
    border-radius: 12px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0px 0px 3px #c0c0c0;
}
.vme-wishlist-options-btn:before {
    content: '\f142';
    font-family: 'Font Awesome 5 Free';
    color: #077;
    font-weight: 600;
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 2;
    cursor: pointer;
    opacity: 0.6;
}
.vme-wishlist-options-btn-container.visible {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}
.vme-wishlist-options-btn {
    z-index: 9999;
}
a.has-vme-tooltip.btn-vme-round {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vme-list-section-compare-view-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
}
.vme-wishlist-options-description {
    font-size: 12px;
    margin-bottom: 4px;
    color: #077;
    margin-right: auto;
}
.fa-eye:before {
    margin-left: 2px;
}
.vme-essentials-buttons-in-wishlist {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
.vme-essentials-buttons-in-quickview {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    gap: 4px;
    padding: 8px;
}
.vp-quickview-in-wishlist {
    font-size: 12px;
    color: #003333;
    width: 100%;
}
.vp-quickview-in-wishlist a:hover {
    color: #077;
}
.vp-quickview-in-wishlist i.fa.fa-eye {
    padding: 8px;
    background: none;
}
.vp-quickview-in-wishlist i.fa.fa-eye:before {
    color: #077;
}
.vp-quickview-in-wishlist span.vme-tooltip,
.vp-compare-in-wishlist span.vme-tooltip{
    visibility: hidden;
}

.vp-compare-in-wishlist span.vme-remove-compare-btn-active,
.vp-compare-in-wishlist button.has-vme-tooltip.btn-vme-round {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: unset;
    text-align: unset;
    padding: unset;
    border-radius: unset;
    position: unset;
    z-index: unset;
    cursor: pointer;
    text-transform: none;
    transition: all 0.3s ease-in-out;
    background: none;
    color: #003333;
    border: none;
    width: auto;
}
.vp-compare-in-wishlist span.vme-remove-compare-btn-active {
    display: flex;
    width: 22px;
    justify-content: center;
}
span.vme-remove-compare-btn-active {
    width: 26px;
}
.vp-compare-in-wishlist span.vme-cmp-btn-active {
    padding: 8px;
    width: 30px;
}
.vp-compare-in-wishlist button.has-vme-tooltip.btn-vme-round:hover span.vme-cmp-btn-active:before {
    color: #077;
}
.vme-list-remove {
    padding-top: 10px;
    text-align: center;
}
.vme-wishlist-options-btn.visible:before {
    content: '\f00d';
    color: #077;
    top: 4px;
    right: 12px;
}
.vme-remove-compare-btn-container {
    display: flex;
    align-items: center;
}
button.vme-remove-btn-inline {
    background: none;
    border: none;
}
span.vme-remove-compare-btn-text {
    color: #003333;
    font-size: 14px;
}
.vme-remove-compare-btn-container:hover span.vme-remove-compare-btn-active:before {
    content: "\f074";
}
span.vme-remove-compare-btn-active,
span.vme-remove-wishlist-btn-active {
    color: #fff;
}
.vp-compare-remove-inline,
.vp-wishlist-remove-inline {
    display: flex;
    background: #003333;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
td.vme-compare-data span.vme-remove-compare-btn-text,
.vme-quickview-compare-wishlist-section span.vme-remove-compare-btn-text,
.product-grid-top-section span.vme-remove-compare-btn-text {
    display: none;
}
.vp-compare-in-wishlist .vp-compare-remove-inline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: none;
    width: auto;
}
span.vme-column-compare-plus:before {
    content: '\2b';
    font-size: 34px;
    color: #003333;
    position: relative;
    top: -16px;
}
.vme-row.vme-row-mini.vme-product-row.vmcompare-single-item-but-blank {
    background: none;
}
span.vme-mod-row-seperator-vss {
    background: url(/images/site-icons/vs-icon.png) no-repeat center;
    background-size: 24px;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 30px;
    position: relative;
    top: -14px;
    display: none;
}
.vme-column-compare-add-one-more {
    font-size: 14px;
    padding: 8px;
    color: #077;
    width: 50%;
    position: relative;
    top: -16px;
}
.vmcompare-single-item a.mod-product-name.hover-invert {
    font-size: 12px;
    font-weight: 600;
    color: #033;
}
th.vme-compare-title {
    font-weight: 100;
    font-size: 14px;
    color: #003333;
}
.vme-compare-product-name {
    font-size: 12px;
    color: #077;
    padding: 4px;
}
.vme-compare-product-name a:hover {
    color: #003333;
}
.vme-div-compare-product-image-container:before {
    content: '';
    position: absolute;
    top: 0px;
    background: linear-gradient(180deg, #a3a3a3, transparent);
    height: 50px;
    width: 100%;
    border-radius: 0px;
    opacity: 0.07;
    z-index: 1;
}
.vme-div-compare-product-image-container:after {
    content: '';
    position: absolute;
    bottom: 0px;
    background: linear-gradient(0deg, #a3a3a3, transparent);
    height: 50px;
    width: 100%;
    border-radius: 0px;
    opacity: 0.07;
    z-index: 1;
}
.vmevar_div-image:hover .vme-div-compare-product-image-container:before,
.vmevar_div-image:hover .vme-div-compare-product-image-container:after {
    opacity: 0.10;
}
img.vme-image {
    margin-left: auto;
    margin-right: auto;
}
td.vme-compare-data {
    position: relative;
}
tr.vmevar_product_sku td.vme-compare-data {
    font-weight: 100;
    font-size: 14px;
    color: #077;
}
th.vme-compare-title {
    vertical-align: middle;
}
.vme-remove-from-compare {
    position: absolute;
    top: 18px;
    right: 6px;
}
.vme-remove-from-compare i.fa.fa-times {
    background: #fff;
    color: #ff0033;
    border: 1px solid #c9c9c9;
}
.vme-remove-from-compare i.fa.fa-times:before {
    font-size: 12px;
    position: relative;
    top: -2px;
}
.vme-remove-from-compare i.fa.fa-times:hover {
    background: #ff0033;
    color: #fff;
}
tr.vmevar_image .vp-wishlist {
    position: absolute;
    right: 33px;
    bottom: 4px;
    left: unset;
    top: unset;
}
table.vme-table th {
    width: 10%;
    min-width: 80px;
    max-width: 200px;
    font-weight: 600;
    letter-spacing: -0.7px;
    font-size: 12px;
}
span.product-field-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #077;
    padding: 4px;
}
table.vme-table span.cf4all_comma {
    display: none;
}
td.vme-compare-data span.vm-price-desc {
    font-size: 12px;
}
td.vme-compare-data span.PricesalesPrice {
    font-size: 16px;
}
td.vme-compare-data a {
    font-size: 12px;
    color: #003333;
    font-weight: 100;
}
td.vme-compare-data a:hover {
    color: #077;
}
td.vme-compare-data .availability {
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 4px;
}
td.vme-compare-data div#productContainer {
    padding: 0;
}
td.vme-compare-data .addtocart-bar.mx-auto {
    justify-content: flex-start;
}
td.vme-compare-data .in-cart .jb-cart-edit-ajax-added-to-cart {
    align-items: flex-start;
}
td.vme-compare-data input.add-to-cart.addtocart-button {
    text-align: left;
    padding: 8px 12px;
    font-size: 12px;
}
td.vme-compare-data .single-product-buttons-section {
    justify-content: flex-start;
}
tr.vmevar_custom_fields td,
.vme-compare-data {
    border-left: 1px solid #e5e5e5;
}
.vme-table-container {
    display: flex;
    justify-content: center;
}
.vme-table {
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    border: 1px solid #dddddd;
}
td.vme-compare-data {
    padding: 16px;
}
.vme-compare-product-image {
    position: relative;
    max-width: 220px;
}
.vme-compare-product-image-container {
    position: relative;
    display: flex;
    justify-content: center;
}
table.vme-table th {
    display: none;
}
.vme-compare-data-header {
    font-size: 11px;
    color: #099;
}
.vme-custom-field-name {
    font-size: 11px;
    color: #099;
}
tr.vmevar_add_to_cart .vme-compare-data-header {
    margin-bottom: 8px;
}
.vme-div-table-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 4px;
}
.vme-compare-single-product-container {
    width: 100%;
    position: relative;
}
.vme-div-compare-data-header {
    font-size: 13px;
    color: #055;
    font-weight: 600;
}
.vme-div-compare-product-name {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #003333;
    padding: 8px 0;
    font-weight: 600;
}
.vmevar_div-product_name {
    padding: 8px 16px;
    background: #ffffff;
}
.vmessentials-wrapper a {
    color: #003333;
    font-weight: 600;
}
.vmessentials-wrapper a:hover,
.vmessentials-wrapper a:active,
.vmessentials-wrapper a:focus {
    color: #099;
}
.vme-div-custom-field-name {
    font-size: 12px;
    color: #5b5b5b;
    font-weight: 600;
}
.vmevar_div_custom_fields {
    padding: 8px 16px;
}
.vmevar_div_custom_fields:nth-of-type(odd) {
    background: #f9f9f9;
}
.vme-compare-single-product-container span.cf4all_comma {
    display: none;
}
.cf4all_option {
    color: #003333;
}
.vme-div-custom-field-value {
    padding: 4px 8px;
}
.vme-div-compare-product-image-container {
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: center;
    position: relative;
}
button.vme-compare-remove.btn-vme-round {
    z-index: 2;
}
.vmevar_div_custom_fields {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.vme-div-compare-data-floating-header {
    display: none;
}
.vme-div-compare-data-floating-items {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    border-radius: 16px;
}
.vme-compare-product-image-sticky img {
    width: 80px;
    min-width: 0;
    padding: 8px;
    border-radius: 60px;
    border: 1px solid #d7d7d7;
}
.vme-compare-product-image-sticky {
    padding: 8px;
}
.vme-div-compare-product-name-sticky {
    display: flex;
    font-size: 12px;
    color: #003333;
    padding: 8px;
    flex-direction: column;
    align-items: flex-start;
}
.vme-div-compare-data {
    display: flex;
    flex-direction: column;
    padding: 8px 0px;
    gap: 4px;
}
.vme-div-compare-data a,
.vme-div-compare-product-name-sticky a {
    color: #003333;
}
.vme-div-compare-data a {
    padding: 4px 8px;
}
.vme-div-compare-data a:hover,
.vme-div-compare-product-name-sticky a:hover,
.vme-div-compare-data a:active,
.vme-div-compare-product-name-sticky a:active {
    color: #099;
}
.vmevar_div-product_category {
    border-top: 2px solid #ebebeb;
    padding: 8px 16px;
    font-size: 14px;
}
.vmevar_div-mf_name {
    border-top: 1px solid #d3d3d3;
    padding: 8px 16px;
    font-size: 14px;
}
.vmevar_div-price {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-top: 1px solid lightgrey;
    min-height: 70px;
}
.vmevar_div-product_availability {
    padding: 8px 16px;
    border-top: 1px solid lightgrey;
}
.vme-div-compare-data .availability {
    margin: 0;
    text-align: left;
    font-size: 14px;
    padding: 4px 8px;
    color: #077;
}
.vmevar_div-add_to_cart .vme-div-compare-data-header {
    display: none;
}
.vme-div-compare-product-name a {
    padding: 0;
}
div#compareButton {
    padding: 8px 12px;
    color: #636363;
    font-weight: 600;
    border-radius: 0px 0px 12px 12px;
    cursor: pointer;
    font-size: 12px;
    position: relative;
    top: -1px;
    z-index: 4;
}
div#compareButton:before {
    content: '\f021';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vme-div-compare-floating-bottom {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    max-height: 240px;
    transition: all 0.2s ease-in-out;
}
.vme-div-compare-floating-bottom-fixed-container {
    display: flex;
    background: #fff;
    padding: 16px;
    flex-direction: column;
    align-items: center;
}
.vme-div-compare-floating-bottom-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}
.vme-compare-product-image-bottom img {
    min-width: 0;
    border-radius: 100%;
}
.vme-compare-product-image-bottom {
    width: 40px;
    padding: 4px;
}
.vme-div-compare-product-name-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.vme-div-compare-product-name-bottom-price .price-without-discount {
    display: none;
}
.vme-div-compare-product-name-bottom a {
    font-size: 12px;
}
.vme-div-compare-product-name-bottom {
    padding: 4px;
}
span.vme-div-compare-product-name-bottom-sku {
    font-size: 11px;
    font-weight: 400;
    color: #077;
}
span.vme-div-compare-product-name-bottom-price {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 8px;
}
.vme-div-compare-floating-bottom-container .product-price {
    margin: 0;
}
.vme-div-compare-floating-bottom-container .PricesalesPrice.vm-display.vm-price-value {
    justify-content: center;
}
.vme-div-compare-floating-bottom-container span.vm-price-desc {
    font-size: 10px;
}
.vme-div-compare-floating-bottom-container span.PricesalesPrice {
    font-size: 14px;
}
.vme-div-compare-data-header-bottom {
    padding: 4px;
}
.vme-div-compare-floating-bottom-container.floating-top-1.compare-item-1-is-inactive {
    position: relative;
    left: 0;
    opacity: 0.7;
    visibility: visible;
    max-width: unset;
    max-height: unset;
    background: #f3f3f3;
    border-radius: 12px;
    margin-top: 8px;
    order: 1;
    border: 2px solid #e3e3e3;
}
.floating-top-1 {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #fff;
    border-radius: 12px;
}
.vme-div-compare-floating-bottom-container.floating-top-2.compare-item-2-is-active,
.vme-div-compare-floating-bottom-container.floating-top-3.compare-item-3-is-active {
    background: #fff;
    border: none;
    border-radius: 12px;
    order: 0;
}
.vme-div-compare-floating-bottom-container.floating-top-2 {
    order: 1;
}
.vme-div-compare-floating-bottom-container.floating-top-3 {
    order: 1;
}
.float-item-2 {
    order: 2 !important;
}
.vme-div-compare-product-name-bottom {
    font-size: 12px;
    color: #033;
    font-weight: 600;
}
.vme-div-compare-product-sku-and-price {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    margin: 0 auto;
}
.compare-item-2-is-active,
.compare-item-3-is-active {
    display: flex;
    flex-direction: column;
}
.floating-top-1 .vme-div-compare-product-name-bottom,
.compare-item-2-is-active .vme-div-compare-product-name-bottom,
.compare-item-3-is-active .vme-div-compare-product-name-bottom {
    align-items: flex-start;
}
.floating-top-1 .vme-compare-product-image-bottom,
.compare-item-2-is-active .vme-compare-product-image-bottom,
.compare-item-3-is-active .vme-compare-product-image-bottom {
    width: 80px;
}
.floating-top-2,
.floating-top-3 {
    margin-top: 8px;
    opacity: 0.7;
    max-height: 100px;
    background: #f3f3f3;
    border: 2px solid #e3e3e3;
    border-radius: 8px;
    position: relative;
    transition: 0.5s opacity ease-in-out, 0.5s max-height ease-in-out;
}
.floating-top-2.compare-item-2-is-active,
.floating-top-3.compare-item-3-is-active {
    margin-top: 0px;
    opacity: 1;
}
.floating-top-2.compare-item-2-is-active:after,
.floating-top-3.compare-item-3-is-active:after {
    display: none;
}
.floating-top-1.compare-item-1-is-inactive {
    flex-direction: row;
    justify-content: flex-start;
    order: 1;
}
.compare-item-1-is-inactive .vme-div-compare-product-name-bottom {
    align-items: flex-start;
}
.compare-item-1-is-inactive .vme-compare-product-image-bottom {
    width: 40px;
    padding: 4px;
}
.compare-item-2-is-active.floating-top-2 span.vme-div-compare-product-name-bottom-sku,
.compare-item-2-is-active.floating-top-2 .vme-div-compare-product-name-bottom,
.compare-item-3-is-active.floating-top-3 span.vme-div-compare-product-name-bottom-sku,
.compare-item-3-is-active.floating-top-3 .vme-div-compare-product-name-bottom {
    font-size: 12px;
}
.compare-item-2-is-active.floating-top-2 span.PricesalesPrice,
.compare-item-3-is-active.floating-top-3 span.PricesalesPrice {
    font-size: 14px;
}
.compare-item-1-is-inactive .vme-div-compare-product-name-bottom-sku,
.compare-item-1-is-inactive span.PricesalesPrice,
.compare-item-1-is-inactive .vme-div-compare-product-name-bottom,
.floating-top-2 span.vme-div-compare-product-name-bottom-sku,
.floating-top-2 span.PricesalesPrice,
.floating-top-2 .vme-div-compare-product-name-bottom,
.floating-top-3 span.vme-div-compare-product-name-bottom-sku,
.floating-top-3 span.PricesalesPrice,
.floating-top-3 .vme-div-compare-product-name-bottom {
    font-size: 10px;
}
.compare-item-1-is-inactive span.vme-div-compare-product-name-bottom-sku,
.compare-item-1-is-inactive span.vm-price-desc,
.floating-top-2 span.vme-div-compare-product-name-bottom-sku,
.floating-top-3 span.vme-div-compare-product-name-bottom-sku,
.floating-top-2 span.vm-price-desc,
.floating-top-3 span.vm-price-desc {
    display: none;
}
.compare-item-2-is-active span.vme-div-compare-product-name-bottom-sku,
.compare-item-3-is-active span.vme-div-compare-product-name-bottom-sku,
.compare-item-2-is-active span.vm-price-desc,
.compare-item-3-is-active span.vm-price-desc {
    display: flex;
}
.vme-div-compare-floating-bottom-container.floating-top-1.compare-item-1-is-inactive:before {
    display: none;
}
.vme-div-compare-floating-menu-header {
    font-size: 14px;
    padding: 8px;
    margin-right: auto;
    color: #033;
    display: flex;
    font-weight: 700;
}
.vme-compare-intro-container-header {
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    margin-top: 16px;
    padding: 8px;
    font-size: 14px;
    color: #033;
    font-weight: 600;
}
.vme-compare-button-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: flex-start;
}
.vme-compare-button-helper {
    display: flex;
    font-size: 10px;
    text-align: right;
    color: #939393;
    padding: 8px;
    justify-content: flex-end;
    border-radius: 12px;
    text-shadow: 0px 0px 1px #fff;
    cursor: default;
}
.vme-compare-button-helper:after {
    content: '\f0a4';
    font-family: 'Font Awesome 5 Free';
    margin-left: 4px;
}
.vme-compare-share-list-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 16px;
    margin: 16px;
    background: #fff;
}
.vme-wishlist-share-list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vme-compare-share-list-container .vme-compare-share-list-bott img {
    width: 170px;
    position: relative;
    z-index: 1;
}
.vme-wishlist-share-list-content .vme-compare-share-list-bott img {
    width: 80px;
    position: relative;
    z-index: 1;
}
.vme-wishlist-share-list-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vme-wishlist-share-list-header:before {
    content: '\f004';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vme-compare-share-list-header:before {
    content: '\f0a1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.vme-compare-share-list-header:before {
    content: '\f0a1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vme-compare-share-list-bott {
    position: relative;
    width: 220px;
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}
.vme-compare-share-list-header {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 16px;
    color: #033;
    width: 100%;
    border-radius: 16px;
    margin-bottom: 16px;
}
.vme-wishlist-share-list-header {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 12px 16px;
    color: #033;
    width: fit-content;
    border-radius: 12px;
}
.vme-wishlist-footer-header:before {
    content: '\f86d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    color: #099;
    font-size: 16px;
}
.vme-wishlist-footer-header {
    text-align: left;
    color: #003333;
    padding: 8px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 32px;
}
button.btn-vme-compare-share {
    padding: 8px 16px;
    width: 160px;
    font-size: 14px;
    color: #033;
    border: 1px solid #d4d4d4;
    border-radius: 12px;
    background: #fff;
    position: absolute;
    top: 35px;
    right: -113px;
    font-weight: 600;
}
.vme-div-compare-product-sku {
    font-size: 11px;
    font-weight: 400;
    color: #939393;
}
.vme-popover {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 10px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d0d7de;
    border-radius: 13px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 73%);
    width: 400px;
    max-width: 90vw;
    text-align: left;
}
button.btn-vme-compare-share:before {
    content: '\f1e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
    color: #066;
}
.disappear-helper {
    opacity: 0;
    transition: 1s opacity ease-in-out;
}
.vme-div-compare-floating-bottom-container.floating-top-2.compare-item-2-is-active .vme-div-compare-next-item,
.vme-div-compare-floating-bottom-container.floating-top-3.compare-item-3-is-active .vme-div-compare-next-item,
.floating-top-1 .vme-div-compare-next-item {
    display: none;
}
.compare-item-1-is-inactive .vme-div-compare-next-item,
.vme-div-compare-floating-bottom-container.floating-top-2 .vme-div-compare-next-item,
.vme-div-compare-floating-bottom-container.floating-top-3 .vme-div-compare-next-item {
    display: flex;
}
.vme-div-compare-next-item {
    font-size: 8px;
    padding: 8px;
    flex-direction: column;
    align-items: center;
    color: #003333;
}
.vme-div-compare-next-item:after {
    content: '\f2f9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
}
.vme-div-compare-next-item-number {
    position: absolute;
    top: 8px;
    right: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    font-weight: 600;
    background: #fdfdfd;
    text-align: center;
    color: #099;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    outline: 1px solid #dcdcdc;
}
.vme-div-compare-next-item-number:before {
    content: '\f0da';
    font-family: 'Font Awesome 6 Free';
    margin-right: 4px;
}
.vme-compare-button-shrink-inactive {
    margin-right: auto;
    margin-left: 16px;
    margin-top: 4px;
    padding: 0px 8px;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    font-size: 14px;
}
.vme-compare-button-shrink-inactive:before {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #d3d3d3;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}
.vme-compare-button-shrink-inactive.shrink-is-active:before {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}
.vme-div-compare-floating-bottom-container.floating-top-1.compare-item-1-is-inactive.shrink-inactive-compare-items,
.vme-div-compare-floating-bottom-container.floating-top-2.shrink-inactive-compare-items,
.vme-div-compare-floating-bottom-container.floating-top-3.shrink-inactive-compare-items {
    display: none;
}
.vme-div-compare-floating-bottom-container.floating-top-3.shrink-inactive-compare-items.compare-item-3-is-active,
.vme-div-compare-floating-bottom-container.floating-top-2.compare-item-2-is-active.shrink-inactive-compare-items {
    display: flex;
}
.vme-compare-button-shrink-inactive.shrink-is-active {
    background: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
    transition: all 0.2s ease-in-out;
}
.vme-div-compare-floating-bottom.shrink-inactive-compare-items {
    max-height: 180px;
    transition: all 0.2s ease-in-out;
}
.vme-row.vme-row-mini.vme-product-row.vmcompare-single-item .vme-column.vme-mod-col-1 {
    width: 60px;
}
button.btn-vme-wishlist-share {
    position: absolute;
    top: 11px;
    left: 75px;
    background: none;
    z-index: 2;
    border: none;
    border-radius: 8px;
    border-left: none;
    font-size: 15px;
    color: #fff;
}
button.btn-vme-wishlist-share .vme-dropdown-caret {
    vertical-align: unset;
}
button.btn-vme-wishlist-share:before {
    content: '\f064';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
    text-shadow: 1px 2px 3px black;
}
.vme-popover::before {
    top: -16px;
    left: 124px;
    right: auto;
    border-bottom-color: transparent;
}
.vme-popover::after {
    top: -14px;
    left: 124px;
    right: auto;
    border-bottom-color: transparent;
}
.vme-wishlist-pagination {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px;
}
.vme-wishlist-pagination label {
    font-size: 12px;
    padding: 8px;
    color: #077;
    margin-left: auto;
}
.vme-wishlist-pagination select#limit {
    width: 70px;
    height: 30px;
    line-height: 1;
    font-size: 12px;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
}
.vme-share-inner input.vme-form-control {
    font-size: 12px;
    width: 100%;
    text-align: center;
    border-radius: 20px !important;
    background: #b9b9b92b;
    color: #003333;
}
.vme-share-title {
    margin-bottom: 2px;
    color: #033;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 8px;
    font-weight: 600;
}
.vme-input-group {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
}
.vme-share-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vme-input-section {
    width: 100%;
    padding: 4px;
}
.vme-input-group-btn {
    display: flex !important;
    justify-content: center;
    padding: 8px;
}
button.btn-vme {
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 20px !important;
    border: 1px solid #e5e5e5;
}
.vme-share-inner {
    padding: 8px !important;
}
.vme-share-title:before {
    content: '\f0c1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vme-wishlist-footer-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.vmproductmodule-single-product {
    margin: 8px 4px;
}
.vmproductmodule-single-product-img-section {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 16px;
}
.vmproductmodule-name a {
    font-size: 12px;
    color: #033;
    font-weight: 600;
}
.vmproductmodule-name a:hover,
.vmproductmodule-name a:focus,
.vmproductmodule-name a:active {
    color: #003333;
}
.vmproductmodule.recent-products-module.productdetails, 
.vmproductmodule.top-selling-products-module.productdetails,
.vmproductmodule.spott-suggestions-module.productdetails,
.vmproductmodule.spott-top-searches-module.productdetails,
.vmproductmodule.spott-for-you-module.productdetails,
.vmproductmodule.random-products-module.productdetails {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}
.vme-wishlist-footer-container .vmproductmodule.recent-products-module.productdetails,
.vme-wishlist-footer-container .vmproductmodule.top-selling-products-module.productdetails,
.vme-wishlist-footer-container .vmproductmodule.spott-suggestions-module.productdetails,
.vme-wishlist-footer-container .vmproductmodule.spott-top-searches-module.productdetails,
.vme-wishlist-footer-container .vmproductmodule.spott-for-you-module.productdetails,
.vme-wishlist-footer-container .vmproductmodule.random-products-module.productdetails {
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #4545453d #ff000000;
    cursor: grab;
}
.vmproductmodule-single-product-container {
    min-width: 240px;
    width: 240px;
}
.vmproductmodule-name {
    white-space: initial;
    line-height: 1.2;
    padding: 16px 8px;
    padding-bottom: 16px;
    text-align: left;
    min-height: 130px;
    min-width: 230px;
}
.vmproductmodule-img {
    width: 120px;
}
body.no-select {
    user-select: none;
}
.vmproductmodule.is-dragging {
    cursor: grabbing !important;
}
.vmproductmodule {
    cursor: grab;
}
.user-wishlist .mainBody .mainBodyComponent {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.vme-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    width: 100%;
}
.vmessentials-wrapper.vme-wishlist .vme-row {
    flex-direction: column !important;
}
.vme-wishlist-extra-elements-header {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #077;
    text-align: left;
    padding: 8px;
}
.vme-wishlist-top-seller-products,
.vme-wishlist-spott-suggestions-products,
.vme-wishlist-recent-products {
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid #e5e5e5;
}
.vmproductmodule-actions-section input.add-to-cart.addtocart-button {
    padding: 8px 16px;
    font-size: 13px;
}
.vmproductmodule-actions-section span.PricesalesPrice {
    font-size: 16px;
    color: #077;
    font-weight: 600;
}
.vmproductmodule-actions-section .main_price_grid span.vm-price-desc {
    font-size: 10px;
}
.vmproductmodule-actions-section .product_availability .availability {
    padding: 4px;
    font-size: 11px;
}
.product-grid-cart-icon:after {
    content: "\e66e";
    font-family: 'peIcon7';
    margin-left: -13px;
    margin-top: 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-variant: normal;
    text-transform: none;
}
.product-grid-cart-icon:before {
    content: '\f103';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    transform: rotate(0deg);
    transition: 0.3s transform ease-in-out;    
}
.product-grid-cart-icon.active:before {
    transform: rotate(180deg);
    transition: 0.3s transform ease-in-out;
}
.product-grid-cart-icon {
    display: flex;
    position: absolute;
    bottom: -2px;
    right: -7px;
    padding: 4px 16px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    color: #959595;
}
.vmproductmodule-actions-section {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: 0.5s opacity ease-in-out, 0.5s max-height ease-in-out;
}
.vmproductmodule-single-product-top-section {
    border-radius: 8px;
    border-bottom: 1px solid #e5e5e5;
    transition: 0.5s border-bottom ease-in-out, 0.5s border-radius ease-in-out;
    min-height: 320px;
}
.vmproductmodule-single-product-top-section.active {
    border-bottom: none;
    transition: 0.5s border-bottom ease-in-out, 0.5s border-radius ease-in-out;
}
.vmproductmodule-actions-section.active {
    visibility: visible;
    max-height: 200px;
    opacity: 1;
    transition: 0.5s opacity ease-in-out, 0.5s max-height ease-in-out;
}
.vmproductmodule-top-selling-header-icon {
    display: flex;
    align-items: baseline;
    padding: 4px 8px;
    justify-content: flex-end;
    width: fit-content;
    margin-left: auto;
    border-radius: 20px;
    margin-bottom: 8px;
    background: #757575;
    color: #fff;
}
.vmproductmodule-top-selling-header-icon:before {
    content: '\f217';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-right: 6px;
}
span.vmproductmodule-top-selling-item-nr {
    font-size: 12px;
}
span.vmproductmodule-top-selling-item-text {
    font-size: 10px;
}
.vmproductmodule-top-selling-item-1 {
    background: #ff0033;
    color: #fff;
}
.vmproductmodule-top-selling-item-1:before {
    content: '\f06d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-right: 6px;
}
.vmproductmodule-top-selling-item-2 {
    background: #077;
    color: #fff;
}
.vmproductmodule-top-selling-item-2:before {
    content: '\f164';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-right: 6px;
}
.vmproductmodule-top-selling-item-3 {
    background: #003333;
    color: #fff;
}
.vmproductmodule-top-selling-item-3:before {
    content: '\f201';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    margin-right: 6px;
}
.vmproductmodule-single-product-container span.vme-remove-compare-btn-text {
    font-size: 0;
}
.view-quickview {
    font-family: 'Manrope',  sans-serif !important;
}
.product-rating {
    display: flex;
    justify-content: flex-end;
}
.qv-product-title {
    font-size: 16px;
    padding: 4px 8px;
    color: #003333;
}
.qv-product-sku {
    text-align: right;
    font-size: 12px;
    color: #077;
}
.qv-product-s-desc-cont {
    font-size: 12px;
    padding: 16px;
    margin-left: auto;
    color: #033;
    width: 100%;
    background: #f7f7f7;
    margin-bottom: 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.qv-product-s-desc-cont:before {
    content: '\f10d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.qv-product-s-desc-cont:after {
    content: '\f10e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 4px;
}
.product-rating-cont {
    margin: 0;
}
.qv-product-desc-cont p {
    display: none;
}
.qv-product-desc-cont h2 {
    font-size: 18px;
    font-weight: 700;
    color: #003333;
    text-align: left;
    padding: 8px;
}
.qv-product-desc-cont h2:before {
    content: '\f0ca';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.qv-product-desc-cont ul {
    font-size: 14px;
    color: #033;
    list-style: none;
}
.qv-product-price-stock-sku-cont {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: #033;
    padding: 8px 16px;
    border-radius: 8px;
    z-index: 9999;
}
.qv-product-addtocart-cont .addtocart-bar.mx-auto {
    margin: 8px;
}
.vme-modal {
    scrollbar-width: none;
}
.vme-modal-body {
    padding: 16px;
}
.vme-quickview .product-price {
    margin: 0;
}
.vme-quickview-compare-wishlist-section {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 9999;
}
.vme-essentials-rating-in-quickview {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 9999;
}
.vme-quickview-compare-wishlist-section .vp-wishlist {
    position: unset;
}
.vme-quickview-compare-wishlist-section .vp-compare {
    position: unset;
}
.owl-thumbnail-carousel {
    padding: 0 16px;
    margin-top: 32px;
}
.product-thumb-carousel .image-thumb {
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin: 4px 8px;
}
.owl-item img {
    border-radius: 100%;
}
.vme-column.vme-quickview-right {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.product-rating-cont.clearfix {
    border: none !important;
}
span.vme-cmp-btn-text {
    display: none;
}
span.vme-wishlist-btn-text {
    display: none;
}
.vp-compare-in-wishlist span.vme-cmp-btn-text {
    display: block;
}
.vp-compare-in-wishlist span.vme-wishlist-btn-text {
    display: block;
}
.vme-modal-content {
    border-radius: 16px;
}
.qv-product-price-stock-sku-cont .vm-price-desc {
    color: #00dfdf;
    font-size: 14px;
}
.qv-product-price-stock-sku-cont span.PricesalesPrice {
    color: #fdfdfd;
}
.product-image-gallery-main-cont {
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 16px;
}
.vpf-zoom-wrap.position-inside {
    border-radius: 16px;
}
.spacer-img:hover .browseProductImage {
    scale: 1.05;
    transition: all 0.3s ease-in-out;
}
.vmproductmodule-actions-section.active .addtocart-bar.mx-auto {
    margin-top: 8px;
}
.vme-column.vme-quickview-right .jb-cart-edit-item {
    display: none;
}
.vme-column.vme-quickview-right .product-exist-in-cart {
    cursor: default;
}
.vme-column.vme-quickview-right .product-exist-in-cart:hover {
    background: #003333;
}
body.contentpane.joomla4.com-vmessentials.view-quickview.layout-default.task-none {
    padding: 8px;
}
.horizontal-gradient-clear {
    height: 1px;
    width: 95%;
    background: linear-gradient(90deg, #e3e3e3, transparent);
    border-radius: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.vmproductdetails-product-price-cart-container .addtocart-bar.mx-auto {
    margin: 0;
    padding: 12px 0px;
}
.vmproductdetails-product-main-info-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
}
.vmproductdetails-product-shipping-calculator {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-radius: 0px 0px 12px 12px;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.vmproductdetails-product-shipping-calculator-input {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;
}
.vmproductdetails-product-shipping-calculator-buttons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.vmproductdetails-product-shipping-calculator.shipping-open {
    max-height: 210px;
    visibility: visible;
    opacity: 1;
    padding: 8px;
}
.vmproductdetails-product-shipping-calculator-description {
    text-align: center;
    font-size: 12px;
    color: #003333;
}
.vmproductdetails-product-shipping-calculator-header:before {
    content: '\f472';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.vmproductdetails-product-pre-cart-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 12px;
}
.vmproductdetails-product-shipping-calculator-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.vmproductdetails-product-price span.vm-price-desc {
    font-size: 12px;
    color: #077;
}
.vmproductdetails-product-price span.PricesalesPrice {
    font-size: 24px;
    color: #077;
    font-weight: 600;
}
.vmproductdetails-product-price {
    margin: 8px 0px;
}
.vmproductdetails-product-name-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 4px;
    gap: 8px;
}
.vmproductdetails-misc-value.misc-manufacturer-image {
    width: 80px;
    border: 1px solid #6d6d6d;
    border-radius: 16px;
}
.vmproductdetails-misc-value.misc-manufacturer-image img {
    border-radius: 16px;
    background: #fff;
}
.eshop-product_name {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #003333;
    width: 100%;
}
.vmproductdetails-product_sku {
    font-size: 12px;
    color: #044;
    padding: 4px;
}
.vmproductdetails-product-category {
    display: inline;
    font-size: 12px;
    padding: 0px 4px;
}
.vmproductdetails-product-category a {
    display: inline;
    color: #003333;
}
.vmproductdetails-product-category a:hover,
.vmproductdetails-product-category a:active,
.vmproductdetails-product-category a:focus{
    color: #077;
}
.vmproductdetails-ordered-again {
    position: relative;
    margin-bottom: 12px;
}
.vmproductdetails-ordered-again .product-exist-in-order-orderlist.product-exist-open {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
}
.vmproductdetails-ordered-again .product-exist-in-order-orderlist {
    position: absolute;
    max-width: 420px;
    width: 420px;
    top: 36px;
    left: 0;
    z-index: 99;
    background: #fff;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 0 0 #0033331a;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, box-shadow 0.5s ease-in-out;    
}
.vmproductdetails-ordered-again .product-exist-in-order-orderlist.product-exist-open {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 0 9000px #0033331a;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, box-shadow 0.5s ease-in-out;   
}
.product-exist-in-order-float-menu-header {
    color: #003333;
    text-align: left;
    font-size: 12px;
    padding: 16px;
}
.product-exist-in-order-float-menu-header:before {
    content: '\f274';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.product-exist-in-order-orders-container {
    display: flex;
    flex-direction: column;
    width: 180px;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    margin-bottom: 8px;
    transition: background 0.5s ease-in-out;
}
.product-exist-in-order-orders-container:hover,
.product-exist-in-order-orders-container:active,
.product-exist-in-order-orders-container:focus {
    background: #e7e7e7;
}
.product-exist-in-order-ordered-date-and-price {
    display: flex;
    font-size: 11px;
    color: #033;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 16px 16px;
}
.order-link {
    display: flex;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #033;
}
.order-link:before {
    content: '\f466';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.product-exist-in-order-items-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.vm-children-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.vm-children-categories-category-item {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.vm-children-categories-category-item:hover {
    background: #f9f9f9;
}
.vm-children-categories-container {
    position: relative;
    width: 33.333%;
    padding: 16px;
}
.vm-children-categories-category-image {
    border-radius: 100%;
    transform: scale(1);
    box-shadow: 0px 0px 0px 1px #bbbbbb;
    transition: transform 0.2s ease-in-out;
}
.vm-children-categories-category-image:hover {
    transform: scale(1.02);
    box-shadow: 0px 0px 0px 2px #bbbbbb;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.vm-children-categories-category-image img {
    min-width: 140px;
    border-radius: 100%;
    width: 140px !important;
    height: 140px !important;
}
.vm-children-categories-category-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
}
.vm-children-categories-category-name {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #033;
    padding: 8px;
    margin: 16px 0;
    transition: color 0.3s ease-in-out;
    width: 100%;
    text-indent: 16px;
}
.vm-children-categories-container.no-product-category {
    pointer-events: none;
}
.no-product-category a {
    background: #00999912;
}
.vm-children-categories-category-count.skeleton-vmcategory {
    background: transparent;
}
.vm-children-categories-category-name.skeleton-vmcategory:hover {
    color: transparent;
}
.no-product-category .vm-children-categories-category-name,
.no-product-category .vm-children-categories-category-image {
    opacity: 0.4;
}
.vm-children-categories-category-count {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 11px;
    color: #fdfdfd;
    font-weight: 500;
    background: #c5c5c5;
    border-radius: 16px 0px 8px 0px;
    padding: 2px 16px;
}
.vm-categories-header-container {
    margin-bottom: 32px;
}
.vm-categories-product-header-sub {
    text-align: center;
    padding: 0 8px;
    font-size: 14px;
    color: #099;
}
.vm-categories-header-current {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.vm-categories-header-thumb {
    max-width: 60px;
    margin-right: 8px;
    position: relative;
}
.vm-categories-header-thumb img {
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 1px solid #cbcbcb;
}
.vm-children-categories-category-name:hover {
    color: #099;
}
.vm-children-categories-clear {
    border-top: 1px solid #e9e8e8;
    padding-top: 8px;
    padding-bottom: 8px;
}
.category_view_section {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    justify-content: flex-start;
}
.category-name-img-before {
    width: 30px;
    border-radius: 100%;
    border: 1px solid #ebebeb;
}
.category-view-img-thumb {
    border-radius: 100%;
    padding: 2px;
}
.orderby-displaynumber {
    display: flex;
    border-bottom: none;
    border-top: none;
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: auto;
    width: 50%;
    position: sticky;
    top: 86px;
    z-index: 10;
    margin: 0;
    transition: all 0.3s cubic-bezier(0,  0,  0.2,  1);
}
.orderby-displaynumber.scrollOrderFilter {
    top: 8px;
    transition: all 0.3s cubic-bezier(0,  0,  0.2,  1);
}
.skeleton-vmcategory {
  overflow: hidden;
  background: #eee;
  color: transparent;
  border-radius: 8px;
}
.skeleton-vmcategory::after {
  content: "" !important;
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
  animation: skeleton-vmcategory-loading 1.2s infinite;
}
.cf-clear-btn.skeleton-vmcategory{
    color: transparent !important;
}
.cf-model-dropdowns.skeleton-vmcategory select {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
div#cf_flt_wrapper_custom_f_17_229 {
    overflow: hidden;
}
@keyframes skeleton-vmcategory-loading {
  0% {
    left: -150px;
  }
  100% {
    left: 100%;
  }
}
.vmcategory-main-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    margin-top: 16px;
    padding: 8px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.vmcategory-header-functions-left {
    display: flex;
    border-bottom: none;
    border-top: none;
    align-items: stretch;
    gap: 4px;
    justify-content: flex-end;
}
.vmcategory-header-functions-right {
    display: flex;
    width: 50%;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 4px;
    padding: 0px 16px;
}
.vmcategory-header-functions-right .pagination-container {
    border: none;
    padding: 4px 8px;
}
.vmcategory-header-functions-right .pagination-item.div-first {
    position: unset;
}
.vmcategory-header-functions-right .pagination-item.div-last {
    position: unset;
}
.vmcategory-header-functions-right .pagination-link {
    width: 20px;
    height: 20px;
    font-size: 14px;
}
.vmcategory-header-functions-right {
    display: flex;
    width: 50%;
    justify-content: flex-end;
    align-items: flex-end;
}
.orderlistcontainer div.orderlist {
    display: block;
    flex-direction: column;
    position: absolute;
    border: solid #CAC9C9 1px;
    background: #FFF;
    cursor: pointer;
    z-index: 99;
    border-radius: 13px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.1s ease-in-out;
    animation: backInUp 0.1s ease-in-out
}
.orderlistcontainer .orderlist.sorting {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.1s ease-in-out;
}
div#orderby-section.sorting {
    background: #ffffff;
    outline: 1px solid #8d8d8d;
}
li#cf_option_li_virtuemart_category_id_229_elid {
    display: flex;
    top: -28px;
}
.category-view {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    padding: 8px;
    margin-top: 64px;
}
.vm-categories-header {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #033;
}

.vmcategory-filter-view.filters-open {
    width: 0px;
    height: 0;
    min-width: 0px;
    max-width: 0px;
    margin-right: 0px;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    padding-right: 4px;
    border-right: 1px solid whitesmoke;
    transition: width 0.2s ease-in-out, max-width 0.2s ease-in-out, min-width 0.2s ease-in-out, opacity 0.1s ease-in-out, visibility 0.1s ease;
}
.vmcategory-filter-view {
    width: 340px;
    height: 100%;
    min-width: 340px;
    max-width: 340px;
    margin-right: 32px;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e7e7e7 #ffffff00;
    transition: width 0.2s ease-in-out, max-width 0.2s ease-in-out, min-width 0.2s ease-in-out, opacity 0.1s ease-in-out, visibility 0.1s ease;
    height: 90vh;
    scrollbar-width: thin;
    position: sticky;
    top: 16px;
    border: 1px solid #efefef;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
div#cf_wrapper_inner_custom_f_33_229 {
    scrollbar-width: thin;
}
.vmcategory-browse-view {
    width: 100%;
}
.cf_filtering_slider_gutter {
    display: block;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-inline-start: unset !important;
    width: 100%;
}
span.cf_flt_header_text {
    color: #033;
    font-size: 14px;
    padding: 0px;
    margin: 8px 0;
    background: #fff;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
span.cf_flt_header_text:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: auto;
    transition: all 0.3s ease-in-out;
}
.headexpand {
    display: none;
}
.cf_flt_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 4px;
    flex-direction: row-reverse;
}
.cf_wrapper_inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    opacity: 1;
    padding-bottom: 24px;
    visibility: visible;
    max-height: 6000px;
    transition: all 0.3s ease-in-out;
}
div#cf_wrapper_inner_custom_f_17_229 {
    max-height: unset;
}
.cf_wrapper_inner[aria-hidden="true"] {
    display: flex;
    padding: 0;
    margin: 0;
    max-height: 0px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.cf_flt_header[aria-expanded="true"] span.cf_flt_header_text:after{
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}
.cf_wrapper_inner[aria-hidden="true"] .cf-categories-helper,
.cf_wrapper_inner[aria-hidden="true"] input,
.cf_wrapper_inner[aria-hidden="true"] ul {
    display: none;
}
.cf_wrapper_inner ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}
.cf_wrapper_inner li {
    padding: 3px;
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    order: 1;
    width: 100%;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.case-series-label {
    width: 100%;
}
.cf_wrapper_inner li:hover,
.cf_wrapper_inner li:active,
.cf_wrapper_inner li:focus {
    background: linear-gradient(45deg, transparent, #f9f6f6);
    border-radius: 8px;
}
.cf_filters_list_li.cf_sel_opt {
    order: 0;
    width: 100%;
}
.cf_filters_list_li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.cf_wrapper_inner a {
    color: #055;
    font-weight: 600;
    margin-left: 8px;
}
.cf_wrapper_inner a:hover,
.cf_wrapper_inner a:active,
.cf_wrapper_inner a:focus {
    color: #099;
}
.cf_clear {
    padding: 0px 4px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}
.cf_clear a,
.cf-clear-btn {
    font-size: 12px;
    color: #cd0000;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.cf_clear:hover,
.cf_clear:active,
.cf_clear:focus {
    color: #616161;
}
.cf_clear a:hover,
.cf_clear a:active,
.cf_clear a:focus {
    color: #616161;
}
.cf_option.cf_clear {
    background: unset;
    transition: background 0s;
}
.cf_flt_wrapper {
    position: relative;
    padding: 8px 16px;
    margin-bottom: 0;
    border-bottom: 1px solid #efefef;
    background: #fff;
}
.cf_filters_list_li.cf_li_clear {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: none !important;
    text-align: right;
}
.cf_filters_list li .cf_sel_opt {
    font-weight: 500;
    color: #000000;
}
.cf_unexpand .cf-plus-icon:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    display: flex;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    color: #0995ee;
    border-radius: 4px;
    line-height: 1px;
}
.cf_expand .cf-plus-icon:before {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    display: flex;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    color: #0995e;
    border-radius: 4px;
    line-height: 1px;
}
.cf_disabled_opt {
    color: #c9c9c9;
}
.form-horizontal {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 4px;
}
.cf_filters_list_li label {
    display: flex !important;
    align-items: center;
    gap: 4px;
    width: 100%;
    justify-content: flex-start;
}
.cf_flt_counter {
    color: #033;
    display: inline-block;
    margin-left: auto;
}
.cf_clear a:before,
.cf-clear-btn:before {
    content: '\f1f8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.cf_colorbtn_list li {
    display: inline-block;
    padding: 0 !important;
    position: relative;
    vertical-align: top;
    width: 30% !important;
    margin: 4px 0;
}
.cf_search_input {
    height: 30px;
    width: 60px !important;
    border-radius: 8px 0 0 8px !important;
    color: #003333 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 12px;
    font-size: 14px !important;
    color: #003333 !important;
    border-right: none !important;
    border: 1px solid #d9d9d9 !important;
}
.cf_search_input:focus {
    border: 1px solid #d9d9d9 !important;
    border-right: none !important;
}
.cf_colorbtn_list li .cf_link .cf_sel_opt {
    border: 1px solid #a3a3a3 !important;
    border-radius: 8px !important;
}
span.cf_currency {
    border: 1px solid #d9d9d9 !important;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-left: none !important;
    border-radius: 0px 8px 8px 0;
    position: relative;
    right: 4px;
    padding: 8px;
    border-left: none !important;
    margin-right: 8px;
}
.cf_wrapper_input_text input {
    border-right: none !important;
    background: #ffffff !important;
    height: 38px;
    border-radius: 8px 0px 0px 8px !important;
    margin-left: 8px !important;
    text-align: right;
}
.cf_filtering_slide_container input {
    --knob-background: #077;
    background: #d9d9d9;
    --knob-dimensions: 14px;
    --knob-focus-color: #003333;
}
.cf_search_button {
    color: #077;
    background: #f5f5f5;
    padding: 4px;
    border: 1px solid #bbbbbb;
    border-radius: 100% !important;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.btn-secondary.disabled, 
.btn-secondary:disabled {
    color: #fff;
    border-color: #cbcbcb;
}
.cf_wrapper_input_text {
    padding-bottom: 16px;
    display: inline-block;
}
.cf_link {
    display: flex;
}
.cf_parentLi .cf_plus {
    display: block;
}
.cf_plus {
    display: none;
}
ul#cf_list_virtuemart_category_id_229 {
    position: relative;
}
.cf-categories-helper {
    width: 230px;
    height: auto;
    visibility: hidden;
    position: absolute;
    top: -38px;
    left: 0px;
    box-shadow: 0 0 0 9000px #00000040;
    border-radius: 12px;
    z-index: 9999;
    opacity: 0;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cf-categories-helper.filter-helper-open {
    visibility: visible;
    opacity: 1;
}
.cf-helper-link-action,
.cf-helper-expand-action {
    display: flex;
    align-items: center;
    font-size: 12px;
    background: #fff;
    border-radius: 12px;
    margin-left: 6px;
}
.cf-helper-expand-arrow:before {
    content: '\f3be';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
    color: #077;
}
.cf-helper-link-arrow:before {
    content: '\f3bf';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
    color: #077;
    position: relative;
    top: 0px;
    left: -4px;
}
.cf-helper-expand-arrow {
    transform: scaleX(-1);
    padding: 0 0 0 4px;
    display: flex;
    position: relative;
    top: 6px;
    left: -5px;
    background: #fff;
}
.cf-helper-link-arrow {
    transform: scaleX(-1);
    display: flex;
    position: relative;
    top: 0px;
    left: -16px;
    background: #fff;
    padding: 0 16px 10px 0;
}
.cf-helper-link-action {
    margin-top: 22px;
    margin-left: 17px;
    padding-bottom: 8px;
}
.cf-helper-link-text {
    margin-left: -10px;
}
.filter-helper-confirm-container {
    background: #fff;
    padding: 14px;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
}
span.filter-helper-confirm {
    font-size: 14px;
    background: #077;
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
}
span.filter-helper-close:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    font-weight: 600;
}
span.filter-helper-close {
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
}
.loadingSymbol {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}
.loadingSymbol img {
    width: 80px;
}
.vmcategory-filter-description:before {
    content: '\f085';
    font-family: 'Font Awesome 5 Free';
    font-size: 0px;
}
.vmcategory-filter-description {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #003333;
    font-size: 18px;
    padding: 12px 8px;
    background: #fff;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #efefef;
    font-weight: 700;
    position: relative;
}
.manu-image-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 8px;
    padding: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    border-radius: 30px;
}
.manu-image-container:before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 16px;
    opacity: 0.03;
}
.manu-image-container:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 16px;
    opacity: 0.03;
}
.product-grid-info {
    padding: 4px;
    min-height: 128px;
}
.manu-image-placeholder {
    transition: opacity 0.5s ease-in-out;
	box-shadow: 1px 0px 2px 1px #e9e9e9;
	border-radius: 16px;
	padding: 14px;
}
.manu-single-image-big {
    width: 30%;
    height: auto;
	transform: scale(1);
	animation: resize-scale-up 3s infinite;			
}
.manu-single-image-medium {
    width: 40%;
    height: auto;
	transform: scale(0.9);
	animation: resize-scale-down 3s infinite;
}
.manu-single-image-small {
    width: 30%;
    height: auto;
	transform: scale(0.9);
	animation: resize-scale-up 3s infinite;
}
.manu-slide-hidden {
    opacity: 0;
}
.manufacturer-details-iframe-container {
    font-family: 'Manrope',  sans-serif;
}
.manufacturer-details-view {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.manufacturer-details-name:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
}
.manufacturer-details-name {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
}
.manufacturer-details-image img {
    margin: 0;
}
.manufacturer-details-image {
    width: 80px;
    border: 1px solid #d1d1d1;
    border-radius: 16px;
}
.manufacturer-details-url, 
.manufacturer-details-warranty,
.manufacturer-details-email  {
    font-size: 12px;
    color: #077;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    padding: 4px 12px;
    background: #fff;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}
.manufacturer-details-url a, 
.manufacturer-details-warranty a,
.manufacturer-details-email a {
    color: #077;
}
.manufacturer-details-url:hover, 
.manufacturer-details-warranty:hover,
.manufacturer-details-email:hover {
    background: #f3f3f3;
}
.manufacturer-details-url:before {
    content: '\f0c1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.manufacturer-details-warranty:before {
    content: '\f590';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.manufacturer-details-email:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.manufacturer-details-links {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    flex-wrap: wrap;
}
.manufacturer-details-manufacturer-promo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid #f5f5f5;
    margin-top: 16px;
}
.manufacturer-details-description-header {
    font-size: 12px;
    padding: 8px 0px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #003333;
}
.manufacturer-details-manufacturer-description {
    font-size: 12px;
    color: #077;
}
.manufacturer-details-view-all-button a {
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
}
.manufacturer-details-view-all-button {
    margin-left: auto;
    margin-right: auto;
    padding: 6px 12px;
    font-size: 12px;
    background: #003333;
    border-radius: 20px;
    border: 1px solid #003333;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.manufacturer-details-view-all-button a:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.manufacturer-details-view-all-button:hover {
    background: #fff;
    border: 1px solid #e1e1e1;
}
.manufacturer-details-view-all-button:hover.manufacturer-details-view-all-button a{
    color: #003333;
}
.view-manufacturer {
    padding: 16px !important;
}
.vmproductdetails-product-specifications-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}
.vmproductdetails-cart-section {
    width: 100%;
}
.suggestions-submenu-container {
    display: flex;
    align-items: center;
    background: transparent;
    border-radius: 8px;
    padding: 8px;
    outline: 1px solid #e9e9e9;
    width: 100%;
    flex-direction: column;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.suggestions-submenu-header {
    font-size: 16px;
    color: #033;
    font-weight: 600;
    text-align: left;
    width: 100%;
    padding: 8px;
}
.single-product-buttons-section span.cd-customization {
    width: 100%;
}
.single-product-buttons-section .add-to-cart.addtocart-button {
    width: 100%;
    padding: 12px 24px;
    margin: 0;
}
.suggestions-submenu-model-name:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 2px;
}
.suggestions-submenu-header:before {
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.suggestions-submenu-header.suggestions-color:before {
    content: '\f53f';
}
.suggestions-submenu-items-container {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
}
.suggestions-submenu-model-name {
    font-size: 11px;
    color: #797979;
    font-weight: 400;
}
.suggestions-submenu-single-item img {
    width: 60px;
    border-radius: 100%;
    padding: 4px;
}
.suggestions-submenu-single-item-attributes {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.suggestions-submenu-image {
    margin-left: auto;
    margin-right: auto;
}
.suggestions-submenu-single-item-container {
    display: flex;
    overflow-x: hidden;
    scrollbar-width: none;
    padding: 16px 0;
}

.suggestions-submenu-single-item {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    outline: 1px solid #e3e3e3;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 12px;
    position: relative;
    transition: all 0.1s 
ease-in-out;
    flex-direction: column;
}
a.suggestions-submenu-single-item:hover {
    outline: 2px solid #c5c5c5;
    background: #fcfdfd;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.suggestions-submenu-product-name {
    color: #033;
    font-size: 10px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    max-height: 16px;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.suggestions-submenu-single-item:hover .suggestions-submenu-product-name {
    max-height: unset;
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: 0;
    margin-bottom: auto;
    padding: 8px;
    background: #ffffffa1;
    border-radius: 8px 8px 0 0;
}
.suggestions-submenu-single-item:hover .suggestions-submenu-image {
    margin-bottom: 16px;
    transform: scale(1.0);
    transition: transform 0.3s ease-in-out;
}
.suggestions-submenu-single-item:hover .suggestions-submenu-image img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
}
.suggestions-submenu-single-item:hover .suggestions-submenu-image img {
    transform: scale(1.2);
    transition: all 0.5s ease-in-out;
}
.suggestions-submenu-product-price {
    font-size: 10px;
    font-weight: 600;
    color: #fdfdfd;
    padding: 4px 8px;
    min-width: 60px;
    position: absolute;
    top: -8px;
    right: -1px;
    background: #003333;
    border-radius: 0 8px 0px 16px;
}
.suggestions-submenu-single-item-container-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.submenu-left-arrow {
    left: -6px;
}
.submenu-right-arrow {
    right: -6px;
}
.submenu-left-arrow:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.submenu-right-arrow:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.submenu-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #e3e3e3;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 20px;
    color: #b3b3b3;
    background: #fff;
    z-index: 1;
    cursor: pointer;
}
.active-submenu-item {
    border: 2px solid #cfcfcf;
}
.active-submenu-item:before {
    content: '';
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 12px;
    opacity: 0.03;
}
.active-submenu-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 12px;
    opacity: 0.03;
}
.vmproductdetails-products-model .product-fields {
    display: flex;
    align-items: center;
    gap: 2px;
}
.product-customfield-display-model {
    padding: 0;
    margin: 0;
}
.vmproductdetails-product-misc-info {
    display: flex;
    font-size: 13px;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
}
.vmproductdetails-misc-title {
    color: #077;
}
.vmproductdetails-misc-value,
.vmproductdetails-misc-value a {
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
}
.vmproductdetails-misc-value a:hover,
.vmproductdetails-misc-value a:active,
.vmproductdetails-misc-value a:focus {
    color: #099;
}
.vmproductdetails-products-model .cf4all_option {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
}
.vmproductdetails-products-model span.product-field-wrapper {
    padding: 0;
    display: inline-block;
}
a.ask-a-question {
    display: flex;
    font-size: 14px;
    color: #003333;
    flex-direction: row;
    position: relative;
    padding: 8px;
    align-items: flex-end;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #f9f9f9;
    cursor: pointer;
    transition: border-radius 0.5s ease-in-out;
    font-weight: 400;
    margin: 0;
    background: #fff;
    transition: all 0.3s ease-in-out;
}
a.ask-a-question:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.unpublished-not-available:before {
    content: '\f06a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.product-price .ask-a-question:before {
    content: '';
}
.product-price .ask-a-question {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border: none;
    padding: 8px;
    color: #ff0033;
    align-items: center;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}
.vmproductdetails-product-enquiry-container {
    display: flex;
    padding: 8px;
    width: 100%;
    justify-content: center;
}
a.enquiry-btn:before {
    content: '\f4ff';
    font-family: 'Font Awesome 6 Free';
    margin-right: 4px;
}
a.enquiry-btn {
    padding: 12px 24px;
    background: #fdfdfd;
    width: 100%;
    text-align: center;
    color: #033;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 8px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #dedede;
}
a.enquiry-btn:hover {
    background: #f7f7f7;
    border: 1px solid #afafaf;
}
.product-price .ask-a-question:hover {
    background: #ff0033;
    color: #fff;
}
.manufacturer-details-view .spacer {
    padding: 8px;
}
.ask-a-question-view {
    border-radius: 12px;
    padding: 8px;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
}
.ask-a-question-header {
    display: flex;
    align-items: center;
    padding: 4px;
    justify-content: flex-start;
}
.ask-a-question-bott-place img {
    padding: 8px;
    width: 60px;
}
.ask-a-question-header-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.7px;
    color: #003333;
}
.ask-a-question-product-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 8px;
}
.ask-a-question-product .eshop-product_name {
    font-size: 14px;
    font-weight: 400;
}
.ask-a-question-product .vmproductdetails-product_sku {
    font-size: 12px;
    font-weight: 400;
}
.ask-a-question-product-img {
    width: 70px;
    border: 1px solid #efefef;
    border-radius: 12px;
    margin-left: auto;
}
.ask-a-question-product-img img {
    border-radius: 12px;
}
.ask-a-question-user-name, 
.ask-a-question-user-email {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ask-a-question-user-email input, 
.ask-a-question-user-name input {
    margin: 0 !important;
    min-width: 130px;
    max-width: 100%;
    border: 1px solid #cfcfcf !important;
    border-radius: 12px !important;
    color: #003333 !important;
    background: #fff !important;
    font-size: 13px !important;
    text-indent: 4px;
}
.ask-a-question-user-details {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
    align-items: center;
}
.ask-a-question-user-details label {
    font-size: 12px;
    color: #077;
    padding: 0px 8px;
}
.ask-a-question-user-details label[for="name"]:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.ask-a-question-user-details label[for="email"]:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.ask-a-question-form-group label[for="comment"] {
    padding: 8px;
    text-align: center;
    font-size: 12px;
    color: #003333;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    justify-content: flex-end;
    opacity: 0.7;
}
.view-productdetails.layout-default.task-askquestion {
    padding: 8px !important;
}
textarea#comment {
    border-radius: 12px;
    width: 95%;
    border: 1px solid #e5e5e5;
    text-indent: 8px;
    padding: 8px;
    color: #077;
    font-size: 14px;
    height: 130px;
}
.ask-a-question-form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
}
.ask-a-question-form-group input#counter {
    background: unset;
    border: unset;
    padding: unset;
    margin: unset;
    color: #099;
    font-size: 12px;
    width: 30px;
}
.ask-a-question-characters-count {
    display: flex;
    gap: 4px;
}
.ask-a-question-form-group .formError {
    left: 50px !important;
}
.ask-a-question-submit {
    display: flex;
    justify-content: center;
}
input.ask-a-question-submit-button,
.ask-a-question-sent button {
    border: 1px solid #d0d0d0;
    border-radius: 16px;
    background: #003333;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 16px;
    transition: background 0.3s ease-in-out;
}
input.ask-a-question-submit-button:hover,
.ask-a-question-sent button:hover {
    background: #066;
}
.task-mailAskquestion .ask-a-question-sent {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ask-a-question-sent {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    padding: 16px;
    align-items: center;
    gap: 8px;
}
.ask-a-question-bott-message-sent {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ask-a-question-bott-message-sent img {
    width: 130px;
}
.product-container.productdetails-view.productdetails {
    padding: 16px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e3e3e3;
}
.vmproductdetails-product-misc-container {
    background: #fff;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
}
.vmproductdetails-product-top-right-section-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mod-breadcrumbs-start-icon:before {
    content: '\f2f6';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.mod-breadcrumbs {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    margin: 4px;
    font-size: 12px;
    color: #003333;
    width: 100%;
    flex-wrap: nowrap;
    max-width: 960px;
    overflow: scroll;
    white-space: nowrap;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}
.mod-breadcrumbs-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.mod-breadcrumbs-scroll-left,
.mod-breadcrumbs-scroll-right {
    cursor: pointer;
    font-weight: 800;
    color: #033;
}
.mod-breadcrumbs:active {
  cursor: grabbing;
}
.mod-breadcrumbs a {
    color: #003333;
}
.mod-breadcrumbs a:hover,
.mod-breadcrumbs a:active,
.mod-breadcrumbs a:focus {
    color: #077;
}
.mod-breadcrumbs-separator:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    opacity: 0.5;
}
.vm-order-list-header {
    font-size: 12px;
    padding: 8px;
    color: #003333;
}
.orderlistcontainer div.orderlist div {
    padding: 8px 8px;
    width: 100%;
    transition: all 0.1s ease-in-out;
    border-bottom: 1px solid #e3e3e3;
}
.orderlistcontainer div.orderlist div:hover,
.orderlistcontainer div.orderlist div:focus,
.orderlistcontainer div.orderlist div:active {
    background: #003333;
    color: #fff;
}
a.sort-price {
    order: 0;
}
div#sort-price:before {
    content: '\f162';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-price-desc {
    order: 1;
}
div#sort-price-desc:before {
    content: '\f887';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-product-sales-desc {
    order: 2;
}
div#sort-product-sales-desc:before {
    content: '\f06d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-virtuemart-product-id-desc {
    order: 3;
}
div#sort-virtuemart-product-id-desc:before {
    content: '\f017';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 4px;
}
a.sort-product-name {
    order: 4;
}
div#sort-product-name:before {
    content: '\f15d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-product-name-desc {
    order: 5;
}
div#sort-product-name-desc:before {
    content: '\f882';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-virtuemart-product-id {
    order: 6;
}
div#sort-virtuemart-product-id:before {
    content: '\f1da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.sort-product-sales {
    order: 7;
}
div#sort-product-sales:before {
    content: '\f2dc';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.pagination-link {
    display: flex;
    width: 24px;
    height: 24px;
    border: none;
    font-size: 16px;
    padding: 4px !important;
    color: #003333 !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.pagination-container,
.vm-pagination-bottom ul.pagination.ms-0.mb-4 {
    display: flex;
    align-items: center;
    padding: 16px 8px;
    border-bottom: 1px solid #e3e3e3;
    justify-content: center;
    position: relative;
}
.pagination-item.active {
    background: none;
    font-weight: 600;
}
li.active.page-item span,
.pagination-item.active a {
    color: #099 !important;
    font-weight: 800;
    background-color: unset !important;
    border-color: unset !important;
}
.vm-pagination-bottom .page-link {
    padding: 4px !important;
    border: 0;
    font-size: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease-in-out;
}
.vm-pagination-bottom .fa-angle-right,
.vm-pagination-bottom .fa-angle-left {
    font-size: 12px;
}
.vm-pagination-bottom .page-item:first-child .page-link,
.vm-pagination-bottom .page-item:last-child .page-link {
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 12px;
}
.vm-pagination-bottom li.disabled.page-item {
    display: none;
}
.page-link:hover {
    background-color: unset !important;
    border-color: unset !important;
    font-weight: 600;
}
.pagination-item.div-first {
    position: absolute;
    left: 0;
}
.pagination-item.div-last {
    position: absolute;
    right: 0;
}
.vmpagination-bottom-text {
    font-size: 12px;
    color: #077;
    padding: 4px;
}
.pagination-item.div-,
.pagination-item.div-previous,
.pagination-item.div-next,
.pagination-item.div-first,
.pagination-item.div-last {
    transition: all 0.2s ease-in-out;
    border-radius: 100%;
}
.pagination-item.div-:hover {
    background: #f4f4f4;
}
.pagination-item.div-previous:hover,
.pagination-item.div-next:hover {
    font-weight: 600;
    background: #ededed;
}
.pagination-item.div-first:hover {
    transform: translateX(-2px);
    font-weight: 700;
}
.pagination-item.div-last:hover {
    transform: translateX(2px);
    font-weight: 700;
}
.vmpagination-selector select#limit,
.vmpagination-selector select#limit1 {
    font-size: 12px;
    padding: 4px 12px;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 20px;
    width: 80px;
    color: #003333;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 40px;
}
.vmpagination-selector {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 4px;
}
.vmpagination-selector-text {
    font-size: 10px;
    padding: 8px;
    color: #003333;
}
.vmpagination-selector-top {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.vmpagination-selector-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: auto;
    margin-bottom: 16px;
}
span.current-review-stars {
    background: url(/components/com_virtuemart/assets/images/color-stars.png);
    display: block;
    width: 16px;
    height: 16px;
    position: static;
    background-size: 100%;
}
span.current-review-inactive-stars {
    background: url(/components/com_virtuemart/assets/images/color-stars.png);
    background-position-y: 16px;
    display: block;
    width: 16px;
    height: 16px;
    position: static;
    background-size: 100%;
}
.star-full {
    background: url(/components/com_virtuemart/assets/images/color-stars.png);
    background-size: 100%;
}
.customer-reviews {
    margin: 0;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.review-already-done {
    font-size: 12px;
    color: #003333;
    padding: 4px 16px;
    margin: 8px;
    width: fit-content;
    border-radius: 12px;
}
.review-your-review-edit {
    font-size: 12px;
    padding: 4px 8px;
    color: #003333;
    font-weight: 600;
}
.review-edit-current-rating-content {
    padding: 8px 16px;
    padding-bottom: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #f9f9f9;
    max-height: 90px;
    overflow: hidden;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
}
.expanded-current-review {
    opacity: 1;
    max-height: 600px;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
}
.review-edit-current-stars {
    display: flex;
    align-items: center;
}
.review-already-done:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
}
.review-icons-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.review-edit-current-comment {
    font-size: 12px;
    color: #077;
    padding: 0px 12px;
    font-style: italic;
}
.review-edit-button {
    font-size: 10px;
    color: #099;
    cursor: pointer;
}
.review-edit-button:after {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
    margin-left: 4px;
}
.review-edit-current-date {
    color: #979797;
    font-size: 8px;
    padding: 4px 0px;
}
.review-edit-popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    box-shadow: 0 0 0 9000px #00000000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
}
.review-edit-popup-container.review-edit-active {
    box-shadow: 0 0 0 9000px #0000008c;
    background: #fff;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, box-shadow 0.3s ease-in-out;     
}
.review-edit-current-review-container {
    width: 100%;
    position: relative;
    padding: 8px;
}
.list-reviews {
    width: 100%;
}
.your-review:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
}
.review-edit-popup-close:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    position: absolute;
    right: 8px;
    cursor: pointer;
}
.account-page-user-gravatar-close:before,
.account-page-user-avatar-edit-close:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
    font-size: 18px;
}
.review-popup-form {
    padding: 16px;
}
.review-edit-header {
    font-size: 12px;
    color: #003333;
    text-align: left;
    padding: 8px;
    display: flex;
    align-items: center;
}
.review-edit-rating-header {
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    color: #003333;
}
.rating {
    text-align: left;
    margin: 0;
    padding: 0px 16px;
}
.write-reviews {
    text-align: left;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #f7f7f7;
    padding: 8px;
    border-radius: 12px;
}
.write-reviews span.step {
    font-weight: 500;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    color: #003333;
}
.ratingbox {
    margin: 0;
    background-size: 16px;
    height: 16px;
}
.ratingbox div, .ratingbox span {
    background-size: 16px;
    height: 16px;
    cursor: pointer;
}
textarea.virtuemart:hover, textarea.customer-comment:hover {
    background: #ffffff;
}
.write-reviews textarea#comment {
    height: auto;
    min-height: 180px;
    font-size: 12px;
    color: #003333;
    width: 100%;
}
span.review-characters-used {
    display: flex;
    align-items: center;
    font-size: 10px;
    color: #878787;
    width: 100%;
    justify-content: flex-end;
}
span.review-characters-used input {
    border: none !important;
    font-size: 10px !important;
    color: #878787 !important;
    display: inline-block !important;
    width: fit-content !important;
    padding: 0 !important;
    background-color: #f7f7f7 !important;
    margin-left: 4px;
    font-weight: 500;
}
.review-submit-slide-down-form .review-characters-used input {
    background-color: #fff !important;
}
.review-edit-header:before {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 6px;
}
input.highlight-button {
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    background: #003333;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px;
    font-weight: 600;
    transition: background 0.3s ease-in-out;
    letter-spacing: unset;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}
input.highlight-button:hover {
    background: #077;
}
.profile-badge-icon {
    cursor: pointer;
}
.profile-badge-icon-avatar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.profile-badge-icon-avatar img {
    border: 1px solid #bbbbbb;
    border-radius: 100%;
    padding: 1px;
    background: #fff;
}
.profile-badge-container {
    position: relative;
}
.profile-badge-icon-default {
    position: relative;
    background: #fdf5f2;
    color: #282828;
    border: 1px solid #bcbcbc;
    width: 40px;
    height: 40px;
    font-size: 0px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-badge-icon-default:before {
    content: "\f007";
    font-family: Font Awesome\ 5 Free;
    font-variant: normal;
    text-transform: none;
    font-size: 18px;
}
.profile-badge-options {
    position: absolute;
    margin-top: 4px;
    background: white;
    padding: 16px;
    font-size: 14px;
    width: 260px;
    left: 100%;
    transform: translateX(-100%);
    border: 1px solid #d5d4d4;
    border-radius: 12px;
    color: #003333;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    margin-top: -20px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out;
    z-index: 9999;
}
.profile-badge-options.profile-popup-open {
    opacity: 1;
    visibility: visible;
    max-height: 900px;
    margin-top: 8px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
li.nav-item.item-376 {
    padding: 4px;
}
li.nav-item.deeper.parent {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}
.account-page-user-avatar-select {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-direction: column;
}
.account-page-user-avatar-list {
    width: 60px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transform: scale(1.00);
    transition: transform 0.2s ease-in-out;
    background: #fff;
}
.account-page-user-avatar-list img {
    border-radius: 100%;
    padding: 4px;
}
.selected-avatar {
    box-shadow: 0px 0px 2px 2px #077;
    transform: scale(1.05);
}
.account-page-user-avatar-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 100%;
    opacity: 0.05;
    transition: 0.3s opacity ease-in-out, background 0.05s ease-in-out;
}
.account-page-user-avatar-list:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #003333, transparent);
    height: 50px;
    width: 100%;
    border-radius: 100%;
    opacity: 0.05;
    transition: 0.3s opacity ease-in-out, background 0.05s ease-in-out;
}
.account-page-user-avatar-list.selected-avatar:before {
    opacity: 0.2;
    background: #ffffff;
    transition: 0.3s opacity ease-in-out, background 0.2s ease-in-out;
}
.account-page-user-avatar-edit-container {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 99;
    width: 90%;
    max-width: 600px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 0 0 0px #00000040;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    margin-left: -2000px;
    transition: 0.3s opacity ease-in-out, visibility 0.3s ease-in-out, margin-left 0.3s ease-in-out, box-shadow 0.5s ease-in-out;
}
.account-page-user-avatar-edit-container.avatar-edit-active {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 0 0 9000px #00000040;
    margin-left: 0px;
    transition: 0.3s opacity ease-in-out, visibility 0.3s ease-in-out, margin-left 0.3s ease-in-out, box-shadow 0.5s ease-in-out;
}
.account-page-user-avatars-generic, 
.account-page-user-avatars-bott {
    display: flex;
    gap: 8px;
    padding: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.account-page-user-avatar-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
}
.account-page-user-avatar-header {
    font-size: 16px;
    color: #003333;
}
.account-page-user-avatar-description {
    font-size: 12px;
    padding: 8px;
}
.account-page-user-avatar-edit {
    display: flex;
    justify-content: center;
    padding: 16px;
    font-size: 12px;
    color: #003333;
    border: 1px solid #ededed;
    border-top: none;
    background: whitesmoke;
    border-radius: 0 0 16px 16px;
}
.account-page-user-avatar-header:before {
    content: '\f234';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.account-page-user-avatar-none {
    font-size: 12px;
    display: flex;
    align-items: stretch;
    gap: 8px;
    line-height: 1;
    padding: 8px;
}
.account-page-user-avatar-category {
    padding: 4px 16px;
    background: linear-gradient(45deg, #ededed, transparent);
    border-radius: 20px;
    width: 100%;
}
.account-page-user-avatars-gravatar {
    display: flex;
    align-items: center;
}
.account-page-user-gravatar {
    position: relative;
    width: 100%;
}
.account-page-user-gravatar-explainer {
    position: absolute;
    top: -126px;
    left: 16px;
    background: #fff;
    padding: 12px;
    z-index: 3;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    box-shadow: 0 0 0 0 #00000024;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, box-shadow 0.5s ease-in-out;
}
.account-page-user-gravatar-explainer.gravatar-active {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 0 9000px #00000024;    
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, box-shadow 0.5s ease-in-out;
}
.account-page-user-what-is-gravatar {
    font-size: 12px;
    color: #003333;
    margin-left: 8px;
    cursor: pointer;
}
.gravatar-explainer {
    padding: 8px;
}
.gravatar-register {
    padding: 8px;
}
.account-page-user-avatar-submit button {
    border: none;
    background: #003333;
    color: #fff;
    padding: 8px 16px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}
.account-page-user-avatar-submit button:hover {
    background: #077;
}
.account-page-user-avatar-submit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px;
    margin-top: 12px;
}
.msg-avatar-container {
    display: flex;
    align-items: center;
    gap: 8px;
}
.msg-avatar-success-img {
    border: 1px solid #ababab;
    border-radius: 100%;
    width: 60px;
    background: #fff;
}
.msg-avatar-success-img img {
    border-radius: 100%;
    padding: 4px;
}
.msg-avatar-success {
    font-size: 12px;
}
.account-page-user-avatar:hover .account-page-user-avatar-edit-icon:before {
    content: '\f302';
    font-family: 'Font Awesome 5 Free';
    color: #077;
    position: absolute;
    top: -4px;
    right: 0px;
    cursor: pointer;
    font-size: 18px;
    background: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 0 0px 1px #c3c3c3;
    transition: all 0.3s ease-in-out;
}
.review-attributes {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}
.review-user-container {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    border-bottom: 1px solid #e3e3e3;
    padding: 8px;
}
.review-stars {
    display: flex;
}
.review-date {
    font-size: 10px;
    color: #033;
    font-weight: 600;
}
.review-user-avatar img {
    border-radius: 12px;
    padding: 1px;
}
.review-user-avatar {
    width: 50px;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
}
.review-user-name {
    font-size: 14px;
    color: #033;
    font-weight: 600;
}
.review-information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.review-content {
    font-size: 12px;
    color: #033;
    padding: 8px;
    font-weight: 500;
    font-style: italic;
}
.review-single-container {
    padding: 16px;
    margin-bottom: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    width: 100%;
    position: relative;
}
.review-single-your-review-badge {
    font-size: 10px;
    color: #003333;
    position: absolute;
    left: -2px;
    top: -10px;
    font-weight: 400;
    background: #fff;
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid #e3e3e3;
}
.this-is-your-review .review-edit-button {
    position: absolute;
    right: 8px;
    top: 8px;
}
.this-is-your-review {
    background: #fbfbfb;
}
.delete-review-container button {
    border: none;
    background: #ff0033;
    color: white;
    font-size: 10px;
    padding: 4px 16px;
    border-radius: 12px;
}
.delete-review-container {
    padding: 4px;
    text-align: right;
}
.review-single-your-review-badge:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
span.review-member-since {
    color: #3f3f3f;
    font-size: 8px;
    font-weight: 500;
}
.reviews-header {
    font-size: 16px;
    font-weight: 600;
    padding: 0px 8px;
    color: #003333;
}
.reviews-average-rating-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.reviews-average-rating-header {
    font-size: 12px;
    color: #077;
    margin-left: -4px;
}
.review-stars .stars-orange {
    cursor: default;
}
.list-reviews .stars-orange {
    cursor: default;
}
.review-ratings-detailed-individually .stars-orange {
    cursor: pointer;
}
.review-ratings-detailed-individually.no-review-star span.stars-orange {
    cursor: default;
}
.review-ratings-detailed-individually {
    display: flex;
    align-items: center;
    font-size: 11px;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
}
span.review-rating-avg-number {
    font-weight: 600;
    color: #003333;
}
.reviews-average-rating {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px;
}
.reviews-ratings-detailed {
    display: flex;
    flex-direction: column;
    padding: 8px;
}
.no-review-star {
    opacity: 0.5;
    cursor: default;
}
.review-edit-current-expand-button {
    position: absolute;
    bottom: 22px;
    left: 50%;
    background: #fdfdfd;
    width: 100px;
    text-align: center;
    transform: translate(-50%, -0);
    border-radius: 12px;
    box-shadow: 0 0 0 1px #a1a1a1;
    cursor: pointer;
    z-index: 1;
    font-size: 12px;
    padding: 2px;
}
.review-edit-current-expand-button:before {
    display: block;
    content: '\f103';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}
.expanded-current-review:before {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}
.customer-reviews.reviews-top-section {
    border-bottom: 2px solid #ededed;
    padding-bottom: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.review-submit-container-header {
    margin: 0;
    padding: 0px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}
.review-submit-header {
    font-size: 16px;
    font-weight: 600;
    padding: 0px 4px;
    color: #003333;
}
.review-submit-subtitle {
    font-size: 12px;
    padding: 8px 16px;
    color: #077;
}
.review-submit-button-header {
    margin: 12px auto;
    padding: 8px 24px;
    background: #077;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    font-weight: 500;
    border: 1px solid #077;
    cursor: pointer;
    max-height: 40px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.review-submit-button-header:before {
    content: '\f304';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
    font-size: 80%;
}
.review-submit-button-header:hover {
    background: #fff;
    color: #003333;
    border: 1px solid #d5d5d5;
}
.review-submit-slide-down-form {
    width: 100%;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 8px;
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 0 0 0;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px;
}
.review-submit-slide-down-form.review-submit-active {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    border-radius: 12px;
    background: #f7f7f7;
    box-shadow: 0 0 0 9000px #0000004f;
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.review-submit-button-header.review-submit-active {
    max-height: 0;
    padding: 0;
    border: 0;
    visibility: hidden;
    opacity: 0;
    margin: 0 auto;
}
.review-submit-slide-down-form.review-submit-active form {
    border-radius: 12px;
    margin: 0px;
    padding: 0px 16px;
    box-shadow: 0 0 0 1px #e5e5e5;
    background: white;
}
.review-submit-header:before {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
}
.review-submit-slide-down-form .write-reviews {
    background: none;
}
.review-no-reviews:before {
    content: '\f57a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 400;
}
.review-no-reviews {
    font-size: 16px;
    color: #003333;
    font-weight: 600;
    padding: 8px;
}
.review-submit-top-description {
    font-size: 12px;
    color: #033;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}
span.review-term:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 10px;
    margin-right: 4px;
}
span.review-term {
    font-weight: 500;
    padding: 2px;
}
.review-submit-top-header {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #003333;
    padding: 16px 40px;
}
.review-submit-top-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
span.review-term-header {
    font-weight: 600;
    margin-bottom: 8px;
}
span.review-term-header:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.submit-review-control-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    padding: 16px 8px;
}
.submit-review-control-buttons input.highlight-button {
    margin: 0;
    width: 120px;
    text-align: center;
}
.submit-review-cancel {
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    background: #ffffff;
    color: #ff0033;
    font-size: 14px;
    padding: 4px 16px;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    letter-spacing: unset;
    line-height: 20px;
    width: 100px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.submit-review-cancel:hover {
    color: #ff0033;
    background: #f5f5f5;
}
.review-product-review-image {
    display: flex;
    align-items: center;
    padding: 4px;
    margin-right: auto;
}
.review-product-image-text {
    font-size: 14px;
    font-weight: 600;
    color: #003333;
}
.review-product-image img {
    width: 60px;
}
.review-saved-success-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
}
span.review-saved-success {
    font-size: 16px;
    font-weight: 500;
}
span.review-saved-success:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 6px;
}
span.review-saved-success-description {
    padding: 8px 4px;
    font-size: 12px;
}
.ratingbox-sublayout {
    width: 80px;
    cursor: pointer;
}
div#rating-sublayout .ratingbox {
    width: 80px;
    cursor: pointer;
}
.product-grid-product-middle-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product-grid-product-rating {
    padding: 2px 8px;
    margin-right: auto;
}
.vmproductdetails-products-desc-tab {
    margin-top: 36px;
    padding-top: 36px;
    border-top: 1px solid #e3e3e3;
}
.vmproductdetails-product-warranty-header, 
.vmproductdetails-product-return-header {
    font-size: 16px;
    color: #033;
    padding: 8px;
    text-align: left;
    width: 100%;
    font-weight: 600;
    border-radius: 24px;
    margin-top: 4px;
}
.vmproductdetails-product-warranty-header:before,
.vmproductdetails-product-return-header:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 600;
}
.product-warranty-introduction, .product-return-introduction {
    font-size: 14px;
    padding: 8px;
    color: #003333;
    margin-right: auto;
}
.product-warranty-coverage-header {
    font-size: 16px;
    padding: 8px 4px;
    color: #077;
    font-weight: 600;
}
.product-return-coverage-header {
    font-size: 16px;
    padding: 8px 4px;
    color: #077;
}
.product-warranty-coverage-header:before,
.product-warranty-coverage-item:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.product-warranty-coverage-item-container,
.product-warranty-no-coverage-item-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
span.product-warranty-example,
span.product-return-example {
    font-size: 10px;
    padding: 0px 4px;
    color: #939393;
    display: inline-block;
    cursor: pointer;
}
span.product-warranty-example:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
}
.product-warranty-coverage-item,
.product-return-coverage-item {
    font-size: 13px;
    color: #055;
    padding: 2px 16px;
    display: inline-block;
    align-items: baseline;
}
.product-warranty-example-popup,
.product-return-example-popup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0px 32px;
    font-size: 12px;
    color: #003333;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    max-height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s ease-in-out, opacity 0.5s ease-in-out, max-height 0.3s ease-in-out, padding 0.5s ease-in-out;
}
.product-warranty-example-popup.example-specs-warranty-active,
.product-warranty-example-popup.example-quality-warranty-active,
.product-warranty-example-popup.example-water-warranty-active,
.product-return-example-popup.example-specs-warranty-active,
.product-return-example-popup.example-quality-warranty-active,
.product-return-example-popup.example-water-warranty-active {
    padding: 8px 32px;
    padding-bottom: 30px;
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    transition: visibility 0.3s ease-in-out, opacity 0.5s ease-in-out, max-height 0.3s ease-in-out, padding 0.5s ease-in-out;
}
span.warranty-example-header {
    font-size: 14px;
    padding: 4px;
    color: #003333;
}
span.warranty-example-procedure {
    padding: 4px 8px;
}
span.warranty-example-step {
    padding: 2px 24px;
}
span.warranty-example-disclaimer {
    padding: 8px 12px;
    color: #003333;
    font-weight: 600;
}
span.warranty-example-procedure {
    padding: 4px 8px;
    font-weight: 500;
}
.product-warranty-specs-example-close-btn:before,
.product-warranty-quality-example-close-btn:before,
.product-warranty-water-example-close-btn:before {
    content: '\f102';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.product-warranty-specs-example-close-btn,
.product-warranty-quality-example-close-btn,
.product-warranty-water-example-close-btn {
    position: absolute;
    bottom: 0;
}
.product-warranty-specs-example-close-btn,
.product-warranty-quality-example-close-btn,
.product-warranty-water-example-close-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    width: 50px;
    border-bottom: none;
    text-align: center;
    border-radius: 20px 20px 0 0;
    font-size: 14px;
    cursor: pointer;
}
.product-warranty-no-coverage-header {
    font-size: 16px;
    padding: 8px 4px;
    color: #ff0033;
    font-weight: 600;
}
.product-warranty-no-coverage-item {
    font-size: 13px;
    color: #ff0033;
    padding: 2px 16px;
    display: inline-block;
    align-items: baseline;
}
.product-warranty-no-coverage-header:before,
.product-warranty-no-coverage-item:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.product-warranty-show-more,
.product-returns-show-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    position: relative;
}
.product-warranty-show-more-description,
.product-returns-show-more-description {
    display: flex;
    text-align: center;
    align-items: baseline;
    gap: 4px;
    font-size: 14px;
    color: #003333;
    padding: 8px;
}
.product-warranty-show-more-button,
.product-returns-show-more-button {
    margin-top: 8px;
}
.product-warranty-show-more-button a,
.product-returns-show-more-button a {
    display: block;
    width: fit-content;
    padding: 8px 24px;
    background: #003333;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.product-returns-introduction a {
    font-weight: 700;
    color: #033;
    text-decoration: underline;
}
.product-returns-introduction a:hover {
    color: #099;
}
.product-warranty-show-more-button a:hover,
.product-warranty-show-more-button a:active,
.product-warranty-show-more-button a:focus,
.product-returns-show-more-button a:hover,
.product-returns-show-more-button a:active,
.product-returns-show-more-button a:focus {
    background: #077;
    color: #fff;
}
.product-warranty-show-more-description:before,
.product-returns-show-more-description:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.product-warranty-information-container {
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 8px 16px;
}
.review-reviews-only-for-buyers:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.review-reviews-only-for-buyers {
    font-size: 14px;
    padding: 16px;
    margin-right: auto;
    color: #656565;
}
.product-warranty-icon,
.product-returns-icon {
    width: 100px;
    margin-right: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.product-warranty-container, 
.product-returns-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    position: relative;
}
.product-warranty-show-more-button a:before,
.product-returns-show-more-button a:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.product-returns-introduction {
    font-size: 14px;
    padding: 16px;
    color: #003333;
}
.product-returns-introduction-container {
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    padding: 8px 16px;
    padding-bottom: 16px;
}
.product-returns-introduction-header {
    font-size: 16px;
    font-weight: 600;
    color: #003333;
    padding: 8px;
}
.product-returns-introduction-header:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
}
.product-returns-introduction-header.hygiene-exception,
.product-returns-introduction-header.under-thirty-euros {
    color: #ff0033;
}
.product-returns-introduction-header.hygiene-exception:before,
.product-returns-introduction-header.under-thirty-euros:before {
    content: '\f057';
}
.product-returns-introduction {
    font-size: 14px;
    padding: 8px 16px;
    color: #055;
}
.product-returns-withdrawal-explanation {
    font-size: 14px;
    padding: 8px 16px;
    color: #055;
}
.product-returns-introduction.hygiene-exception,
.product-returns-introduction.under-thirty-euros {
    color: #ff0033;
    font-weight: 500;
}
.ask-a-question-user-details input {
    padding: 8px !important;
}
button.delete-review-button:hover, 
button.delete-review-button:active, 
button.delete-review-button:focus {
    background: #83001a;
}
.offcanvas-menu-toggler {
    display: none;
}
.sp-module.search-toggler {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #bbbbbb;
    background: #fdf5f2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 2px !important;
    position: relative;
    z-index: 99;
}
.sp-module.search-toggler:before {
    content: '\e618';
    font-family: 'peIcon7';
    font-weight: 600;
    font-size: 20px;
}
.sp-module.search-toggler.search-active:before {
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
    color: #434343;
}
.main-ajax-search {
    width: 100%;
    margin: 0px auto;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.ajax-search-container.clearfix {
    z-index: 101;
    position: relative;
}
.search-suggestions-top-searches-user-container {
    margin-top: 0px !important;
}
.search-suggestions {
    position: absolute;
    background: #fff;
    width: 100%;
    max-height: 0px;
    top: 2px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    padding: 0px;
    padding-top: 38px;
    border-radius: 16px;
    outline: 1px solid #eeeeee;
    border-top: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px, 0 0 0 9000px #00000014;
    z-index: 100;
    transition: all 0.3s ease-in-out;
}
.main-ajax-search .search-input {
    background: #fbfbfb;
    box-shadow: rgba(50, 50, 93, 0.01) 0px 2px 5px -1px, rgba(0, 0, 0, 0.2) 0px 1px 3px -1px;
    border-radius: 32px;
    width: 100%;
    z-index: 101;
    position: relative;
    border: 1px solid #00333378;
    display: flex;
    align-items: center;
}
.main-ajax-search input {
    width: 94% !important;
    text-indent: 32px;
    font-weight: 500;
    border: none !important;
    color: #003333;
    font-size: 13px !important;
    background: none !important;
    padding: 4px 8px !important;
}
.main-ajax-search.search-active .search-suggestions {
    opacity: 1;
    visibility: visible;
    max-height: 600px;
    transition: all 0.3s ease-in-out;
}
.main-ajax-search.search-active .search-suggestions.search-suggestions-off {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visiblility 0.1s ease-in-out;
}
.search-input-container .search-area-close {
    cursor: pointer;
    padding: 0 4px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
    transform: translate(0, -50%);
}
.main-ajax-search .search-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    z-index: 999;
}
.search-input-container {
    position: relative;
}
.d-flex {
    display: flex !important;
}
.vmproductdetails-product-description p {
    height: 0;
}
.product-grid-product-rating .ratingbox {
    width: 80px;
}
.offcanvas-menu a#offcanvas-menu-toggler {
    display: none;
}
.ui-tabs-placeholder {
    order: 1;
    display: flex;
    align-items: flex-start;
    padding: 20px;
    width: 75%;
    margin: 12px 0;
    position: relative;
    flex-direction: column;
    max-height: 660px;
    animation: bounceInRight 0.5s ease-in-out;
}
.ui-tabs-placeholder-header {
    font-size: 16px;
    color: #033;
    font-weight: 600;
}
.ui-tabs-placeholder-header:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-size: 14px;
}
.ui-tabs-placeholder-bott {
    display: flex;
    justify-content: center;
    width: 200px;
    padding: 16px;
}
table.user-details {
    margin-bottom: 0px;
}
img.ui-tabs-bott-mobile {
    display: none;
}
.account-details-member.for-invoice tbody {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px !important;
}
.account-details-member.for-invoice tr.invoicecheckbox {
    padding: 0 !important;
    border: none;
    display: flex;
    flex-direction: row;
}
.account-details-member.for-invoice table.adminForm.user-details {
    width: 100%;
}
.account-details-member.for-invoice {
    width: 100%;
    padding: 8px;
}
tr.invoicecheckbox td {
    display: flex;
    align-items: center;
}
.account-details-member.for-invoice tr.companyname,
.account-details-member.for-invoice tr.vat,
.account-details-member.for-invoice tr.companycity,
.account-details-member.for-invoice tr.companyzip,
.account-details-member.for-invoice tr.companyaddress,
.account-details-member.for-invoice tr.companyphone {
    width: 48.9% !important;
}
.account-details-section-content > div,
.account-products-section-content > div {
    display: none;
}
.account-details-section-content > div.user-account-content-active,
.account-products-section-content > div.user-account-content-active {
    display: block;
}
.account-products-section-wishlist-content, 
.account-products-section-recent-content,
.account-products-section-for-you-content,
.account-products-section-top-sellers-content,
.account-products-section-top-searches-content,
.account-products-section-our-picks-content,
.account-products-section-feeling-lucky-content {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    white-space: nowrap;
}
.account-details-section-content {
    width: 100%;
    padding: 8px;
}
span.account-products-section-header-subtitle.account-products-content-subtitle {
    display: flex;
    flex-direction: column;
}
.vme-list-section-cart {
    padding: 8px;
}
span.custom-variant-inputbox input.custom-attribute:hover, span.quantity-box input.quantity-input:hover, input.vm-default:hover, span.quantity-box input.quantity-input:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.ask-a-question:hover, a.details:hover, div.details:hover, a.product-details:hover, button.default:hover {
    background-position: 0 0px;
    color: #003333;
}
span.no-sponsored {
    padding: 0px 16px;
    font-size: 10px;
    color: #a7a7a7;
}
span.no-sponsored:before {
    content: '\f06a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.order-status-selector {
    display: block;
    cursor: pointer;
    font-size: 12px;
    padding: 8px 16px;
    width: 100%;
    color: #003333;
    text-align: center;
    font-weight: 500;
}
.account-details-orders-select-status {
    position: relative;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
.status-hidden {
    display:none;
}
.order-status-active {
    border-bottom: 2px solid #077;
    font-weight: 600;
}
.account-products-section-container,
.account-details-member-container,
.account-details-tab-container,
.account-details-review-main-container {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 4px;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.account-details-header {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.account-products-section-header-container,
.account-details-order-select-status-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 8px 16px;
}
.account-details-user-review-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 16px;
    background: #fbfbfb;
    border-radius: 12px;
}
.account-details-user-review-content-container {
    width: 100%;
}
.account-details-user-review-header {
    border: 1px solid #e5e5e5;
    padding: 8px 16px;
    border-radius: 12px 12px 0 0;
    border-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    color: #003333;
    background: #f5f5f5;
}
.account-details-user-review-product-sku-container {
    font-size: 11px;
    color: #515151;
    margin: 0px 4px;
    font-weight: 300;
}
.account-details-user-review-product-container {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    padding: 16px;
    width: 100%;
    position: relative;
}
.account-details-user-review-product {
    width: 90%;
    font-size: 13px;
    color: #077;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    max-width: 0;
    transition: opacity 0.3s ease-in-out;
}
.account-details-user-review-product-img {
    width: 80px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #e5e5e5;
}
.account-details-user-review-product-img img {
    border-radius: 100%;
    padding: 8px;
}
.account-details-user-review-content {
    margin: 8px;
    font-size: 12px;
}
.account-details-user-review-edit {
    width: fit-content;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    background: #fff;
    color: #003333;
    transition: all 0.3s ease-in-out;
}
.account-details-user-review-edit:hover {
    background: #f5f5f5;
}
.account-details-user-review-rating {
    margin: 0px 8px;
}
.account-details-user-review-rating .ratingbox div, .ratingbox span {
    cursor: default;
}
.rating-container {
    position: relative;
    left: 0;
}
.account-details-user-review-product-edit {
    width: 85%;
    font-size: 13px;
    color: #077;
    padding: 0;
    background: #fcfcfc;
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    visibility: hidden;
    max-height: 0;
    max-width: 0;
    opacity: 0;
}
.account-details-user-review-product-edit .rating {
    padding: 0;
}
.account-details-user-review-edit-content {
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #d5d4d4;
    border-radius: 12px;
}
.review-edit-rating .stars-orange {
    cursor: pointer;
}
.account-details-user-review-edit-submit {
    border: 1px solid #d5d4d4;
    background: #ffffff;
    padding: 4px 16px;
    color: #003333;
    font-weight: 500;
    border-radius: 12px;
    width: fit-content;
    transition: all 0.3s ease-in-out;
}
.account-details-user-review-edit-submit:hover {
    background: #f5f5f5;
}
form.account-details-user-review-product-edit-form {
    display: flex;
    flex-direction: column;
}
.account-details-user-review-edit-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
}
.review-edit-toggler {
    padding: 8px;
    margin: 8px;
    visibility: visible;
    opacity: 1;
    max-height: 100%;
    max-width: 100%;
}
.account-details-review-main-container {
    overflow: hidden;
    border-radius: 12px;
    margin-top: 14px;
}
.account-details-review-main-container .alert.alert-success {
    position: relative;
}
.review-alert-close-button {
    position: absolute;
    right: 12px;
    font-size: 20px;
    cursor: pointer;
}
.review-alert-close-button:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
}
.account-details-user-review-delete-submit {
    border: none;
    background: none;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.account-details-user-review-unreviewed-header {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
    padding: 0px 8px;
}
.account-details-user-review-unreviewed-subtitle {
    font-size: 12px;
    margin-left: 8px;
    color: #055;
    padding: 0px 8px;
}
.account-details-user-review-unreviewed-single-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 49%;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}
.account-details-user-review-unreviewed-product-container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
}
.account-details-user-review-unreviewed-product-details {
    display: flex;
    flex-direction: column;
    padding: 8px 4px;
}
.account-details-user-review-unreviewed-product-details a{
    color: #003333;
}
.account-details-user-review-unreviewed-product-name {
    font-size: 14px;
    padding: 8px 4px;
    font-weight: 600;
}
.account-details-user-review-unreviewed-product-misc-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 8px;
}
.account-details-user-review-unreviewed-product-sku-container {
    font-size: 12px;
    color: #077;
}
span.account-details-user-review-unreviewed-product-sku {
    font-size: 12px;
    color: #9b9b9b;
}
.account-details-user-review-unreviewed-product-add-button {
    padding: 6px 24px;
    background: #077;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s ease-in-out;
}
span.account-details-user-review-add-review {
    display: flex;
    justify-content: center;
    align-items: center;
}
span.account-details-user-review-add-review a {
    color: white;
    font-size: 14px;
    font-weight: 600;
}
.account-details-user-review-unreviewed-product-add-button:hover {
    background: #003333;
}
.account-details-user-review-unreviewed-product-img {
    width: 116px;
    position: relative;
    top: 16px;
    margin-right: 8px;
}
.account-details-user-review-unreviewed-main-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px;
}
.account-details-user-review-main-header {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
    padding: 0px 8px;
    margin: 16px 0;
}
.account-details-user-review-unreviewed-products-header-container {
    margin: 16px 8px;
}
.account-details-user-review-buttons {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 12px 12px;
    border-top: none;
    padding: 8px;
    justify-content: center;
    background: #fbfbfb;
    width: 100%;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.account-details-user-review-delete-form {
    width: fit-content;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 12px;
    cursor: pointer;
    background: #ff0033;
    transition: all 0.3s ease-in-out;
}
.account-details-user-review-delete-form:hover {
    background: #b30024;
}
.account-details-user-review-buttons.review-edit-toggler {
    display: none;
}
.account-details-user-review-existing-reviews-container {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
}
.account-details-user-review-unreviewed-product-purchased-on {
    font-size: 11px;
    color: #099;
    font-weight: 600;
    position: absolute;
    top: -2px;
    left: 2px;
}
.account-details-user-review-no-reviews-header {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
    padding: 0px 8px;
}
.account-details-user-review-no-reviews-subtitle {
    font-size: 14px;
    margin-left: 8px;
    color: #055;
    padding: 16px;
}
.account-details-user-review-no-reviews-header:before {
    content: '\f57a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 100;
}
.account-details-member-invoice-section-buttons button.btn.btn-dark {
    display: none;
}
.account-details-member-invoice-description {
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #003333;
}
div#tab-2 .account-details-addresses-header {
    display: none;
}
.content-main-address button.btn.btn-dark {
    display: none;
}
.addST button.btn.btn-dark {
    display: block;
}
.addST .account-details-member-container {
    margin-top: 0;
}
.addST .account-details-submenu-header {
    display: none;
}
ul#tabs .current .tab-subtitle {
    display: none;
}
.account-details-member-invoice-section-container {
    display: flex;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
}
.account-details-member-invoice-section-bott {
    max-width: 90px;
}
.account-details-member.for-invoice tr.invoicecheckbox .key {
    position: relative;
}
.account-details-member-invoice-description.invoice-active {
    color: #c7c7c7;
}
.search-input-bar {
    border: 1px solid #bbbbbb;
    border-radius: 12px;
    padding: 8px;
}
div#rating-sublayout {
    width: 80px;
}
.vme-success .vme-message-content {
    background-color: #077;
    color: #FFF;
}
.vme-message-content {
    position: relative;
    background-color: #000;
    color: #FFF;
    padding: 16px;
    text-align: left;
    font-size: 12px;
    line-height: unset;
    border: 0 none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    pointer-events: auto;
}
.vme-message-close {
    top: 4px;
    right: 8px;
    font-size: 20px;
}
.ordercourier-group,
.shipto_ordercourier-group,
.zip2-group {
    display: none;
}
.off-menu_179 .link {
    display: flex !important;
}
li.nav-item.divider {
    display: block;
    padding: 2px;
    border-bottom: 2px solid #e4e4e4;
    width: 100%;
    font-size: 0;
    margin: 8px;
}
.popup-menu-header {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #003333;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    width: 100%;
}
.nav-item .login-button {
    display: block;
    width: 100%;
    background: #077;
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    margin: 8px 0;
}
.nav-item .login-button:hover {
    background: #099;
    color: #fff;
}
.nav-item .register-button {
    display: block;
    width: 100%;
    background: #003333;
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    margin: 8px 0;
}
.nav-item .register-button:hover {
    background: #077;
    color: #fff;
}
.nav-item .recover-page {
    font-size: 12px;
    color: #077;
    font-weight: 500;
    padding-left: 8px;
}
.nav-item .recover-page:before {
    content: '- ';
    font-weight: 700;
    color: #003333;
}
.popup-guest-register {
    display: none;
}
table.user-details input.invalid {
    background: #fcfcfc;
}
.alert-message .popup-register-success-email-clients {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.user-remind-username-out-container,
.user-reset-password-out-container {
    display: flex;
    width: 100%;
}
.user-remind-username-out-container .col-lg-4,
.user-reset-password-out-container .col-lg-4{
    width: 100%;
}
.user-remind-username-out-container form#user-registration,
.user-reset-password-out-container form#user-registration {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.user-remind-username-out-container fieldset,
.user-reset-password-out-container fieldset {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.user-remind-username-wrapper,
.user-reset-password-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
}
.user-remind-username-header,
.user-reset-password-header {
    font-size: 18px;
    font-weight: 600;
    color: #003333;
    padding: 8px;
}
.user-remind-username-header:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.user-reset-password-header:before {
    content: '\f023';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.user-remind-username-description,
.user-reset-password-description-default,
.user-reset-password-description-from-redirection {
    font-size: 13px;
    color: #055;
    padding: 8px;
    text-align: center;
}
.user-remind-username-out-container button.btn.btn-primary.validate,
.user-reset-password-out-container  button.btn.btn-primary.validate{
    margin: 8px;
}
.user-remind-username-out-container label#jform_email-lbl,
.user-reset-password-out-container  label#jform_email-lbl{
    font-size: 14px;
    color: #003333;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
.remind-username-popup:before {
    content: '\f118';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 4px;
}
.logged-in-cart-popup:before {
    content: '\f07a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.reset-password-success-popup:before {
    content: '\f59a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 100;
    margin-right: 4px;
}
.user-subpage-links-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.user-subpage-links-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    width: 100%;
}
.user-subpage-links-header {
    font-size: 14px;
    font-weight: 600;
    color: #003333;
}
.user-subpage-links-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
}
.user-subpage-element:before {
    content: '- ';
}
.remind,
.reset,
.reset-confirm,
.reset-complete {
    background: #fcfcfc;
    padding: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 8px;
    margin: 16px;
}
.reset-confirm form,
.reset-complete form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.user-reset-password-validate-fields-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
}
.control-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
}
.user-reset-password-validate-fields-container label.invalid {
    background-color: transparent;
    position: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.user-reset-password-validate-fields-container .controls,
.reset-complete .controls {
    margin: 0;
}
.user-reset-password-validate-fields-container label.invalid span.form-control-feedback {
    position: absolute;
    bottom: 4px;
    right: 50%;
    transform: translateX(50%);
    margin: 0px;
    background: none;
    border-radius: 8px;
    color: #ff0033;
    font-size: 10px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.user-reset-password-validate-fields-container .controls {
    margin: 0;
    width: 100%;
    position: relative;
}
.user-reset-password-username-remind {
    font-size: 11px;
    font-weight: 600;
    color: #099;
    padding: 8px;
}
label#jform_token-lbl {
    padding: 8px;
}
.reset-confirm .controls {
    margin-left: 0;
}
.user-reset-password-paste-token:before {
    content: '\f328';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #077;
}
.user-reset-password-paste-token {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    border-radius: 8px;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}
.user-reset-password-paste-token:before {
    content: '\f328';
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #077;
    font-weight: 100;
}
.controls.token-input {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
input#jform_username {
    display: inline;
    margin: 0 auto;
    padding: 0px;
    border-radius: 8px;
    font-weight: 600;
    color: #033;
    text-align: left;
    background: none;
    border: none;
    font-size: 12px;
    margin-left: 4px;
}
label#jform_username-lbl {
    font-size: 0;
}
label#jform_username-lbl:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    font-weight: 600;
}
input#jform_email1 {
    max-width: unset;
    margin: 0 auto;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    color: #033;
}
.reset-validation-success:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.reset-complete .form-control-feedback {
    display: none;
}
.reset-complete .text-center {
    max-width: 320px;
    margin: 0 auto;
    opacity: 0.7;
    font-size: 10px;
}
input#jform_token {
    max-width: 270px;
    font-size: 14px;
}
.user-reset-password-description {
    font-size: 13px;
    text-align: center;
    padding: 8px;
    color: #077;
}
div#customSelectContainer {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 8px;
    position: relative;
    margin: 0 auto;
    animation: fadeIn 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.order-help-custom-btn {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: #055;
    font-weight: 600;
    padding: 8px;
    text-align: left;
    border-radius: 8px;
    cursor: pointer;
    justify-content: flex-start;
    transition: all 0.3s ease-in-out;
    margin: 8px;
    background: #fff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.order-help-custom-btn:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #077;
    font-size: 22px;
    margin-right: 4px;
    width: 30px;
}
.order-help-custom-btn:hover {
    background: #ededed;
}
.category-btn-1:before {
    content: '\f466';
}
.category-btn-2:before {
    content: '\f07a';
}
.category-btn-3:before {
    content: '\f15c';
}
.category-btn-4:before {
    content: '\f059';
}
.order-help-selected {
    width: 100%;
    min-height: 0px;
    box-shadow: none;
    color: #077;
    font-size: 12px;
    cursor: default;
    animation: none !important;
    border-radius: 0;
    padding: 0px 38px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ededed;
    background: none;
    margin: 0px;
    justify-content: flex-start;
}
.order-help-selected:before {
    content: '' !important;
    font-size: 12px;
    margin-right: 8px;
    width: 4px;
}
.order-help-cancel-btn:before {
    content: '\f053';
    font-weight: 600;
    font-size: 12px;
    color: #077;
}
.order-help-selected:hover {
    background: none;
}
.rpx_field.rpx_field_42.form-group {
    display: none;
}
.back-btn-1,
.back-btn-2,
.back-btn-3,
.back-btn-4,
.order-help-cancel-btn,
.cancel-btn-something-else,
.sub-options-back-btn {
    position: absolute;
    left: 0;
    box-shadow: none;
    min-height: auto;
    font-weight: 600;
    width: auto;
    padding: 8px;
    padding-top: 0;
    margin: 4px;
    background: none;
}
.rpx_field.rpx_field_31.form-group {
    margin: 0 8px;
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_2 {
    margin: 0 8px;
}
.order-help-custom-btn.category-btn-4.order-help-selected {
    width: 100%;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #003333;
    text-align: left;
    padding: 8px;
    padding-top: 0;
    text-indent: 36px;
    border-radius: 8px 8px 0 0;
    margin: 0;
    justify-content: flex-start;
    border-bottom: none;
}
.back-btn-1:hover,
.back-btn-2:hover,
.back-btn-3:hover,
.back-btn-4:hover,
.order-help-cancel-btn:hover,
.cancel-btn-something-else:hover,
.sub-options-back-btn:hover {
    background: none;
}
.back-btn-1:before,
.back-btn-2:before,
.back-btn-3:before,
.back-btn-4:before,
.sub-options-back-btn:before,
.cancel-btn-something-else:before {
    content: '\f053';
    font-weight: 600;
    font-size: 12px;
    color: #077;
}
.order-help-cancel-btn:hover {
    background: none;
}
.rpx_field.rpx_field_34.form-group {
    display: none;
}
.option-btn-1-0:before {
    content: '\f05a';
}
.option-btn-1-1:before {
    content: '\f017';
}
.option-btn-1-2:before {
    content: '\f00d';
    color: #ff0033;
}
/* .order-help-custom-btn.option-btn-1-2 {
    background: #fff;
    color: #003333;
    font-weight: 400;
    width: 300px;
    font-size: 12px;
    padding: 4px 16px;
    margin: 8px;
    box-shadow: none !important;
    position: relative;
    top: 16px;
} */
.order-help-custom-btn.option-btn-1-2.order-help-selected {
    border: none;
    color: #ff0033;
    width: 100%;
    min-height: 0px;
    box-shadow: none;
    font-weight: 500;
    font-size: 12px;
    cursor: default;
    animation: none !important;
    border-radius: 0;
    padding: 0px 16px;
    background: none;
    margin: 4px;
    justify-content: flex-start;
}
.order-help-custom-btn.option-btn-1-2.order-help-selected:before {
    color: #ff0033;
}
.category-description {
    width: 100%;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #003333;
    text-align: left;
    padding: 8px;
    padding-top: 0;
    text-indent: 36px;
    border-radius: 8px 8px 0 0;
}
.order-help-custom-btn.category-btn-4.order-help-selected:before {
    content: '';
    margin: 0;
    width: 0;
}
.order-help-btn-sub-add-quantity:before {
    content: '\f303';
}
.order-help-btn-sub-add-new:before {
    content: '\f217';
}
.order-help-btn-sub-edit-quantity:before {
    content: '\f303';
}
.order-help-btn-sub-remove-product:before {
    content: '\f2ed';
}
.option-btn-3-0:before {
    content: '\f48b';
}
.option-btn-3-1:before {
    content: '\f15c';
}
.header-text {
    width: 100%;
}
.option-order-header .header-icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 16px;
}
.order-menu-header .header-icon {
    content: '';
    background: url(https://spott.gr/images/site-icons/question-icon.png) no-repeat;
    background-size: 100%;
}
.product-menu-header-add .header-icon {
    content: '';
    background: url(https://spott.gr/images/site-icons/products-sample-icon.png) no-repeat;
    background-size: 100%;
}
.product-menu-header-remove .header-icon {
    content: '';
    background: url(https://spott.gr/images/site-icons/remove-icon.png) no-repeat;
    background-size: 100%;
}
.billing-menu-header .header-icon {
    content: '';
    background: url(https://spott.gr/images/site-icons/details-icon.png) no-repeat;
    background-size: 100%;
}
.option-order-header {
    font-size: 13px;
    padding: 8px 16px;
    text-align: left;
    color: #003333;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7e7e7;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.order-help-selected-active .option-order-header {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.product-menu-header-add {
    border-bottom: none;
    padding-bottom: 0;
}
.product-menu-header-remove {
    margin-top: 16px;
    border-top: 1px solid #e7e7e7;
    padding-top: 16px;
    border-bottom: none;
    padding-bottom: 0;
    display: none;
}
.order-help-custom-btn.order-help-btn-sub-edit-quantity {
    display: none !important;
}
.need-update-cancel-order-intro:before {
    content: '';
    background: url(https://spott.gr/images/site-icons/warning-icon.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 50px;
    height: 34px;
    margin-right: 16px;
}
.order-help-selected-active .order-help-custom-btn.option-btn-1-2 {
    position: unset;
    color: #077;
    padding: 0px 38px;
    margin: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #ededed;
}
div#cancel-confirm-btn:before {
    content: '\f0c8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-right: 8px;
}
div#cancel-confirm-btn.selected-cancel:before {
    content: '\f14a';
}
label[for=rpx_3rpx_NeedUpdate_-_Main_Selector_2_NeedUpdate_-_2a_Delay] {
    margin: 8px;
}
.quantity-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    margin: 0px;
    padding: 8px;
    border-radius: 16px;
    z-index: 1;
    width: 100%;
    pointer-events: none;
    box-shadow: none;
    animation: backInUp 0.3s linear;
}
.quantity-input-container .quantity-minus {
    margin: 4px;
    width: 24px;
    height: 24px;
    font-size: 20px;
    color: #003333;
    font-weight: 900;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    pointer-events: all;
}
.quantity-input-container .quantity-display {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 8px;
    width: 30px;
    text-align: center;
    color: #003333;
}
.quantity-input-container .quantity-plus {
    margin: 4px;
    width: 24px;
    height: 24px;
    font-size: 20px;
    color: #003333;
    font-weight: 900;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    pointer-events: all;
}
.quantity-cancel:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 24px;
}
.quantity-done:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 24px;
    margin: 0px 4px;
}
.quantity-done {
    pointer-events: all;
}
.quantity-cancel {
    color: #ff0033;
    pointer-events: all;
}
.quantity-header {
    font-size: 12px;
    padding: 4px;
    color: #077;
    font-weight: 600;
}
.rpx_field.rpx_field_35.form-group .rapid_contact_ex.rapid_contact_ex_explanatory_text {
    width: 100%;
    padding: 0px 16px;
}
.order-section-add-product-quantity-content.selected {
    pointer-events: none;
}
.default-add-product-total-prices {
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    border-radius: 8px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: 1px solid #c1c1c1;
    align-items: center;
    max-height: 0px;
    visibility: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.default-add-product-total-prices.selected {
    padding: 16px;
    margin: 4px;
    max-height: 600px;
    visibility: visible;
    opacity: 1;
    transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.default-add-product-quantity-form-header-title:before {
    content: '\f303';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #077;
    font-size: 20px;
    margin-right: 4px;
    width: 30px;
}
.current-order-total,
.updated-order-total {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;
    width: 50%;
    text-align: center;
    font-size: 12px;
    padding: 8px;
    color: #003333;
    background: #fff;
    min-height: 80px;
    justify-content: center;
    margin: 4px;
}
.default-add-product_quantity-starting-price-value {
    font-size: 16px;
    color: #077;
    font-weight: 600;
}
.default-add-product_quantity-new-price-value {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.updated-order-total {
    background: #077;
    color: #e1e1e1;
    font-weight: 600;
}
.default-add-product-final-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}
.default-add-product-final-header {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #003333;
    padding-bottom: 8px;
}
.default-add-product-final-header:before {
    /* content: '\f0ae'; */
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.default-add-product-final-total-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
}
.default-add-product-final-note {
    font-size: 10px;
    font-weight: 600;
    color: #099;
    padding: 8px;
    text-align: center;
}
.default-add-product-final-note:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 2px;
}
.order-section-order-help-prices.submenu-qty {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    margin: 4px 8px;
}
.add-quantity-price-before-container,
.add-quantity-price-after-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.add-quantity-price-before-description {
    font-size: 12px;
    color: #003333;
}
.add-quantity-price-before-value {
    font-size: 14px;
    color: #077;
    font-weight: 500;
    margin-left: 4px;
}
.add-quantity-price-after-description {
    font-size: 13px;
    color: #003333;
    font-weight: 600;
}
.add-quantity-price-after-value {
    font-size: 16px;
    color: #003333;
    font-weight: 600;
    margin-left: 4px;
}
.edit-selection-button {
    font-size: 16px;
    text-align: center;
    color: #077;
    margin: 0 0px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    right: 40px;
    pointer-events: all;
    animation: fadeInUp 0.3s linear;
}
.edit-selection-button:before {
    content: '\f044';
    font-family: 'Font Awesome 5 Free';
}
.cancel-selection-button {
    font-size: 16px;
    text-align: center;
    color: #ff0033;
    margin: 0 0px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 7px;
    right: 16px;
    pointer-events: all;
    animation: fadeInUp 0.3s linear;
}
.cancel-selection-button:before {
    content: '\f410';
    font-family: 'Font Awesome 5 Free';
}
.order-section-add-product-quantity-content.pre-selected {
    border: 1px solid #077633;
    margin-bottom: 16px;
    background: #f7f7f7;
}
.default-add-product-total-prices.selected:after {
    content: '';
}
.selected .order-section-order-help-quantity.submenu-qty,
.pre-selected .order-section-order-help-quantity.submenu-qty {
    display: none;
}
.body-no-scroll {
    overflow: hidden;
}
.body-no-scroll-enh {
    overflow: hidden;
    pointer-events: none;
}
.filters-open .vmcategory-filter-container {
    border: none;
}
.need-help-toggle-button:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    color: #ff0033;
    font-size: 16px;
}
.need-help-toggle-button {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0px;
}
.need-help-toggle-button.ST-selected {
    max-height: 40px;
    visibility: visible;
    opacity: 1;
    animation: bounceIn 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-left: 12px;
    margin-right: 4px;
}
.need-help-confirm-button:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    color: #077;
    font-size: 20px;
    font-weight: 600;
}
.need-help-confirm-button {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
}
.ST-selected .need-help-confirm-button {
    max-height: 40px;
    visibility: visible;
    opacity: 1;
    animation: bounceIn 0.5s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-left: auto;
    margin-right: 8px;
}
.inputbox.ST-confirmed {
    max-height: 0 !important;
    padding: 0 !important;
    border: 0px !important;
}
.st-details-change-request .rpx_label {
    text-align: left !important;
}
.st-details-change-request .rpx_field_input {
    position: relative;
}
.st-details-change-request .ST-confirmed .rpx_label label {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 8px 16px;
    width: 100% !important;
    background: #fbfbfb;
}
.rpx_field.ST-selected.ST-confirmed .need-help-toggle-button.ST-selected {
    bottom: 11px;
    right: 26px;
}
.rpx_field.ST-selected.ST-confirmed .need-help-confirm-button.ST-confirmed {
    bottom: 12px;
    right: 8px;
}
.need-help-confirm-button.ST-confirmed:before {
    content: '\f044';
    font-size: 16px;
}
.st-confirmed-value {
    font-size: 10px;
    color: #077;
}
.st-details-change-request .inputbox {
    border: 0px;
}
.st-confirmed-value:after {
    content: '\f303';
    font-family: 'Font Awesome 5 Free';
    margin-left: 4px;
}
.changes-summary-title {
    font-size: 13px;
    padding: 4px 8px;
    color: #003333;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
.st-details-changes-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
    margin: 8px auto;
}
.changes-summary-header {
    width: 100%;
    padding-top: 8px;
}
.changes-summary-item {
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 2px 4px;
}
.changes-summary-item-label {
    font-size: 13px;
    font-weight: 400;
    color: #003333;
}
.changes-summary-item-label {
    font-size: 12px;
    font-weight: 400;
    color: #003333;
}
.changes-summary-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #077;
}
.changes-summary-items-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    background: #f9f9f9;
    width: 100%;
    max-width: 390px;
    margin: 8px auto;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.rpx_field_44 .order-section-order-help-sku-name-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: 8px;
    width: 100%;
    max-width: 320px;
}
.remove-product-warning-popup {
    position: absolute;
    background-color: #ffdddd;
    color: #cf0029;
    font-size: 12px;
    padding: 8px;
    border: 1px solid #d9534f;
    border-radius: 5px;
    font-weight: 600;
    z-index: 1000;
    animation: bounceIn 0.3s ease-in-out;
    display: none;
}
.remove-product-popup-close-button {
    position: absolute;
    top: -8px;
    right: -12px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background: #797979;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.order-section-order-help-quantity.submenu-qty {
    position: unset;
    background: none;
    color: #003333;
    width: 100% !important;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    padding: 8px 0px 4px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.selected .order-section-order-help-quantity.submenu-qty,
.pre-selected .order-section-order-help-quantity.submenu-qty {
    display: none !important;
}
.pre-selected .add-quantity-price-before-container {
    font-weight: 600;
}
.order-help-selected-active .header-container.option-order-header.order-menu-header {
    padding: 0;
    margin: 0;
}
.slide-in-no-ani div#mod_rpx_rpx_div_rpx_3 {
    animation: backInLeft 0.3s ease-in-out;
}
.need-update-header-bott img {
    background: none;
}
div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_1 .rpx_field.rpx_field_27.form-group {
    margin: 0;
}
.rpx_field.rpx_field_45.form-group {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}
.rpx_field.ST-confirmed .need-help-toggle-button {
    left: unset;
}
.rpx_field.ST-confirmed .need-help-confirm-button {
    margin-right: 0px;
}
.order-section-order-help-top-section {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
}
.order-section-add-product-quantity-top {
    display: flex;
    gap: 8px;
    align-items: center;
}
.order-section-order-help-quantity {
    justify-content: center !important;
}
.rpx_field_10 .rpx_label {
    max-height: 50px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    animation: fadeIn  0.3s ease-in-out;
    border-radius: 0 0 8px 8px;
}
.rpx_field_10 .rpx_label.submenu-open {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 !important;
    margin-bottom: 0px;
    transition: all 0.3s ease-in-out;
    animation: fadeOut 0.3s ease-in-out;
}
.default-help-form-header .order-help-custom-btn.back-btn-1 {
    bottom: -50px;
}
div#mod_rpx_rpx_div_rpx_2 {
    padding-top: 0px;
}
form#rpx_2 .rpx_field_input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div#stepLabel {
    color: #003333;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}
div#stepLabel.stepContainerEmpty {
    padding: 0;
    margin: 0;
}
div#stepDescription {
    width: 100%;
    max-width: 470px;
    font-size: 13px;
    padding: 2px 8px;
    font-weight: 400;
    color: #818181;
    transition: all 0.3s ease-in-out;
}
div#stepDescription.stepDescriptionOff {
    display: none;
}
.helpform-maintext {
    font-size: 11px;
    font-weight: 400;
}
.rpx_field.rpx_field_20.form-group {
    width: 100%;
    margin: 0 auto;
}
.rpx_field.rpx_field_20.form-group .rpx_field_input {
    max-width: 470px;
    margin: 0 auto;
}
#rpx_2 textarea {
    border: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
    background: #fdfdfd;
    font-size: 14px;
    font-weight: 600;
    color: #003333;
    font-style: italic;
}
.step-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px 0px 32px;
    transition: all 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    width: 100%;
}
.step-info-wrapper.stepContainerEmpty {
    padding: 0;
    margin: 0;
    animation: fadeOut 0.3s ease-in-out;
}
.order-help-custom-btn.troubleshoot-1:before {
    content: '';
    background: url(/images/site-icons/wrong-product-icon.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-right: 8px;
}
.order-help-custom-btn.troubleshoot-2:before {
    content: '';
    background: url(/images/site-icons/wrong-order-icon.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-right: 8px;
}
.order-help-custom-btn.troubleshoot-3:before {
    content: '';
    background: url(/images/site-icons/defective-item-return-icon.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-right: 8px;
}
.order-help-custom-btn.troubleshoot-4:before {
    content: '';
    background: url(/images/site-icons/return-item-icon.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-right: 8px;
}
.rpx_label.no-suboption {
    display: none;
}
.default-help-form-back-to-product-select {
    position: absolute;
    left: 8px;
    top: 42px;
    cursor: pointer;
}
.default-help-form-back-to-product-select:before {
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    color: #fff;
    font-weight: 600;
}
.order-section-order-help-form-close-btn:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    color: #fff;
}
.order-section-order-help-form-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 2;
}
label[for="rpx_2rpx_OrderHelp_-_Main_Selector"]:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 400;
}
.custom-file-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 30px);
    padding: 32px 16px;
    margin: 0 auto;
    margin-top: 8px;
    border-width: 2px;
    border-color: #099;
    border-style: dashed;
    border-radius: 8px;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.custom-file-wrapper:hover {
    background: #fafafa;
    animation: pulse 0.3s ease-in-out;
}
.custom-file-wrapper.has-photos:hover {
    animation: none;
}
.custom-file-wrapper.has-photos:after {
    content: '+';
    position: absolute;
    top: -8px;
    right: 8px;
    font-size: 36px;
    font-weight: 600;
    display: block;
    padding: 0;
    margin: 0;
    color: #077;
}
.file-preview-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.file-preview-container .thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}
.upload-text {
    text-align: center;
    font-size: 14px;
    color: #099;
}
.thumbnail-wrapper {
    position: relative;
}
.remove-thumbnail-div {
    position: absolute;
    top: -8px;
    right: -8px;
}
.remove-thumbnail-div:before {
    content: '\f1f8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    background: #ffffff;
    padding: 8px;
    font-size: 12px;
    border-radius: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.progress-bar-form {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 50px;
    position: absolute;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px #003333;
}
.progress-bar-form img {
    background: none;
}
.remove-all-div {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    padding: 4px 8px;
    background: #ff0033;
    border-radius: 8px;
}
.forbidden-return-head {
    font-size: 16px;
    font-weight: 600;
    color: #077;
    text-align: center;
}
.forbidden-return-head:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.order-explainer-order-customer-message-bott {
    width: 100%;
    max-width: 100px;
    padding: 8px;
}
form#rpx_1 label {
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #033;
}
form#rpx_1 label:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.added-to-cart-popup-header-container {
    background: #033;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px 16px 0 0;
}
.added-to-cart-popup-header {
    color: #fff;
    font-weight: 600;
    padding: 8px 8px 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}
.added-to-cart-popup-header-subtitle {
    padding: 0 8px 8px;
    color: #fafafa;
    font-size: 12px;
}
.success-animation {
    padding: 8px;
}
.added-to-cart-popup-header-product-overview {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 16px 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}
.added-to-cart-popup-header-product-img {
    width: 70px;
    border-radius: 100%;
    position: relative;
}
.added-to-cart-popup-header-product-img img {
    border-radius: 20px;
}
.added-to-cart-popup-header-product-details {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
}
.added-to-cart-popup-header-product-item-name {
    font-size: 14px;
    color: #077;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 16px 8px 16px;
    font-weight: 600;
    justify-content: flex-start;
}
.added-to-cart-popup-header-product-item-name:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    animation: rotateIn 0.5s ease-in-out;
    margin-right: 8px;
}
.padded-cart-product-title:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.padded-cart-product-title {
    display: inline;
    font-weight: 600;
    color: #033;
    font-size: 14px;
    margin-left: 8px;
}
.added-to-cart-popup-header-product-quantity, 
.added-to-cart-popup-header-product-price-container {
    display: flex;
    padding: 8px;
    font-size: 13px;
    color: #033;
    justify-content: flex-start;
    align-items: baseline;
}
.added-to-cart-popup-header-product-quantity-count {
    font-size: 16px;
    font-weight: 600;
    color: #055;
    padding: 4px;
}
.added-to-cart-popup-header-product-prices .PricesalesPrice {
    font-size: 16px;
    color: #055;
    padding: 0 2px;
}
.added-to-cart-popup-cart-overview-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    padding: 8px;
}
.added-to-cart-popup-cart-overview-product-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: relative;
    padding: 24px 8px;
    box-shadow: rgba(33, 35, 38, 0.3) 0px 11px 2px -11px;
    margin-bottom: 4px;
}
.added-to-cart-popup-cart-overview-details-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.added-to-cart-popup-cart-overview-name-sku {
    font-size: 12px;
    padding: 4px 16px;
}
.added-to-cart-popup-cart-overview-name-sku a {
    color: #033;
    font-weight: 600;
}
.added-to-cart-popup-cart-overview-price-container {
    padding: 0px 8px;
    display: flex;
    font-size: 11px;
    justify-content: flex-end;
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
    color: #077;
    position: absolute;
    bottom: 8px;
    right: 0px;
    background: none;
    z-index: -1;
}
.added-to-cart-popup-cart-overview-product-container:last-child {
    box-shadow: none;
}
span.added-to-cart-popup-cart-overview-price {
    font-weight: 600;
    color: #033;
}
.added-to-cart-popup-cart-overview-image {
    width: 46px;
    padding: 4px;
    position: relative;
    border-radius: 100%;
}
.added-to-cart-popup-cart-overview-image img {
    border-radius: 100%;
}
.added-to-cart-popup-cart-overview-quantity-container {
    position: absolute;
    top: 0;
    right: -4px;
    font-size: 12px;
    background: #033;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
}
.added-to-cart-popup-cart-overview-icon:before {
    content: "\e66e";
    font-family: 'peIcon7';
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
}
.added-to-cart-popup-cart-overview-description {
    padding: 0px 8px;
    margin-left: 4px;
}
.added-to-cart-popup-cart-overview-header {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    color: #033;
    text-align: center;
    align-items: center;
    cursor: pointer;
}
.added-to-cart-popup-cart-overview-header.padded-open {
    border-radius: 4px 4px 0 0;
}    
.added-to-cart-popup-cart-overview-products-container {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    animation: pulse 0.3s ease-in-out;
}
.added-to-cart-popup-cart-overview-products-container.padded-open {
    padding: 8px;
    max-height: 900px;
    opacity: 1;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #d7d7d782 #ff000000;
    transition: all 0.3s ease-in-out;
    pointer-events: all;
    animation: bounceIn 0.3s ease-in-out;
}
.added-to-cart-popup-cart-overview-header:after {
    content: '\f0dd';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
    transform: rotate(270deg);
    color: #007777;
    position: relative;
    top: 2px;
    transition: all 0.3s ease-in-out;
}
.added-to-cart-popup-cart-overview-header.padded-open:after {
    transform: rotate(180deg);
    top: 4px;
    transition: all 0.3s ease-in-out;
}
#fancybox-wrap {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 10px;
    z-index: 1101;
    outline: none;
    display: none;
}
.added-to-cart-popup-sku-text {
    display: block;
    color: #099;
    font-weight: 400;
}
.jb_icon_hidden {
    display: none;
}
.in-cart-container {
    background: #ffffff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 20px;
}
.in-cart-container .vm3pr-:before {
    /* content: "\e66e"; */
    font-family: 'peIcon7';
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 8px;
    color: #077;
}
.in-cart-container .vm3pr-:after {
    /* content: '\f058'; */
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #033;
    position: absolute;
    top: 2px;
    left: 16px;
    font-size: 11px;
}
.jb-cart-edit-ajax-remove-confirm {
    position: absolute;
    z-index: 999;
    background: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 16px 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.jb-cart-edit-ajax-remove-confirm-header:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
}
.jb-cart-edit-ajax-remove-confirm-header {
    text-align: center;
    font-size: 14px;
    color: #ff0033;
    font-weight: 600;
    margin-top: 4px;
}
.jb-cart-edit-ajax-remove-confirm-buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}
.jb-cart-edit-ajax-remove-confirm-button-yes {
    padding: 4px 16px;
    width: 80px;
    text-align: center;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 16px;
    color: #003333;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 0 4px;
}
.jb-cart-edit-ajax-remove-confirm-button-yes:hover {
    background: #ff0033;
    color: #fff;
}
.jb-cart-edit-ajax-remove-confirm-button-no {
    padding: 4px 16px;
    width: 80px;
    text-align: center;
    background: #033;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 16px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin: 0 4px;
}
.jb-cart-edit-ajax-remove-confirm-button-no:hover {
    background: #077;
}
.jb-cart-edit-ajax-remove-confirm {
    position: absolute;
    z-index: 999;
    background: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 16px 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.jb-cart-edit-ajax-remove-confirm.confirm-removal {
    visibility: visible;
    opacity: 1;
    z-index: 999;
}
.added-to-cart-popup {
    position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 660px;
    display: flex;
    flex-direction: column;
    z-index: 999;
    box-shadow: 0px 0px 0px 9000px #00000061;
    border-radius: 16px;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}
.added-to-cart-popup.added-to-cart-off {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.5s ease;
}
.added-to-cart-popup-buttons {
    display: flex;
    justify-content: center;
    padding: 16px;
    gap: 8px;
}
.added-to-cart-popup-close:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.added-to-cart-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9999;
    display: block;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.order-section-order-items-reorder-header {
    background: #077;
    text-align: center;
    margin: 8px 16px 8px;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    cursor: pointer;
    font-size: 14px;
}
.order-section-order-items-reorder-header:before {
    content: '\f291';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-section-order-items-reorder-sub {
    font-size: 14px;
    padding: 8px;
    color: #033;
    font-weight: 600;
}
.order-section-order-items-reorder-sub:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.order-section-order-items-reorder-products-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 440px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 8px 16px;
    background: #f7f7f7;
    margin: 8px;
    border-radius: 8px;
}
.order-section-order-items-reorder-products {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 8px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 16px;
    background: #fdfdfd;
    align-items: center;
    width: 100%;
}
.order-section-order-items-reorder-product-img {
    width: 48px;
    border-radius: 100%;
    border: 1px solid #eaeaea;
    background: white;
}
.order-section-order-items-reorder-product-img img {
    border-radius: 100%;
    padding: 4px;
}
.order-section-order-items-reorder-product-name-img {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.order-section-order-items-reorder-product-title {
    width: 100%;
    min-width: 260px;
    font-size: 13px;
    font-weight: 600;
    color: #033;
}
.order-section-order-items-reorder-products.reorder-not-available {
    background: #ffeff2;
}
.order-section-order-items-reorder-not-available {
    font-size: 10px;
    padding: 4px;
    font-weight: 600;
    color: #ff0033;
}
.order-section-order-items-reorder-not-available:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-section-order-items-reorder-is-available {
    font-size: 12px;
    font-weight: 600;
    color: #007777;
}
.order-section-order-items-reorder-product-details {
    padding-left: 16px;
}
.order-section-order-items-reorder-is-available:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-section-order-items-reorder-product-price-container {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin: 8px 0;
}
.order-section-order-items-reorder-product-price-text {
    font-size: 12px;
    font-weight: 600;
    color: #077;
    margin-right: 4px;
}
.order-section-order-items-reorder-product-price-container span.PricesalesPrice {
    font-size: 16px;
    color: #007777;
}
.order-section-order-items-reorder-product-sku .added-to-cart-popup-sku-text {
    font-size: 12px;
}
.order-section-order-items-reorder-product-list-container {
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 0 0;
    z-index: -1;
    transition: all 0.3s ease;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 575px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.order-section-order-items-reorder-product-list-container.slide-in-reorder {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 0 9000px #00000047;
    border-radius: 16px;
    transition: all 0.3s ease;
    background: #ffffff;
    z-index: 999;
}
.order-section-order-items-reorder-main-container {
    padding: 16px;
}
a.order-section-back-to-orders-a {
    width: fit-content;
    display: block;
}
.order-section-order-items-reorder-popup-header {
    padding: 8px 16px;
    background: #003333;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 16px 16px 0 0;
    position: relative;
}
.order-section-order-items-reorder-close {
    position: absolute;
    top: 6px;
    right: 8px;
    cursor: pointer;
}
.order-section-order-items-reorder-close:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 18px;
}
.reorder-buttons-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px;
    padding-top: 0;
    gap: 8px;
}
.reorder-button-cancel {
    color: #ff0033;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #ff0033;
    padding: 8px 16px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: #fff;
}
.reorder-button-cancel:hover {
    color: #fff;
    transition: all 0.3s ease-in-out;
    background: #ff0033;
}
li .tab-title:before {
    width: 16px;
}
.tabs.dyn-tabs {
    animation: zoomIn 0.3s ease-in-out;
}
.for-invoice tr.invoicecheckbox {
    box-shadow: unset !important;
    background: none !important;
    margin: 16px;
}
tr.order-address-edit-ordercourier {
    display: none !important;
}
tr.order-address-edit-shipto_ordercourier {
    display: none !important;
}
tr.order-address-edit-shipto_address_type_name {
    width: 98% !important;
    background: #e9e9e9 !important;
}
tr.order-address-edit-shipto_address_type_name td.has-success {
    margin: 0px 4px;
}
input#shipto_address_type_name_field {
    height: 38px;
}
.order-section-history-icons-not-paid-reorder {
    display: flex;
    padding-top: 16px;
    justify-content: center;
}
.added-to-cart-popup-header-product-price-text {
    font-size: 12px;
    color: #033;
    font-weight: 500;
}
.quantity-controls-delete:before {
    content: '\f2ed';
    font-family: 'Font Awesome 5 Free';
}
.quantity-controls-delete {
    padding: 8px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    right: 8px;
    color: #033;
    font-size: 16px;
    cursor: pointer;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    transition: all 0.3s ease-in-out;
}
.quantity-controls-delete:hover {
    background: #ff0033;
    color: #fff;
}
.productdetails-view .addtocart-bar {
    position: unset;
}
.vmproductdetails-product-rating {
    margin-top: 8px;
}
div#close-search-suggestions {
    position: absolute;
    top: 16px;
    right: 8px;
    cursor: pointer;
}
#sp-section-4 div#sp-title {
    margin: 0;
}
a.eshop-link {
    display: none !important;
}
.products-image-header {
    text-align: right;
    opacity: 1;
    visibility: visible;
    width: 120px;
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    box-shadow: none;
    background: #ebebeb;
    border-radius: 0px 32px 32px 0px;
    color: #033;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.products-image-header:hover {
    background: #e7e7e7;
    color: #077;
}
.products-image-header:before {
    content: '\f0c9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 8px;
}
.products-image-header.search-active {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.vm-category-searched-word {
    display: block;
    padding: 8px;
    font-size: 14px;
    font-style: italic;
    color: #6b6b6b;
    margin-top: 8px;
}
.vm-category-searched-keyword {
    display: inline;
    font-weight: 600;
    color: #033;
    font-style: oblique;
    font-size: 16px;
}
.vm-category-searched-word:before {
    content: "\f116";
    font-family: 'Flaticon';
    font-style: normal;
    margin-right: 4px;
}
.vm-search-no-results-cotnainer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px;
    flex-direction: column;
    position: relative;
    width: 100%;
}
.vm-search-no-results {
    display: block;
    color: #910000;
    margin-left: 0px;
    font-size: 14px;
    padding: 8px;
    width: calc(100% - 120px);
}
.vm-search-no-results-bott {
    width: 100px;
    position: absolute;
    top: 8px;
    right: 16px;
}
.vm-search-suggestions-no-result-keyword {
    display: inline;
    color: #eb002f;
    font-weight: 600;
    text-decoration-line: underline;
}
.vm-search-refine-search-container,
.vm-search-suggestions-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.vm-search-suggestions-header {
    font-weight: 600;
    color: #055;
    font-size: 16px;
}
.vm-search-suggestions-header:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.vm-search-suggestion-single {
    display: flex;
    justify-content: center;
    margin: 4px 8px;
}
.vm-search-suggestion-single a {
    font-size: 13px;
    font-weight: 600;
    color: #077;
    background: #fff;
    border-radius: 16px;
    padding: 8px 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    cursor: pointer;
    transition: all 0.1s ease;
}
.vm-search-suggestion-single a:before {
    content: '\e618';
    font-family: 'peIcon7';
    font-weight: 600;
    margin-right: 0px;
    position: relative;
    top: 1px;
    font-size: 14px;
}
div#vm-search-search-again:before {
    content: '\e618';
    font-family: 'peIcon7';
    font-weight: 600;
    margin-right: 4px;
    font-size: 14px;
}
.vm-search-suggestions-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    margin-top: 8px;
    width: 100%;
    min-height: 120px;
    gap: 8px;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background: #f7f7f7;
    border-radius: 16px;
}
.vm-search-suggestion-single a:hover,
div#vm-search-search-again:hover {
    background: #033;
    color: #fff;
}
div#vm-search-search-again {
    font-size: 16px;
    font-weight: 500;
    color: #5d5d5d;
    border-radius: 16px;
    padding: 8px 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.vme-compare-product-container {
    width: 100%;
    display: flex;
    align-items: center;
}
.vme-quickview .vme-row {
    flex-direction: column;
}
.disabled .pagination-link {
    opacity: 0.3;
}
.active .pagination-link {
    opacity: 1;
    color: #099 !important;
}
.vmcategory-filter-see-all-parent {
    font-size: 12px;
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding: 8px 0;
    margin: 8px 0;
    color: #656565;
}
.vmcategory-filter-see-all-parent:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 600;
}
.vmcategory-filter-select-container {
    padding: 0px 8px;
}
a.vmcategory-filter-see-all-parent-url {
    color: #656565;
    font-weight: 500;
}
div#cf_wrapper_input_text_price_229 input {
    pointer-events: none !important;
    border: none !important;
}
span.cf_currency {
    border: none !important;
    height: 0 !important;
    pointer-events: none !important;
}
div#cf_wrapper_input_text_price_229 
.vmcategory-filter-select-header {
    font-size: 12px;
    display: inline;
    color: #033;
    font-weight: 700;
}
.vmcategory-filter-subcategory {
    display: inline;
    font-weight: 600;
}
.vmcategory-filter-select-category-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    background: #fdfdfd;
    padding: 8px;
    margin: 8px 0;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.vmcategory-filter-select-categories-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}
.vmcategory-filter-select-categories-container.vmcategory-fromsearch {
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: scroll;
}
.vmcategory-filter-select-category a {
    font-size: 14px;
    font-weight: 500;
    color: #033;
    cursor: pointer;
    position: relative;
}
.vmcategory-filter-select-category img {
    border-radius: 100%;
    max-width: 70px;
}
.vmcategory-filter-tree-subcategory .vmcategory-filter-select-categories-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
.vmcategory-filter-categories {
    padding: 8px;
    border-bottom: 1px solid #efefef;
    background: #fff;
}
.vmcategory-filter-select-category {
    padding: 4px 0px;
    font-size: 12px;
    display: flex;
    color: #033;
}
.vmcategory-filter-select-category a:hover,
.vmcategory-filter-select-category a:focus {
    color: #099;
    animation: pulse 0.3s ease-in-out;
}
.vmcategory-filter-select-category.vmcategory-fromsearch {
    font-size: 12px;
    display: flex;
    color: #033;
    align-items: center;
    justify-content: center;
    width: 50%;
}
.vmcategory-filter-select-category.vmcategory-fromsearch a {
    font-weight: 600;
    color: #033;
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 8px;
    position: relative;
    border-radius: 8px;
    padding: 8px;
    font-size: 11px;
    text-align: center;
    justify-content: space-around;
}
.vmcategory-filter-select-category.vmcategory-fromsearch a {
    font-size: 12px;
}
.vmcategory-filter-select-category.vmcategory-subcategory {
    font-size: 12px;
    display: flex;
    color: #033;
    align-items: center;
    justify-content: center;
    width: 50%;
}
.vmcategory-filter-select-category.vmcategory-subcategory a {
    font-weight: 600;
    color: #033;
    background: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 8px;
    position: relative;
    border-radius: 8px;
    padding: 8px;
    font-size: 11px !important;
    text-align: center;
}
.vmcategory-filter-root .vmcategory-filter-select-category a {
    font-size: 14px;
    font-weight: 600;
    min-height: 130px;
}
.vm-categories-container {
    width: 100%;
    position: relative;
}
a.vmcategory-categories-back {
    position: absolute;
    top: 0;
    left: 16px;
}
.vmcategory-filter-select-category a:hover,
.vmcategory-filter-select-category a:focus {
    color: #099;
    animation: pulse 0.3s ease-in-out;
}
.vmcategory-filter-select-category.vmcategory-empty {
    display: none !important;
    font-size: 12px;
    opacity: 0.3;
}
.vmcategory-filter-select-category.vmcategory-empty a {
    animation: none;
    pointer-events: none;
    font-weight: 100;
}
.vmcategory-filter-select-category.vmcategory-filters-current a {
    font-weight: 700;
    animation: none;
    pointer-events: none;
}
.vmcategory-filter-parent-category {
    font-size: 14px;
    color: #055;
    font-weight: 700;
    padding: 4px 0px 4px 8px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}
.vmcategory-filter-select-category.vmcategory-filter-tree-last-subcategory {
    padding: 4px 20px;
}
.vmcategory-filter-tree-subcategory .vmcategory-filter-select-category {
    font-size: 12px;
    margin-top: 0;
    padding: 4px 0px;
    display: flex;
    width: 50%;
}
.vmcategory-filter-tree-subcategory .vmcategory-filter-select-category a {
    font-weight: 600;
    color: #033;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 8px;
    position: relative;
    border-radius: 8px;
    padding: 8px;
    font-size: 11px;
    text-align: center;
}
.vmcategory-filter-parent-category-photo {
    max-width: 30px;
}
.vmcategory-filter-category-description {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #033;
    font-size: 16px;
    padding: 4px;
    margin: 8px 0;
    background: #fff;
    font-weight: 600;
    justify-content: space-between;
    cursor: pointer;
}
.vmcategory-filter-category-description:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
    margin-right: 4px;
}
.vm-category-searched-word-mini {
    font-size: 14px;
    display: inline-block;
    padding: 4px;
    margin-bottom: 16px;
    font-weight: 500;
    color: #797979;
}
.filter-search-term {
    display: contents;
    font-weight: 800;
    color: #033;
    font-size: 13px;
}
.vmcategory-filter-select-category.vmcategory-filters-current a:before {
    content: '\f192';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 600;
}
.vmcategory-filter-select-category.vmcategory-filters-current.vmcategory-filter-tree-last-subcategory a:before {
    content: '\f192';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 600;
}
.vmcategory-filter-select-category.vmcategory-filter-tree-last-subcategory a:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 400;
}
.vmcategory-filter-select-category.vmcategory-fromsearch a:before,
.vmcategory-filter-select-category.vmcategory-subcategory a:before,
.vmcategory-filter-tree-subcategory .vmcategory-filter-select-category a:before,
.vmcategory-filter-root .vmcategory-filter-select-category.vmcategory-subcategory a:before {
    content: '';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
span.vmcategory-filter-category-count {
    position: absolute;
    top: 2px;
    padding: 4px 8px;
    right: 4px;
    display: flex;
    justify-content: center;
    font-size: 10px;
    background: #ffffffbf;
    border-radius: 16px;
}
.vmcategory-filters-root .vmcategory-filter-category-count,
.vmcategory-filter-tree-last-subcategory .vmcategory-filter-category-count {
    position: unset;
    width: unset;
    height: unset;
    padding: unset;
    font-size: unset;
    display: inline;
}
.vmcategory-filter-select-category.vmcategory-fromsearch.vmcategory-filters-current a:before {
    content: '';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #e1e1e1;
    border-radius: 8px;
}
.vmcategory-filter-select-category:focus .vmcategory-filter-select-category a:before {
    font-weight: 600;
}
.vmcategory-filter-select-category a:before {
    height: unset;
    width: unset;
}
.vmcategory-filter-categories-container {
    opacity: 1;
    visibility: visible;
    max-height: 5000px;
    transition: all 0.3s ease-in-out;
}
.vmcategory-filter-categories-container.categories-off {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: all 0.3s ease-in-out;
}
.categories-off.vmcategory-filter-category-description:after {
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}
.vmcategory-filter-x-toggler:after {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
}
.vmcategory-filter-x-toggler {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
div#vmFilterApplyButton {
    margin-left: 4px;
}
.offcanvas-useful-links-header {
    font-family: 'Varela Round', sans-serif;
    font-size: 18px;
    color: #003333;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 0px 0px 1px #00000033;
    line-height: 60px;
    padding: 0 16px;
}
.offcanvas-useful-links {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: pointer;
}
.offcanvas-useful-links-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
a.offcanvas-useful-link {
    padding: 8px 16px;
    display: block;
    width: 100%;
    color: #033;
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    text-align: left;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}
a.offcanvas-useful-link:hover {
    background: #033;
    color: #fff;
}
.cf_colorbtn_list {
    flex-direction: row !important;
    gap: 8px;
    outline: 0px;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
}
.cf_color_btn {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cf_color_inner {
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width: 24px !important;
    height: 24px !important;
}
.cf_colorbtn_list .cf_sel_opt {
    border: none !important;
    outline: none !important;
}
.cf_color_btn {
    border: none !important;
}
.cf_color_btn:not(.cf_disabled_opt):hover, .cf_color_btn:not(.cf_disabled_opt):focus {
    box-shadow: none !important;
}
.cf_color_inner_container {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px;
    flex-direction: column;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}
.cf_color_inner_container:hover {
    background: #f7f7f7;
    transition: all 0.3s ease-in-out;
}
.cf_colorbtn_list .cf_sel_opt:after {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    background: #000;
    color: #fff;
    border-radius: 100%;
    display: flex;
    width: 16px;
    height: 16px;
    position: absolute;
    font-size: 14px;
    top: -2px;
    right: -5px;
    align-items: center;
    justify-content: center;
}
.cf_sel_opt:before {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #033;
    display: none;
}
.user-account-menu .vme-row {
    flex-direction: column;
}
.profile-edit-popup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
li.nav-item:before,
li.nav-item a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #033;
    margin-right: 8px;
}
.item-376 a:before {
    content: '\f007';
}
.profile-edit-popup li {
    font-weight: 600;
    padding: 8px 4px;
}
.item-377:before {
    content: '\f2f5';
}
.item-422:before {
    content: '\f466';
}
.item-423:before {
    content: '\f004';
}
li.nav-item.item-424:before {
    content: '\f422';
}
li.nav-item.item-425:before {
    content: '\f02b';
}
.order-done-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.order-done-header-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px;
    background: #055;
    border-radius: 8px 8px 0 0;
}
.success-animation-order-done {
    margin: 8px auto;
}
.checkmark-order-done {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 5;
    stroke: #fafafa;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}
.checkmark_circle-order-done {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 8;
    stroke-miterlimit: 10;
    stroke: #fafafa;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark_check-order-done {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.order-done-header-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.order-done-header-success-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.order-done-inner {
    display: flex;
    max-width: 575px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
}
.order-done-header-success-text-header {
    font-size: 24px;
    font-weight: 700;
    color: #fdfdfd;
    padding: 8px;
}
.order-done-header-success-text-sub {
    font-size: 14px;
    color: #fafafa;
    padding: 0 16px;
}
.order-done-more-details {
    padding: 8px 8px 0;
    font-weight: 600;
    color: #fff;
}
.order-done-order-details-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.order-done-order-details {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 16px;
    justify-content: center;
}
.order-done-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
    min-width: 140px;
}
.order-done-details-description {
    font-size: 12px;
    font-weight: 600;
    color: #6b6b6b;
}
.order-done-details-value {
    font-size: 14px;
    font-weight: 700;
    color: #033;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}
.order-done-list-sp-item.order-payment .order-done-details-value {
    max-width: 280px;
}
.order-done-details-value .vmCartShipmentLogo {
    max-width: 40px;
}
.order-done-st-details-header .vmCartShipmentLogo {
    display: none;
}
.order-done-next-steps-item .vmCartShipmentLogo {
    display: none;
}
.order-done-details-charge {
    font-size: 11px;
    font-weight: 400;
    color: #4d4d4d;
}
.order-done-details-charge .vp-cart-selected-method-strong {
    font-size: 12px;
    font-weight: 600;
    color: #077;
}
.order-done-order-shipping-payment-details {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.order-done-list-sp-item {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    align-items: baseline;
    border-bottom: 1px solid #e6e6e8;
}
.order-done-details-value .vmCartPaymentLogo {
    display: none;
}
.order-done-product-list-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 8px;
}
.order-done-product-list-header-container {
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #747474;
}
.order-done-product-list-table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 8px 16px;
    margin-top: 8px;
}
.order-done-product-list-table .order-section-order-history-items-summary {
    width: 100%;
}
.order-done-bt-details-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    background: #fafafa;
    padding-top: 16px;
    border-top: 1px solid #e6e6e8;
    border-radius: 0px 0px 8px 8px;
}
.order-done-bt-details-header:before, 
.order-done-invoice-details-header:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-done-bt-details-header, 
.order-done-invoice-details-header {
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #747474;
}
.order-done-bt-details-list-container,
.order-done-invoice-details-list-container {
    display: flex;
    flex-direction: column;
    padding: 8px 16px 16px;
    width: 100%;
}
.order-done-details-list-container {
    display: flex;
    justify-content: flex-start;
    margin: 8px;
    padding-bottom: 8px;
    align-items: baseline;
    border-bottom: 1px solid #e6e6e8;
}
.order-done-details-list-description {
    font-size: 12px;
    font-weight: 600;
    color: #6b6b6b;
    min-width: 130px;
}
.order-done-details-list-value {
    font-size: 14px;
    font-weight: 700;
    color: #033;
}
.order-done-coupon-value {
    display: inline;
    font-size: 11px;
    color: #ff0033;
}
.order-done-shipping-pickup-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 16px;
    border-top: 1px solid #e6e6e8;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.order-done-shipping-st-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 0 0 8px 8px;
    padding: 16px;
    border-top: 1px solid #e6e6e8;
}
.order-done-pickup-details-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
a.order-done-pickup-map {
    padding: 8px;
    width: 100%;
    color: #033;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
}
a.order-done-pickup-map:before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
a.order-done-pickup-map:hover,
a.order-done-pickup-map:focus,
a.order-done-print-button:hover,
a.order-done-print-button:focus {
    background: #fafafa;
    color: #055;
}
a.order-done-print-button {
    padding: 8px;
    width: 100%;
    color: #033;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
}
a.order-done-print-button:before {
    content: "\e045";
    font-family: 'Glyphicons Halflings';
    margin-right: 8px;
    font-weight: 400;
}
.order-done-pickup-details-header {
    padding: 0 8px 16px;
    font-weight: 600;
    color: #033;
}
.order-done-pickup-details-header:before {
    content: '\f07a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.order-done-st-details-header {
    font-size: 14px;
    font-weight: 500;
    color: #033;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.order-done-st-details-header:before {
    content: '\f48b';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-weight: 600;
}
.order-done-st-details-header span.vmshipment_name {
    display: inline;
    color: #077;
    font-weight: 600;
}
.proopc-order-status-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    opacity: 0.6;
    display: none;
    justify-content: center;
}
.proopc-order-status-loader img {
    width: 60px;
    border-radius: 16px;
}
.error-x {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 5;
    stroke: #fafafa;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #e74c3c;
    animation: fill-error .4s ease-in-out .4s forwards, scale-error .3s ease-in-out .9s both;
    position: relative;
    top: 5px;
    margin: 0 auto;
}
.error-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 8;
    stroke-miterlimit: 10;
    stroke: #fff;
    animation: stroke-error 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.error-x-line1, .error-x-line2 {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-width: 5;
    stroke-miterlimit: 10;
    stroke: #fff;
    transform-origin: 50% 50%;
    animation: stroke-error 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke-error {
    100% { stroke-dashoffset: 0; }
}
@keyframes scale-error {
    0%, 100% { transform: none; }
    50% { transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill-error {
    100% { box-shadow: inset 0px 0px 0px 50px #e74c3c; }
}
.order-done-header-container.fail-status {
    background: #e74c3c;
}
a.order-done-back-to-cart {
    padding: 8px 16px;
    font-size: 14px;
    margin-bottom: 16px;
    background: #033;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
a.order-done-back-to-cart:hover {
    background: #077;
    color: #fff;
}
a.order-done-back-to-cart:before {
    content: '\f30a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-done-details-value.fail-status {
    color: #ff0033;
}
.fail-status-reason {
    font-weight: 700;
    color: #fafafa;
    display: inline;
    text-decoration: underline;
}
.vp-cart-user-details-addres-city-zip-container.cartBTShow {
    display: none;
}
.order-done-list-sp-item.order-scheduled-delivery {
    background: #f5f5f5;
}
.order-done-bt-details-list > :last-child {
    border-bottom: none;
}
.order-done-next-steps-container {
    display: flex;
    width: 100%;
}
.order-done-next-steps-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 16px 16px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    padding: 16px;
    border-radius: 8px;
    background: #f9f9f9;
}
.order-done-next-steps-header {
    display: block;
    width: 100%;
}
.order-done-next-steps-header img {
    width: 180px;
    margin: 0 auto;
}
.order-done-next-steps-list-wrapper {
    margin: 16px;
}
.order-done-next-steps-item {
    font-size: 14px;
    color: #033;
    font-weight: 600;
    padding: 4px;
}
.order-done-next-steps-item:before,
.order-done-next-steps-manage-order-description:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-done-next-steps-estimated-date {
    display: inline;
    font-weight: 700;
    color: #099;
}
.order-done-next-steps-item.view-order-div:before {
    content: '';
    display: none;
}
.order-done-next-steps-manage-order-link a {
    background: #033;
    color: #fff;
    padding: 8px 16px;
    text-align: center;
    margin: 8px 16px;
    border-radius: 8px;
}
.order-done-next-steps-manage-order-link {
    display: flex;
    justify-content: center;
    width: 240px;
    margin: 8px auto;
}
.order-done-next-steps-manage-order-link a:hover {
    background: #077;
    color: #fff;
}
.order-find-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-100%, 0%);
    z-index: -1;
    width: calc(100% - 20px);
    max-width: 600px;
    background: #f9f9f9;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.order-find-container.orderFindOn {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    transform: translate(-50%, 0%);
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, 0 0 0 9000px #00000036;
    transition: all 0.3s ease-in-out;
}
.header-hidden .order-find-container.orderFindOn,
.header-hidden .model-selector-popup.modelSelectorOn {
    transform: translate(-50%, 25%);
    margin-top: 90px !important;
}
.order-find-selection-button-select-container {
    padding: 16px;
    padding-top: 0;
}
.order-find-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.order-find-header {
    text-align: center;
    font-size: 18px;
    color: #033;
    font-weight: 600;
}
.sp-module .order-find-header {
    background: #033;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: left;
}
.order-find-sub {
    font-size: 14px;
    color: #033;
    font-weight: 400;
    padding: 16px 32px;
    text-align: center;
}
.order-find-bott-in-a-box-image {
    width: 120px;
    padding: 8px;
    margin: 8px;
}
.order-find-selection-buttons-header {
    font-size: 18px;
    padding: 16px;
    color: #033;
    font-weight: 600;
    text-align: center;
}
.order-find-selection-buttons-container {
    display: flex;
    justify-content: center;
    padding: 8px 16px;
    flex-direction: row;
    gap: 8px;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.order-find-selection-button {
    display: block;
    padding: 10px 24px;
    margin: 0px 8px;
    background: #033;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 100%;
    max-width: 250px;
    text-align: center;
}
.order-find-selection-button:hover {
    color: #fafafa;
}
.order-find-container-close {
    position: absolute;
    top: 16px;
    right: 12px;
    color: #fff;
    cursor: pointer;
}
.order-find-container-close:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
}
.order-find-selection-button:hover,
.order-find-selection-button:focus,
.order-find-selection-button:active {
    background: #077;
}
.order-find-as-guest-container,
.order-find-as-member-container,
.order-find-dont-remember-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    margin-left: -900px;
    transition: opacity 0.3s ease-in-out;
}
.order-find-as-guest-container.asGuestOn,
.order-find-as-member-container.asMemberOn,
.order-find-dont-remember-container.dontRememberOn {
    visibility: visible;
    opacity: 1;
    margin-left: 0;
    z-index: 9999;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.order-find-as-guest-fields-header,
.order-find-as-member-fields-header,
.order-find-dont-remember-fields-header {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #033;
    text-align: center;
}
.order-find-as-guest-wrapper,
.order-find-as-member-wrapper,
.order-find-dont-remember-wrapper {
    position: fixed;
    top: 25%;
    left: 50%;
    width: calc(100% - 20px);
    max-width: 575px;
    transform: translate(-50%, -25%);
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.order-find-container .order-find-as-guest-wrapper,
.order-find-container .order-find-as-member-wrapper,
.order-find-container .order-find-dont-remember-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transform: unset;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.order-find-as-guest-header,
.order-find-as-member-header,
.order-find-dont-remember-header {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 16px;
    color: #efefef;
    background: #033;
    border-bottom: 1px solid #c1c1c1;
    border-radius: 8px 8px 0 0;
}
.order-find-as-guest-close,
.order-find-as-member-close,
.order-find-dont-remember-close {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 20px;
    cursor: pointer;
    color: #f9f9f9;
}
.order-find-as-guest-close:before,
.order-find-as-member-close:before,
.order-find-dont-remember-close:before {
    content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.order-find-as-guest-fields-container,
.order-find-as-member-fields-container,
.order-find-dont-remember-fields-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4px;
}
.order-find-field {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.order-find-label {
    font-size: 13px;
    padding: 0px 16px;
    color: #696969;
    text-align: left;
}
.order-find-input > input {
    border: unset !important;
    background: #fcfcfc00 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    font-weight: 600;
    color: #033 !important;
    box-shadow: none !important;
}
.order-find-what-is-order-pass {
    padding: 8px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #055;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.order-find-what-is-order-pass:before {
    content: '\f059';
    font-family: 'Font Awesome 5 Free';
    margin-right: 2px;
}
.order-find-what-is-order-pass:hover {
    color: #077;
}
.order-find-what-is-order-pass-explain-line {
    font-size: 14px;
    padding: 4px 0px;
    color: #033;
    font-weight: 500;
}
.order-find-what-is-order-pass-explain-line:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 2px;
}
.order-find-what-is-order-pass-explain-line.explain-line-2 {
    text-align: left;
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px;
    padding: 0;
}
.order-find-what-is-order-pass-explain-line.explain-line-2:before {
    content: '';
}
.order-find-what-is-order-pass-explain-line-prompt {
    text-align: left;
    font-size: 13px;
    padding: 8px 0;
    font-weight: 600;
    color: #066;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.order-find-order-passowrd-recovery-intro:before,
.order-find-what-is-order-pass-explain-line-prompt:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-find-what-is-order-pass-explain-line-prompt:hover {
    color: #055;
}
.order-find-order-password-recovery-container {
    display: none;
    position: absolute;
    bottom: 16px;
    right: 50%;
    transform: translateX(50%);
    width: calc(100% - 32px);
    background: #fff;
    border-radius: 16px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px, 0 0 0 9000px #0000003b;
    opacity: 0;
    visibility: hidden;
    z-index: -99;
    transition: all 0.3s ease-in-out;
}
.order-find-order-password-recovery-container.orderPwdRecoveryOn {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.order-find-order-passowrd-recovery-intro {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #efefef;
    width: 100%;
    margin-right: auto;
    background: #055;
    padding: 16px;
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #dbdbdb;
}
.order-find-password-recovery-back-btn:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}
.order-find-password-recovery-back-btn {
    position: absolute;
    top: 8px;
    right: 16px;
    color: #099;
    cursor: pointer;
}
.order-find-order-password-recovery-inputs {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
}
.order-find-input > input::placeholder {
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
}
.order-find-bottom-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.order-find-order-password-recovery-btn {
    margin: 16px 0;
    padding: 8px 16px;
    background: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    width: 160px;
    color: #033;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
}
.order-find-order-password-recovery-btn:hover {
    background: #f0f0f0;
}
.order-find-result-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.order-find-result,
.order-find-result-placeholder {
    font-style: italic;
    font-size: 13px;
    color: #595959;
    font-weight: 300;
    text-align: center;
}
.order-find-result-copy:before {
    content: '\f0c5';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 100;
}
.order-find-result-move:before {
    content: '\f362';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.order-find-result-copy,
.order-find-result-move {
    font-size: 14px;
    color: #033;
    font-weight: 600;
    padding: 0;
    margin: 0;
    border-radius: 16px;
    box-shadow: unset;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    width: 0;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.correctInput {
    animation: bounceIn 0.3s ease-in-out;
}
#copyBubble {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 130px;
    background: #077;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    font-weight: 600;
    padding: 2px 4px;
    border-radius: 16px;
    font-size: 12px;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    animation: bounceIn 0.3s ease-in-out;
}
#copyBubble.bubbleCopy {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    animation: bounceIn 0.3s ease-in-out;
}
div#copyBubble:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.order-find-result-copy.correctInput,
.order-find-result-move.correctInput {
    padding: 4px 16px;
    margin: 8px 0;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    opacity: 1;
    visibility: visible;
    max-height: 50px;
    transition: all 0.3s ease-in-out;
}
.order-find-result-copy.correctInput {
    margin: 8px;
    font-size: 11px;
    width: auto;
}
.order-find-result-move.correctInput {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 8px 16px;
    background: #033;
    color: #fff;
}
.order-find-result-copy.correctInput:hover {
    background: #f3f3f3;
}
.order-find-result-move.correctInput:hover {
    background: #055;
}
.order-find-order-password-recovery-inputs-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.order-find-result.correctInput {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    font-size: 13px;
    font-style: normal;
    color: #033;
}
.order-find-result.correctInput .order-find-code-field {
    font-weight: 600;
    font-size: 16px;
    color: #033;
}
.order-find-what-is-order-pass-explain {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.order-find-what-is-order-pass-explain.slideForgotPassword {
    max-height: 200px;
    visibility: visible;
    opacity: 1;
    padding: 8px 32px;
    margin-bottom: 8px;
    background: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.order-find-submit {
    width: calc(100% - 180px);
    min-width: 170px;
    padding: 8px;
    border-radius: 16px;
    background: #066;
    cursor: pointer;
    margin: 8px 0 16px 0;
    transition: all 0.3s ease;
}
.order-find-submit:hover {
    background: #033;
}
input.order-find-submit-button {
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-size: 16px;
}
.order-find-submit.inactive {
    opacity: 0.6;
    pointer-events: none;
}
#orderNumberInputField.required-field,
#orderPassInputField.required-field {
    background: #fff5f5 !important;
}
.order-find-field-input-container {
    width: 100%;
    max-width: 280px;
    min-width: 200px;
    position: relative;
}
div#orderNumberInputField.required-field:after,
div#orderPassInputField.required-field:after {
    content: '\f00d';
    color: #ff0033;
}
div#orderNumberInputField:after,
div#orderPassInputField:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #077;
    font-size: 12px;
    position: absolute;
    right: 4px;
    bottom: 10px;
}
.order-find-field-single {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
    border-radius: 8px;
    padding-top: 8px;
    margin: 4px;
    background: #fcfcfc;
}
.order-find-order-password-recovery-inputs-container > div > div > input {
    border: unset !important;
    background: #fcfcfc !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    font-weight: 600;
    color: #033 !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset !important;
    min-width: 180px !important;
    max-width: 200px !important;
}
a.forgotten-username,
a.forgotten-password {
    font-size: 11px;
    float: right;
    color: #7b7b7b;
    margin-bottom: 8px;
}
.order-find-result-as-guest-header,
.order-find-result-as-member-header {
    margin-bottom: 8px;
    font-size: 14px;
    text-align: center;
}
.order-find-result-as-guest-header:before,
.order-find-result-as-member-header:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 2px;
    font-size: 16px;
}
.order-find-result-as-member.orderAsMember,
.order-find-result-as-guest.orderAsGuest {
    visibility: visible;
    opacity: 1;
    max-height: 100px;
    animation: bounceIn 0.5s ease-in-out;
    transition: visibility 0.1s ease, opacity 0.3s ease-in-out;
}
.order-find-result-as-member,
.order-find-result-as-guest {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #033;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    animation: bounceOut 0.5s ease-in-out;
    transition: visibility 0.1s ease, opacity 0.3s ease-in-out;
}
.order-find-result-as-guest-btn,
.order-find-result-as-member-btn {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 8px 16px;
    background: #033;
    color: #fff;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.order-find-result-as-guest-btn:hover,
.order-find-result-as-member-btn:hover {
    background: #055;
}
.profile-badge-login.loginBadgeOn {
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    transition: opacity 0.3s ease-in-out, visibility 0.1s ease-in-out;
}
.profile-badge-login.loginBadgeFastOn {
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    animation: bounceIn 0.5s ease-in-out;
}
.profile-badge-login {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.profile-badge-login-container {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.profile-badge-login-back:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 20px;
}
.profile-badge-login-back {
    position: absolute;
    top: 12px;
    left: 8px;
    color: #033;
    cursor: pointer;
}
form#com-form-login-minimal .userdata {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px;
    height: 100%;
}
.com-form-login-header-minimal {
    font-size: 16px;
    padding: 8px 16px;
    padding-top: 0;
    text-align: center;
    font-weight: 600;
    color: #033;
    margin-bottom: 8px;
}
form#com-form-login-minimal {
    height: 100%;
}
div#com-form-login-username_minimal {
    margin-bottom: 16px;
}
div#com-form-login-password_minimal input,
div#com-form-login-username_minimal input {
    font-size: 14px;
    color: #033;
    font-weight: 600;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 4px;
}
div#com-form-login-username_minimal input::placeholder,
div#com-form-login-password_minimal input::placeholder {
    font-weight: 400;
    color: #a7a7a7;
}
a.login-minimal-url {
    color: #033;
    width: 100%;
    display: block;
    text-align: right;
    font-weight: 300;
}
input.default-login-minimal {
    border: none;
    background: #033;
    color: #fff;
    padding: 8px 16px;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
input.default-login-minimal:hover {
    background: #055;
}
.submitbutton-login-minimal {
    width: 100%;
    margin-top: auto;
    margin-bottom: 8px;
}
.remember-me-login-minimal {
    margin: 0 auto;
    padding-top: 16px;
}
marked {
    color: #099;
    font-weight: 700;
}
div#sp-bottom1 {
    padding: 0 !important;
}
.footer-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px;
}
.footer-seperator {
    display: block;
    width: 180px;
    height: 2px;
    border-bottom: 2px solid #797979;
    margin: 16px;
}
.footer-seperator-heading {
    display: block;
    width: 120px;
    height: 2px;
    border-bottom: 2px solid #393939;
    margin: 16px;
}
.footer-column {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 320px;
}
.footer-spott {
    padding-top: 8px;
    color: #f1f1f1;
    font-size: 18px;
    font-weight: 600;
}
.footer-slogan {
    color: #fafafa;
    padding: 0 16px;
    font-size: 14px;
}
.footer-address:before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 28px;
    margin-right: 16px;
    color: #f1f1f1;
}
.footer-address {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fafafa;
    font-size: 14px;
}
.footer-email:before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 28px;
    margin-right: 16px;
    color: #f1f1f1;
}
.footer-details-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0 32px;
}
.footer-map {
    max-width: 160px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.footer-map img {
    transform: scale3d(1.0, 1.0, 1.0);
    transition: all 0.3s ease-in-out;
}
.footer-map img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
    transition: all 0.3s ease-in-out;
}
.footer-email {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
}
.footer-email a {
    font-weight: 600;
    color: #fafafa;
    transition: all 0.3s ease-in-out;
}
.footer-email a:hover {
    margin-left: 8px;
    color: #c7c7c7;
}
.footer-phone:before {
    content: '\f879';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 28px;
    margin-right: 16px;
    color: #f1f1f1;
}
.footer-phone {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 8px;
    font-size: 16px;
}
.footer-phone a {
    font-weight: 600;
    color: #fafafa;
    transition: all 0.3s ease-in-out;
}
.footer-phone a:hover {
    margin-left: 8px;
    color: #c7c7c7;
}
.footer-contact {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-contact-href {
    background: #f1f1f1;
    padding: 12px 24px;
    text-align: center;
    border-radius: 32px;
    color: #033;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out;
    margin: 16px;
    border: 1px solid #fafafa4a;
}
.footer-contact-href:before {
    content: '\f007';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.footer-contact-href:hover,
.footer-contact-href:focus,
.footer-contact-href:active {
    background: #f5f5f5;
    letter-spacing: unset;
    color: #055;
}
.footer-header {
    padding-top: 8px;
    color: #f1f1f1;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.footer-working-hours-container {
    display: flex;
    padding: 4px 16px;
    flex-direction: column;
    color: #f1f1f1;
    font-size: 14px;
}
.footer-working-day {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
    text-align: right;
}
.footer-not-working-day {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
    color: #a5a5a5;
    text-align: right;
}
.footer-working-day marked {
    color: #f1f1f1;
    margin-right: auto;
}
.footer-not-working-day marked {
    color: #919191;
    font-weight: 500;
    margin-right: auto;
}
.footer-working-day {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    color: #ffffff;
}
.footer-holiday-rest-days:before {
    content: '\f023';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.footer-holiday-rest-days {
    margin-top: 16px;
    font-size: 12px;
    color: #dfdfdf;
    font-weight: 600;
    text-align: center;
}
.footer-link {
    padding: 2px 16px;
    font-size: 14px;
}
.footer-link-href {
    color: #f1f1f1;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}
.footer-link-href:hover,
.footer-link-href:active,
.footer-link-href:focus {
    color: #b7b7b7;
    margin-left: 4px;
}
.footer-find-us-google-maps:before {
    content: '\f5a0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.footer-find-us-google-maps {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.footer-column-level-2.footer-level-2-2 {
    background: #1e1e1e;
    color: #dfdfdf;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.footer-copyright {
    margin-left: 16px;
    padding: 8px;
}
.footer-hidden-seperator {
    margin: 8px 0;
}
.footer-social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-right: 16px;
}
.footer-social img {
    max-width: 32px;
}
.footer-social-message {
    font-size: 12px;
    color: #033;
    font-weight: 600;
    margin-right: 8px;
}
.footer-coorporations {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-left: 16px;
}
.footer-coorporations img {
    max-width: 42px;
}
.footer-bottom-level-1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #f7f7f7;
    padding: 8px 0px;
    align-items: center;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.footer-column-level-1.footer-level-1-1 {
    padding: 0 8px;
    display: flex;
    width: 100%;
    justify-content: center;
}
.footer-column-level-1.footer-level-1-2 {
    padding: 0 8px;
}
.footer-secondary {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
googlemaps {
    font-weight: 700;
    color: #ffffff;
}
.footer-column-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-column-maps {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-customer-support {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-working-day.today-dot:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    animation: pulse 2s ease-in-out infinite;
    margin-right: 8px;
}
.footer-not-working-day.today-dot:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    margin-right: 8px;
}
.footer-newsletter {
    padding: 2px 8px;
    font-size: 14px;
    color: #dfdfdf;
    font-weight: 600;
    text-align: center;
}
.acym_module {
    width: 100%;
}
.acym_fulldiv {
    position: relative;
}
p.acysubbuttons {
    margin: 0;
}
label.cell.margin-top-1 {
    width: 100%;
}
.acym_module_form {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-top: 16px;
    max-width: 400px;
}
.acym_module_form input {
    cursor: default !important;
    max-width: 100% !important;
    border: none;
}
.acym_module_form .onefield {
    margin: 0;
}
.onefield.fieldacy2.acyfield_text input {
    border-radius: 8px 0 0 8px;
    line-height: unset;
    padding: 8px 16px;
    cursor: text !important;
}
.onefield.fieldacy2.acyfield_text input:focus {
    border: 1px solid #00000000;
    outline: unset;
}
input.btn.btn-primary.button.subbutton {
    position: relative;
    left: -1px;
    padding: 8px;
    background: #fcfcfc;
    color: #033;
    font-size: 16px;
    border-radius: 0 8px 8px 0;
    cursor: pointer !important;
}
.onefield:hover .acym__field__error__block__active {
    display: flex !important;
    align-items: center !important;
}
.onefield .acym__field__error__block {
    position: absolute !important;
    width: 100% !important;
    background-color: #fff !important;
    padding: 8px 8px !important;
    border: 1px solid #033 !important;
    border-radius: 16px !important;
    z-index: 1000 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.onefield .acym__field__error__block:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-size: 16px;
    color: #ff0033;
}
div.acym_module_success:after {
    content: '\f5b8';
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    margin-left: auto;
}
div.acym_module_success {
    color: #fdfdfd !important;
    background-color: #077 !important;
    padding: 8px 16px !important;
    z-index: 10;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 16px !important;
    display: flex;
    align-items: center;
    width: calc(100% - 24px);
    margin: 16px auto;
}
.acym_form {
    width: 100%;
}
.suggestions-submenu-product-price .vm-price-desc {
    display: none;
}
.suggestions-submenu-product-price .PricesalesPrice {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}
.suggestions-submenu-fallback-color {
    display: block;
    width: 36px;
    height: 36px;
    margin: 8px auto;
    border-radius: 100%;
    max-width: 100%;
    outline: 1px solid #d7d7d7;
}
.suggestions-submenu-fallback-color:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(205deg, #ffffff, transparent);
    height: 31px;
    width: 100%;
    border-radius: 100%;
    opacity: 0.6;
    transition: 0.5s opacity ease-in-out;
}
.vmproductdetails-suggestions-container {
    display: block;
    width: 100%;
    margin: 16px 0;
}
ul#cf_list_custom_f_17_229 li.cf_group_heading {
    font-weight: 600;
    padding: 16px 0;
    font-size: 14px;
    color: #033;
}
ul#cf_list_custom_f_17_229 li.cf_group_heading:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-size: 12px;
}
ul#cf_list_custom_f_17_229 {
    padding: 0 16px;
}
input#cf_smartSearch_custom_f_17_229 {
    border: none;
    background: none;
    outline: 1px solid #b9b9b9;
    font-size: 14px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
    width: calc(100% - 32px);
    margin: 0 auto 16px;
}
.vm3pr- .add-to-cart .add-to-cart.addtocart-button {
    background: url(/images/site-icons/cart-white.png) no-repeat;
    background-size: 22px;
    background-color: #033;
    background-position: 10px;
    text-indent: 24px;
    transition: all 0.1s ease-in-out;
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 24px;
    padding: 12px 16px;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}
div#bd_results {
    background: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.vm-pagination-bottom {
    margin-top: auto;
}
.mod-breadcrumbs-item.last-breadcrumb-item.active {
    font-weight: 600;
    font-size: 13px;
    color: #033;
    cursor: text;
}
li.cf_group_heading.cf-model-manufacturer.cf_show_custom {
    display: none;
}
.model-list-models {
    display: flex;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    flex-direction: column;
    align-items: flex-start;
}
.model-list-models.cf_show_custom {
    max-height: 6000px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
span.cf_option {
    display: inline;
    white-space: nowrap;
}
.cf_show_custom .cf-model-manufacturer {
    opacity: 0.5;
    pointer-events: none;
}
.cf_show_custom .model-list-models {
    max-height: 6000px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.cf_match {
    font-weight: bold;
    background: #f1f1f1;
    border: 1px solid #dddddd;
    border-radius: 4px;
    color: #033;
}
.mf_name {
    font-size: 14px;
    font-weight: 600;
    padding: 8px;
    color: #077;
    display: flex;
    justify-content: flex-start;
    gap: 4px;
    align-items: flex-end;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.mf_name:hover {
    color: #033;
}
.toggle-icon:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    margin-right: 4px;
    display: block;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}
.toggle-icon.cf_show_custom:before {
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}
.cf-selected-models {
    pointer-events: none;
    display: flex;
    align-items: center;
    width: 100%;
}
.cf-model-list-container.selected-models {
    width: 100%;
    padding-bottom: 16px;
}
.cf-selected-models .mf_name {
    color: #033;
}
.cf-selected-models .mf_name:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.cf_show_custom .cf-selected-models {
    opacity: 1;
    visibility: visible;
    max-height: 1000px;
}
.cf_flt {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.cf_ajax_loader {
    background-color: transparent !important;
}
#cf_res_ajax_loader {
    background-color: transparent !important;
}
.custom-checkbox {
    position: relative;
    width: 12px;
    height: 12px;
    outline: 1px solid #099;
    border-radius: 16px;
    background: white;
    transition: background-color 0.3s, border-color 0.3s;
    flex-shrink: 0;
}
.custom-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 8px;
}
.custom-checkbox::after {
    content: '\f14a';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 20px;
    position: relative;
    left: -1px;
    opacity: 0;
    transition: opacity 0.3s;
    color: #033;
}
@keyframes spinner-zp9dbg {
   to {
      transform: rotate(1turn);
   }
}
.cf_flt:checked + .custom-checkbox-label .custom-checkbox::after {
  opacity: 1;
}
.cf_flt:checked + .custom-checkbox-label .custom-checkbox {
    border-color: transparent;
    background-color: transparent;
    outline: 0;
}
.custom-checkbox-label:hover .custom-checkbox {
  border-color: #4caf50;
}
.custom-checkbox-label {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
}
div#cf_wrapper_inner_custom_f_17_229[aria-hidden="true"] {
    max-height: 0;
    transition: all 0.3s ease-in-out;
}
.cf_filters_list .cf_hide {
    display: flex !important;
    opacity: 0.5;
    pointer-events: none;
    order: 1;
}
.cf-model-list-container.cf_show_custom {
    order: 1;
}
.cf-model-list-container {
    order: 0;
    width: 100%;
}
.cf_filters_list_li.cf_show_custom {
    order: 0;
}
.cf-model-list-container.cf_show_custom .model-list-models {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.cf_flt_wrapper {
    max-height: 6000px;
    overflow-x: auto;
    scrollbar-width: none;
}
.custom-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003333ad;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-loader-spinner {
    width: 40px;
    height: 40px;
    border: 5px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    position: absolute;
    top: 25%;
    left: 50%;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.vmcategory-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    position: relative;
}
.vmcategory-description-container {
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    display: flex;
    flex-direction: column;
}
.vmcategory-description p {
    display: none;
}
.model-dropdown-container {
    background-image: url(/images/menu_images/phone-cases-bg.jpg);
    background-position-y: -59px;
    background-position-x: 0px;
    background-size: 130%;
    border-radius: 8px;
    outline: 1px solid #dadadc;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    max-height: 600px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
div#model-dropdown-wrapper {
    padding: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
div#model-dropdown-wrapper label {
    color: #fdfdfd;
    font-weight: 600;
    padding: 8px;
    width: 100%;
    text-shadow: 1px 1px 3px black;
}
select#manufacturer-select,
select#model-select {
    width: 100%;
    max-width: 300px;
    height: auto;
    padding: 8px 16px;
    line-height: unset;
    border-radius: 8px;
    font-size: 14px;
    margin-right: auto;
    color: #033;
    font-weight: 500;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
select#manufacturer-select:focus {
    border: #393939 1px solid;
}
.model-dropdown-buttons {
    display: flex;
    justify-content: center;
    padding: 8px;
    padding-bottom: 16px;
}
select#model-select:disabled,
select#model-select-229-clone:disabled {
    opacity: 0.6;
    cursor: default;
}
.model-dropdown-container.selected-model {
    max-height: 0;
    outline: none;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.vmcategory-revert-toggler {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.vmcategory-revert-toggler.selected-model {
    max-height: 100px;
    padding: 8px 16px;
    background: #033;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border: 1px solid #f0f0f1;
    border-bottom: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: -46px;
    left: 0;
}
.vmcategory-revert-toggler.selected-model:hover {
    background: #055;
}
.vmcategory-revert-toggler.selected-model:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    margin-left: 4px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.vmcategory-revert-toggler.selected-model:hover::after {
    transform: translateY(4px);
    transition: all 0.3s ease-in-out;
}
.vmcategory-filter-products-responsive {
    max-width: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}
.vmcategory-description-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}
.vmcategory-description-wrapper.selected-model {
    margin: 0;
}
span.cf_results-msg {
    display: none;
}
.category-keyword-change:before {
    content: '\f021';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
    font-size: 16px;
}
.category-keyword-found:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
    font-size: 16px;
}
.category-keyword-change,
.category-keyword-found {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.vm-category-searched-word-mini.single-category {
    display: none;
}
.vm-category-select-current-category a:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vm-category-select-current-category a:hover {
    background: #d3d3d3;
    color: #055;
}
.vm-category-select-current-category a {
    display: block;
    border-radius: 16px;
    background: #e7e7e7;
    padding: 4px 16px;
    font-size: 12px;
    color: #033;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    transition: all 0.3s ease-in-out;
    outline: 1px solid #dedede;
}
.vm-category-select-current-category {
    display: block;
    margin-left: 16px;
    margin-top: 8px;
}
.vme-quickview-left {
    width: 100%;
    padding: 16px;
}
.cc-window.cc-floating {
    background: #fdfdfd;
    box-shadow: 0 0 0 9000px #00000094;
    max-height: 700px;
    overflow-y: scroll;
    display: block;
    scrollbar-width: none;
    transform: translateY(-5%);
    pointer-events: all;
}
.cc-message {
    font-size: 16px;
    text-align: left;
    padding: 8px;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0px !important;
    font-family: 'Manrope';
}
.cc-message:before {
    content: '';
    width: 100%;
    height: 150px;
    display: block;
    background: url(/images/bott/bott-cookie.png) no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 16px;
}
.cc-message-text {
    width: 100%;
    color: #033;
    padding: 8px;
    font-size: 13px;
    font-family: 'Manrope';
    text-align: center;
}
.cc-message a {
    padding: 8px !important;
    text-decoration: none;
    font-weight: 600;
}
.cc-compliance.cc-highlight {
    display: flex;
    justify-content: center !important;
    align-items: center;
    width: 100%;
    font-family: 'Manrope';
}
.cc-cookie-settings-toggle {
    border-radius: 8px !important;
    order: 1;
    margin-top: 16px !important;
}
.cc-cookie-settings-toggler:after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 4px;
    font-size: 16px;
}
.cc-cookie-settings-toggler {
    font-size: 0 !important;
    height: 16px;
    margin-left: 4px;
}
ul.cc-compliance-list {
    align-content: center !important;
    flex: 0 0 auto !important;
    flex-direction: column-reverse;
}
span.cc-close:after {
    color: #033 !important;
    content: '\f057';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 8px;
}
a.cc-btn.cc-allow {
    outline: 1px solid #e3e3e3;
    margin: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
    padding: 12px 24px !important;
    border: none;
    max-width: 300px;
    white-space: unset;
}
a.cc-btn.cc-allow:hover {
    background: #f3f3f3;
}
a.cc-btn:hover {
    text-decoration: none !important;
}
a.cc-link label {
    font-size: 14px;
    position: relative;
    top: -2px;
    left: 4px;
}
ul.cc-compliance-list li {
    width: 100%;
}
a.cc-btn.cc-allowall {
    outline: 1px solid #e3e3e3;
    margin: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
    padding: 12px 24px;
    border: none;
    background: #033 !important;
    color: #fdfdfd !important;
    max-width: 300px;
    white-space: unset;
}
a.cc-btn.cc-allowall:hover {
    background: #077 !important;
}
a.cc-btn.cc-deny {
    outline: 1px solid #e3e3e3;
    margin: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
    padding: 12px 24px;
    border: none;
    max-width: 300px;
    white-space: unset;
}
a.cc-btn.cc-deny:hover {
    background: #dddddd !important;
}
.cc-settings-label {
    padding: 8px;
    text-align: center;
    margin-top: 0 !important;
    padding-top: 0;
    color: #033;
}
div.cc-checkboxes-container {
    margin-top: 8px !important;
    justify-content: center;
}
.cc-checkbox-container {
    min-width: 100%;
    margin: 8px !important;
}
.cc-cookie-category-description strong {
    font-size: 14px;
    display: block;
    color: #033;
}
.cc-cookie-category-description p {
    display: block;
    font-size: 14px;
    line-height: unset;
    color: #077 !important;
}
.cc-cookie-category-title {
    border: none !important;
    font-weight: 600 !important;
    color: #099;
    font-size: 20px !important;
}
div.cc-cookie-category-description {
    padding: 16px !important;
}
fieldset.cc-cookie-list-title legend {
    font-weight: 600;
    color: #099;
}
fieldset.cc-cookie-list-title legend:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
    font-size: 14px !important;
}
.cc-service-list-title .cc-services-descriptions-toggler,
.cc-cookie-descriptions-toggler {
    font-size: 0;
}
.cc-services-descriptions-toggler {
    height: 32px;
}
.cc-service-list-title legend:before {
    content: '';
}
.cc-cookie-descriptions-toggler:before,
.cc-services-descriptions-toggler:before {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-left: 4px;
    font-size: 16px;
}
.cc-cookie-descriptions p {
    display: block;
    font-size: 14px;
    line-height: unset;
    color: #000;
    padding: 8px 0;
}
.cc-cookie-expiration {
    font-style: italic;
    padding: 8px !important;
    border-top: 1px solid #e1e1e1 !important;
}
fieldset.cc-service-list-title legend {
    background: #fff;
    width: 100% !important;
    max-width: 100%;
}
div.cc-service-cookie-list-title {
    font-size: 14px !important;
    font-weight: 600;
    color: #033;
    padding: 8px 0;
    border-bottom: none !important;
}
fieldset.cc-service-list-title ul.cc-cookie-category-list {
    margin-left: 8px !important;
}
span.productnum.one, span.productnum.more {
    height: 24px !important;
    border-radius: 16px;
    padding: 4px 8px !important;
    font-family: sans-serif !important;
    display: flex;
    align-items: center;
    font-size: 11px !important;
}
.cc-revoke.cc-center.cc-revoke-bottom-left {
    left: 0 !important;
    outline: 1px solid #d1d1d1;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 0 8px 0 0;
    font-size: 12px;
    color: #fdfdfd;
    background: #033;
    transition: all 0.1s ease-in-out;
}
.cc-revoke:hover {
    text-decoration: none;
    font-size: 13px !important;
    font-weight: 600;
}
body.gdpr-prevent-scrolling {
    pointer-events: none;
}
.cc-revoke.cc-revoke-bottom-left:before {
    content: '\f3ed';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.main-pwd-email-edit-section #name {
    display: none;
}
.noevents {
    pointer-events: none;
    cursor: default;
}
.profile-edit {
    position: relative;
}
.profile-edit .btn.btn-default.btn-secondary.button {
    background: none;
    border: none;
    color: #ff0033;
    outline: 1px solid #ff00332b;
    font-weight: 600;
    font-size: 11px;
    background: #fdfdfd;
    width: 130px;
    text-align: right;
    padding: 8px;
    border-radius: 8px;
    box-shadow: rgb(255 0 0 / 12%) 0px 1px 3px, rgb(255 0 0 / 24%) 0px 1px 2px;
}
.profile-edit .controls {
    position: absolute;
    top: 52px;
    right: 8px;
    pointer-events: all;
}
.controls:before {
    content: '\f235';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #ff0033;
    position: relative;
    left: 22px;
    top: 0px;
    font-size: 12px;
}
button.button-email-change-only.togglerActive {
    background: #033;
    color: #fdfdfd;
}
button.button-password-change-only.togglerActive {
    background: #033;
    color: #fdfdfd;
}
.change-password-buttons a.btn.btn-secondary {
    background: #fdfdfd;
    color: #099;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    outline: 1px solid #d2d2d2;
    transition: all .15s ease-in-out;
    min-width: 140px;
}
.change-password-buttons a.btn.btn-secondary:hover {
    background: #fbfbfb;
    outline: 2px solid #e5e5e5;
}
.con-pwd-email-edit-section.jform_username {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    position: absolute;
    top: -8px;
    left: -4px;
    font-size: 12px;
    opacity: 0;
}
.account-details-bott img {
    max-width: 210px;
}
.account-details-bott {
    padding: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vmcategory-description footer {
    display: none !important;
}
div.gdprlock-placeholder.gdprlock-placeholder-action {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
div.gdprlock-placeholder-text, div.gdprcookielock-placeholder-text {
    font-size: 14px;
    text-align: center;
    width: 80%;
    margin: auto;
    line-height: initial;
    font-weight: 600;
}
div.gdprlock-placeholder, div.gdprcookielock-placeholder {
    background-size: 100% !important;
}
.gdprlock-placeholder-text:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
a.cc-custom-revoke.cookies-btn-style {
    padding: 12px 24px;
    background: #033;
    color: #fdfdfd;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
a.cc-custom-revoke.cookies-btn-style:hover {
    background: #077;
}
.returns-page-rule-single-intro.cookies-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}
.proopc-order-confirmation-notice.proopc-alert.proopc-info-msg {
    display: none;
}
div#paypal-button-container-custom {
    width: 100%;
    max-width: 340px;
}
div#proopc-confirm-order .inner-wrap {
    width: 100%;
    max-width: 340px;
}
.disable-button .proopc-btn {
    opacity: 0.7;
    pointer-events: none;
    display: none;
}
label[for="payment_id_3"] .vmpayment:before {
    content: '\f1f4';
    font-family: "Font Awesome 5 Brands";
    font-size: 28px;
    width: 40px;
    height: 40px;
    color: #b5b5b5 !important;
    margin-right: 6px;
}
label[for="payment_id_3"] {
    order: 7;
}
span.cc-cookie-settings-toggle {
    text-align: right !important;
    font-weight: 600;
    margin: 0 !important;
}
.bank-details {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 12px;
}
.iban {
    color: #077;
    padding: 4px 0;
}
.beneficiary {
    color: #099;
    font-style: italic;
}
.vmcategory-model-limitation-message-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.00) 0px 0px 0px, rgba(0, 0, 0, 0.00) 0px 0px 0px;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    transition: all 0.3s ease-in-out;
}
.vmcategory-model-limitation-message-container.active {
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border: 1px solid #dddddd;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 8px;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    max-height: 500px;
    transition: all 0.3s ease-in-out;
}
.vmcategory-model-limitation-info-icon:before {
    content: '\f05a';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vmcategory-model-limitation-message {
    color: #033;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
}
.vmcategory-model-selector-button-revert {
    background: #ff0033;
    color: #fdfdfd !important;
    outline: 1px solid #ff0033;
    transition: all 0.3s ease-in-out;
    border: none;
    border-radius: 8px;
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.1s ease-in-out;
    margin-top: 16px;
}
.vmcategory-model-selector-button-revert:hover {
    background: #bb0025;
    color: #fff;
    outline: 1px solid #bb0025;
    transition: all 0.3s ease-in-out;
}
.vmcategory-model-limitation-message-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.vmcategory-model-limitation-info-icon {
    font-size: 30px;
    color: #077;
}
.vmcategory-model-limitation-header {
    font-size: 16px;
    color: #033;
    padding: 4px;
}
.vmcategory-model-limitation-sub {
    color: #5f5f5f;
    font-weight: 400;
    padding: 0px 4px;
}
.vm-search-no-results-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 8px;
    width: 100%;
}
.vm-search-model-limitation-not-found {
    color: #033;
    margin-top: 16px;
}
.vm-search-no-results-icon {
    font-size: 30px;
    color: #910000;
}
.vm-search-no-results-icon:before {
    content: '\f071';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    margin-right: 4px;
}
.vm-search-no-results-header {
    font-size: 18px;
    padding: 4px;
    font-weight: 600;
}
.vm-search-no-results-sub {
    padding: 0 4px;
    color: #575757;
    font-size: 13px;
}
.vm-search-revert-model-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
    padding-bottom: 24px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d6d6d6;
}
.vm-search-model-limitation-header:before,
.vm-search-suggestions-list-header:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
.vm-search-model-limitation-header,
.vm-search-suggestions-list-header {
    font-size: 16px;
    font-weight: 600;
    color: #077;
    padding: 4px;
}
.vm-search-model-limitation-sub {
    font-size: 14px;
    padding: 0 8px;
    color: #033;
}
.vmcategory-model-limitation-container {
    display: block;
    width: 100%;
    margin-bottom: 32px;
    position: relative;
}
.vmcategory-model-limitation-toggler:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #033;
    font-size: 13px;
    margin-left: 8px;
}
.vmcategory-model-limitation-toggler.active:after {
    content: '\f00d';
}
.vmcategory-model-limitation-toggler {
    position: absolute;
    top: 0px;
    right: 8px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
    color: #033;
    background: #f7f7f7;
    padding: 0px 8px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    transition: all 0.1s ease-in-out;
}
.vmcategory-model-limitation-toggler.active {
    font-size: 0px;
    top: 8px;
    padding: 0px;
    background: transparent;
    box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px, rgba(0, 0, 0, 0.0) 0px 0px 0px;
    color: #077;
    transition: all 0.1s ease-in-out;
}
.vmcategory-filter-apply-button {
    display: none;
}
.vmcategory-filter-apply-button:hover {
    background: #077;
    transition: all 0.2s ease-in-out;
}
.products-in-category {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.products-in-category.loaderFiltersOn {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.pagination,
.pagination-container {
    display: none;
}
.vm-infinite-scroll-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
}
.vm-infinitre-scroll-load-more {
    padding: 12px 24px;
    background: #077;
    color: #fdfdfd;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.vm-infinitre-scroll-load-more:hover {
    background: #099;
}
.vm-infinite-scroll-loading {
    display: none;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    color: #a9a9a9;
    font-size: 12px;
}
.vm-infinite-scroll-end {
    color: #a9a9a9;
    font-size: 12px;
}
.vm-infinite-scroll-icon {
    max-width: 40px;
}
.vm-infinite-scroll-end:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
}
div#boxnowmap_gr {
    z-index: 9999;
    position: absolute;
    pointer-events: all;
}
.vmgrouplatest-products-frontpage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.vmgrouplatest-products-frontpage >div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.vmgrouplatest-products-frontpage .vmproductmodule-single-product-container {
    max-width: 300px;
    min-width: 240px;
    display: flex;
    flex: 0 0 auto;
    scroll-snap-align: start;
}
.vmgrouplatest-products-frontpage > div::-webkit-scrollbar {
  display: none;
}
.full-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px !important;
}
.full-desc .vmproductdetails-product-quick-description {
    padding: 8px;
    font-size: 14px;
    color: #033;
    margin: 16px 0;
}
.vmproductdetails-product-quick-description:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.full-desc .vmproductdetails-product-full-description h3:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}
.full-desc .vmproductdetails-product-full-description h3 {
    font-size: 16px;
    font-weight: 600;
    color: #099;
    padding: 4px;
}
.full-desc .vmproductdetails-product-full-description p {
    font-size: 14px;
    color: #033;
}
.vm-children-subcategories-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 575px;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 9000px #0000001a;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
}
.vm-children-subcategories-container.active {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    z-index: 999;
}
.vm-children-subcategories-toggler {
    cursor: pointer;
    color: #00d1d1;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 9;
    width: 30px;
    height: 30px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.vm-children-subcategories-toggler:hover {
  color: #fdfdfd;
}
.vmchildren-open-toggler:before {
    content: '\f142';
    font-family: 'Font Awesome 6 Free';
}
.vmchildren-close-toggler:before {
    content: '\f057';
    font-family: 'Font Awesome 6 Free';
}
.vm-subcategories.level-1 {
    padding: 8px;
    font-size: 14px;
}
.level-1 a {
    color: #033;
    font-weight: 600;
}
.subcategory-item.level-1 a:before {
    content: '\f054';
    font-family: 'Font Awesome 6 Free';
    margin-right: 4px;
}
.vm-subcategories.level-2 {
    padding: 8px 16px;
    font-size: 14px;
}
.subcategory-item.level-2 a:before {
    content: '\f0da';
    font-weight: 600;
}
.subcategory-item.level-2 a {
    color: #494949;
    font-weight: 400;
}
.vm-subcategories.level-3 {
    padding: 2px 16px;
    font-size: 12px;
}
.subcategory-item {
    padding: 4px;
}
.subcategory-item.level-3 {
    margin-top: 4px;
}
.possible-sample-photo {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 11px;
    color: #033;
    font-weight: 600;
    padding: 4px;
    background: #fdfdfd;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.fancybox-placeholder-inner {
    z-index: 999;
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 14px;
    color: #033;
    font-weight: 600;
    padding: 8px;
    background: #fdfdfd;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.possible-sample-photo-mini {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 8px;
    font-weight: 600;
    color: #8b8b8b;
}
.possible-sample-photo.sample-vmquickview {
    right: unset;
    left: 8px;
    font-size: 12px;
    padding: 8px;
    z-index: 999;
}
.cf_filters_list li .cf_option {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 8px !important;
}
.model-list-models .cf_option {
    width: 100%;
    display: flex;
    align-items: center;
}
.cf-model-dropdowns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    align-items: flex-start;
}
.cf_colorbtn_list .cf_clear {
    position: absolute;
    bottom: 4px;
    right: 8px;
}
select.cf-model-dropdown {
    font-size: 14px !important;
    padding: 8px !important;
    width: 100% !important;
    border: 1px solid #efefef !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
    height: unset !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
}
.cf-model-dropdown:disabled {
    opacity: 0.5;
}
.cf-model-dropdown {
    transition: all 0.3s ease-in-out;
}
form#cf_form_229 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
span.cf_flt_header_text:before {
    font-family: 'FontAwesome';
    margin-right: 8px;
}
div#cfhead_custom_f_51_229 .cf_flt_header_text:before {
    content: '\f390';
}
div#cfhead_custom_f_17_229 .cf_flt_header_text:before {
    content: '\f3ce';
}
div#cfhead_custom_f_40_229 .cf_flt_header_text:before {
    content: '\f085';
}
div#cfhead_custom_f_41_229 .cf_flt_header_text:before {
    content: '\f3ed';
}
div#cfhead_custom_f_42_229 .cf_flt_header_text:before {
    content: '\f6e3';
}
.vm-search-no-results-back-container {
    position: relative;
    bottom: -42px;
    cursor: pointer;
}
a.vm-search-back {
    background: #033;
    padding: 8px 16px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
a.vm-search-back:hover{
    color: #fdfdfd;
    background: #077;
}
.header-model-selector-cases {
    background: url(/images/banners/billboard-cases-category.jpg) no-repeat;
    min-height: 220px;
    position: relative;
    background-size: cover;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    background-position: center;
}
.header-model-selector-glasses {
    background: url(/images/banners/billboard-glasses-category.jpg) no-repeat;
    min-height: 220px;
    position: relative;
    background-size: cover;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#header-model-selector:empty {
    display: none;
}
.cf-model-dropdowns.cf-model-clone {
    min-height: 220px;
    max-width: 380px;
    padding: 0 16px;
    background: linear-gradient(270deg, #ffffff, transparent);
    margin: 0 auto;
}
.header-model-selector-glasses .cf-model-clone {
    background: unset;
}
.cf-dropdown {
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    border-radius: 8px !important;
    cursor: pointer !important;
}
.cf-model-description.cf-model-clone {
    padding: 8px 16px;
    border-radius: 8px;
    margin: 8px auto;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    text-shadow: 0px 0px 5px #fdfdfd;
    color: #033;
}
.header-model-selector-glasses .cf-model-clone {
    color: #fff;
    text-shadow: 0 0 5px #033;
}
.printable-label-container {
    max-width: 600px;
    margin: 32px auto;
    font-family: 'Manrope';
}
.printable-label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.printable-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(/images/frontpage-images/ShopLabelTemplate.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    min-height: 390px;
    max-height: 390px;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 16px;
    position: relative;
}
.printable-label-name {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 16px;
}
.printable-label-title:before {
    content: '';
    background: url(https://www.svgrepo.com/show/442470/chevron-right.svg);
    display: block;
    width: 30px;
    height: 30px;
    background-size: 100%;
}
.printable-label-title {
    margin-top: 52px;
    font-size: 26px;
    position: relative;
    display: flex;
    align-items: center;
}
.printable-label-title span {
    display: flex;
    align-items: center;
}
.printable-label-subtitle {
    font-size: 22px;
    font-weight: 300;
    padding: 16px;
    width: 100%;
    text-align: center;
}
.printable-label-sku {
    position: absolute;
    bottom: 4px;
    left: 80px;
    font-size: 12px;
    color: #969696;
}
.label-barcode {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
}
.label-barcode img {
    max-width: 104px;
}
.printable-label-price {
    position: absolute;
    bottom: 8px;
    right: 16px;
}
span.printable-price-value {
    font-size: 30px;
    font-weight: 600;
}
div#storageWarning.warningMsgCookie {
    display: block;
    background: rgb(255, 243, 205);
    color: rgb(102, 77, 3);
    padding: 16px;
    border-radius: 8px;
    margin: 8px;
    font-size: 14px;
}
.vmproductdetails-manufacturer-image {
    display: flex;
    justify-content: center;
    font-size: 10px;
    pointer-events: none;
}
.vm-children-subcategories-current-name {
    padding: 12px;
    font-weight: 600;
    background: #033;
    border-radius: 4px;
    color: #fff;
}
.vm-category-back:before {
    content: '\f053';
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #033;
    font-size: 24px;
}
.qv-product-open-cont {
    width: 100%;
}
.qv-product-open-cont a {
    display: block;
    padding: 8px 16px;
    width: 100%;
    background: #033;
    border-radius: 16px;
    text-align: center;
    margin: 16px 0;
    color: #fff;
}
.qv-product-open-cont a:hover {
    color: #fdfdfd;
    background: #055;
}
.qv-product-open-cont a:before {
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
.owl-prev,
.owl-next {
    border-radius: 16px !important;
}
.qv-product-title a.skeleton-vmcategory {
    color: transparent;
}
.product-image-gallery-cont .skeleton-vmcategory img,
.skeleton-vmcategory .qv-product-price-stock-sku-cont,
.possible-sample-photo.sample-vmquickview {
    opacity: 0;
}
.skeleton-vmcategory .mousetrap {
    display: none;
}
.vpf-zoom-gallery img.skeleton-vmcategory {
    opacity: 0 !important;
    background: #ddd !important;
}
.qv-product-open-cont a.skeleton-vmcategory {
    background: #eeeeee;
    color: transparent;
    pointer-events: none;
}
.qv-product-desc-cont h2.skeleton-vmcategory {
    color: transparent;
}
.owl-buttons .skeleton-vmcategory,
.vme-quickview-compare-wishlist-section.skeleton-vmcategory,
.vme-essentials-rating-in-quickview.skeleton-vmcategory {
    display: none;
}
.vme-modal-close {
    position: absolute;
    top: 8px;
    right: 24px;
    color: #033;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    background: 0 none;
    opacity: 1;
    line-height: 1;
    font-size: 43px;
    font-weight: bold;
    z-index: 99;
}
ul#cf_list_custom_f_33_229 li {
    position: relative;
    border-radius: 0 !important;
    padding: 8px 0;
}
ul#cf_list_custom_f_33_229 .cf_li_clear {
    position: absolute !important;
}
#cf_sample_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 9999;
    pointer-events: all;
}
#cf_sample_container {
    position: relative;
    display: inline-block;
    pointer-events: all;
}
#cf_sample_container img {
    max-width: 90vw;
    max-height: 90vh;
    box-shadow: 0 0 30px #fff;
    border: 3px solid #fff;
    border-radius: 8px;
}
#cf_sample_close {
    position: absolute;
    top: -8px;
    right: 16px;
    font-size: 40px;
    color: #033;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.cf_sample_btn:before {
    content: '\f030';
    font-family: 'FontAwesome';
    margin-right: 4px;
}
.cf_sample_photo {
    width: 100%;
    padding: 0 16px;
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
}
.cf_sample_btn {
    padding: 4px 8px;
    border: 1px solid #dedede;
    border-radius: 8px;
    color: #033;
    cursor: pointer;
}
.cf_filters_list_li.checked {
    order: 0;
}
.active-register tr.virtuemart_state_id,
.active-register tr.virtuemart_country_id {
    visibility: hidden !important;
    pointer-events: none !important;
    max-height: 0;
    padding: 0 !important;
    margin: 0 !important;
}
label.Button.clicked {
    background: #ff0033;
}
table.adminForm.user-details .Button .key label {
    margin-right: auto;
    width: 100%;
}
.vm-related-categories-header {
    position: relative;
    padding: 8px;
    align-items: flex-end;
    font-size: 16px;
    color: #003333;
    font-weight: 600;
    width: 100%;
}
.vm-related-categories-header:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #099;
    margin-right: 8px;
}
.vmproductdetails-product-specifications-container.related-categories {
    margin-top: 32px;
    border-top: 1px solid #e3e3e3;
    padding-top: 16px;
}
.related-categories-grid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    width: 100%;
    flex-wrap: wrap;
}
.vm-related-category-item {
    display: flex;
    align-items: center;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    flex-direction: column;
    max-width: calc(33.333% - 16px);
    margin: 8px;
    border: 1px solid #dedede;
}
.vm-related-category-item:hover {
    background: #fbfbfb;
}
.vm-related-category-img {
    transition: all 0.3s ease-in-out;
    margin-bottom: 16px;
}
.vm-related-category-item:hover .vm-related-category-img {
    transform: scale(1.1);
}
.vm-related-category-item:hover .vm-related-category-name {
    margin-left: 4px;
}
.vm-related-category-img img {
    max-width: 80px;
    border-radius: 100%;
    margin-right: 8px;
}
.vm-related-category-name {
    font-size: 14px;
    font-weight: 600;
    color: #033;
    transition: all 0.3s ease-in-out;
}
.vm-related-categories-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
span.nexixpay.vmpayment {
    display: inline !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center;
}
label[for="payment_id_10"] .vmpayment,
label[for="payment_id_110"] .vmpayment,
label[for="payment_id_109"] .vmpayment,
label[for="payment_id_108"] .vmpayment {
    font-size: 14px;
    font-weight: 600;
    color: #099;
}
.footer-coorperation-big img {
    max-width: unset !important;
}
label[for="payment_id_10"] .vmpayment:before {
    background: url("/media/plg_nexixpay/nexi-x-pay.png") no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    background-size: 100%;
    margin-right: 8px;
}
label[for="payment_id_108"] .vmpayment:before {
    background: url("/media/plg_nexixpay/google-pay-logo.png") no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    background-size: 100%;
    margin-right: 8px;
}
label[for="payment_id_109"] .vmpayment:before {
    background: url("/media/plg_nexixpay/apple-pay-logo.png") no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    background-size: 100%;
    margin-right: 8px;
}
label[for="payment_id_110"] .vmpayment:before {
    background: url("/media/plg_nexixpay/iris-pay-logo.png") no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    content: '';
    background-size: 100%;
    margin-right: 8px;
}
.vp-cart-popup-summary-description .vmCartPaymentLogo,
.vp-cart-popup-summary-description .vmpayment_name {
    display: none !important;
}
.vp-cart-popup-summary-description .vmpayment_description {
    display: block !important;
    font-size: 14px;
    color: #6b6b6b !important;
    margin-bottom: 8px;
}
.vp.cart-popup-summary-header {
    padding-bottom: 4px;
}
ul.spec-group {
    padding: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid #dedede;
    width: 100%;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
ul.spec-group li:not(:last-child) {
    border-bottom: 1px solid #dedede;
}
ul.spec-group li {
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul.spec-group span.spec-name {
    display: block;
    min-width: 160px;
    font-weight: 600;
    color: #5f5f5f;
    font-size: 12px;
    margin-right: 16px;
}
ul.spec-group span.spec-value {
    font-size: 13px;
    font-weight: 700;
    color: #033;
    padding: 4px;
    text-align: right;
}
.vmproductdetails-product-description {
    width: 100%;
}
.vmproductdetails-product-description h2 {
    font-size: 18px;
    color: #003333;
    padding: 4px;
    font-weight: 700;
    margin-bottom: 16px;
}
.vmproductdetails-product-description p {
    margin: 0 !important;
}
.qv-product-s-desc-cont p {
    display: inline;
    margin: 0 !important;
}
.reorder-buttons-container a#reorder-button {
    margin: 0;
}
#proopc-payment-info span.vmpayment_description {
    position: relative;
    width: 100%;
    text-align: center;
}
#proopc-payment-info span.nexi-xpay-logos {
    display: flex !important;
    justify-content: center;
    width: 100%;
}
#proopc-payment-info span.nexi-xpay-logos img {
    max-width: 460px !important;
}
.footer-partners-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 32px;
}
.footer-partner-element img {
    max-width: 40px;
    margin: 4px;
}
.footer-partner-dynamic-bestprice {
    margin-right: 4px;
}
.footer-partner-dynamic-bestprice {
    scale: 0.7;
}
.bestprice__placeholder {
    width: 100px;
    min-width: unset !important;
}
.footer-coorperation-big img {
    width: 100%;
}
.footer-spott {
    text-indent: 16px;
}
.bestprice-placeholder {
    padding: 8px;
    margin: 0 auto;
}
.bestprice-rating-container {
    position: absolute;
    top: 4px;
    right: 12px;
    transform: scale(0.8) translate(-100%);
    max-height: 44px;
}
.bp-widget__bestprice {
    border-radius: 0px 16px 0px 0px !important;
}
.proopc-invoice-header-container img {
    max-width: 40px !important;
    position: absolute;
    top: 16px;
    left: 16px;
}
.bestprice-placeholder .bestprice__placeholder {
    width: unset;
}
.order-section-order-shipping-method-content .vmCartShipmentLogo {
    display: none;
}
.vmproductdetails-product-quick-description p {
    line-height: unset;
    font-weight: unset;
    display: inline;
    padding: 8px;
    font-size: 14px;
    color: #033;
    margin: 16px 0;
}
div#cfhead_stock_229 .cf_flt_header_text:before {
    content: '\f218';
}
span.order-status-tracking-number span.vmCartShipmentLogo {
    display: none;
}
.register-entry-container button.btn.btn-dark {
    transition: all .15s ease-in-out;
    background: #ffffff;
    color: #033;
    padding: 8px 16px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #dedede;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    min-width: 140px;
    line-height: unset;
    border-radius: 20px;
}
.register-entry-container button.btn.btn-dark:hover {
    background: #f9f9f9 !important;
    font-weight: 400;
}
.printable-label-category {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
}
span.day_exception {
    font-size: 9px;
    font-weight: 600;
    color: #00c7c7;
}
.day-with-note {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_34_229,
.filters-category-17 div#cf_flt_wrapper_custom_f_37_229,
.filters-category-17 div#cf_flt_wrapper_custom_f_36_229 {
    display: none;
}
.filters-category-17 .filtered-quantity-products div#cf_flt_wrapper_custom_f_18_229,
.filters-category-17 .filtered-quantity-products div#cf_flt_wrapper_custom_f_39_229,
.filters-category-17 .filtered-quantity-products div#cf_flt_wrapper_price_229,
.filters-category-17 .filtered-quantity-products div#cf_flt_wrapper_virtuemart_manufacturer_id_229,
.filters-category-17 .filtered-quantity-products div#cf_flt_wrapper_stock_229 {
    display: none;
}

.filters-category-17 div#cf_flt_wrapper_custom_f_17_229 {
    order: 1 !important;
}
.filters-category-17 div#cf_flt_wrapper_stock_229 {
    order: 2 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_69_229 {
    order: 3 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_264_229 {
    order: 4 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_18_229 {
    order: 5 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_265_229 {
    order: 6 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_266_229 {
    order: 7 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_270_229 {
    order: 8 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_271_229 {
    order: 9 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_38_229 {
    order: 10 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_35_229 {
    order: 11 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_263_229 {
    order: 12 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_267_229 {
    order: 13 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_268_229 {
    order: 14 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_269_229 {
    order: 15 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_39_229 {
    order: 16 !important;
}
.filters-category-17 div#cf_flt_wrapper_custom_f_33_229 {
    order: 17 !important;
}
.filters-category-17 div#cf_flt_wrapper_price_229 {
    order: 18 !important;
}
.filters-category-17 div#cf_flt_wrapper_virtuemart_manufacturer_id_229 {
    order: 19 !important;
}
.order-section-order-history-items-availability {
    text-align: right;
    font-size: 11px;
    font-weight: 600;
    color: #033;
}
ul#cf_list_custom_f_69_229 {
    padding: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
ul#cf_list_custom_f_264_229 {
    padding: 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}
ul#cf_list_custom_f_69_229 .cf_sel_opt {
    background: #f3f3f3;
    border: 2px solid #c1c1c1;
}
ul#cf_list_custom_f_264_229 .cf_sel_opt {
    background: none;
    border: none;
}
li#cf_option_li_custom_f_69_229_elid34383133,
li#cf_option_li_custom_f_69_229_elid35333336,
li#cf_option_li_custom_f_69_229_elid35323731 {
    width: 120px;
    height: 120px;
    padding: 0;
}
label[for="custom_f_69_229_elid34383133"],
label[for="custom_f_69_229_elid35333336"],
label[for="custom_f_69_229_elid35323731"]  {
    width: 120px;
    height: 120px;
    position: relative;
    padding: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
label[for="custom_f_69_229_elid34383133"] .custom-checkbox,
label[for="custom_f_69_229_elid35333336"] .custom-checkbox,
label[for="custom_f_69_229_elid35323731"] .custom-checkbox {
    position: absolute;
    width: 120px;
    height: 120px;
    background: transparent;
    outline: 1px solid #a1a1a1;
}
label[for="custom_f_69_229_elid34383133"] span.cf_flt_counter,
label[for="custom_f_69_229_elid35333336"] span.cf_flt_counter,
label[for="custom_f_69_229_elid35323731"] span.cf_flt_counter {
    margin-left: 0 !important;
}
label[for="custom_f_69_229_elid34383133"].cf_sel_opt:before,
label[for="custom_f_69_229_elid35333336"].cf_sel_opt:before,
label[for="custom_f_69_229_elid35323731"].cf_sel_opt:before {
    position: unset !important;
    transform: unset;
}
label[for="custom_f_69_229_elid34383133"].cf_sel_opt,
label[for="custom_f_69_229_elid35333336"].cf_sel_opt,
label[for="custom_f_69_229_elid35323731"].cf_sel_opt {
    border: 2px solid #c1c1c1;
    border-radius: 16px;
}
label[for="custom_f_69_229_elid34383133"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/back-case.png);
    background-repeat: no-repeat;
    height: 60px;
    background-size: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
label[for="custom_f_69_229_elid35333336"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/book-case.png);
    background-repeat: no-repeat;
    height: 60px;
    background-size: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
label[for="custom_f_69_229_elid35323731"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/vertical-flip-case.png);
    background-repeat: no-repeat;
    height: 60px;
    background-size: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
li#cf_option_li_custom_f_271_229_elid34383131,
li#cf_option_li_custom_f_271_229_elid34383130,
li#cf_option_li_custom_f_35_229_elid35303436,
li#cf_option_li_custom_f_263_229_elid34383039,
li#cf_option_li_custom_f_267_229_elid35323138,
li#cf_option_li_custom_f_268_229_elid34383139,
li#cf_option_li_custom_f_269_229_elid34383230 {
    display: none;
}
li#cf_option_li_custom_f_264_229_elid34383134 {
    order: 0;
}
li#cf_option_li_custom_f_264_229_elid35373538 {
    order: 1;
}
li#cf_option_li_custom_f_264_229_elid35383136 {
    order: 2;
}
li#cf_option_li_custom_f_264_229_elid35383136,
li#cf_option_li_custom_f_264_229_elid35373538,
li#cf_option_li_custom_f_264_229_elid34383134 {
    width: 100%;
    padding: 8px;
}
label[for="custom_f_264_229_elid35383136"],
label[for="custom_f_264_229_elid35373538"],
label[for="custom_f_264_229_elid34383134"]  {
    width: 100%;
    position: relative;
    padding: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
label[for="custom_f_264_229_elid35383136"] .custom-checkbox,
label[for="custom_f_264_229_elid35373538"] .custom-checkbox,
label[for="custom_f_264_229_elid34383134"] .custom-checkbox {
    position: absolute;
    width: 100%;
    height: 50px;
    background: transparent;
    outline: none;
}
label[for="custom_f_264_229_elid35383136"] span.cf_flt_counter,
label[for="custom_f_264_229_elid35373538"] span.cf_flt_counter,
label[for="custom_f_264_229_elid34383134"] span.cf_flt_counter {
    margin-left: 0 !important;
}
label[for="custom_f_264_229_elid35383136"].cf_sel_opt:before,
label[for="custom_f_264_229_elid35373538"].cf_sel_opt:before,
label[for="custom_f_264_229_elid34383134"].cf_sel_opt:before {
    position: unset !important;
    transform: unset;
}
label[for="custom_f_264_229_elid35383136"].cf_sel_opt,
label[for="custom_f_264_229_elid35373538"].cf_sel_opt,
label[for="custom_f_264_229_elid34383134"].cf_sel_opt {
    border: none;
    border-radius: 16px;
}
label[for="custom_f_264_229_elid34383134"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/casual-use.png);
    background-repeat: no-repeat;
    height: 40px;
    background-size: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
label[for="custom_f_264_229_elid35373538"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/strong-use.png);
    background-repeat: no-repeat;
    height: 40px;
    background-size: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
label[for="custom_f_264_229_elid35383136"]:before {
    content: '';
    background-image: url(/images/site-icons/cases/tough-use.png);
    background-repeat: no-repeat;
    height: 40px;
    background-size: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* --- Skeleton base --- */
#cf_form_229.cf-skeleton-loading {
  position: relative;
  pointer-events: none; /* block interactions while loading */
}

/* Apply skeleton to “final elements” */
#cf_form_229.cf-skeleton-loading .cf_option,
#cf_form_229.cf-skeleton-loading .cf_filters_list_li,
#cf_form_229.cf-skeleton-loading label,
#cf_form_229.cf-skeleton-loading select,
#cf_form_229.cf-skeleton-loading input,
#cf_form_229.cf-skeleton-loading button,
#cf_form_229.cf-skeleton-loading a,
#cf_form_229.cf-skeleton-loading .cf_flt_counter {
  position: relative;
  color: transparent !important; /* hide text */
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
#cf_form_229.cf-skeleton-loading .custom-checkbox,
#cf_form_229.cf-skeleton-loading div#cf_wrapper_input_text_price_229 {
    visibility: hidden;
}
#cf_form_229.cf-skeleton-loading .cf_filtering_slide_container {
    --track-color: transparent !important;
    --track-height: 0;
    --knob-dimensions: 0px !important;
}
#cf_form_229.cf-skeleton-loading input#price_229_knob_from,
#cf_form_229.cf-skeleton-loading input#price_229_knob_to {
    --knob-background: transparent;
}
#cf_form_229.cf-skeleton-loading li#cf_option_li_custom_f_69_229_elid {
    display: none;
}
#cf_form_229.cf-skeleton-loading label:before {
    background: transparent;
}
#cf_form_229.cf-skeleton-loading .cf_color_inner {
    visibility: hidden;
}
#cf_form_229.cf-skeleton-loading .cf-model-dropdowns {
    background: linear-gradient(
    90deg,
    rgba(0,0,0,0.06) 25%,
    rgba(0,0,0,0.12) 37%,
    rgba(0,0,0,0.06) 63%
  );
    background-size: 400% 100%;
    animation: cfShimmer 1.1s ease infinite;
    border-radius: 6px;
}
/* Shimmer overlay */
#cf_form_229.cf-skeleton-loading .cf_option::after,
#cf_form_229.cf-skeleton-loading .cf_filters_list_li::after,
#cf_form_229.cf-skeleton-loading label::after,
#cf_form_229.cf-skeleton-loading select::after,
#cf_form_229.cf-skeleton-loading input::after,
#cf_form_229.cf-skeleton-loading button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: linear-gradient(
  90deg,
  var(--cf-skeleton-base) 25%,
  var(--cf-skeleton-highlight) 37%,
  var(--cf-skeleton-base) 63%
  );
  background-size: 400% 100%;
  animation: cfShimmer 1.1s ease infinite;
  z-index: 9999;
}

/* Inputs/selects look better with a bit of height */
#cf_form_229.cf-skeleton-loading input::after,
#cf_form_229.cf-skeleton-loading select::after,
#cf_form_229.cf-skeleton-loading button::after {
  min-height: 34px;
}

@keyframes cfShimmer {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  #cf_form_229.cf-skeleton-loading *::after { animation: none; }
}
:root {
  --cf-skeleton-base: #e6e6e6;
  --cf-skeleton-highlight: #f2f2f2;
}
.cf-skeleton-product .product-grid-top-section:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(
  90deg,
  var(--cf-skeleton-base) 25%,
  var(--cf-skeleton-highlight) 37%,
  var(--cf-skeleton-base) 63%
  );
    background-size: 400% 100%;
    animation: cfShimmer 1.1s ease infinite;
}
.cf-skeleton-product .vm3pr-:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 16px 16px;
    background: linear-gradient(
  90deg,
  var(--cf-skeleton-base) 30%,
  var(--cf-skeleton-highlight) 42%,
  var(--cf-skeleton-base) 68%
  );
    background-size: 400% 100%;
    animation: cfShimmer 1.1s ease infinite;
}
.products.masonry-product {
    position: relative;
}
.announcement-top p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    margin: 0 !important;
}
.additional-images img {
    margin-right: 8px;
    width: 50px;
    height: 50px;
}
/* Responsive Section */
@media (max-width: 8000px){
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%;
    margin-bottom: 16px;
    }
    .arrow-button {
    display: none;
    }
    .arrow-button2 {
    display: none;
    }
    .search-suggestions-top-searches-user-terms-content .arrow-button, 
    .search-suggestions-top-searches-general-terms-content .arrow-button,
    .search-suggestions-top-searches-products-content .arrow-button,
    .search-suggestions-top-searches-categories-content .arrow-button {
        display: block;
        background: #fff;
        border-radius: 100%;
        width: 30px;
        border: 1px solid #e9e9e9;
        box-shadow: 1px 1px 0 #ededed;
    }
    .search-suggestions-top-searches-user-terms-content .arrow-button, 
    .search-suggestions-top-searches-general-terms-content .arrow-button,
    .search-suggestions-top-searches-products-content .arrow-button,
    .search-suggestions-top-searches-categories-content .arrow-button {
        box-shadow: none;
        border: none;
        background: none;
    }
}
.product-exist-in-order {
    background: #077;
    width: fit-content;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    cursor: pointer;
}
.product-exist-in-order:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    margin-right: 4px;
    font-weight: 600;
}
.cf_resetAll_label {
    color: #033;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
a.cf_resetAll_link {
    display: flex;
    padding: 16px;
    background: #fff;
    border-radius: 0px 0px 12px 12px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
a.cf_resetAll_link:hover {
    background: #fdfdfd;
}
.cf_resetAll_label:before {
    content: '\f1f8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 4px;
}
a.cf_resetAll_link:hover .cf_resetAll_label {
    color: #ff0033;
}
div#orderby-section, 
.vmcategory-filter-products {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    width: fit-content;
    text-align: center;
    color: #003333;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: all 0.3s ease-in-out;
}
.vmcategory-filter-products:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/images/site-icons/filters-icon-30px.png) no-repeat center;
    background-size: 16px;
}
.vmcategory-filter-products:after {
    content: "\f0da";
    font-family: "Font Awesome\ 5 Free";
    color: #003333 !important;
    margin-left: 8px;
    font-weight: 600;
}
div#orderby-section:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/images/site-icons/sort-icon-30px.png) no-repeat center;
    background-size: 20px;
}
/* End of 8000px */
@media (max-width: 1399px){
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
    padding: 8px;
    }
    .arrow-button {
    display: block;
    }
    .arrow-button2 {
    display: block;
    }    
    .account-products-section-buttons {
    justify-content: space-between;
    }
    .order-section-order-items-container-for-pc {
        width: 416px;
    }
    .order-section-history-summary-container {
        flex-wrap: wrap;
    }    
    .order-section-order-shipping-method-content, .order-section-order-payment-method-content, .order-section-order-info-content, .order-section-order-shipping-number-content, .order-section-order-customer-info-content {
        font-size: 12px;
    }
    .order-section-order-status-info-and-items-container {
        max-width: 330px;
    }
    .order-section-history-container {
        width: 320px;
    }
    .order-section-order-history-items-summary-item.history-item-name a {
        font-size: 11px;
    }
    .order-section-order-history-items-summary-sku-quantity {
        font-size: 11px;
    }
    .order-section-order-history-items-summary-img-name {
        gap: 8px;
        padding: 4px;
    }
    .order-section-order-history-items-summary-all-prices {
        gap: 4px;
        padding: 4px 4px;
        font-size: 10px;
    }
    .order-section-order-customer-bt-header, .order-section-order-customer-invoice-header, .order-section-order-customer-st-header, .order-section-order-customer-info-header {
        width: 340px;
    }
    .order-section-order-history-items-summary {
        width: 390px;
    }
    .account-details-orders-products-ordered-left-arrow:before {
        left: -1px;
        top: 40px;
        width: 24px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .account-details-orders-products-ordered-right-arrow:before {
        right: -1px;
        top: 40px;
        width: 24px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .account-details-orders-products-ordered-left-arrow {
        height: auto;
        background: #fff;
        position: relative;
        z-index: 2;
    }
    .account-details-orders-products-ordered-right-arrow {
        height: auto;
        background: #fff;
        position: relative;
        z-index: 2;
    }
    .category-view .col-md-2,
    .category-view .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333%;
    }
}
/* End of 1399px */
@media (max-width: 1199px){
    .category-view .col-md-2,
    .category-view .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
        padding: 4px;
    }  
    .order-section-order-history-shortcuts-section {
        gap: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .order-section-order-status-info-and-items-container {
        max-width: 260px;
        margin-right: 4px;
    }
    .order-section-history-order-check-ok {
        font-size: 13px;
    }
    span.order-status-date {
        font-size: 11px;
    }
    .history-icon-container {
        gap: 0px;
    }
    .history-icon-container:before {
        width: 24px;
    }
    .order-section-history-container {
        width: 280px;
    }
    .order-status-explainer-btn {
        left: -248px;
        width: 278px;
    }
    .order-section-order-status-info-and-items-container .order-section-order-history-more-info.order-section-4-cols {
        padding: 8px;
    }
    .order-section-order-items-container-for-pc {
        width: 350px;
    }
    .order-section-history-icons-main {
        min-width: 280px;
    }
    .order-section-history-toggler {
        font-size: 12px;
    }
    .order-section-order-quick-info-header, .order-section-order-items-ordered-header, .order-section-order-prices-header, .order-section-order-shipping-info-header, .order-section-order-shortcuts-header {
        font-size: 12px;
    }
    .order-section-order-customer-details-header {
        font-size: 12px;
    }
    .order-section-order-history-items-summary {
        width: 396px;
    }
    .slide-order-status {
        padding: 8px !important;
    }
    .order-section-order-customer-bt-header, .order-section-order-customer-invoice-header, .order-section-order-customer-st-header, .order-section-order-customer-info-header {
        width: 274px;
    }
    .order-section-order-phones, .order-section-order-customer-name, .order-section-order-customer-info, .order-section-order-customer-bt-address, .order-section-order-customer-bt-city-zip {
        font-size: 12px;
    }
    .order-section-order-customer-email {
        font-size: 13px;
    }
    .order-section-order-customer-note-message {
        font-size: 12px;
    }
    .order-section-order-history-items-container span.account-details-orders-products-single-product-img {
        min-width: 80px;
        max-width: 131px;
        display: block;
        padding: 0px;
        border-radius: 100px;
        border: 1px solid #dfdfdf;
    }
    .order-section-order-history-items-container span.account-details-orders-products-single-product-price-value {
        height: 20px;
        font-size: 14px;
    }
    .order-section-order-history-items-container {
        min-width: 310px;
    }
    .order-section-order-history-items-summary {
        width: 308px;
    }
    .account-details-orders-products-ordered-left-arrow:before {
        top: 32px;
        width: 20px;
        height: 42px;
        line-height: 40px;
        font-size: 14px;
    }
    .account-details-orders-products-ordered-right-arrow:before {
        top: 32px;
        width: 20px;
        height: 42px;
        line-height: 40px;
        font-size: 14px;
    }
    .order-section-order-history-more-info-elements {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .account-details-orders-single-item {
        width: 32.6%;
    }
    div#ui-tabs {
        display: flex;
        flex-direction: column;
        align-items: center;
    }    
    ul#tabs {
        display: flex;
        width: 100%;
        flex-direction: row;
    }
    #ui-tabs ul#tabs li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #ui-tabs ul#tabs li.current, #ui-tabs ul#tabs li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        background: #ffffff;
        border-radius: 8px;
        height: 100%;
        overflow: hidden;
        padding: 16px;
        margin-top: 8px;
        margin-bottom: 8px;
        border: none;
        border-bottom: 1px solid #e9e9e9;
        border-radius: 8px;
        position: relative;
        width: 100%;
        max-height: 100px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        transition: all 0.3s ease-in-out;
    }
    .not-current {
        width: 0px !important;
        margin-left: auto;
        max-height: 0px !important;
        padding: 0 !important;
        border: 0px !important;
        position: absolute !important;
        top: 50%;
        transform: translateY(-50%);
        right: 24px;
        z-index: 2;
        transition: width 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out, position 0.5s ease-in-out;
    }
    .current .tab-title:before {
        color: transparent !important;
    }
    #ui-tabs ul#tabs li.current {
        background: none;
        color: #003333 !important;
        border: none;
        border-bottom: 1px solid #e3e3e3;
        border-radius: 0;
        transition: all 0.3s ease;
        animation: flipInX 0.3s ease;
        box-shadow: none;
    }
    #ui-tabs ul#tabs li.current:after {
        content: '\f053';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        font-weight: 600;
        left: 12px;
        font-size: 16px;
    }
    #ui-tabs ul#tabs li.current:hover .tab-title {
        color: #033;
    }
    #ui-tabs ul#tabs li.current:hover .tab-subtitle {
        color: #077;
    }
    #ui-tabs ul#tabs li.current:hover {
        color: #033 !important;
    }
    @media (pointer: coarse) {
        #ui-tabs ul#tabs li.current:hover {
            background: #033;
        }
        #ui-tabs ul#tabs li:hover {
            background: #f9f9f9;
            border-radius: 16px;
            transition: all 0.3s ease-in-out;
        }
        #ui-tabs ul#tabs li.current:hover .tab-title {
            color: #077;
        }
        #ui-tabs ul#tabs li.current:hover .tab-subtitle {
            color: #077;
        }
        #ui-tabs ul#tabs li.current:hover {
            background: #f9f9f9;
            border-radius: 16px;
            transition: all 0.3s ease;
        }
    }
    img.ui-tabs-bott-mobile {
        display: block;
        padding: 8px;
        width: 120px;
    }
    img.ui-tabs-bott-pc {
        display: none;
    }
    .ui-tabs-placeholder {
        width: 100%;
        align-items: center;
    }
    .account-details-tab-header {
        display: none;
    }
    .vm-orders-list .account-details-tab-header {
        display: block;
    }
    #ui-tabs .dyn-tabs {
        width: 100%;
        padding: 0 4px !important;
    }
    .account-details-orders-container {
        gap: 8px;
        margin-top: 14px;
    }
    ul#tabs li:after {
        content: '';
    }
    #ui-tabs ul#tabs {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        width: 100%;
    }
    .vmproductdetails-product-pre-cart-container {
        max-width: 100%;
    }
    .vmproductdetails-product-misc-elements img {
        width: 120px;
    }
    .tab-title {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 600;
        color: #033;
    }
    .tab-subtitle {
        display: flex;
        font-size: 12px;
        margin-left: 32px;
        color: #077;
        width: 88%;
    }
    li.current .tab-title, li.current .tab-subtitle {
        color: #033;
    }
    .arrow-button2 {
        display: none;
    }
    div#tab-1.addST .account-details-tab-header {
        display: block;
    }
    .account-details-orders-date-groupping-header {
        font-size: 14px;
    }
    .account-details-orders-date-groupping-subtitle {
        font-size: 11px;
    }
    li#li-1 {
        order: 1;
    }
    li#li-2 {
        order: 2;
    }
    li#li-3 {
        order: 3;
    }
    li#li-4 {
        order: 4;
    }
    li#li-5 {
        order: 5;
    }
    li#li-6 {
        order: 6;
    }
    li#li-7 {
        order: 7;
    }
    li#li-8 {
        order: 8;
    }
    li#li-9 {
        order: 9;
    }
    li#li-1.current,
    li#li-2.current,
    li#li-3.current,
    li#li-4.current,
    li#li-5.current,
    li#li-6.current,
    li#li-7.current,
    li#li-8.current,
    li#li-9.current {
        order: 0;
    }
    .account-products-section-header-container,
    .account-details-header {
        justify-content: space-between;
    }
    .account-details-member-container {
        margin-top: 0;
    }
    #sp-header .container {
        max-width: 916px;
    }
    .ui-tabs-placeholder-header:before {
        content: '\f077';
    }
    .main-ajax-search.search-active {
        position: absolute;
        top: 24px;
        left: calc(50% + 0px);
        transform: translate(-50%);
        width: calc(100% - 32px);
        z-index: 99;
        transition: all 0.3s ease-in-out;
    }
    .main-ajax-search {
        position: unset;
    }
    .footer-top {
        padding: 32px 16px;
    }
    .footer-email {
        font-size: 14px;
    }
    .footer-email:before {
        font-size: 24px;
    }
    .footer-phone {
        font-size: 14px;
    }
    .footer-phone:before {
        font-size: 24px;
    }
    .footer-details-container {
        padding: 0 16px;
    }
    .footer-slogan {
        font-size: 12px;
    }
    .footer-link-href {
        font-size: 14px;
    }
    .model-dropdown-container {
        background-position-y: -14px;
    }
}
/* End of 1199px */
@media (max-width: 991px) {
    .category-view .col-md-2,
    .category-view .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
        padding: 4px;
	}  
    .com-form-login-header {
    margin-right: 0%;
    }
    
    #com-form-login .width30.floatleft {
    margin-right: 0%;
    }
    .submitbutton-login {
    margin-right: 0%;
    }    
    .login-entry-footer {
    padding: 30px 40px 30px 40px;
    }
    .order-section-history-container {
        width: 50%;
    }
    .order-section-order-status-info-and-items-container {
        max-width: 46%;
    }
    .order-section-history-summary-container {
        justify-content: center;
    }
    .order-section-order-items-container-for-pc {
        width: 100%;
        margin: 16px 8px 0px;
    }
    .order-section-order-history-items-container {
        width: 100%;
    }
    .order-section-order-history-items-summary {
        width: 100%;
    }
    .order-section-order-customer-bt-header, .order-section-order-customer-info-header.customer-comment-tab.order-is-invoice, .order-section-order-customer-invoice-header, .order-section-order-customer-st-header, .order-section-order-customer-info-header {
        width: 310px;
    }
    .order-section-order-same-as-bt {
        font-size: 13px;
    }
    .order-section-order-customer-info-header.customer-comment-tab {
        width: 100%;
    }
    .account-details-orders-products-ordered-left-arrow:before,
    .account-details-orders-products-ordered-right-arrow:before {
        top: 45px;
    }
    .account-details-orders-single-item {
        width: 49.1%;
    }
    #ui-tabs ul#tabs li.current, #ui-tabs ul#tabs li {
        width: 100%;
        font-size: 11px;
    }
    .tab-title {
        font-size: 16px;
    }
    .tab-subtitle {
        display: flex;
        font-size: 12px;
        margin-left: 32px;
        color: #077;
    }
    span.account-your-account {
        font-size: 18px;
    }
    span.account-your-account-subtitle {
        font-size: 11px;
        margin-left: 12px;
    }
    .account-page-header {
        padding: 4px 16px;
    }
    .account-page-user-info {
        padding: 8px 12px;
    }
    .account-page-user-avatar {
        margin: 0px 8px;
    }
    span.account-page-username {
        font-size: 16px;
    }
    span.account-page-member-since {
        font-size: 12px;
    }
    span.account-page-spotter-level {
        font-size: 13px;
    }
    span.account-page-user-orders-header {
        font-size: 13px;
    }
    span.account-page-user-orders-number {
        font-size: 18px;
    }
    .account-page-user-orders:before {
        font-size: 20px;
    }
    .account-page-user-wishlist:before {
        font-size: 20px;
    }
    .vmcategory-filter-view {
        position: fixed;
        top: 0;
        left: 8px;
        max-width: 0;
        min-width: 0;
        margin-left: -360px;
        width: 0;
        z-index: -1;
        transition: margin-left 0.1s ease-in-out, width 0.6s ease-in-out, min-width 0.6s ease-in-out, z-index 0.3s ease-in-out;
    }
    .vmcategory-filter-view.filters-open {
        background: #fff;
        width: 360px;
        max-width: 360px;
        min-width: 250px;
        z-index: 9999;
        padding: 8px 0;
        visibility: visible;
        opacity: 1;
        height: calc(100vh - 52px);
        margin-left: 0px;
        transition: margin-left 0.1s ease-in-out;
        margin-top: 52px;
        overflow-x: hidden;
        pointer-events: all;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px, 0 0 0 9000px #00000026;
    }
    .vmproductdetails-product-top-section-container {
        flex-direction: column;
        align-items: center;
    }
    .vmproductdetails-product-images {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .vmproductdetails-product-main-image {
        width: 100%;
    }
    .vmproductdetails-product-top-section-container {
        gap: 12px;
    }
    .vmproductdetails-product-information-right-col {
        width: 100%;
    }
    .vmproductdetails-product-top-right-section-container {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
    .vmproductdetails-product-pre-cart-container {
        max-width: 100%;
    }
    .sp-module.search-toggler.search-active {
        position: fixed;
        right: 20px;
        top: 10px;
    }
    .vmproductdetails-product-information {
        padding: 4px;
    }
    #sp-header.header-sticky {
        top: -90px !important;
        border-bottom: 1px solid #e3e3e3;
    }
    .arrow-button2 {
        display: block;
    }  
    .account-details-address {
        font-size: 12px;
    }
    .account-details-short-description {
        font-size: 16px;
        padding: 2px 8px;
    }
    .account-details-short-description-subtitle {
        font-size: 12px;
        padding: 0px 12px;
    }
    td.key {
        font-size: 12px;
    }
    table.adminForm.user-details input {
        padding: 4px;
    }
    .account-details-member input {
        font-size: 14px !important;
        font-weight: 600;
    }
    select#virtuemart_state_id_field, select#virtuemart_country_id_field {
        width: 100% !important;
        border-radius: 30px;
        font-size: 11px;
        height: 30px;
        padding: 0px 6px;
    }
    form#adminForm button.btn.btn-primary {
        font-size: 14px;
        height: 36px;
    }
    form#adminForm button.btn.btn-dark {
        font-size: 14px;
        height: 36px;
    }
    table.adminForm.user-details input::placeholder {
        font-size: 12px;
    }
    select#shipto_virtuemart_state_id_field, 
    select#shipto_virtuemart_country_id_field {
        width: 100% !important;
        border-radius: 12px;
        height: 24px;
        font-size: 12px;
        padding: 0 12px;
        border: none;
    }
    table.adminForm.user-details tr {
        margin: 2px;
    }
    span.account-details-header-add-new-title {
        font-size: 16px;
    }
    tr.invoicecheckbox td.key {
        width: fit-content !important;
        font-size: 14px;
    }
    .account-details-user-review-product-container {
        padding: 4px;
    }
    .account-details-user-review-product {
        padding: 4px;
    }
    .account-details-user-review-content {
        margin: 6px;
    }
    .account-details-user-review-edit {
        font-size: 12px;
    }
    .account-details-user-review-unreviewed-product-name {
        font-size: 12px;
        padding: 4px;
    }
    .account-details-user-review-unreviewed-product-sku-container {
        font-size: 11px;
    }
    span.account-details-user-review-unreviewed-product-sku {
        font-size: 11px;
    }
    .vmcategory-filter-toggler {
        position: absolute;
        right: 12px;
        top: 6px;
        cursor: pointer;
    }
    .vmcategory-filter-toggler:before {
        content: '\f00d';
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        color: #ff0033;
    }
    #sp-header .container {
        max-width: 720px;
        background: #fff;
    }
    div#sp-logo {
        position: relative;
        padding: 0px 8px;
    }
    div#sp-search {
        padding: 0 8px 0px 24px;
    }
    .footer-column.footer-col-1 {
        width: 60%;
        max-width: unset;
        align-items: flex-start;
    }
    .footer-column-1 {
        width: 100%;
        flex-direction: row;
    }
    .footer-column-1 .footer-seperator {
        display: none;
    }
    .footer-details-container {
        width: 50%;
        padding: 0;
    }
    .footer-column-maps {
        margin-top: -50px;
    }
    .footer-column.footer-col-2 {
        width: 40%;
        max-width: unset;
    }
    .footer-top {
        padding: 16px;
        justify-content: flex-start;
    }
    .footer-column.footer-col-2 {
        width: 40%;
        max-width: 100%;
    }
    .footer-column.footer-col-3 {
        width: 66.666%;
        margin-top: 32px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 100%;
    }
    .footer-column.footer-col-4 {
        width: 33.33%;
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        padding: 8px;
    }
    .footer-customer-support {
        padding: 8px;
        width: 50%;
    }
    .footer-info {
        padding: 8px;
        width: 50%;
    }
    .footer-details-container .footer-seperator {
        display: block;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .vmcategory-filter-description {
        margin-left: -360px;
    }
    .filters-open .vmcategory-filter-description {
        position: fixed;
        display: flex;
        width: 100%;
        max-width: 360px;
        top: 4px;
        left: 8px;
        z-index: 999;
        height: 68px;
        margin-left: 0;
        border-radius: 8px 8px 0 0;
        transition: all 0.1s ease-in-out;
    }
    .vmcategory-filter-x-toggler {
        top: 22px;
    }
    .vmcategory-filter-products-responsive {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        transition: all 0.1s ease-in-out;
        font-weight: 600;
        min-width: 100px;
        font-size: 14px;
        padding: 8px 16px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 8px;
        width: fit-content;
        text-align: center;
        color: #003333;
        cursor: pointer;
        display: flex;
        align-items: center;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
        min-width: 120px;
        justify-content: center;
    }
    .vmcategory-filter-products-responsive:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(/images/site-icons/filters-icon-30px.png) no-repeat center;
        background-size: 20px;
        margin-right: 4px;
    }
    .vmcategory-filter-apply-button {
        position: sticky;
        bottom: 0;
        height: 60px;
        width: calc(100% - 20px);
        display: flex;
        align-items: center;
        justify-content: center;
        background: #033;
        border-radius: 8px;
        margin: 0 auto;
        color: #fdfdfd;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }
    .vmcategory-filter-products {
        display: none;
    }
    .orderby-displaynumber {
        top: 90px;
        margin: 8px 16px;
        width: 100%;
        justify-content: flex-start;
    }
    .category-view {
        margin-top: 8px;
    }
    .vm-children-categories-container {
        width: 50%;
    }
    .vm-categories-header-thumb {
        max-width: 50px;
    }
    .vm-categories-header {
        font-size: 22px;
    }
}
/* End of 991px */
@media (max-width: 816px) {
    .product-image-gallery-main-cont {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .product-image-gallery-cont {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .eshop-product_name {
        font-size: 18px;
    }
    .product-warranty-no-coverage-header,
    .product-warranty-coverage-header,
    .product-returns-introduction-header {
        font-size: 14px;
    }
    .product-returns-withdrawal-explanation,
    .product-returns-introduction {
        font-size: 12px;
    }
    .product-warranty-show-more-description {
        padding: 8px 4px;
        font-size: 12px;
    }
    .vmproductdetails-products-desc-tab {
        margin-top: 16px;
        padding-top: 16px;
    }
    .product-warranty-example-popup.example-specs-warranty-active, .product-warranty-example-popup.example-quality-warranty-active, .product-warranty-example-popup.example-water-warranty-active, .product-return-example-popup.example-specs-warranty-active, .product-return-example-popup.example-quality-warranty-active, .product-return-example-popup.example-water-warranty-active {
        padding: 8px 16px;
        padding-bottom: 32px;
    }
    .product-warranty-example-popup, .product-return-example-popup {
        padding: 0px 16px;
    }
    .footer-column.footer-col-1 {
        width: 50%;
        align-items: center;
    }
    .footer-column-maps {
        margin-top: unset;
    }
    .footer-column-1 {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
    }
    .footer-details-container {
        width: unset;
    }
    .footer-column-1 .footer-seperator {
        display: block;
    }
    .footer-column.footer-col-3 {
        width: 100%;
    }
    .footer-column.footer-col-4 {
        width: 100%;
    }
    .footer-map {
        max-width: 140px;
    }
}
/* End of 816px */
@media (max-width: 767px) {
    .product-grid-name a {
    font-size: 14px;
    }
    .main_price_grid span.vm-price-desc {
    font-size: 12px;
    }
    .spacer.product-container span.PricesalesPrice {
    font-size: 16px;
    color: #077;
    }	
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 20%;
    }
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
    }
    .login-bott-welcome {
    width: 100%;
    align-items: center;
    margin-bottom: 24px;
    }    
    .login-entry-form {
    width: 100%;
    }    
    span.login-bott-welcome-image {
    margin: 20px 0px 0px 0px;
    }    
    span.login-bott-welcome-message {
    font-size: 16px;
    margin-left: 0px;
    }
    span.login-entry-footer-promo-image {
    width: 100%;
    }
    span.login-entry-footer-description {
    width: 100%;
    text-align: center;
    }   
    .order-section-order-history-more-info-elements .order-section-order-info-header {
        border: none;
    }
    .order-section-order-history-more-info-elements .order-section-order-payment-method-header {
        display: flex;
        width: 30%;
        flex-direction: row;
        height: auto;
        align-items: baseline;
        justify-content: center;
        border: none;
        padding: 2px;
        border-radius: 10px;
        margin: 0px;
    }
    .order-details-section-header-title, .account-details-tab-header-title {
        font-size: 14px;
    }
    .order-details-section-header-container, .account-details-tab-header {
        height: 100%;
        padding: 8px;
    }
    .order-section-order-info-header-dates-container {
        display: flex;
    }
    .order-section-history-icons-main {
        padding: 8px;
        min-width: 260px;
        width: 100%;
    }
    .history-icon-container:before {
        width: 20px;
    }
    span.order-status-date {
        font-size: 10px;
    }
    .order-section-order-status-info-and-items-container {
        max-width: 44%;
    }
    .order-section-order-quick-info-header, .order-section-order-items-ordered-header, .order-section-order-prices-header, .order-section-order-shipping-info-header, .order-section-order-shortcuts-header {
        font-size: 12px;
    }
    .order-section-history-toggler {
        font-size: 12px;
    }
    .order-section-order-prices-values-container {
        gap: 0px;
        padding: 8px;
    }
    .order-section-order-prices-main-container .order-section-order-info-content {
        font-size: 12px;
    }
    .order-section-order-customer-bt-header, .order-section-order-customer-invoice-header, .order-section-order-customer-info-header.customer-comment-tab.order-is-invoice, .order-section-order-customer-st-header, .order-section-order-customer-info-header {
        width: 100%;
    }
    .order-section-order-history-more-info {
        padding: 8px;
    }
    .order-section-order-history-more-info.order-section-4-cols .order-section-order-payment-method-header {
        border: none;
    }
    .account-details-orders-main-groupped-orders-container {
        padding: 16px 4px;
    }
    .account-details-orders-order-id {
        font-size: 12px;
    }
    .account-details-orders-order-id:before {
        font-size: 13px;
        padding: 4px;
    }
    .account-details-orders-order-total, .account-details-orders-order-summary-status-value {
        font-size: 12px;
    }
    .account-details-orders-order-date {
        font-size: 10px;
    }
    .account-details-orders-products-header {
        font-size: 10px;
    }
    span.account-details-orders-products-single-product-img {
        width: 60px;
    } 
    span.account-details-orders-products-single-product-quantity-value {
        top: 8px;
        right: 4px;
        width: 18px;
        height: 18px;
        font-size: 13px;
        line-height: 18px;
    }   
    .account-details-orders-order-summary-icon-U:before {
        font-size: 11px;
        top: -48px;
        left: 16px;
    }
    span.account-details-orders-products-single-product-price-value {
        font-size: 10px;
    }
    .tab-subtitle {
        font-size: 11px;
        margin-left: 26px;
    }
    .tab-title {
        font-size: 16px;
    }
    .ui-tabs-placeholder-header {
        font-size: 12px;
    }
    .ui-tabs-placeholder-bott {
        width: 174px;
        padding: 8px;
    }
    .account-page-user-info {
        padding: 12px 8px;
    }
    .account-page-header-section {
        padding: 2px 8px;
    }
    .compare-item-1 {
        position: relative;
        left: 0;
        opacity: 1;
        visibility: visible;
        max-width: 100%;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .compare-item-2 {
        position: relative;
        left: -1600px;
        opacity: 0;
        visibility: hidden;
        max-width: 0;
        max-height: 0;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .compare-item-3 {
        position: relative;
        left: -1600px;
        opacity: 0;
        visibility: hidden;
        max-width: 0;
        max-height: 0;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .compare-item-1-is-inactive {
        position: relative;
        left: -1600px;
        opacity: 0;
        visibility: hidden;
        max-width: 0;
        max-height: 0;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .compare-item-2-is-active {
        position: relative;
        left: 0;
        opacity: 1;
        visibility: visible;
        max-width: 100%;
        max-height: 100%;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .compare-item-3-is-active {
        position: relative;
        left: 0;
        opacity: 1;
        visibility: visible;
        max-width: 100%;
        max-height: 100%;
        transition: 0.1s max-width ease-in-out, 0.1s visibility ease-in-out, 0.1s left ease-in-out, 0.1s opacity ease-in-out;
    }
    .vme-div-compare-data-floating-header.show {
        position: sticky;
        top: 16px;
        z-index: 3;
        visibility: visible;
        max-height: 280px;
        opacity: 1;
        box-shadow: rgba(0, 0, 0, 1.12) 0px 8px 40px, rgba(0, 0, 0, 0.24) 0px 16px 12px;
        transform: translateY(90px);
        outline: 16px solid #ffffff;
        border-radius: 0px;
        transition: all 0.3s cubic-bezier(0,  0,  0.2,  1);
    }
    .vme-div-compare-data-floating-header.scrollOrderFilter {
        top: -96px;
    }
    .vme-compare-product-container {
        flex-direction: column;
    }
    .vme-div-compare-data-floating-header {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0px;
        transform: translateY(0);
        transition: transform 0.3s;
        flex-direction: column;
        align-items: center;
        margin-bottom: 16px;
        background: #fff;
        max-height: 280px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        transition: all 0.3s ease-in-out;
        outline: 1px solid #dcdcdc;
        border-radius: 8px;
    }
    .vme-div-table-container {
        gap: 0px;
    }
    .vmproductdetails-product-images {
        flex-direction: column;
    }
    .vmproductdetails-product-main-image {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .vmproductdetails-product-misc-elements img {
        width: 134px;
    }
    .vmproductdetails-product-misc-elements {
        width: 100%;
        align-items: center;
    }
    .vmproductdetails-product-pre-cart-container {
        max-width: 100%;
        margin-bottom: 16px;
    }
    .eshop-product_name {
        font-size: 16px;
    }
    .product-exist-in-order {
        padding: 6px 12px;
        font-size: 11px;
        margin-left: auto;
    }
    .vmproductdetails-product-misc-elements {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .vmproductdetails-misc-value.misc-manufacturer-image {
        width: 60px;
    }
    .vmproductdetails-nav-link {
        font-size: 12px;
        padding: 6px 12px;
    }
    .product-warranty-icon, 
    .product-returns-icon {
        margin-right: auto;
    }
    .product-warranty-container, 
    .product-returns-container {
        padding: 8px;
    }
    .product-warranty-show-more, 
    .product-returns-show-more {
        padding: 4px;
    }
    .product-warranty-information-container {
        padding: 4px 8px;
    }
    .review-user-name {
        font-size: 13px;
    }
    .customer-reviews.reviews-top-section {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    .reviews-header {
        font-size: 14px;
    }
    .review-already-done {
        font-size: 9px;
        padding: 4px;
        margin: 4px;
    }
    .review-edit-current-comment {
        font-size: 10px;
        padding: 0px 8px;
    }
    .review-edit-header {
        font-size: 12px;
    }
    .review-popup-form {
        padding: 12px;
    }
    .review-edit-popup-container {
        width: 510px;
    }
    input.highlight-button {
        font-size: 12px;
    }
    .vmproductdetails-product-description ul {
        font-size: 15px;
    }
    #sp-header .logo img {
        padding: 0px;
        margin-left: 16px;
        width: 112px;
    }
    div#sp-logo {
        position: relative;
        padding: 0px 4px;
    }
    .logo img {
        margin-left: 0px;
    }
    div#sp-search {
        padding: 0 0px 0px 16px;
    }
    .burger-icon {
        width: 20px;
    }
    .burger-icon>span {
        margin: 4px 0;
    }
    .product-warranty-coverage-item, .product-return-coverage-item, .product-warranty-no-coverage-item {
        font-size: 12px;
    }
    .account-details-address {
        font-size: 11px;
    }
    .account-details-addresses-header {
        margin-bottom: 4px;
        padding: 4px 12px;
    }
    .account-details-short-description {
        font-size: 16px;
        padding: 2px 8px;
    }
    .account-details-short-description-subtitle {
        font-size: 12px;
        padding: 0px 10px;
    }
    .account-details-member td.key {
        font-size: 12px;
    }
    .account-details-member input {
        font-size: 12px !important;
    }
    select#virtuemart_state_id_field, select#virtuemart_country_id_field {
        font-size: 12px;
        height: 24px;
    }
    .account-details-change-email-pwd-button {
        font-size: 12px;
        padding: 8px 16px;
        width: 160px;
    }
    .account-details-change-email-pwd-button:before {
        margin-right: 4px;
    }
    .account-details-change-email-pwd-subtitle-with-bott {
        padding: 16px;
    }
    span.account-details-header-add-new-title {
        font-size: 14px;
    }
    .vme-list-section-name {
        font-size: 11px;
    }
    .vme-list-item.product-item.product-container {
        width: 49%;
    }
    .account-details-user-review-unreviewed-single-container {
        width: 100%;
    }
    .account-details-user-review-main-header {
        font-size: 16px;
        padding: 2px 8px;
    }
    .account-details-user-review-unreviewed-header {
        font-size: 16px;
        padding: 2px 8px;
    }
    .account-details-user-review-unreviewed-subtitle {
        font-size: 11px;
        margin-left: 4px;
    }
    .vmcategory-header-functions-right {
        display: none;
    } 
    .vmcategory-header-functions-left {
        width: 100%;
        justify-content: flex-start;
    }  
    .account-details-orders-order-summary-icon-C:before {
        font-size: 12px;
        top: -48px;
        left: 16px;
    }
    .order-details-section-header-description-container {
        width: 350px;
    }
    .order.details-section-header-subtitle, .account-details-tab-subtitle {
        font-size: 11px;
    }
    .order-section-order-info-header-date-created, .order-section-order-info-header-date-modified {
        font-size: 10px;
    }
    .profile-badge-icon-default {
        width: 34px;
        height: 34px;
    }
    .profile-badge-icon-default:before {
        font-size: 16px;
    }
    div#fancybox-content {
        width: auto !important;
    }
    #fancybox-wrap {
        width: calc(100% - 20px) !important;
    }
    .warranty-page-order-list-single-container {
        width: 100%;
    }
    .footer-top {
        padding: 16px;
    }
    .model-dropdown-container {
        background-position-y: 0;
        background-position-x: -18px;
        background-size: 145%;
    }
    .category_name_main {
        align-items: flex-start;
        flex-direction: column;
    }
    .col-pwd-email-edit-section {
        width: calc(100% - 16px);
    }
    button.button-email-change-only,
    button.button-password-change-only {
        font-size: 13px;
        padding: 8px 16px;
        width: 160px;
    }
    label#jform_email1-lbl {
        font-weight: 600;
        font-size: 14px;
        margin: 0 auto 4px 0;
    }
    .footer-social img {
        max-width: 24px;
    }
    .footer-coorporations img {
        max-width: 28px;
    }
    .footer-social-message {
        margin-right: 0px;
    }
    .vm-categories-header-current {
        flex-direction: column;
    }
    .vm-categories-header-thumb {
        max-width: 60px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .vm-children-categories-container {
        width: 100%;
    }
    .vm-related-category-item {
        max-width: calc(50% - 16px);
    }
    .footer-working-hours-container {
        padding: 4px 4px;
    }
}
/* End of 767px */
@media (max-width: 575px) {
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    }
    .row div[class*="width"] {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    }    
    .category-view .col-md-2,
    .category-view .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
    }
    .row div[class*="width"] {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    }    
    .order-section-history-container {
        width: 100%;
        margin: 0 8px 16px;
    }
    .history-icon-container {
        gap: 4px;
    }
    .order-section-history-order-check-ok {
        font-size: 14px;
        width: 100%;
    }
    span.order-status-date {
        font-size: 12px;
        top: 18px;
    }
    .order-details-section-header-title, .account-details-tab-header-title {
        font-size: 13px;
    }
    .order-details-section-header-container, .account-details-tab-header {
        height: 100%;
    }
    .order-section-order-status-info-and-items-container {
        max-width: 100%;
        margin: 0 8px 16px;
    }
    .order-section-order-items-container-for-pc {
        margin-top: 0px;
    }
    .order-section-order-prices-main-container .order-section-order-info-content {
        font-size: 14px;
    }
    .account-details-orders-products-ordered-left-arrow:before, .account-details-orders-products-ordered-right-arrow:before {
        top: 34px;
    }
    .order-section-order-customer-details-header {
        font-size: 12px;
    }
    .order-section-order-history-items-container span.account-details-orders-products-single-product-img {
        min-width: 70px;
    }
    .account-details-orders-single-item {
        width: 100%;
    }
    .account-details-orders-order-id {
        font-size: 14px;
    }
    .account-details-orders-order-id:before {
        font-size: 16px;
    }
    .account-details-orders-order-total, .account-details-orders-order-summary-status-value {
        font-size: 12px;
    }
    #ui-tabs ul#tabs li.current, #ui-tabs ul#tabs li {
        font-size: 10px;
    }
    .account-page-header {
        padding: 4px 8px;
    }
    span.account-your-account {
        font-size: 16px;
        margin-left: 4px;
    }
    span.account-your-account-subtitle {
        font-size: 11px;
        margin-left: 8px;
    }
    .account-page-logout .logout-button {
        font-size: 10px;
    }
    span.log-out-icon:before {
        font-size: 14px;
    }
    .account-page-logout {
        right: 60px;
    }
    #ui-tabs ul#tabs li.current:after {
        font-size: 16px;
    }
    .account-page-user-info {
        padding: 8px 4px;
    }
    .account-page-user-avatar {
        width: 60px;
        display: flex;
        margin: 0px 8px;
    }
    span.account-page-username {
        font-size: 16px;
    }
    span.account-page-member-since {
        font-size: 10px;
    }
    span.account-page-spotter-level {
        font-size: 12px;
    }
    .account-page-user-orders {
        padding: 4px;
    }
    .account-page-user-orders:before {
        font-size: 16px;
    }
    .account-page-user-wishlist:before {
        font-size: 16px;
    }
    span.account-page-user-orders-header {
        font-size: 12px;
    }
    span.account-page-user-orders-number {
        font-size: 16px;
        padding: 2px;
    }
    .account-details-change-email-pwd-button {
        padding: 8px 16px;
        width: 170px;
    }
    .account-details-change-email-pwd-bott {
        padding: 8px;
    }
    .account-details-change-email-pwd-subtitle-button {
        padding: 8px;
        width: 100%;
    }
    .account-details-short-description {
        font-size: 14px;
        padding: 2px 8px;
    }
    .account-details-short-description-subtitle.no-extra-address-found {
        gap: 8px;
    }
    .account-details-short-description-subtitle.no-extra-address-found-add {
        margin-left: auto;
        margin-right: auto;
    }
    .account-details-short-description.change-email-pwd-header-menu {
        height: 40px;
        padding: 8px;
    }
    .account-details-orders-date-groupping-subtitle {
        font-size: 10px;
        margin-left: 20px;
        color: #077;
    }
    .account-details-short-description-subtitle {
        font-size: 12px;
        padding: 8px;
        text-align: center;
    }
    .account-details-member table.adminForm.user-details input {
        padding: 8px;
        text-indent: 4px;
    }
    .account-details-member input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
        font-size: 14px;
    }
    .eshop-product_name {
        font-size: 14px;
    }
    .vmproductdetails-product-misc-elements img {
        min-width: unset;
        width: 30.333%;
    }
    .vmproductdetails-ordered-again .product-exist-in-order-orderlist {
        width: 100%;
    }
    .order-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .product-exist-in-order-orders-container {
        width: 140px;
    }
    .product-exist-in-order-items-container {
        gap: 4px;
    }
    .product-exist-in-order-ordered-date-and-price {
        font-size: 10px;
        align-items: center;
    }
    .vmproductdetails-nav-link {
        font-size: 12px;
        padding: 6px 10px;
    }
    .product-warranty-introduction, .product-return-introduction {
        font-size: 12px;
    }
    .product-warranty-no-coverage-header, .product-warranty-coverage-header, .product-returns-introduction-header {
        font-size: 13px;
    }
    .product-returns-withdrawal-explanation, .product-returns-introduction {
        font-size: 11px;
    }
    .vmproductdetails-product-description ul {
        font-size: 14px;
    }
    .review-edit-popup-container {
        width: 400px;
    }
    .reviews-header {
        font-size: 13px;
        padding: 0;
    }    
    .product-warranty-icon {
        margin-bottom: 8px;
    }
    span.warranty-example-header {
        font-size: 12px;
    }    
    span.warranty-example-step {
        padding: 4px 16px;
        font-size: 12px;
    }
    span.warranty-example-disclaimer {
        padding: 8px;
        font-size: 11px;
    }
    .review-single-container {
        padding: 16px 8px;
    }
    .review-user-container {
        padding: 4px;
    }
    .review-user-avatar {
        width: 46px;
    }
    .sp-module.search-toggler {
        width: 34px;
        height: 34px;
    }
    .profile-badge-icon-avatar {
        width: 34px;
        height: 34px;
    }
    li.nav-item.item-347.parent a {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    div#orderby-section:before,
    .vmcategory-filter-products:before,
    .vmcategory-filter-products-responsive:before {
        width: 20px;
        height: 20px;
        background-size: 20px;
        margin-right: 8px;
    }
    div#orderby-section, .vmcategory-filter-products, .vmcategory-filter-products-responsive {
        font-size: 14px;
        padding: 8px 16px;
    }
    .vmpagination-selector select#limit, .vmpagination-selector select#limit1 {
        font-size: 10px;
        padding: 4px 8px;
        width: 60px;
        height: 30px;
    }
    .vmpagination-selector-text {
        font-size: 8px;
    }
    .pagination-link {
        width: 20px;
        height: 12px;
        font-size: 12px;
    }
    .vmpagination-bottom-text {
        font-size: 10px;
    }
    .manufacturer-details-image {
        width: 70px;
    }
    .orderby-displaynumber {
        margin: 4px 0;
        margin-bottom: 16px;
        padding: 4px 0;
        margin-left: auto;
    }
    .account-page-details {
        line-height: unset;
    }
    .account-details-member table.adminForm.user-details input {
        padding: 4px;
        text-indent: 4px;
    }
    span.account-details-header-add-new-title {
        font-size: 14px;
    }
    .account-details-member input {
        font-size: 12px !important;
    }
    tr.invoicecheckbox td.key {
        width: fit-content !important;
        font-size: 12px;
    }
    tr.invoicecheckbox input#invoicecheckbox_field {
        width: 20px;
        height: 16px;
        cursor: pointer;
    }
    .account-details-orders-date-groupping-header {
        font-size: 12px;
    }
    .account-details-orders-date-groupping-subtitle {
        font-size: 11px;
    }
    .account-details-orders-date-groupping-header:before {
        font-size: 12px;
        margin-right: 6px;
    }
    .account-details-member table.adminForm.user-details tr {
        width: 100%;
    }
    .vme-list-section-name {
        font-size: 11px;
    }
    .account-details-section table.adminForm.user-details tr {
        width: 100%;
    }  
    .account-details-member.for-invoice tr.companyname, .account-details-member.for-invoice tr.vat, .account-details-member.for-invoice tr.companycity, .account-details-member.for-invoice tr.companyzip, .account-details-member.for-invoice tr.companyaddress, .account-details-member.for-invoice tr.companyphone {
        width: 100% !important;
    }
    .account-details-change-email-pwd-subtitle-with-bott {
        flex-direction: column;
        align-items: center;
    }
    div#tab-1.addST {
        max-height: 600px;
    }
    div#tab-1.addST {
        top: 30%;
        width: 95%;
        max-height: 600px;
        transform: translate(-50%, -30%);
    }
    .account-details-member-invoice-description {
        font-size: 12px;
    }
    div#mod_rpx_rpx_div_rpx_3 {
        height: 100%;
        border-radius: 0;
    }
    div#NeedUpdateForm .rpx_field.rpx_field_5.form-group {
        border-radius: 0;
    }
    .rpx_field.rpx_field_30.form-group .rpx_label {
        width: unset !important;
        padding: 8px !important;
    }
    .rpx_field.rpx_field_30.form-group .rpx_field_input {
        width: 100px !important;
        padding: 8px;
    }
    div#mod_rpx_rpx_div_rpx_2, div#mod_rpx_rpx_div_rpx_3, div#mod_rpx_rpx_div_rpx_4 {
        padding: 16px 0px;
        padding-top: 36px;
    }
    .rpx_field.rpx_field_45.form-group {
        background: #f7f7f7;
        padding: 8px 16px;
    }
    .order-section-order-help-quantity.submenu-qty {
        justify-content: flex-end !important;
    }
    div#mod_rpx_rpx_div_rpx_2,
    .slide-in-no-ani .order-section-order-help-product-selector-container {
        height: 100%;
        border-radius: 0;
        padding-top: 0;
    }
    .order-help-custom-btn.troubleshoot-1:before,
    .order-help-custom-btn.troubleshoot-2:before,
    .order-help-custom-btn.troubleshoot-3:before,
    .order-help-custom-btn.troubleshoot-4:before {
        width: 24px;
        height: 24px;
    }
    .default-help-form-header .order-help-custom-btn.back-btn-1 {
        left: 0px;
    }
    #rpx_2 textarea {
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .order-details-section-header-description-container {
        width: 280px;
    }
    .products-image-header:before {
        margin-right: 4px;
    }
    #sp-header .sp-module.main-ajax-search {
        width: 100%;
        margin: 0px auto 0px;
    }
    div#sp-search {
        padding: 0 0px 0px 4px;
    }
    #sp-header .logo {
        height: unset;
    }
    div#sp-menu {
        order: 1;
        width: 100%;
        margin: 0px auto;
    }
    #sp-header {
        box-shadow: none;
    }
    #sp-header.header-sticky {
        border-bottom: none;
    }
    .header-sticky .logo img {
        width: 90px;
        margin-left: 8px;
        transition: all 0.3s ease;
    }
    .header-sticky .profile-badge-icon-default {
        width: 30px;
        height: 30px;
    }
    .header-sticky .profile-badge-icon-default:before {
        font-size: 14px;
    }
    .header-sticky .jb-cart-icon .fa-shopping-bag:before {
        font-size: 16px;
    }
    .header-sticky .jb-cart-icon i.fa.fa-shopping-bag {
        top: 6px;
    }
    .header-sticky .jb-cart-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .main-ajax-search.search-active {
        top: 48px;
    }
    .order-done-header-success-text-sub {
        font-size: 12px;
        padding: 0 8px;
    }
    .order-done-order-details {
        padding: 16px 8px;
    }
    .order-done-list-item {
        padding: 8px 8px;
        min-width: 120px;
    }
    .order-done-details-description {
        font-size: 11px;
    }
    .order-done-details-value {
        font-size: 12px;
    }
    .order-done-details-list-value {
        font-size: 13px;
    }
    .order-done-shipping-st-container {
        padding: 16px 8px;
    }
    .order-done-st-details-header {
        font-size: 16px;
    }
    .order-find-as-guest-fields-header,
    .order-find-as-member-fields-header {
        font-size: 13px;
    }
    .order-find-input > input {
        font-size: 14px !important;
    }
    .order-find-what-is-order-pass-explain-line {
        font-size: 12px;
    }
    .order-find-what-is-order-pass-explain.slideForgotPassword {
        padding: 8px 16px;
    }
    .order-find-order-password-recovery-btn {
        font-size: 14px;
    }
    .order-find-result.correctInput {
        font-size: 12px;
    }
    .order-find-result.correctInput .order-find-code-field {
        font-size: 14px;
    }
    .footer-column.footer-col-1 {
        width: 100%;
    }
    .footer-column-1 {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }
    .footer-column-1 .footer-seperator {
        display: none;
    }
    .footer-column.footer-col-2 {
        width: 100%;
        margin-top: 32px;
    }
    .footer-details-container {
        width: 50%;
        padding: 0;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .footer-details-container .footer-seperator {
        display: block;
        margin-bottom: auto;
    }
    .footer-find-us-google-maps {
        font-size: 13px;
    }
    .footer-map {
        max-width: 130px;
    }
    .footer-slogan {
        font-size: 11px;
    }
    .footer-contact-href {
        font-size: 14px;
    }
    .footer-link-href {
        font-size: 13px;
    }
    .category_name_main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px;
        width: 100%;
    }
    div#model-dropdown-wrapper label {
        font-size: 14px;
    }
    div#model-dropdown-wrapper {
        padding: 8px 16px;
    }
    .model-dropdown-buttons {
        padding-bottom: 8px;
    }
    .orderby-displaynumber {
        top: 114px;
    }
    a.cc-link label {
        font-size: 14px;
    }
    div.cc-checkbox-container input + span {
        width: 32px !important;
        height: 16px !important;
    }
    div.cc-checkbox-container > span::before {
        width: 10px !important;
        height: 10px !important;
    }
    div.cc-checkbox-container input:checked + span::before {
        transform: translateX(16px) !important;
    }
    input.btn.btn-primary.button.subbutton {
        height: 37px;
    }
    .footer-bottom-level-1 {
        justify-content: center;
        padding: 0;
    }
    .footer-column-level-1.footer-level-1-1 {
        padding: 16px;
    }
    .footer-column-level-1.footer-level-1-2 {
        padding: 16px;
    }
    .vm-category-select-current-category {
        margin-left: 0px;
        margin-top: 4px;
    }
    .vmcategory-model-limitation-header {
        font-size: 15px;
    }
    .model-selector-toggler:before {
        font-size: 20px;
    }
    .main-ajax-search .search-input {
        box-shadow: rgba(50, 50, 93, 0.01) 0px 2px 5px -1px, rgba(0, 0, 0, 0.2) 0px 1px 3px -1px;
        border-radius: 0px 0px 16px 16px;
        border-top: 1px solid #e1e1e1;
    }
    .products-image-header {
        border-radius: 0px 0px 16px 0px;
        outline: 1px solid #e1e1e1;
    }
    header#sp-header .container {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px, rgba(0, 0, 0, 0.24) 0px 2px 2px;
        border-radius: 0 0 16px 16px;
    }
    #sp-main-body {
        margin-top: 8px;
    }
    .model-selector-toggler {
        margin-left: 0;
        margin-bottom: 8px;
        margin-top: 24px;
    }
    .vm-related-category-item {
        max-width: calc(100% - 16px);
    }
    ul.spec-group li {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* End of 575px */
@media (max-width: 470px){
    div#cash-on-delivery-container label {
        font-size: 14px;
        font-weight: 400;
    }
    .vmproductdetails-nav-link {
        font-size: 11px;
        padding: 6px 8px;
    }
    .reviews-average-rating {
        flex-direction: column;
        align-items: center;
        gap: 4px;
        width: 100%;
    }
    .reviews-ratings-detailed {
        margin-right: auto;
    }
    .reviews-average-rating-container {
        flex-direction: column;
        align-items: flex-end;
        margin-right: auto;
    }
    .review-no-reviews {
        font-size: 13px;
    }
    .vmproductdetails-product-description h2 {
        font-size: 14px;
    }
    .product-warranty-example-popup.example-specs-warranty-active, .product-warranty-example-popup.example-quality-warranty-active, .product-warranty-example-popup.example-water-warranty-active, .product-return-example-popup.example-specs-warranty-active, .product-return-example-popup.example-quality-warranty-active, .product-return-example-popup.example-water-warranty-active {
        padding-bottom: 32px;
    }
    .product-warranty-specs-example-close-btn, .product-warranty-quality-example-close-btn, .product-warranty-water-example-close-btn {
        width: 40px;
        font-size: 10px;
    }
    .product-warranty-no-coverage-header, .product-warranty-coverage-header, .product-returns-introduction-header {
        font-size: 12px;
    }
    .product-warranty-introduction, .product-return-introduction {
        font-size: 12px;
    }
    .reviews-average-rating-container .reviews-average-stars {
        display: none;
    }
    .reviews-average-rating {
        padding: 8px;
        margin-bottom: 16px;
    }
    .vmproductdetails-product-shipping-calculator-buttons {
        display: flex;
        flex-direction: column;
    }  
    .suggestions-submenu-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }
    .tab-subtitle {
        font-size: 11px;
        margin-left: 32px;
    }
    .ui-tabs-placeholder-header {
        font-size: 10px;
    }
    .account-details-change-email-pwd-button {
        padding: 8px 16px;
        width: 140px;
        font-size: 11px;
    }
    .account-details-short-description-subtitle.no-extra-address-found {
        gap: 4px;
    }
    .no-extra-address-found:before {
        margin-right: 4px;
    }
    .account-details-short-description-subtitle.no-extra-address-found-add {
        width: 150px;
        font-size: 11px;
    }
    .account-details-member table.adminForm.user-details input {
        padding: 8px;
        text-indent: 4px;
    }
    .account-details-short-description {
        font-size: 14px;
        padding: 2px 8px;
    }
    .account-details-member input {
        font-size: 12px !important;
    }
    .account-details-member table.adminForm.user-details input {
        padding: 2px;
        height: 24px;
    }
    div#tab-1.addST {
        width: 90%;
    }
    .account-details-member table.adminForm.user-details input::placeholder {
        font-weight: initial;
        font-size: 12px;
    }
    form#adminForm button.btn.btn-primary {
        font-size: 12px;
        height: 32px;
    }
    form#adminForm button.btn.btn-dark {
        font-size: 12px;
        height: 32px;
    }
    .vmproductmodule-single-product-container {
        min-width: 180px;
        width: 100%;
    }
    .account-details-section table.adminForm.user-details tr {
        width: 100%;
    }
    td.key {
        font-size: 11px;
    }
    table.adminForm.user-details input {
        padding: 2px;
    }
    .vme-list-item.product-item.product-container {
        width: 100%;
    }
    .account-products-section-wishlist-content, .account-products-section-recent-content, .account-products-section-top-sellers-content, .account-products-section-our-picks-content, .account-products-section-feeling-lucky-content {
        align-items: center;
        flex-direction: column;
    }
    .vmproductmodule.recent-products-module.productdetails, .vmproductmodule.top-selling-products-module.productdetails, .vmproductmodule.spott-suggestions-module.productdetails, .vmproductmodule.spott-top-searches-module.productdetails, .vmproductmodule.spott-for-you-module.productdetails, .vmproductmodule.random-products-module.productdetails {
        align-items: center;
        flex-direction: column;
    }
    .need-update-header-sub {
        flex-direction: column;
    }
    .need-update-header-bott {
        width: 100px;
    }
    .need-update-header-sub-description {
        text-align: left;
        padding: 8px;
    }
    .header-text {
        font-size: 12px;
    }
    .option-order-header .header-icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .order-help-custom-btn {
        font-size: 13px;
    }
    .order-help-custom-btn:before {
        font-size: 16px;
        width: 20px;
    }
    label[for="rpx_3rpx_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_1a_SimpleStatusUpdate"], .default-help-form-header-title {
        text-align: center;
        font-size: 12px;
        padding: 4px;
    }
    .rpx_field.rpx_field_30.form-group {
        flex-direction: column;
        width: 100%;
    }
    .rpx_field.rpx_field_30.form-group .rpx_label {
        width: 100% !important;
        padding: 8px !important;
    }
    div#rpx_3rpx_group_NeedUpdate_-_Main_Selector_1 .rpx_field_input {
        margin-top: 8px;
    }
    .order-section-order-delay-content {
        padding: 4px;
    }
    .order-section-order-help-product-image {
        width: 50px;
        margin: 4px;
    }
    .order-section-order-help-product-name {
        padding: 4px;
        width: calc(100% - 20px);
    }
    .order-section-order-help-sku-name-container {
        padding: 0;
    }
    .order-section-order-help-product-availability {
        padding: 0px 8px;
    }
    .order-add-new-product-description {
        font-size: 12px;
    }
    .order-add-new-product-description:before {
        font-size: 16px;
        width: 20px;
    }
    .rpx_field.rpx_field_38.form-group .rapid_contact_ex.rapid_contact_ex_explanatory_text {
        padding: 0px 8px;
    }
    div#search-results-246 .jtvms-results-order-module-welcome {
        padding-bottom: 0;
    }
    div#search-results-246 {
        padding: 8px;
        margin: 8px 0px;
    }
    div#vmajaxlivesearch-246 .jtvs-category-container {
        margin: 4px;
        padding: 4px;
    }
    div#search-results-246 li.jtvs-product a {
        margin: 4px auto;
    }
    div#search-results-246 span.jtvs-product-name {
        font-size: 11px;
    }
    .review-container {
        padding-top: 4px;
    }
    div#search-results-246 .quantity-input-container {
        display: flex;
        align-items: flex-start;
        margin-left: 8px;
    }
    .selected-add .review-button {
        font-size: 8px;
        padding: 2px 4px;
        bottom: -30px;
        right: 8px;
    }
    .review-button {
        font-size: 8px;
        padding: 2px 8px;
    }
    .jtvs-module-confirm {
        position: fixed;
        bottom: 0px;
        margin: 0;
        padding: 0;
        left: 0;
        z-index: 2;
        background: #fff;
    }
    .jtvs-module-confirm-button {
        background: #003333;
        padding: 8px;
        border-radius: 8px;
        margin: 8px;
    }
    .order-help-added-products.add-new-search-open {
        margin-bottom: 24px;
    }
    .order-help-added-products-title {
        font-size: 10px;
    }
    .order-help-product .order-section-order-help-sku-name-container {
        width: fit-content;
    }
    .order-help-added-products.add-new-search-open.jtvs-module-confirmed {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .jtvs-module-confirm.jtvs-module-confirmed {
        top: -73px;
    }
    .order-help-custom-btn {
        font-size: 13px;
        margin: 8px 4px;
    }
    .category-description {
        text-indent: 20px;
    }
    .back-btn-1, .back-btn-2, .back-btn-3, .back-btn-4, .order-help-cancel-btn, .cancel-btn-something-else, .sub-options-back-btn {
        padding-left: 8px;
        margin: 0;
    }
    .header-container.option-order-header.order-menu-header {
        padding: 8px 8px 16px 8px;
        margin-bottom: 8px;
    }
    .order-help-custom-btn.order-help-selected {
        padding: 0;
        margin: 0 8px;
        margin-top: 0;
        padding-bottom: 8px;
        font-size: 11px;
    }
    .order-section-order-help-product-image {
        width: 38px;
        margin: 4px;
    }
    .need-update-header-intro {
        padding: 0px;
    }
    .need-update-header-sub-description-head-std {
        display: none;
    }
    .need-update-header-sub-description-head {
        display: block;
    }
    .need-update-header-sub-content {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .quantity-input-container {
        align-items: flex-start;
    }
    .default-add-product-quantity-form-header-title:before {
        font-size: 14px;
    }
    .default-help-form-header .order-help-custom-btn.back-btn-1 {
        left: 8px;
    }
    .forbidden-return-head {
        font-size: 14px;
    }
    .forbidden-return-reason {
        font-size: 13px;
    }
    .order-find-as-guest-header {
        font-size: 16px;
    }
    .order-find-header {
        font-size: 16px;
    }
    .warranty-page-rule-single {
        padding: 8px 24px;
    }
    .warranty-page-claim-multi-rule,
    .warranty-page-warranty-multi-rule {
        padding: 4px 32px;
    }
    .warranty-page-rules-section-header {
        font-size: 20px;
    }
    .footer-column-1 {
        flex-direction: column;
        align-items: center;
    }
    .footer-details-container .footer-seperator {
        margin-bottom: 16px;
    }
    .footer-details-container {
        width: 100%;
        padding: 0 16px;
        display: flex;
        align-items: center;
    }
    .footer-column-1 .footer-seperator {
        display: block;
    }
    .footer-map {
        max-width: 160px;
    }
    .footer-find-us-google-maps {
        font-size: 14px;
    }
    .footer-slogan {
        font-size: 12px;
    }
    .footer-customer-support,
    .footer-info {
        width: 100%;
    }
    .footer-link-href {
        font-size: 14px;
    }
    .model-dropdown-buttons {
        padding: 4px;
        padding-bottom: 8px;
    }
    .model-dropdown-container {
        background-position-y: 0;
        background-position-x: -43px;
        background-size: 175%;
    }
    select#manufacturer-select, select#model-select {
        max-width: 240px;
    }
    div.cc-window.cc-floating {
        padding: 8px;
    }
    .vmcategory-model-limitation-message-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .vmcategory-model-limitation-message {
        text-align: center;
    }
    input.btn.btn-primary.button.subbutton {
        top: -1px;
    }
    ul.spec-group span.spec-value {
        text-align: left;
    }
    p.acysubbuttons {
        top: 1px;
        position: relative;
    }
}
/* End of 470px */
@media (max-width: 430px){
    .review-date {
        font-size: 8px;
    }
    .review-user-name {
        font-size: 12px;
        padding: 2px;
    }
    .review-content {
        font-size: 11px;
    }
    .review-edit-button {
        font-size: 8px;
    }
    .review-edit-header {
        font-size: 11px;
    }
    .review-edit-popup-container {
        width: 390px;
    }
    .product-warranty-example-popup.example-specs-warranty-active, .product-warranty-example-popup.example-quality-warranty-active, .product-warranty-example-popup.example-water-warranty-active, .product-return-example-popup.example-specs-warranty-active, .product-return-example-popup.example-quality-warranty-active, .product-return-example-popup.example-water-warranty-active {
        padding: 4px;
        padding-bottom: 30px;
    }
    .product-returns-introduction-container {
        padding: 4px;
    }
    .vmproductdetals-tab-content>.active {
        padding: 0px 8px;
    }
    .tab-title {
        font-size: 14px;
    }
    .tab-subtitle {
        font-size: 11px;
        margin-left: 24px;
    }
    .account-details-short-description-subtitle {
        padding: 8px;
    }
    .account-details-button {
        display: block;
        cursor: pointer;
        font-size: 11px;
        padding: 8px 2px;
        width: 100%;
        color: #003333;
        text-align: center;
        font-weight: 500;
    }
    .rpx_field.rpx_field_38.form-group {
        margin: 0;
    }
    .order-section-add-product-results-title {
        margin-top: 0;
        font-size: 12px;
        padding: 8px;
        text-align: left;
    }
    .add-new-product-selections-container {
        padding: 8px;
    }
    .add-new-product-selections-container .order-section-order-help-product-image {
        width: 38px;
        margin: 0 4px;
    }
    .add-new-product-selections-container .order-section-order-help-product-name {
        font-size: 11px;
    }
    .add-new-product-selections-container .price-value {
        font-size: 15px;
    }
    .product-entry .quantity-input-container {
        min-height: 90px;
    }
    .header-text {
        font-size: 11px;
    }
    .order-help-custom-btn {
        font-size: 12px;
    }
    .order-section-order-help-sku-name-container {
        padding: 0;
    }
    .order-section-order-help-product-availability {
        font-size: 12px;
    }
    .category-description {
        padding: 0px;
        padding-bottom: 4px;
    }
    .order-section-add-product-quantity-content {
        padding: 8px;
    }
    .order-section-order-help-quantity {
        justify-content: flex-end;
    }
    .order-section-order-help-top-section {
        gap: 4px;
    }
    .need-update-header-bott {
        width: 90px;
    }
    .need-update-header-sub-description-head {
        font-size: 15px;
    }
    .need-update-header-sub-description-small-message-1 {
        padding: 4px;
    }
    .need-update-header-sub-description-small-message-2 {
        font-size: 14px;
        padding: 8px;
        padding-bottom: 0;
    }
    .need-update-header-sub {
        padding: 8px;
    }
    .order-help-selected-active .order-help-custom-btn.option-btn-1-2 {
        padding: 0 0px 8px 4px;
    }
    .need-update-cancel-order-intro {
        text-align: center;
        align-items: center;
        flex-direction: column;
    }
    .need-update-cancel-order-intro:before {
        width: 50px;
        height: 50px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .rpx_field.rpx_field_50.form-group.ST-selected, .rpx_field.rpx_field_51.form-group.ST-selected, .rpx_field.rpx_field_52.form-group.ST-selected, .rpx_field.rpx_field_53.form-group.ST-selected, .rpx_field.rpx_field_54.form-group.ST-selected, .rpx_field.rpx_field_55.form-group.ST-selected, .rpx_field.rpx_field_56.form-group.ST-selected, .rpx_field.rpx_field_74.form-group.ST-selected, .rpx_field.rpx_field_75.form-group.ST-selected, .rpx_field.rpx_field_76.form-group.ST-selected, .rpx_field.rpx_field_77.form-group.ST-selected, .rpx_field.rpx_field_78.form-group.ST-selected, .rpx_field.rpx_field_79.form-group.ST-selected {
        width: 100%;
    }
    .rpx_field.rpx_field_50.form-group, .rpx_field.rpx_field_51.form-group, .rpx_field.rpx_field_52.form-group, .rpx_field.rpx_field_53.form-group, .rpx_field.rpx_field_54.form-group, .rpx_field.rpx_field_55.form-group, .rpx_field.rpx_field_56.form-group, .rpx_field.rpx_field_74.form-group, .rpx_field.rpx_field_75.form-group, .rpx_field.rpx_field_76.form-group, .rpx_field.rpx_field_77.form-group, .rpx_field.rpx_field_78.form-group, .rpx_field.rpx_field_79.form-group {
        width: 100%;
    }
    .order-section-order-info-header-dates-container {
        display: flex;
        flex-direction: row;
        gap: 4px;
        top: unset;
        bottom: 0;
    }
    .order-details-print-icon {
        top: 4px;
        bottom: unset;
    }
    .order-done-header-success-text-header {
        font-size: 20px;
    }
    input.order-find-submit-button {
        font-size: 14px;
    }
    .order-find-order-passowrd-recovery-intro {
        font-size: 14px;
    }
    .warranty-page-select-order-buttons {
        justify-content: center;
        gap: 16px;
        align-items: center;
        flex-direction: column;
    }
    div#model-dropdown-wrapper {
        padding: 8px 8px;
    }
    div#model-dropdown-wrapper label {
        padding: 8px 0px;
    }    
    .model-dropdown-buttons {
        align-items: center;
    }
    div#model-dropdown-wrapper label {
        font-size: 13px;
    }
    .cc-checkbox-container {
        margin: 8px 4px !important;
    }
    .vmcategory-model-limitation-header {
        font-size: 14px;
    }
    .vm-children-categories-category-image img {
        min-width: 180px;
        width: 180px;
        min-height: 180px;
    }
    .vm-categories-header {
        font-size: 20px;
    }
    .vm-categories-product-header-sub {
        font-size: 13px;
    }
    .sm-levels .link a {
        font-size: 13px !important;
    }
}
/* End of 430px */
@media (max-width: 410px){
    span.fa.fas.fa-shopping-cart {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    } 
    .msl_badge {
    padding: 4px 7px;
    font-size: 10px;
    }   
    #vmCartModule {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    margin-left: 0px;
    }
    i.pe.pe-7s-cart:before {
    font-size: 18px;
    }   
    #sp-header #cart-menu .cd-cart i {
    width: 50px;
    }
    #cd-lateral-nav {
    width: 250px;
    }
    #cart-menu.shopping-menu-is-open {
    transform: translate3d(-250px, -31px, 10px);
    }
    #cart-menu.shopping-menu-is-open #cd-menu-trigger >i, #cart-menu.shopping-menu-is-open .cd-cart >i {
    width: 60px;
    }
    .burger-icon {
    width: 15px;
    }
    .order-details-section-header-container, .account-details-tab-header {
    height: 100%;
    }   
    .order-section-order-info-header.info-coupon {
        flex-direction: row;
        align-items: baseline;
    }
    .order-section-order-history-items-summary-all-prices {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
    }
    .default-help-form-header-description {
        font-size: 12px;
    }
    .default-help-form-header-name {
        font-size: 12px;
    }
    .file-preview-container .thumbnail {
        width: 50px;
        height: 50px;
    }
    .forbidden-return-head {
        font-size: 13px;
        text-align: left;
    }
    .default-help-form-header-sku {
        letter-spacing: unset;
        font-size: 10px;
    }
    label[for="rpx_3rpx_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_1a_SimpleStatusUpdate"], .default-help-form-header-title {
        font-size: 12px;
        padding: 8px;
    }
    .rpx_field.rpx_field_24.form-group .form-control[type=file]:not(:disabled):not([readonly]) {
        width: 300px;
        font-size: 11px;
        text-indent: -110px;
        height: 26px;
        line-height: 1px;
    }
    .rpx_field.rpx_field_24.form-group .form-control[type=file]:not(:disabled):not([readonly]):after {
        top: 34px;
        font-size: 18px;
        width: 45px;
        height: 45px;
    }  
    .order-section-order-help-product-name {
        font-size: 11px;
    } 
    .order-section-order-help-product-selector-title {
        font-size: 12px;
    }
    #ui-tabs ul#tabs li.current, #ui-tabs ul#tabs li {
        font-size: 8px;
    }
    .account-details-address {
        font-size: 11px;
    }
    span.account-your-account {
        font-size: 14px;
    }
    span.account-your-account-subtitle {
        font-size: 10px;
        margin-left: 12px;
    }
    .account-page-details {
        line-height: unset;
    }
    .account-page-user-avatar {
        width: 70px;
    }
    span.account-page-username {
        font-size: 14px;
    }
    span.account-page-spotter-level {
        font-size: 12px;
    }
    span.account-page-user-orders-header {
        font-size: 10px;
    }
    .account-page-user-orders:before {
        font-size: 16px;
    }
    .account-page-user-wishlist:before {
        font-size: 16px;
    }
    span.account-page-user-orders-number {
        font-size: 14px;
        padding: 2px;
    }
    .account-page-logout {
        right: 50px;
        top: 10px;
    }
    .account-page-logout .logout-button {
        font-size: 9px;
        line-height: 1;
    }
    .order-details-section-header-container, .account-details-tab-header {
        height: 100%;
    }
    .arrow-button-right-2 {
        width: 28px;
    }
    .rpx_field.rpx_field_81.form-group .rpx_field_input label, .rpx_field.rpx_field_82.form-group .rpx_field_input label, .rpx_field.rpx_field_83.form-group .rpx_field_input label {
        display: flex;
        width: 33.333%;
        align-items: center;
        font-size: 11px;
        color: #077;
    }
    .mod-product-price {
        font-size: 10px;
        padding: 0px 0px;
    }
    button.vme-remove-btn:before {
        font-size: 14px;
    }
    span.vme-mod-row-seperator-vss {
        background-size: 18px;
        width: 10%;
    }
    .review-edit-popup-container {
        width: 370px;
    }
    .ask-a-question-form-group label[for="comment"] {
        padding: 6px;
        font-size: 10px;
        gap: 4px;
    }
    textarea#comment {
        font-size: 12px;
    }
    .ask-a-question-bott-place img {
        width: 50px;
    }
    .ask-a-question-header-title {
        font-size: 15px;
    }
    .ask-a-question-product-img {
        width: 50px;
    }
    .ask-a-question-user-details {
        flex-direction: column;
        align-items: center;
    }
    .ask-a-question-user-name,
    .ask-a-question-user-email {
        width: 300px;
    }
    .ask-a-question-user-email input, 
    .ask-a-question-user-name input {
        max-width: 100%;
    }
    .review-no-reviews {
        font-size: 12px;
    }
    span.warranty-example-header {
        font-size: 9px;
    }
    span.warranty-example-procedure {
        font-size: 9px;
    }
    span.warranty-example-step {
        padding: 2px 16px;
        font-size: 8px;
    }
    span.warranty-example-disclaimer {
        font-size: 8px;
    }
    .product-warranty-specs-example-close-btn, .product-warranty-quality-example-close-btn, .product-warranty-water-example-close-btn {
        font-size: 10px;
    } 
    .product-warranty-example-popup.example-specs-warranty-active, .product-warranty-example-popup.example-quality-warranty-active, .product-warranty-example-popup.example-water-warranty-active, .product-return-example-popup.example-specs-warranty-active, .product-return-example-popup.example-quality-warranty-active, .product-return-example-popup.example-water-warranty-active {
        padding-bottom: 14px;
    }
    .account-details-short-description {
        font-size: 13px;
        padding: 2px 8px;
    }
    .account-details-short-description-subtitle {
        font-size: 10px;
        padding: 0px 8px;
    }
    .account-details-change-email-pwd-button {
        padding: 8px 16px;
        width: 140px;
        font-size: 11px;
    }
    table.adminForm.user-details tr {
        margin: 1px;
    }
    .account-details-user-review-product {
        padding: 4px;
    }
    .review-edit-toggler {
        margin: 4px;
    }
    .account-details-user-review-rating {
        margin: 0px 4px;
    }
    .account-details-user-review-header {
        font-size: 11px;
    }
    .account-details-user-review-product-sku-container {
        font-size: 10px;
        margin: 4px;
    }   
    .account-details-user-review-unreviewed-product-name {
        font-size: 11px;
    }
    .account-details-user-review-unreviewed-product-img {
        width: 80px;
    }
    span.account-details-user-review-add-review a {
        font-size: 12px;
    }
    .vme-row.vme-row-mini.vme-product-row.vmcompare-single-item .vme-column.vme-mod-col-1 {
        width: 60px;
    }
    .vmcompare-single-item .vme-column.vme-mod-col-3 {
        right: 16px;
        top: -2px;
    }
    .rapid_contact_ex.rapid_contact_ex_explanatory_text p {
        display: flex;
        margin-bottom: 0;
        flex-direction: row;
    }
    .order-done-header-success-text-header {
        font-size: 18px;
    }
    .order-done-header-success-text-sub {
        font-size: 11px;
    }
    .checkmark-order-done {
        width: 60px;
        height: 60px;
    }
    .order-done-list-item {
        padding: 8px 4px;
        min-width: 100px;
    }
    input.order-find-submit-button {
        font-size: 12px;
    }
    .vmcategory-model-limitation-header {
        font-size: 13px;
    }
    .vmcategory-model-limitation-message {
        font-size: 11px;
    }
    .sm-levels .link a {
        font-size: 12px !important;
    }
    .vmproductdetails-nav-tabs {
        overflow-y: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #e1e1e1 #ffffff;
    }
}
/* End of 410px */
@media (max-width: 409px){
    .vmproductdetails-nav-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 8px;
    }
    .vmproductdetails-nav-link {
        width: 45%;
        border-radius: 20px;
    }
    .vmproductdetals-tab-content {
        border-radius: 12px;
    }
    .review-edit-current-rating-content {
        padding: 12px;
        padding-bottom: 50px;
    }
    .mod-breadcrumbs {
        gap: 4px;
    }
    .vmproductdetails-product-information {
        padding: 4px;
    }
    .product-container.productdetails-view.productdetails {
        padding: 8px;
    }
    .logo img {
        margin-left: 0px;
    }
    #sp-header .logo img {
        padding: 4px;
    }
    .sp-module.search-toggler {
        width: 30px;
        height: 30px;
    }
    .sp-module.search-toggler:before {
        font-size: 16px;
    }
    #sp-header .sp-module {
        margin-left: 9px;
    }
    .eshop-product_name {
        font-size: 14px;
    }
    .vmproductdetails-misc-value.misc-manufacturer-image {
        width: 60px;
        border-radius: 12px;
    }
    .vmproductdetails-product-category {
        font-size: 10px;
        font-weight: 400;
        padding: 0px 4px;
    }
    .product-exist-in-order {
        padding: 4px 16px;
        font-size: 10px;
    }
    .vmproductdetails-product-availability-description {
        font-size: 14px;
    }
    button.vmproductdetails-product-availability-button {
        font-size: 10px;
    }
    .product-exist-in-cart {
        font-size: 12px;
    }
    .jb-cart-edit-item {
        padding: 4px 16px;
        font-size: 13px;
    }
    .vmproductdetails-product-price .discount-icon {
        font-size: 10px;
    }
    .vmproductdetails-product-price span.PricesalesPrice {
        font-size: 24px;
    }
    span.price-crossed span.vm-price-desc {
        font-size: 9px;
    }
    .price-without-discount {
        font-size: 9px;
    }
    .vmproductdetails-product-shipping-calculator-header,
    a.ask-a-question {
        font-size: 14px;
    }
    .reviews-average-rating {
        padding: 4px;
        margin-bottom: 20px;
    }
    .reviews-average-rating-header {
        margin-left: 4px;
    }
    .reviews-ratings-detailed {
        transform: scale(0.9);
        padding: 0;
    }
    .vmproductdetals-tab-content>.active {
        padding: 0px 4px;
    }
    .review-single-your-review-badge {
        font-size: 8px;
        padding: 4px 6px;
    }
    .review-single-container {
        padding: 16px 4px;
    }
    .review-user-avatar {
        width: 30px;
    }
    .review-already-done {
        font-size: 8px;
    }
    .review-edit-current-comment {
        font-size: 10px;
        padding: 0px 4px;
    }
    .review-edit-popup-container {
        width: 294px;
    }
    .review-edit-header {
        font-size: 10px;
    }
    .review-edit-rating-header {
        font-size: 11px;
        padding: 4px;
    }
    .write-reviews span.step {
        padding: 4px;
        font-size: 11px;
    }
    .write-reviews textarea#comment {
        font-size: 8px;
    }
    span.review-characters-used {
        font-size: 7px;
    }
    span.review-characters-used input {
        font-size: 7px !important;
    }
    input.highlight-button {
        font-size: 10px;
        padding: 2px 12px;
    }
    .delete-review-container button {
        font-size: 8px;
        padding: 4px 12px;
        border-radius: 12px;
    }
    .vmproductdetails-product-description h2 {
        font-size: 14px;
    }
    .vmproductdetails-product-description ul {
        font-size: 12px;
    }
    .product-warranty-no-coverage-header, .product-warranty-coverage-header, .product-returns-introduction-header {
        font-size: 12px;
    }
    .product-warranty-introduction, .product-return-introduction {
        font-size: 11px;
    }
    .ask-a-question-form-group input#counter {
        font-size: 8px;
    }
    .manufacturer-details-url, .manufacturer-details-warranty, .manufacturer-details-email {
        font-size: 9px;
        padding: 4px 8px;
    }
    .manufacturer-details-image {
        width: 60px;
    }
    li.nav-item.item-347.parent a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .jb-cart-count {
        top: -6px !important;
        right: -8px !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        font-size: 12px !important;
    }    
    .product-exist-in-order-orders-container {
        width: 140px;
    }
    .manufacturer-details-view-all-button {
        padding: 4px 12px;
        font-size: 10px;
    }
    .manufacturer-details-manufacturer-description {
        font-size: 11px;
        color: #077;
    }
    input#zip-input {
        width: 100px;
    }
    .vmproductdetails-product-shipping-calculator-buttons {
        scale: 0.8;
    }
    .vmproductdetails-shipping-calculator-zip-valid {
        font-size: 12px;
    }
    div#shipping-message-placeholder strong {
        font-size: 20px;
    }    
    .tab-title {
        font-size: 14px;
    }
    .tab-subtitle {
        font-size: 11px;
        margin-left: 24px;
    }
    #ui-tabs ul#tabs li.current:after {
        font-size: 12px;
        right: 12px;
    }
    .account-details-change-email-pwd-button {
        margin-top: 12px;
    }
    .account-details-short-description-subtitle.no-extra-address-found-add {
        font-size: 8px;
        padding: 4px;
        width: 90px;
    }
    div#tab-1.addST {
        padding: 8px !important;
    }
    .order-help-custom-btn {
        font-size: 12px;
    }
    .order-help-custom-btn:before {
        font-size: 12px;
    }
    div#NeedUpdateForm .rpx_field.rpx_field_5.form-group .rpx_label {
        font-size: 12px;
        padding: 0;
    }
    input#rpx_2rpx_submit, input#rpx_3rpx_submit, input#rpx_4rpx_submit {
        font-size: 14px;
        padding: 4px 8px;
    }
    label[for="rpx_3rpx_NeedUpdate_-_Main_Selector_1_NeedUpdate_-_1a_SimpleStatusUpdate"], .default-help-form-header-title {
        font-size: 12px;
        padding: 4px;
        text-align: left;
    }
    .rpx_field.rpx_field_45.form-group {
        padding: 8px;
    }
    .rapid_contact_ex.rapid_contact_ex_explanatory_text p {
        flex-direction: column;
    }
    .order-section-order-help-top-section.submenu-qty {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .order-section-order-help-name-sku-section.submenu-qty {
        width: 100%;
    }
    .rpx_field.rpx_field_35.form-group .rapid_contact_ex.rapid_contact_ex_explanatory_text {
        padding: 0px 8px;
    }
    .rpx_field.rpx_field_35.form-group .order-section-order-help-quantity, .rpx_field.rpx_field_43.form-group .order-section-order-help-quantity, .rpx_field.rpx_field_44.form-group .order-section-order-help-quantity {
        justify-content: flex-end;
    }
    .quantity-header {
        font-size: 11px;
    }
    .price-display {
        position: unset;
        margin-left: 0;
        padding: 8px;
        padding-bottom: 0;
    }
    .price-display {
        position: unset;
        margin-left: 0;
        padding: 8px;
        padding-bottom: 0;
        flex-direction: row;
        align-items: baseline;
        gap: 4px;
    }
    .quantity-input-container {
        align-items: center;
    }
    .order-find-as-guest-fields-header,
    .order-find-as-member-fields-header {
        font-size: 12px;
    }
    .order-find-result-copy, .order-find-result-move {
        font-size: 12px;
    }
    div#model-dropdown-wrapper label {
        font-size: 11px;
    }
    select#manufacturer-select, select#model-select {
        max-width: 240px;
        font-size: 12px;
        padding: 6px;
        width: 220px;
    }
    div#jbDropDownContainer224 .jb-cart-list {
        width: 290px;
    }
    .profile-badge-options {
        transform: translateX(-75%);
    }
    .selected-label:before {
        top: 8px;
        left: -8px;
    }
}
/* End of 409px */
@media (max-width: 360px){
    .order-details-section-header-title, .account-details-tab-header-title {
        font-size: 12px;
    }
    .order-section-order-info-header-date-created, .order-section-order-info-header-date-modified {
        font-size: 8px;
    }
    .order-status-explainer-btn {
        left: -230px;
        width: 254px;
    }
    span.order-section-order-history-items-summary-container-button {
        font-size: 8px;
    }
    .order-section-order-info-header.info-order-number,
    .order-section-order-shipping-method-header.info-shipment-name,
    .order-section-order-payment-method-header.info-payment-name,
    .order-section-order-info-header.info-price-total {
        width: 100%;
        flex-direction: row;
        align-items: baseline;
    }
    .order-section-history-order-check-ok {
        font-size: 13px;
        width: 100%;
    }
    span.order-status-date {
        font-size: 11px;
        top: 17px;
    }
    .history-icon-container:before {
        width: 16px;
    }
    .order-section-order-history-items-container span.account-details-orders-products-single-product-img {
        max-width: 90px;
    }
    .order-section-order-history-items-container {
        min-width: 220px;
    }
    .order-section-order-customer-bt-header, .order-section-order-customer-invoice-header, .order-section-order-customer-st-header, .order-section-order-customer-info-header {
        min-width: 190px;
    }
    span#AddCommentButton {
        font-size: 11px;
    }
    .order-section-order-same-as-bt {
        font-size: 11px;
    }
    li.nav-item.item-347.parent a:before {
        content: "\f007";
        font-family: Font Awesome\ 5 Free;
        font-variant: normal;
        text-transform: none;
        font-size: 16px;
    }
    .account-details-orders-order-id {
        font-size: 12px;
    }
    .account-details-orders-order-id:before {
        font-size: 14px;
    }
    .account-details-orders-order-total, .account-details-orders-order-summary-status-value {
        font-size: 11px;
    }
    .account-details-orders-single-item {
        min-width: 200px;
    }
    .account-details-orders-date-groupping-header {
        font-size: 14px;
        font-weight: 600;
        color: #003333;
    }
    .account-details-orders-date-groupping-subtitle {
        font-size: 9px;
    }
    .account-details-orders-recent .account-details-orders-date-groupping-header:before,
    .account-details-orders-six-month .account-details-orders-date-groupping-header:before,
    .account-details-orders-last-year .account-details-orders-date-groupping-header:before,
    .account-details-orders-over-one-year .account-details-orders-date-groupping-header:before {
        font-size: 12px;
    }
    .vm-orders-list {
        padding: 16px 0px;
    }
    #ui-tabs ul#tabs li.current, #ui-tabs ul#tabs li {
        font-size: 6px;
        padding: 8px;
    }
    span.account-your-account {
        font-size: 14px;
    }
    span.account-your-account-subtitle {
        font-size: 9px;
        margin-left: 12px;
    }
    .account-page-logout .logout-button {
        font-size: 7px;
        line-height: 1;
    }
    .account-page-user-avatar {
        width: 50px;
    }
    span.account-page-member-since {
        font-size: 8px;
    }
    span.account-page-spotter-level {
        font-size: 10px;
    }
    .account-page-user-orders:before {
        font-size: 14px;
    }
    .account-page-user-wishlist:before {
        font-size: 14px;
    }
    span.account-page-user-orders-number {
        font-size: 12px;
        padding: 2px;
    }
    .account-details-address {
        font-size: 10px;
    }
    span.account-details-header-add-new-title {
        font-size: 9px;
    }
    .account-details-orders-date-groupping-subtitle {
        margin-left: 0px;
    }
    div#NeedUpdateForm .rpx_field.rpx_field_5.form-group input#rpx_3rpx_Order_Number {
        font-size: 12px;
    }
    div#NeedUpdateForm .rpx_field.rpx_field_5.form-group .rpx_field_input {
        justify-content: flex-start;
    }
    .need-update-header-intro {
        font-size: 14px;
        padding: 4px;
    }
    .need-update-header-bott {
        width: 90px;
        padding: 4px;
    }
    div#mod_rpx_rpx_div_rpx_2, div#mod_rpx_rpx_div_rpx_3, div#mod_rpx_rpx_div_rpx_4 {
        padding: 36px 8px 8px 8px;
    }
    label[for=rpx_3rpx_NeedUpdate_-_Main_Selector] {
        font-size: 14px;
        justify-content: center;
        padding: 4px;
    }
    .rpx_field.rpx_field_30.form-group .rpx_label {
            width: 100% !important;
            padding: 4px !important;
    }
    .footer-coorporations img {
        max-width: 24px;
    }
    .footer-social img {
        max-width: 20px;
    }
    .profile-badge-icon-avatar {
        width: 32px;
        height: 32px;
    }
    .model-selector-toggler:before {
        font-size: 19px;
    }
    div#jbDropDownContainer224 .jb-cart-list {
        width: 290px;
    }
    #sp-header .logo img {
        margin-left: 8px;
    }
    .search-suggestions-header {
        margin-top: 50px;
        font-size: 12px;
    }
    .shipping-logo {
        max-width: 60px;
        top: -22px;
        left: -22px;
    }
    div#orderby-section, .vmcategory-filter-products, .vmcategory-filter-products-responsive {
        font-size: 11px;
        padding: 4px 8px;
        min-width: 100px;
    }
    div#orderby-section:before,
    .vmcategory-filter-products:before,
    .vmcategory-filter-products-responsive:before {
        width: 12px;
        height: 12px;
        background-size: 12px;
        margin-right: 8px;
    }
    .vmcategory-header-functions-left {
        justify-content: center;
    }
    .vmcategory-model-limitation-toggler {
        top: -8px;
        font-size: 10px;
        padding: 2px 8px;
    }
    .vmcategory-filter-view.filters-open {
        width: 330px;
    }
    .filters-open .vmcategory-filter-description {
        max-width: 330px;
        border-radius: 0;
    }
}
/* End of 360px */

/* Force CSS Code */
.SaveButton-group {
    display: none !important;
}
.hidden-validation-message {
    display: none;
}