:root{
  --main-purple:#d9597f;
  --main-brown:#ebba79;
  --main-green:#79cfbb;
  --btn-radius:5px;
  --box-radius:5px;
  --bg-green:#acc8a236;

  --product-box-radius:20px;
}
a {
  text-decoration:none !important;
}
form[name="userForm"] fieldset{
    display:block !important;
}

.offline-card .logo{
    display:none !important;
}
body.wrapper-fluid .site-grid{
  grid-gap: 0 1em;
}

/* HEADER */
.scrolled .header{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 5px 8px -4px;
}

@media (width >= 1400px) {
.header-line1-center-inner .moduletable{
    margin: 0;
}

  .header-line1-inner,
  .footer-main {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* LOGO  */
.header .logo{
  margin-top: -10px;
}

.header .logo svg #piniata{
  animation: sway 5.0s forwards;
    animation-timing-function: ease;
  animation-timing-function: ease-in-out;
  --transform-origin: 80% 0%;
  -webkit-transform-origin: var(--transform-origin);
  -moz-transform-origin: var(--transform-origin);
}

@keyframes sway  {
    0% { transform: rotate(0deg); }
    30% { transform: rotate(-5deg); }
    70% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* snow flakes */
.snowflake__inner:before {
  background-color: #f4fbfb;
  border-radius: 100%;
}

/* breadcrumbs */
.mod-breadcrumbs__wrapper {
  font-weight: 400;
  font-size: 1rem;
}
/* menu */
.main-menu.mod-elmenu.el-hor-megamenu .el-main-list .list-inner-wrapper::-webkit-scrollbar {display: block !important;}
.main-menu.mod-elmenu.el-hor-megamenu .el-main-list .list-inner-wrapper {-ms-overflow-style: auto !important;scrollbar-width: auto !important;}

.main-menu.mod-elmenu.el-hor-megamenu .el-main-list .depth-li-0 .list-link {
  white-space: nowrap;
  font-size: 1.05em;
}

.main-menu.mod-elmenu.el-hor-megamenu .list-item.depth-li-1 {
  width: 95%;
  border: 1px solid #bebebe;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
}

.main-menu.mod-elmenu.el-hor-megamenu .depth-li-1 > .list-link a {
  background: #d9597f !important;
  color: white !important;
  margin: 0 !important;
  justify-content: center;
  overflow: hidden;
  font-size: 0.95rem;
}

.main-menu.mod-elmenu.el-hor-megamenu .list-item.depth-li-1 .el-show-more{
  margin-bottom: 0;
  border-radius: 0px !important;
  border-width: 1px 0 0 0;
  background: #f2f2f2;
}

.main-menu.mod-elmenu.el-hor-megamenu .depth-li-2 > .list-link a:hover {
  color: #d9597f;
}

/* Blog */

.blog-item{
  border-radius: var(--box-radius);
}


/* Eshop */

#vm-orderby-select-mf,
label[for="vm-orderby-select-mf"]{
  display: none;
}

#fancybox-outer{
  border-radius: var(--box-radius);
}

.com_virtuemart .site-grid,
.com_customfilters.view-products .site-grid{
  background:#f7f7f7  
}


/* tags */
.tag-outer-right{
  right: 10px;
  top: 10px;
}
.tag-outer-left {
  left: 10px;
  top: 10px;
}
.tag{
  border-radius: var(--box-radius);
}
.tag {
  padding:.3rem .5rem;
  display: inline-block;
}
/* list */

/* hide manufacturers */
/*.category-view .vm-order-list >div:nth-child(2){
  display: none;
}*/


.category-view .product-container{
  background: #fff;
}

.category-view .vm-subcategory a{
  border-radius: var(--box-radius);
  transition: all 0.15s linear;
}

.category-view .vm-subcategory a:hover{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product-container{
  border-radius: var(--box-radius);
}

.orderby-displaynumber .input-group .btn {
  background:unset !important;
  color: #444 !important;
  border:1px solid #bbb !important;
  white-space:nowrap;
  text-decoration:unset;
}

.orderby-displaynumber #vm-orderby-select {
  flex: 0;
}

.display-number, .control-buttons {
  text-align: right !important;
  margin: 3px 8px 0 0 !important;
}
.orderby-displaynumber .input-group {
  width: fit-content !important;
}
/* product details */

.view-productdetails .availability {
  border-radius: 5px;
  background: var(--bg-green);
  color: #444;
}

.product_tab button.active {
  background: #f1f1f1 !important;
}
.vm-section-title {
  font-size: 25px;
  font-weight: 400;
  margin: 25px auto;
  font-weight: 600 !important;
}
/* full width product */

.back-to-category .product-details{
  border-radius: 13px;
}
.view-productdetails .vm-product-container{
  align-items: stretch;
}

.view-productdetails .vm-product-media-container,
.view-productdetails .vm-product-details-container,
.additional-images.keen-slider > div{
  border: 1px solid #c1c1c1;
  border-radius: var(--product-box-radius);
  background-color: #fff;  
  overflow: hidden;
}

.view-productdetails  .product_tab_content{
  border-bottom-right-radius: var(--product-box-radius);
  border-bottom-left-radius: var(--product-box-radius);
  background: #fff;
}

.view-productdetails .product_tab{
  border-top-right-radius: var(--product-box-radius);
  border-top-left-radius: var(--product-box-radius);
}

.additional-images.keen-slider > div{
  margin-bottom: 1px;
}

.additional-images.keen-slider > div{
  border: 2px solid #c1c1c1;
}
.additional-images.keen-slider > div.active{
  border: 2px solid var(--main-green);
}

.view-productdetails  .vm-product-media-container{
  align-items: center;
}

.view-productdetails .vm-product-details-container{
  padding: 63px;
}


.vm-product-details-container .vm-price-value .PricesalesPrice {
  font-size: 30px !important;
  font-weight: 700;
  float: left !important;
  display: contents;
}
.manufacturer .manuModal img {
  max-height: 150px;
  max-width: 100%;
  object-fit: contain;
  width: 150px;
  object-position: left;
}
.product_tab button {
  color: inherit;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight: 700;
}
/* category products */
.product-price .vm-price-value, .vm-prices-info {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  margin-bottom: 0;
  align-items: end;
  font-size: 1.3rem !important;
}
.vm-subcategory-title {
  font-size: 1.1rem !important;
  color: #333;
  font-weight: 600 !important;
}


/* custom fields */

.cf4all_button{
  margin: 0 !important;
}

.cf4all_wrapper input:disabled + .cf4all_button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        -45deg,
        transparent 0%,
        transparent 45%,
        red 45%,
        red 55%,
        transparent 55%,
        transparent 100%
    );
    opacity: 0.6; /* Make it semi-transparent */
    pointer-events: none; /* Prevent interference with interactions */
}

/* custom filters */

/* SHOP FILTERS STICKY */
@media only screen and (min-width: 992px) {
  .shop-filters{
    position: sticky;
    top: calc( (var(--header-first-row-height) + var(--header-second-row-height) + 10) * 1px);
    transition: 0.2s;
  }
  .scrolled_header .shop-filters{
    top: calc( (var(--header-second-row-height) + 10) * 1px);
  }
}

/* SHOP FILTERS */
.cf4all_hidden_text{display: none;}
.shop-filters .cf_wrapp_all {
/*  position: sticky;
  top: 150px;*/
  background: #ffffff;
  border-radius: 4px;
  padding: 15px;
  border: 1px solid #cecece;
}

li.cf_parentLi.cfLiLevel0 {
  margin-inline-start: 1.6rem !important;
}

li.cfLiLevel1 {
  margin-inline-start: 3.2rem !important;
}

.shop-filters .cf_filters_list li {
  display: flex;
  align-items: center;
}

.shop-filters .cf_filters_list li .cf_option {
  margin: 2px 0 !important;
  display: inline-flex !important;
  align-items: center;
  border-radius: 2px;
}

.shop-filters .cf_filters_list li .cf_option:hover {
  color: var(--main-purple);
}

.shop-filters .cf_filters_list.cf_colorbtn_list{
  display: flex;
  flex-wrap: wrap;
}

.shop-filters .cf_filters_list.cf_colorbtn_list .cf_option.cf_color_btn:not(:last-child){
  margin-right: 4px !important;
}

.shop-filters .cf_colorbtn_list .cf_link{line-height: 0 !important;}

.shop-filters .cf_li_clear{width: 100%;}

.shop-filters .cftooltip{line-height: 13px !important;}

.shop-filters .cf_filtering_knob::-moz-range-thumb {
  background-color: #020202 !important;
}

.shop-filters .cf_smart_search {
  width: 100% !important;
  line-height: 30px !important;
}

.shop-filters .cf_clear a.cf_option.cf_clear,
.shop-filters .cf_resetAll_link {
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  width: 100%;
  display: flex;
  background-color: #f2f2f2;
  color: #333;
  padding: 5px 10px !important;
  justify-content: center;
  margin-bottom: 5px !important;
}

.shop-filters .cf_clear a.cf_option.cf_clear:hover,
.shop-filters .cf_resetAll_link:hover  {
  background-color:#c3c3c3;
}

.shop-filters #cf_flt_wrapper_custom_f_16_137 ul.cf_filters_list,
.shop-filters #cf_flt_wrapper_custom_f_17_137 ul.cf_filters_list,
.shop-filters #cf_flt_wrapper_custom_f_18_137 ul.cf_filters_list,
.shop-filters #cf_flt_wrapper_custom_f_20_137 ul.cf_filters_list{
  display: flex;
  flex-direction: column;
}

.shop-filters #cf_flt_wrapper_custom_f_16_137 ul.cf_filters_list .cf_li_clear, 
.shop-filters #cf_flt_wrapper_custom_f_17_137 ul.cf_filters_list .cf_li_clear,
.shop-filters #cf_flt_wrapper_custom_f_18_137 ul.cf_filters_list .cf_li_clear,
.shop-filters #cf_flt_wrapper_custom_f_20_137 ul.cf_filters_list .cf_li_clear{
  order: -1;
}

.shop-filters input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  /*background-color: var(--main-purple);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--main-purple);
  width: 22px !important;
  height: 22px !important;
  border: 0.15em solid #cfcfcf;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
  transition: 120ms all ease-in-out;
}

.shop-filters input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 240ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

/*.so-menutopping-onetopping:hover input[type="radio"]{
  border-color: var(--main-purple);
}*/

.shop-filters input[type="radio"]:focus,
.shop-filters input[type="radio"]:checked {
  outline: none;
  border-color: var(--main-purple) !important;
  background-color: var(--main-purple);
}

.shop-filters input[type="radio"]:checked::before {
  transform: scale(1);
}

/*.shop-filters input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}*/


.shop-filters input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  /*background-color: var(--main-purple);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--main-purple);
  width: 22px !important;
  height: 22px !important;
  border: 0.15em solid #cfcfcf;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  transition: 120ms all ease-in-out;
  display: grid;
  place-content: center;
}

.shop-filters input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  /*transform-origin: bottom left;*/
  transform-origin: center center;
  transition: 240ms all ease-in-out;
  box-shadow: inset 1em 1em #fff;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

/*.so-menutopping-onetopping:hover input[type="checkbox"]{
border-color: var(--main-purple);
}*/

.shop-filters input[type="checkbox"]:focus,
.shop-filters input[type="checkbox"]:checked {
  outline: none;
  border-color: var(--main-purple) !important;
  background-color: var(--main-purple);
}

.shop-filters input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.shop-filters input[type="checkbox"]:disabled {
/*  --main-purple: var(--main-purple-disabled);*/
  color: #959495;
  background: rgba(32, 33, 37, 0.12);
  cursor: not-allowed;
}


/* Safari 9+, < 13.1 */
@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) { 
    
    .shop-filters input[type="checkbox"]:before {
      display: none;
    }

    .shop-filters input[type="checkbox"]:checked {
      border-color: var(--main-purple);
      background-color: var(--main-purple);
      accent-color: var(--main-purple);

    }

    .shop-filters input[type="checkbox"] {
      -webkit-appearance: checkbox;
      appearance: checkbox;
    }
}

.cf_tag {
  background-color: var(--main-purple) !important;
  color: #fff !important;
  border-radius: 5px;
}


.shop-filters .cf_filters_list.cf_btn_list{
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

#cf_res_ajax_loader{
  background-color: unset;
}

@media only screen and (max-width: 992px) {
  body.com_virtuemart #cf_res_ajax_loader{
    position: fixed !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    pointer-events: none;
    transform: translateY(-50%) !important;
    z-index: 999999999999 !important;
  }
}


/* checkout */

.proopc-bt-address,
.proopc-register-login,
.proopc-st-address,
.proopc-shipments,
.proopc-payments,
.proopc-coupon,
.proopc-confirm-order{
  border-radius: var(--box-radius);
  overflow: hidden;
}
/* One Page */
/* #bd_results {
  width: 700px;
  margin: 40px auto;
  padding: 60px;
  border: 1px #e1e1e1 solid;
  background: #f4f4f4;
} */

/* FOOTER */
.footer{
  position: relative;
  background-image: url('/images/headers/footer.webp') !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: bottom !important;
  margin-top:0;
}

.footer-main{
  align-items: flex-start !important;
  padding-top: 200px !important;
  flex-wrap: wrap;
}


.footer-company .custom{
  position:unset;
}

.footer-company .custom img{
  position: absolute;
  top: 0;
}


.contact-section {
  margin-top:50px;
  background-color: #f39aaa;
  color: white;
  padding: 20px 40px;
  border-radius: 10px;
  border: 2px dashed #f8dadf;
}
.contact-item {
  text-align: center;
  margin-bottom: 15px;
}
.contact-item i {
  font-size: 30px;
  color: #d9597f;
  margin-bottom: 8px;
}
.contact-item h6 {
  font-weight: bold;
  margin: 0;
}
.contact-item p {
  margin: 0;
  font-size: 14px;
}


/* MENU */

/* home image */
.header .mod-elmenu.el-hor-megamenu .el-main-list .site-menu-101 a::before {
  --size: 19px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 100 100' height='32' viewBox='0 0 100 100' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m83.5 100h-67c-9 0-16.5-7.6-16.5-16.7v-36.5c0-4.6 2-9.1 5.5-12.2l33.5-30.4c6.5-5.6 15.5-5.6 22 0l33.5 30.4c3.5 3 5.5 7.6 5.5 12.2v36.5c-.5 9.6-7.5 16.7-16.5 16.7zm-33.5-89.7c-1.5 0-3 .5-4.5 1.5l-33.5 30.4c-1.5 1-2 3-2 5.1v36.5c0 3.5 3 6.6 6.5 6.6h66.5c3.5 0 6.5-3 6.5-6.6v-36.5c0-2-1-3.5-2-5.1l-33.5-30.4c-1-1-2.5-1.5-4-1.5z'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-size: var(--size) var(--size);
  background-repeat: no-repeat;
  filter: invert(1);
}
.header .mod-elmenu.el-hor-megamenu .el-main-list .site-menu-101 a{
  position: relative;
}
.header .mod-elmenu.el-hor-megamenu .el-main-list .site-menu-101 a > div{
  padding-left: 32px;
}

/* inner list */
.header .mod-elmenu.el-hor-megamenu .el-main-list .depth-ul-1-wrapper.list-inner-wrapper {
  margin-top:10px;
}

.mod-elmenu.el-hor-megamenu .el-main-list .list-item.parent.depth-li-0 > .list-inner-wrapper > .list-inner{
  border-radius: 0 0 15px 15px;
}

/* hover animation */
.mod-elmenu.el-hor-megamenu .el-main-list .list-item.parent.depth-li-0 > .list-inner-wrapper > .list-inner{
    opacity: 0;
  transform: perspective(1000px) translateY(-20px) scale(0.9); /* Start slightly above and scaled down */
  transform-origin: top;
  transition: all 0.2s ease-out; /* Smooth animation */
}
.mod-elmenu.el-hor-megamenu .el-main-list .list-item.parent.depth-li-0:hover > .list-inner-wrapper > .list-inner,
.mod-elmenu.el-hor-megamenu .el-main-list .list-item.parent.depth-li-0.el-hovered > .list-inner-wrapper > .list-inner {
  opacity: 1;
  transform: perspective(1000px) translateY(0) scale(1)

}

/* SEARCH BAR */
.el-search-outer{
  flex: 1;
}
.el-search-outer input.search-query{
  height: 50px;
  padding-left: 30px;
  border-radius: 51px;
  color: black;
  border: 3px solid #d9597f;
  outline: none;
  background-color: transparent;
}


/* BUTTON STYLE */

.btn{
/*  color: white !important;*/
/*  background-color: #333 !important;*/

  /*color: white !important;
  background-color: var(--main-blue) !important;*/
  border-radius: var(--btn-radius);
  padding: 7px 15px;
  border:unset !important;
}

.btn .icon-chevron-right{display: none;}


.btn:hover{
/* background-color: #555 !important;*/
/*  border-radius: var(--btn-radius);*/
}

.btn.black,
.btn.btn-secondary{
  color: white !important;
  background-color: #333 !important;
}

.btn.black:hover,
.btn.btn-secondary:hover{
  background-color: #555 !important;
  border-radius: var(--btn-radius);
}


/* TABS MODULE */

.tab-container .tab{gap:10px;margin:35px 0 20px 0;}

.tab button {
  border-radius: var(--btn-radius);
  padding: 10px 30px;
  font-size: 1.2rem;
}

.tab button.active{
    color: white;
    background-color: var(--main-purple);
}

/* styled header */
.styled-header,.styled-header span{
  font-weight: 550;
  font-size: 1.375rem; 
}

.styled-header.colored,.styled-header.colored span{
  font-size: 1.8rem;
  background-image: linear-gradient(to right, var(--main-purple) 35%, #00ffc5);
  -webkit-background-clip: text;
  color: transparent;
}

.styled-header.colored-alt{
  background-image: linear-gradient(to right, #553c9a 35%, red);
}

.styled-header.colored-alt-2{
  background-image: linear-gradient(to right, #ebba79 15%, #333);
/*  background-image: linear-gradient(to right, purple 15%, #333);*/
}

/* MANUFACTURER MODULE */

.vmgroup .vmmanufacturer{
  filter: grayscale(85%);
/*  transition: filter 0.2s linear;*/
}

.vmgroup .vmmanufacturer:hover{
  filter: grayscale(0%);
}

/* SLIDER */

.arrow {
  width: 40px;
  height: 40px;
  background: #79cfbb;
  border-radius: 50%;
  padding: 10px;
}

.arrow--right-img,.arrow--left-img{
  filter: brightness(0) invert(1);
}



/* 7. party-balloons */
.home-row-contact h2 {
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 10px;
}
.home-row-contact p {
    color: #ff3394;
    font-weight: 500;
    width: 90%;
    padding-bottom: 26px;
}
.home-row-contact ul{
  padding: 0;
  margin: 0;
}

.home-row-contact ul li {
    font-size: 18px;
    color: #666666;
    margin-bottom: 10px;
    display: block;
}
.home-row-contact ul li img {
    padding-right: 15px;
}
.home-row-contact .party-balloon-img img {
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.home-row-contact .party-balloon-img {
    position: relative;
    text-align: end;
    margin-bottom: 43px;
}
.home-row-contact img.p-balloon {
    position: absolute;
    bottom: -20px;
    left: -112px;
    z-index: 2;
}
.home-row-contact .b-shap {
    left: -40px;
    position: absolute;
    width: 570px;
    height: 570px;
    border-radius: 50%;
    background-color: #eae9ea;
    top: 2%;
    z-index: 0;
}
.home-row-contact .b-shap:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 30px;
    background-color: #eae9ea;
    bottom: -3%;
    z-index: 0;
    left: 233px;
}
/* 8. call-us */
.home-row-contact .call-us {
  background-color: #672b83;
    display: flex;
    border-radius: 15px;
    align-items: center;
    padding: 50px;
}
.home-row-contact .call-us img {
    width: 130px;
    margin-right: 34px;
}
.home-row-contact .call-us span {
    color: white;
    display: block;
}
.home-row-contact .call-us a {
    color: #f6ff00;
    font-size: 38px;
}
.home-row-contact .call-us p {
    color: white;
    width: 90%;
    line-height: 26px;
    padding-bottom: 0;
}
.home-row-contact .call-us {
    display: flex;
    border-radius: 15px;
    align-items: center;
    padding: 40px;
    width: 80%;
    margin-top: 40px;
}


.home-row-contact,
.manufacturers-slider{
  margin:50px 0 !important;
}



/* colors */

/* diafano */
.cf_color_inner[style^="background-color:#e1e1e0;"],
.cf4all_inner_value[style^="background-color:#e1e1e0;"] {
  background-image: url('/images/icons/colors/diafano.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_color_inner[style^="background-color:#c0c0c0;"],
.cf4all_inner_value[style^="background-color:#c0c0c0;"] {
  background-image: url('/images/icons/colors/asimi.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_color_inner[style^="background-color:#ffd700;"],
.cf4all_inner_value[style^="background-color:#ffd700;"] {
  background-image: url('/images/icons/colors/xryso.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}


.cf_color_inner[style^="background-color:#dfc167;"],
.cf4all_inner_value[style^="background-color:#dfc167;"] {
  background-image: url('/images/icons/colors/xryso-bronze.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.cf_color_inner[style^="background-color:#e0bfb8;"],
.cf4all_inner_value[style^="background-color:#e0bfb8;"] {
  background-image: url('/images/icons/colors/roz-xryso.jpg') !important;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-shadow: unset !important;
  color: transparent !important;
}

.pagination{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start !important;
}

/* MOBILE */
.off-canvas-menu .el-offcanvas-wrapper .el-offcanvas-header,
.mobile-shop-filters-off-canvas-toggler .el-offcanvas-wrapper .el-offcanvas-header{
  background-color: #ffa7b7 !important;
  color: #fff !important;
}

.off-canvas-menu .contact-section{
  margin-top: 0;
}

.off-canvas-menu .list-inner-wrapper.depth-ul-2-wrapper {
  text-indent: 23px !important;
}



@media only screen and (max-width: 992px) {

  .header .logo img,
  .header .logo svg{
    height: 95px;
    width: auto;
  }
  .scrolled_header .header{
      top:calc( (var(--header-first-row-height) - var(--header-first-row-center-height) - 5) * -1px);
  }

  .header-line2-inner{
    display: none;
  }

  .header-line1-center-inner{
    padding-top: 10px;
    justify-content: space-between;
  }
  
  .el-search-outer{
    margin-right: 20px !important;
  }

  .footer-company .custom img {
    left: 50%;
    transform: translateX(-50%);
  }

  .home-row-contact .call-us{
    width: 100%;
  }

  .footer-after{
    text-align: center;
  }
  .home-row-contact .call-us img {
    width: 42px;
    margin-right: 20px;
    }

  /* product  */
  .view-productdetails .vm-product-details-container {
    padding: 25px;
  }

  .view-category .view-productdetails .vm-product-details-container {
    padding: 20px 14px;
  }

  .view-productdetails div.productdetails-view {
    margin-top: 15px;
  }

  /* hide categories filter from mobile */
  .shop-filters div[id^="cf_flt_wrapper_virtuemart_category_id"]{
    display: none !important;
  }

  .shop-filters .cf_filtering_slide_container{
    display: none;
  }

  /* two column layout in mobiles */
  .category-view .browse-view > .row {
    grid-gap: 0.4rem 0 !important;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr)) !important;
  }

  .category-view div.product {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 6px;
    height: 100%;
  }

  .category-view .cf4all_no_color_btn {
    padding: 0.4em 0.6em;
  }

  .category-view .addtocart-area .cf4all_wrapper {
    gap: 6px;
  }

  .category-view  .vm-addtocart-button-wrapper .btn, .notify {
    font-size: 0.9rem;
    padding: 7px 5px;
  }

  .category-view .tag-outer-left,
  .category-view .tag-outer-right {
    top: 0px;
  }
  /* end of two column layout in mobiles */

   .category-view  .tag.available {
    font-size: 10px;
    height: 31px;
  }
}
/* related product */

.related-product-container {
  border: 1px solid #c1c1c1;
  border-radius: var(--product-box-radius);
  background-color: #fff;
  overflow: hidden;
}

.related-product-container .vm-product-media-container {
  border: 0px;
}
.related-product-container p.product_s_desc {
  line-height: 20px;
/*  height: 130px;*/
margin-bottom: 20px;
  color: #444;
}
.product-related-products img {
margin: 0 auto;
  min-height: 150px;
  height: 235px;
  max-height: 250px;
  margin-right: 0px !important;
}
.product-related-products .vm-product-media-container{
      margin-right: 0px !important;
}
.product-related-products .PricesalesPrice{
font-weight: 500;
  margin: 0 auto;
}

/*one page */
#ProOPC a:not(.proopc-btn) {
  text-decoration: none;
  font-weight: bold !important;
  padding: 10px;
  margin: 5px auto;
}

.logo-image {
  padding-top: 3px;
}
.proopc-subtitle {
  max-width: 90vw;
  text-transform: unset !important;
}
.proopc-subtitle div{
  width: 100% !important;
}

.proopc-register-login .proopc-switch{
  font-size: 12px;
  vertical-align: top;
  margin: 0 0 5px;
   padding: 5px 0px !important;
  font-weight: 600;
}

.popup-related-products img {
width: 50%;
}
.view-thankyou .alert.alert-danger {
display: none;
}

.vmCartShipmentLogo img {
  float: left;
  margin-right: 8px;
 height: 20px !important;
}
.vmCartPaymentLogo img {
  width: 34px  !important;
  float: left;
  margin-right: 8px;
}
.vmpayment .vmCartPaymentLogo {
  width: 36px !important;
  margin-right: 3px;
}
#ProOPC .inner-wrap {
  padding: 0 10px !important;
  min-height: 50px;
}
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{
  padding: 0 2px;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}
.vmpayment_name {
  order: 2;
}

.vmpayment_description, .vmshipment_description {
  color: #444;
  padding: 0 2px;
  font-size: 0.68rem !important;
  font-style: italic !important;
}

.vmpayment_cardinfo {
  color: gray;
  font-size: 9px;
}
.proopc-shipments label, .proopc-payments label {
  font-size: 12px;
  float: left;
  max-width: 90% !important;
  margin: 2px 0;
}
.vmshipment .fee, .vmpayment .fee {
  margin-left: auto;
  order: 3;
  font-weight: 300 !important;
}

.com_virtuemart.view-user #adminForm .col-lg-6 {width: 100% !important;}
.com_virtuemart.view-user #adminForm, .vm-login {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  margin: 0 auto;
}

.view-cart .mobile-shop-filters-off-canvas-toggler{
  display: none;
}

/* to be passed in the main css file of eshop */
.orderby-displaynumber .input-group {
  width: auto !important;
}


/* hide errors code */
.alert-message pre{display:none;}

/* reset pwd - remind user */
.com-users-reset.reset, .com-users-remind.remind {
  width: 700px !important;
  margin: 0 auto !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}
.com-users-reset.reset legend, .com-users-remind.remind legend {
  font-size: 16px !important;
  font-weight: 300 !important;
  margin-bottom: 30px !important;
}
/* end reset pwd - remind user */

footer.footer {border-top: 5px dashed #fff;}