:root{
  --main-purple:#242424;
  --main-brown:#c6bcb0;
  --main-green:#979f92;
  --btn-radius:5px;
  --box-radius:5px;
  --bg-green:#acc8a236;

  --product-box-radius:5px;
}

.container-component {
  min-height: 55vh;
} 
a {
  text-decoration:none !important;
}
a:hover, .view-article main a:hover, .mod-list li a:hover, .mod-list li.active > a {
  color: #7777ae;
  text-decoration:none;
}
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;
}
.header-line1-outer {
  background-image: url("/images/headers/Fasa1.jpg") !important;
  background-size: cover;
}
@media (width >= 1400px) {
body.wrapper-fluid .grid-child{
    margin: 0;
}

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

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

.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 list */
.main-menu .el-main-list .list-inner {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  border: 1px solid #eee;
   border-radius: 4px;
  }
.main-menu .el-main-list .list-inner.depth-ul-1 {
  border-bottom: 2px solid #b8b8e1 !important;
}
/* mega 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: #5c4a43 !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: #5c4a43;
}
 */


/* 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:#fff;  
}

/* 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*/
.browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {
  width: auto;
  padding: 0px !important;
}
body:not(.view-productdetails) .product-container {
  border: 1px solid #4545736e !important;
  display: flex;
  flex-direction: column;
}

.product_s_desc {
  color: #414141 !important;
}
.category-view .catimg img {
  max-height: 50vh;
  width: auto;
  margin: 0 auto;
  display: block;
}
.vm-category-description {
  margin: 0 auto;
  display: table;
}
.category-view .vm-subcategory a {
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
  color: #393939 !important;
  box-shadow: none;
  background-color: #fff !important;
  display: flex;
  padding: 15px !important;
  width: 100%;
  text-transform: capitalize;
  border: 1px solid #393939;
  border-radius: 5px;
}
/* .category-view .vm-subcategory a:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
} */
.category-view div.product .product-container:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.category-view .vm-subcategory a img {
  margin-right: 5px;
  width: auto !important;
  max-width: 100% !important;
  height: 15vh !important;
  max-height: 100%;
}
.category-view .vm-product-media-container a {
  min-height: 350px;
  height: 400px;
  max-height: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {
  font-size: 16px !important;
  line-height: 16px !important;
  height: 50px !important;
}
.product-container a{
font-weight: 600  !important;
}
.category-view .product .b2b-cat-price {
  font-size: 14px;
}
.category-view .product .product-price {
  text-align: center;
  line-height: 18px;
  font-size: 18px !important;
}
.category-view .vm-subcategory .vm-subcategory-title {
  margin: 0;
  text-align: center;
  display: flex;
  height: 100%;
  border-top: unset !important;
  background: #FFF;
  color: #393939;
  padding: 0 10px !important;
  position: relative;
  top: 22px;
  font-weight: 400 !important;
}

  .browseCategoryImage:hover {
  transform: scale(1.02);
}
/*apokripsi koumpiou upload stin provoli katigorias*/
body:not(.view-productdetails) .product-container .vpfileupload-site {
  display: none;
}


/*produst title details */
.productdetails-view h1 {
  font-size: 26px;
  font-weight: 600;
}
/*.addtocart-area .cf4all_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6px !important;
  align-items: center;
  justify-content: center;
}*/
.product-container{
  border-radius: var(--box-radius);
}
.orderby-displaynumber .input-group .btn {
  background:unset !important;
  color: #444 !important;
  border:0px solid #bbb !important;
  white-space:nowrap;
  text-decoration:unset;
  margin: 0 0 0 30px !important;
}
.display-number, .control-buttons {
  text-align: right !important;
  margin: 3px 8px 0 0 !important;
}
/* product details */

.product-field-type-M .form-check-inline {
  padding: 0px 10px;
  margin: 0px 0px 3px 0px;
  width: 20%;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: end;
}
.product-field-type-M .form-check .form-check-input:not([value="0"]) {
  float: none;
  margin: 0;
  position: absolute;
  bottom: 16px !important;
  left: -10px !important;
}
.form-check-input {border: var(--border-width)solid #848484;}
.product-fields-title.mb-2 {
  margin-bottom: 0rem !important;
  /* margin-top: .2rem !important; */
}

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

.vm-section-title {
  font-size: 25px;
  font-weight: 400;
  margin: 25px auto;
  font-weight: 600 !important;
}
/* custom fileds */
.cf-image-color-label {
  display: none !important;
}
.cf4all_button.cf4all_color_btn.cf4all_color_btn_medium.custom_field_product_image {
  border: 0px !important;
}

/* Active buttons */
div.cf4all_buttons input[type="radio"]:checked + label, .cf4all_buttons input[type="checkbox"]:checked + label, .cf4all_color_buttons input[type="radio"]:checked + label, .cf4all_color_buttons input[type="checkbox"]:checked + label {
  border: 2px solid #2ea3a8 !important;
  box-shadow: 0 0 4px rgba(10, 10, 10, 0.5);
}

/* full width product */

.back-to-category .product-details{
  /* border-radius: 13px; */
    border: solid #c1c1c1 !important;
  border-width: 0px 0px 1px 0px !important;
}
.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: 0px solid #c1c1c1;
  border-radius: var(--product-box-radius);
  background-color: #fff;  
  overflow: hidden;
}


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

.additional-images.keen-slider > div{
  border: 1px 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;
  border: 1px solid #c1c1c1;
}


.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;
}
/* Style the tab content */
.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-radius: var(--product-box-radius);
  /* border-top-right-radius: var(--product-box-radius);
  border-top-left-radius: var(--product-box-radius); */
}
.product_tab_content {
  display: none;
  width: 100%;
  padding: 6px 12px;
  border: 0px solid #ccc !important;
  border-top: none;
}
.product_tab button.active {
  background: #fff !important;
  font-size: 24px;
}

.product_tab {
  margin-top: 40px;
  overflow:hidden;
  background: #fff !important;
  border: solid #c1c1c1 !important;
  border-width: 0px 0px 0px 0px !important;
}
/* 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.3rem !important;
  color: #a6aaae;
  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 #c1c1c1;
  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;
  }
}

.category-view .vm-subcategory a {
  background-color: transparent;
  padding: 10px;
  }
/* 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;
}


/* FOOTER */


.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: #a9b7fe;
}
.footer{
  position: relative;
   /* position: inherit; */
  background-image: url('/images/footers/roukas-footer-00001.webp') !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: top !important;
  margin-top:0;
}

/* footer color overlay */
.footer.footer::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  background: #242424;
  display: ;
  top: 0;
  left: 0;
  z-index: 0;
}

.footer-main{
  align-items: flex-start !important;
  flex-wrap: wrap;
}

/* show them in front of the overlay above */
.footer-before,
.footer-main,
.footer-after{
  position: relative;
  z-index: 1;
}


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

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


.contact-section {
  /* margin-top: 50px; */
  color: #fff7f7;
  padding: 20px 40px;
  /* border-top: 1px solid #848484; */
}
.contact-item {
  text-align: center;
  margin-bottom: 15px;
}
.contact-item i {
  font-size: 30px;
  color: #ffffffde;
  margin-bottom: 8px;
}
.el-offcanvas-wrapper .contact-item i {
  color: currentColor;
}
.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)
}
/* footer menu */
.mod-menu.mod-list .nav-item:hover {
  background: #3b43708c;
}

/* SEARCH BAR */
.el-search-outer{
  flex: 1;
}
.el-search-outer input.search-query{
  height: 50px;
  padding-left: 30px;
  border-radius: 0px;
  color: black;
  border: solid #c1c1c1 !important;
  border-width: 0px 0px 1px 0px !important;
  outline: none;
  background-color: transparent;
}
/* top phone line1 right */
.topphone {
  font-size: 1.4rem;
  color: #2d2d85;
}


/* 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: 35px;
  height: 35px;
  background: #7b7b7b;
  border-radius: 50%;
  padding: 10px;
}

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



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

.home-row-contact ul li {
    font-size: 18px;
    color: #777;
    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 */
.main-menu .el-offcanvas-wrapper .el-offcanvas-header,
.mobile-shop-filters-off-canvas-toggler .el-offcanvas-wrapper .el-offcanvas-header{
  background-color: #fff !important;
  color: #555555 !important;
  height: 40px !important;
  border-bottom: 1px solid #555555 !important;
}

.main-menu .el-offcanvas-wrapper .contact-section{
  margin-top: 0;
  color: #404040;
}

/* 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 */

.vm-customfield-cart {
  display: none;
}

#ProOPC .inner {display: grid !important;}
#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 */

/* Arxiki selida shrink images on hover */
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
transition: 1s ease;
}


/* Arxiki selida row eikona circled */
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(151, 89, 35, 0.55) !important;
  border-width: 4px !important;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgb(166, 144, 144) !important;
}
.bsb-circle {
  --bsb-cs: 125px;
  border-radius: 50%;
  height: var(--bsb-cs);
  width: var(--bsb-cs);
}

.hero-image-01{
  border-radius: 240px 240px 240px 5px !important;
  background:#a6a6a6;
  padding:12px 0px;
}
/* END OF Arxiki selida row eikona circled */

/* 2 per row images on product */
.productdetails-media-grid {
  display:flex;
  flex-wrap:wrap;
}

.product-image-wrapper {
  flex:1;
  flex-basis:50%;
}

/* product */

.category-view .product-field-display,
.category-view .product-field-display .stockablecustomfields_fields_wrapper{
  display: flex;
  width: 100%;  
}

.category-view .product-field-display .customfield_wrapper{
  display: flex;
  flex-direction: column;
  width: 100%;  
}

.category-view .product-field-display .customfield_wrapper > label{
  order: -1;
  margin-bottom: 7px;
   display:none;
}

.category-view .product-field-display .stockablecustomfields_fields_wrapper{
  margin-bottom: 35px;
}

.category-view .product-field-display .dots{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
}

.category-view .product-field-display .dot{
  width: 5px;
  height: 5px;
  margin: 0 3px;
  padding: 4px;
}

.category-view .custom_field_product_image img{
  padding: 0 !important;
  object-fit: contain !important;
}
.category-view .custom_field_product_image_wrapper{
  padding: 5px 0;
  flex-wrap: nowrap;
  gap: 0;
  align-items: unset;
  justify-content: flex-start;
}

.category-view .custom_field_product_image.cf4all_button{
  display: flex;
  width:100%;
  height: 100%;
  margin: 0;
  overflow: visible !important;
}

.category-view .custom_field_product_image_wrapper .cf4Alltooltip{
  display: none !important;
}

.view-productdetails .custom_field_product_image.cf4all_button{
  display: flex;
  width:100%;
  height: 100%;
  margin: 0 !important;
}

.view-productdetails .custom_field_product_image img{
  object-fit: contain;
}


.view-productdetails .custom_field_product_image_wrapper{
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fill,minmax(80px,1fr));
}

.custom_field_product_image_wrapper .cf-image-color-label{
  height: 20px;
  position:absolute;
  top:1px;
  left:1px;
  right:1px;
  font-size: 11px;
  background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(145, 145, 145, 0.66) 35%, rgb(95, 95, 95) 100%);
  color: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.custom_field_product_image_wrapper .cf4all-relative{
  height: 100%;
}
.cf4all_option {
  background-color: var(--button-background-color);
  color: var(--button-text-color);
  padding: 0.5em 0.8em;
  border: 0px solid #b9b9b9;
}
.cf4all_comma {
  display: none;
}

/* END OF custom fields for all image */

.custom_field_product_image_wrapper .cf4all-relative{
  height: 100%;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}
/* END OF custom fields for all image */

.view-category .addtocart-bar{
  display: none;
}

.view-productdetails .addtocart-area .cf4all_wrapper {
  justify-content: flex-start;
}

/*.view-category .custom_field_product_image{
  width: max-content !important;
}

.view-category .cf4all_button.cf4all_color_btn.cf4all_color_btn_medium.custom_field_product_image img {
  height: 81px;
  padding: 0;
  object-fit: contain;
}
*/

.orderby-displaynumber {display: none !important;}

/* END OF LIST CSS */

footer.footer {border-top: 5px solid #5c4a43;}
/* apokripsi stin provoli katigorias */

.translate-middle {
  transform: translate(-50%,-50%) !important;
}
.easylogic-footer-logo {
  right: 5vh;
  position: relative;
}
 div.grid-child.footer-after {
  background: #242424;
  border-top: 1px solid #444;
}

/* KALATHI */
/* apokripsi synolou sto mini cart */
.vmCartModule .vm_cart_products .total_price_count_outer {
  display: none;
}
/*apokripsi xromatos - custom fields*/
.vm-customfield-mod {
  display: none;
}
/* apokripsi methodou pliromon */
.shipping-payment-heading {
  display: none;
}
.proopc-payments.proopc-no-margin-top {
  display: none;
}
/* apokripsi oron xrisis sto kalathi */
/* .checkbox.prooopc-tos-label.proopc-row {
  display: none !important;
} */

/* plaisio simeioseon kalathi */
#cart_customer_note_field {height: 405px !important;}
@media (width<992px) {
  #cart_customer_note_field {height: 120px !important;}
}

#ProOPC .cart-page-title, #ProOPC .cart-page-title span,
.col-name a,
table.cart-summary.proopc-table-striped tr th,
table.cart-summary.proopc-table-striped tr td{
  text-transform: capitalize !important;
}

/* END OF KALATHI */



/* APOKRIPSEIS */

/* apokripsi eikonon katigorion ana id kai url */
.catimg.category-id-310.page-simeiomataria\.html,
.catimg.category-id-314.page-imerologia-grafeiou\.html.mb-4,
.catimg.category-id-322.page-folders\.html.mb-4,
.catimg.category-id-319.page-alla-imerologia\.html.mb-4,
.catimg.category-id-0.page-katalogos-proionton\.html.mb-4
{
  display: none !important;
}
/* apokripsi addtocartbar gia epilegmena proionta */
body.shop-product-1417 .addtocart-bar,
body.shop-product-1432 .addtocart-bar,
body.shop-product-1436 .addtocart-bar,
body.shop-product-1494 .addtocart-bar,
body.shop-product-1394 .addtocart-bar
{
  display: none !important;
}

/* home categories module */
.moduletable .vm-categories-wall a {
  font-weight:bold;
  display:block;
  background: black;
  color: white;
  padding: 0px
}

.vm-categories-wall-img {
  margin-bottom: 10px;
  width: 100%;
  object-fit: cover;
}
/*Apokripsi skias size*/
.imagepopup-thumbnail:hover {
  transform: scale(1.05)!important;
  border-color: #fff !important;
  box-shadow: 0 0px 0px rgba(13, 110, 253, 0.3) !important;
}

.category-view .fw-semibold, .category-view .bi.bi-info-circle, .category-view .no-vm-bind.vmcustom-textinput, .category-view .product-field-desc.px-2.py-1.small.bg-light {
  display: none;
}

@media (width<=576px) {
  .container-sm,
  .container {
    max-width:95vw
  }
}

@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-center-inner {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
  
  .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;
  }
}

@media screen and (max-width: 480px) {
  .hide-custom {
    display: none;
  }
}