:root {
  --main-blue-color: #0d98ba;/*#14b3f0;*/
  --main-oragne-color: #ff9932;
}


.info a,
.info svg{
  transition: all 0.3s linear;
}

.info a{
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 3px;
}

.info svg{
  fill:#000000;
  width: 20px;
  height: 20px;
}

/* HEADER */
.scrolled .header{
    transition: all 0.15s linear;
}

.scrolled .header{
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}

.header-line1-inner,
.header-line2-inner{
  border-bottom: 1px solid #eee;
}

.header .info.message svg{
  width: 23px;
  height: 23px;
}


/* off canvas */

.el-offcanvas .social-messages img {
  filter: invert(1);
}

/*.custom-banner .custom{
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-direction: column;
}*/

.feature-value-section{
    background-color:#eff5f6;
}
.feature-value-items {
  margin-top: 30px;
  position: relative;
  z-index: 9;
}

.feature-value-items .feature-value-image {
  max-width: 290px;
  text-align: center;
  margin: 0 auto -120px;
  position: relative;
  z-index: 9;
}

.feature-value-items .feature-value-image .value-shape {
  position: absolute;
  bottom: 0;
  left: -25px;
  z-index: -1;
  right: -30px;
  max-width: 340px;
}


/**/
.feature-value-items .value-icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.feature-value-items .value-icon-items .icon {
  width: 90px;
  height: 90px;
  line-height: 100px;
  text-align: center;
  border-radius: 8px;
  background: rgba(243, 159, 95, 0.2);
  border-radius: 8px;
  flex-basis: 40%;
  font-size: 40px;
  color: #f39f5f;
}

/**/
.feature-value-section .shape-1 {
  position: absolute;
  top: 20%;
  left: 0;
  animation: rounded 5s linear infinite;
}


.feature-value-section .shape-2 {
  position: absolute;
  top: 20%;
  right: 10px;
}



/* counter section */

.contact-section > .custom{
  position: relative;
  z-index: 9;
  padding: 90px 0 120px;
  margin-bottom: -33px;
  background-color: #70a6b1;
  color: #fff;
  font-size: 1.2rem;
  overflow: hidden;
}

.contact-section .line-shape {
  position: absolute;
  left: 0;
  bottom: 50px;
}

.contact-section .box-shape {
  position: absolute;
  right: 0;
  bottom: 0;
}

.contact-section .counter-items {
  text-align: center;
  border-right: 1px dotted var(--white);
}

.contact-section .counter-items .content {
  margin-top: 15px;
}

.contact-section .counter-items .content h2 {
  color: var(--white);
  margin-bottom: 5px;
}

.contact-section .info svg{
  fill:#ffffff;
  width: 32px;
  height: 32px;
}

.contact-section a:hover svg,
.contact-section a:hover{
  fill:#333;
  color:#333;
}


/* services section */

.services-module{
  
} 

/* footer */
.footer-main{
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
  .footer .footer-company{
    order:-1;
  }

  .footer-main{
    gap:20px;
  }
}
/* module header */

.styled_header{
  font-weight: 500;
}

/* shapes */

.shape_bottom,.shape_top,.shape_top_2{position: relative;}
.shape_bottom:after,.shape_top:before,.shape_top_2:before{
  content: "";
  position: absolute;
  left: 0;
  z-index: 10;
  display: flex;
  width: 100%;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.shape_top:before{
  background-image: url("/images/shapes/shape_top.svg");
  top: 0px;
}


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

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

.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_colorbtn_list .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(--link-color);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--link-color);
  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(--link-color);
}*/

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

.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(--link-color);*/
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: var(--link-color);
  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(--link-color);
}*/

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

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

.shop-filters input[type="checkbox"]:disabled {
/*  --link-color: var(--link-color-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(--link-color);
      background-color: var(--link-color);
      accent-color: var(--link-color);

    }

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

.cf_tag {
  background-color: #f25900 !important;
  color: #fff !important;
}


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

/* animations */

.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes float-bob-x {
    0% {
      -webkit-transform: translateX(30px);
      transform: translateX(30px);
    }
    50% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
    100% {
      -webkit-transform: translateX(30px);
      transform: translateX(30px);
    }
}

@keyframes rounded {
    50%{
        transform: rotate(15deg);
    }
}


/* Mega menu */

/* Category Headers - Compact Cards */
.main-menu.el-hor-megamenu .el-main-list .list-item.parent.depth-li-0 > .list-inner-wrapper{
  border-radius: 6px;
}

.main-menu.el-hor-megamenu .el-main-list .depth-ul-1 {
  gap:5px;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1 {
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    transition: background-color 0.2s ease;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1.parent {
    padding: 8px;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1.parent:hover {
    background: #f1f5f9;
}

/* Category Header Links - Minimal */
.main-menu.el-hor-megamenu .el-main-list .depth-li-1 > .list-link > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    padding: 4px 0;
    border-bottom: 1px solid #e2e8f0;
    transition: color 0.2s ease;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1 > .list-link > a:hover {
    color: var(--main-blue-color);
}

/* Dropdown Arrow - Smaller */
.main-menu.el-hor-megamenu .el-main-list .depth-li-1 .link-toggler {
    margin-left: 4px;
    opacity: 0.5;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1 .list-toggler-img-wrapper svg {
    width: 8px;
    height: 8px;
    fill: currentColor;
    transform: rotate(-90deg);
}

/* Sub-subcategories Container - No Extra Space */
.main-menu.el-hor-megamenu .el-main-list .depth-li-1 .list-inner-wrapper {
    position: static;
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    transform: none;
    left: auto;
    top: auto;
    min-width: auto;
    max-width: none;
    border-radius: 0;
}

.main-menu.el-hor-megamenu .el-main-list .depth-ul-2 {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 4px;
}

/* Sub-subcategory Items - Ultra Compact */
.main-menu.el-hor-megamenu .el-main-list .depth-li-2 {
    margin-bottom: 2px;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-2 > .list-link > a {
    display: block;
    padding: 3px 6px;
    text-decoration: none;
    color: #64748b;
    font-size: 13px;
    font-weight: 400;
    border-radius: 3px;
    transition: all 0.15s ease;
    border-left: 2px solid transparent;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-2 > .list-link > a:hover {
    background: #e2e8f0;
    color: #1e293b;
    border-left-color: #3b82f6;
    padding-left: 8px;
}

/* Categories without subcategories - Minimal */
.main-menu.el-hor-megamenu .el-main-list .depth-li-1:not(.parent) a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1:not(.parent) a:hover {
    background: #f8fafc;
}

.main-menu.el-hor-megamenu .el-main-list .depth-li-1:not(.parent) > .list-link > a {
    border-bottom: none;
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    padding: 2px 0;
}



/* categories list top labels */

.category-view .vm-subcategory a{
  display: flex;
  flex-direction: column;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 8px;
  overflow: hidden;
  transition:all 0.3s linear;
  background: white;
}

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

.category-view .vm-subcategory a img.browseCategoryImage{
  margin: 0px !important;
  width: 100%;
  height: 300px;
  object-fit: contain;
}

.category-view .vm-subcategory .vm-subcategory-title {
  padding: 12px 0 !important;
  font-size: 16px;
}


/* categories list products */

.category-view .product .vm-product-media-container{
  margin-bottom: 15px;
}

.category-view .product .quantity-box.input-group {
  align-items: center;
  justify-content: center;
}

.category-view .product .quantity-box .quantity-input{
  height: 45px;
}


/* SEARCH MODULE */

.el-search-outer {
  height: calc(var(--header-second-row-height) * 1px + var(--header-first-row-height) * 1px) !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
}
.vpajaxsearch-viewall {
  background: var(--main-blue-color);
  color: #fff;
  border-radius: 2px;
  padding: 7px 15px;
}
.vpajaxsearch-viewall:hover {
  background: #333;
  color: #fff;
}
.vpajaxsearch-suggestion-header {
  border-top: 1px solid #e6e6e6;
}

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

@media only screen and (max-width: 992px) {
  .moduletable .tab-container > .tab{
    max-width: 100%;
    overflow-x: scroll;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
  }
}

/* FROM KATALOGOS */
@media only screen and (max-width: 992px) {

  .hide-mobile-custom{
    display: none;
  }

  /* 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  .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;
  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;
}
  .vm-product-media-container a {
  color: #000 !important;
  font-weight: 600;
 }
/*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;
}

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

/* END OF LIST CSS */

/* KALATHI */
/* apokripsi synolou sto mini cart */
.vmCartModule .vm_cart_products .total_price_count_outer {
  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 */