/* body * :not(input):not(textarea) {*//* for ios devices to prevent to spastiko selection pou ginetai */ 
 /*  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -ms-user-select: none !important;
} */

  h2, .h2 {
    font-size: 1.8rem !important;
    font-weight: 200 !important;
  }
/*.moduletable, .moduletable > * {
  max-width: 100%;
}*/

.moduletable > * {
  max-width: 100%;
}

input[type=submit],input[type=button] {/*fix border radius for ios devices*/
    -webkit-border-radius:0px;
}

a{
  color:inherit;
  text-decoration: none;
  transition:color 0.15s linear,background-color 0.15s linear,border-color 0.15s linear;
}
iframe {
  width: 100%;
  background: #d5d5d5;
  padding: 5px;
  border-radius: 5px;
  margin: 30px 0;
}
.fields-container ol, ul {
  padding-left: 0rem !important;
}

/* TODO : check edw giati to xw duo fores mia panw apo to default tou template */
/*.header-line2-outer {
  background: var(--easyshop-color-primary);
}

@media screen and (max-width: 992px) {
  .header-line2-outer {
    background: var(--easyshop-color-primary) !important;
    }
}


*/
/* END OF check edw giati to xw duo fores mia panw apo to default tou template */
/* not full width on vm product if everything is full width - attach to container width */
/*body.view-productdetails.wrapper-fluid .site-grid,*/
body.com_content.view-category.wrapper-fluid:not(.has-sidebar-left):not(.has-sidebar-right) .site-grid,
body.com_content.view-article.wrapper-fluid:not(.has-sidebar-left):not(.has-sidebar-right) .site-grid,
body.com_contact.view-contact.wrapper-fluid:not(.has-sidebar-left):not(.has-sidebar-right) .site-grid{
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];
}
/* TEMPLATE COLORS HANDLING */

/*a:not(.btn):hover, a:not(.btn):focus {
  color: var(--easyshop-color-primary);
}
*/
.view-article main a:not(.btn) {
  color:var(--link-color);
}

a:not(.btn):hover,
.view-article main a:not(.btn):hover,
.mod-list li a:hover,
.mod-list li.active > a{
  color:var(--link-hover-color);
  text-decoration: none;
}

/* LOGO */
.header-logo{
  display: flex;
/*  height: 50px;*/
}

.header-logo img{
  object-fit: contain;
  width: auto;
  height: 100%;
}

.header-logo-outer .site-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--easyshop-color-brand);
  font-weight: 200;
}

.header-line1-left .header-logo,.header-line2-left .header-logo{justify-content: flex-start;}
.header-line1-center .header-logo,.header-line2-center .header-logo{justify-content: center;}
.header-line1-right .header-logo,.header-line2-right .header-logo{justify-content: flex-end;}

.header-line1-left .site-description,.header-line2-left .site-description{text-align: left;}
.header-line1-center .site-description,.header-line2-center .site-description{text-align: center;}
.header-line1-right .site-description,.header-line2-right .site-description{text-align: right;}

/* HEADER */
.header{
  background-color: unset;
  background-image: unset;
  box-shadow: unset;
  position: relative;
  z-index: 11;
  transition: top .2s;
}

.header-line1-outer{
  background: var(--header-line1-bgcolor);
  color: var(--header-line1-color);
}

.header-line2-outer{
  background: var(--header-line2-bgcolor);
  color: var(--header-line2-color);
}

/* el menu colors */
.header-line2-outer .mod-elmenu .el-main-list .list-item.depth-li-0 > .list-link a{
/*.header-line2-outer .mod-elmenu .el-offcanvas-toggler{*/
  color: var(--header-line2-color);
  font-weight: 600;
}

/*.header-line2-outer .mod-elmenu .el-main-list .depth-li-0 > .list-link a:hover{
  color: #e1e1e1;
}*/
/* el menu colors */

.header-line1-inner,
.header-line2-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.header-line1-inner{
  padding:var(--header-line1-padding);
}

.header-line2-inner {
  padding:var(--header-line2-padding);
} 


.header ul.mod-menu{/*fix joomla menu module witch puts inline the color of menu and width*/
  color:inherit;
  flex: 0 1 auto;
}

/* left 1*/
.header-line1-left{
  display: flex;
  width: var(--header-line1-left-width);
  justify-content: flex-start;
  align-items: center;
}

.header-line1-left-inner{
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

/* center 1 */
.header-line1-center{
  display: flex;
  width: var(--header-line1-center-width);
  justify-content: center;
  align-items: center;
}

.header-line1-center-inner{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* right 1 */
.header-line1-right{
  display: flex;
  width: var(--header-line1-right-width);
  justify-content: flex-end;
  align-items: center;
}

.header-line1-right-inner{
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

/* left 2 */
.header-line2-left{
  display: flex;
  width: var(--header-line2-left-width);
  justify-content: flex-start;
  align-items: center;
}

.header-line2-left-inner{
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

/* center 2 */
.header-line2-center{
  display: flex;
  width: var(--header-line2-center-width);
  justify-content: center;
  align-items: center;
}

.header-line2-center-inner{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* right 2 */
.header-line2-right{
  display: flex;
  width: var(--header-line2-right-width);
  justify-content: flex-end;
  align-items: center;
}

.header-line2-right-inner{
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

/*.header-line1-left > div,.header-line1-center > div,.header-line1-right > div,
.header-line2-left > div,.header-line2-center > div,.header-line2-right > div{margin: 0 5px}*/
.header-line1-left-inner > div,.header-line1-center-inner > div,.header-line1-right-inner > div,
.header-line2-left-inner > div,.header-line2-center-inner > div,.header-line2-right-inner > div{margin: 0 5px}
/* END OF HEADER */

/* FOOTER COLORS */
.footer {
  margin-top: 1em;
  color: var(--footer-color);
  background-color: var(--footer-bg-color);
}

.footer a:not(.btn){
  color: var(--footer-link-color);
}

.footer a:not(.btn):hover,
.footer .mod-list li a:hover,
.footer .mod-list li.active > a {
  color: var(--footer-link-hover-color);
}

.footer .metismenu.mod-menu .mm-collapse {
  background: var(--footer-bg-color);
}
/* END OF FOOTER COLORS */

/* Contact */
.contact-form ul, li {
  list-style-type: none !important;
}

/*********************
 *
 *
 * Virtuemart Cart Css 
 *
 *
 *********************/

#vmCartModule {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.vmCartModule:before{
  /*background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 283.465 283.465' viewBox='0 0 283.465 283.465' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill-rule='evenodd'%3E%3Cpath d='m77.837 114.99h127.791c1.528 0 2.767 1.239 2.767 2.767v139.067c0 4.266-1.744 8.143-4.553 10.952s-6.686 4.553-10.952 4.553h-102.315c-4.266 0-8.143-1.744-10.952-4.553s-4.553-6.686-4.553-10.952v-139.067c0-1.528 1.239-2.767 2.767-2.767zm125.024 5.534h-122.257v136.3c0 2.74 1.122 5.233 2.931 7.041 1.808 1.808 4.3 2.93 7.04 2.93h102.315c2.74 0 5.232-1.123 7.04-2.93 1.808-1.808 2.93-4.3 2.93-7.041v-136.3z'/%3E%3Cpath d='m77.837 114.99h127.791c1.528 0 2.767 1.239 2.767 2.767v10.786c0 1.528-1.239 2.767-2.767 2.767h-127.791c-1.528 0-2.767-1.24-2.767-2.767v-10.786c0-1.528 1.239-2.767 2.767-2.767zm125.024 5.534h-122.257v5.251h122.257z'/%3E%3Cpath d='m138.609 16.669-.398 8.483h7.043l-.398-8.483zm-6.045 11.121.649-13.802c-.03-1.567 1.188-2.853 2.766-2.853h11.51c.764.116 2.698 1.318 2.756 2.648l.646 13.781c.015.116.023.235.023.355 0 1.528-1.239 2.767-2.767 2.767h-12.826c-1.602-.14-2.837-1.208-2.757-2.896z'/%3E%3Cpath d='m174.915 118.451-29.396-89.677c-.094-.29-.138-.585-.135-.874l-.651-13.878c-.065-1.521 1.115-2.81 2.636-2.875.624-.027 1.209.156 1.686.486l9.205 6.369c.518.358.876.862 1.056 1.417l31.959 97.484c.471 1.45-.323 3.009-1.773 3.48-.284.092-.571.136-.854.136v.005h-11.053c-1.288 0-2.372-.881-2.68-2.073zm-24.033-91.048 28.711 87.587h5.241l-30.479-92.981-3.851-2.665z'/%3E%3Cpath d='m103.872 114.99 28.709-87.585.379-8.062-3.851 2.665-30.478 92.982zm34.074-86.216-29.396 89.677c-.308 1.192-1.391 2.073-2.679 2.073h-11.054c0-.002-.783-.118-.854-.141-1.45-.471-2.244-2.03-1.773-3.48l31.955-97.485c.272-.759.936-1.331 1.06-1.416l9.176-6.349c.485-.345 1.086-.537 1.726-.506 1.521.071 2.697 1.364 2.626 2.885l-.652 13.879c.002.287-.042.577-.135.863z'/%3E%3C/g%3E%3C/svg%3E");*/
  /*background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cswitch%3E%3Cg%3E%3Cg id='_x32_5_boba_tea'/%3E%3Cg id='_x32_4_french_fries'/%3E%3Cg id='_x32_3_milk'/%3E%3Cg id='_x32_2_eating_utensils'/%3E%3Cg id='_x32_1_baguette'/%3E%3Cg id='_x32_0_croissant'/%3E%3Cg id='_x31_9_beer'/%3E%3Cg id='_x31_8_fried_chicken'/%3E%3Cg id='_x31_7_cupcake'/%3E%3Cg id='_x31_6_chilli'/%3E%3Cg id='_x31_5_coffee'/%3E%3Cg id='_x31_4_tacos'/%3E%3Cg id='_x31_3_sunny_side_up'/%3E%3Cg id='_x31_2_pie'/%3E%3Cg id='_x31_1_paperbag'%3E%3Cpath d='m479.9 400.2c-18.4-68.9-68.4-244.1-65.7-249.5.4-.8 15.8-9.2 23.9-14.4 11.4-7.3 18.5-22.5 18.9-36.5 1.7-64-99.5-58.7-140.1-62.8-36.8-3.7-168-21.8-194.7-15.9-48.4 10.8-45.4 63-48.7 103-6.2 75.5-15.1 150.9-25.7 225.9-4 28.6-11.9 58.1-14.3 86.8-1 11.7-1.8 18.3 10.7 24.1 15.9 7.4 320.9 32.1 325.4 30.3 3.1-1.1 95.1-70.3 110.3-91zm-11.5-2.9c-12.5-2.7-67.7 2.1-75.6-5.6-2.4-2.4-39.1-273.3-2-285.1 9.2 46.5 65.8 250.6 77.6 290.7zm-94 22.9c-1.8-45.7-4.5-91.3-5.9-137 4.2 44.9 15.3 92.8 5.9 137zm73.2-326.3c1.3 8.7-1.1 15.9-5.2 23.6-3.3 6.3-27.1 27.5-32.3 19.7-2.7-4-4.7-24.4-5.2-30.3-2.6-29 35-55.5 42.7-13zm-83.5 362.4c-.1 5.4 1.5 21-3 24.4-9.1 7-308.7-26.2-315.3-35.6-3.3-4.7 7.3-37.1 8.5-44.1 4.8-29.1 27.4-207.9 32.3-268.3 2.4-29.5-2.7-73.7 24.1-93.2 21-15.3 285 10.4 309 22.1-37 11.9-58.2 64.2-62.9 98-13.5 97.5 9.5 198.7 7.3 296.7zm9.7 22c2.1-14.9 7.5-63.6 18.1-72.7 9-7.7 57.1-.8 70.5-2.3-24 19.8-82.9 69.9-88.6 75z'/%3E%3C/g%3E%3Cg id='_x31_0_wine'/%3E%3Cg id='_x30_9_ice_cream02'/%3E%3Cg id='_x30_8_noodles'/%3E%3Cg id='_x30_7_hamburger'/%3E%3Cg id='_x30_6_hotdog'/%3E%3Cg id='_x30_5_donut'/%3E%3Cg id='_x30_4_popcicle'/%3E%3Cg id='_x30_3_n03_teaight'/%3E%3Cg id='_x30_2_ice_cream01'/%3E%3Cg id='_x30_1_pizza'/%3E%3C/g%3E%3C/switch%3E%3C/svg%3E");*/
  /*background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.997 511.997' style='enable-background:new 0 0 511.997 511.997;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M405.387,362.612c-35.202,0-63.84,28.639-63.84,63.84s28.639,63.84,63.84,63.84s63.84-28.639,63.84-63.84 S440.588,362.612,405.387,362.612z M405.387,451.988c-14.083,0-25.536-11.453-25.536-25.536s11.453-25.536,25.536-25.536 c14.083,0,25.536,11.453,25.536,25.536S419.47,451.988,405.387,451.988z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M507.927,115.875c-3.626-4.641-9.187-7.348-15.079-7.348H118.22l-17.237-72.12c-2.062-8.618-9.768-14.702-18.629-14.702 H19.152C8.574,21.704,0,30.278,0,40.856s8.574,19.152,19.152,19.152h48.085l62.244,260.443 c2.062,8.625,9.768,14.702,18.629,14.702h298.135c8.804,0,16.477-6.001,18.59-14.543l46.604-188.329 C512.849,126.562,511.553,120.516,507.927,115.875z M431.261,296.85H163.227l-35.853-150.019h341.003L431.261,296.85z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M173.646,362.612c-35.202,0-63.84,28.639-63.84,63.84s28.639,63.84,63.84,63.84s63.84-28.639,63.84-63.84 S208.847,362.612,173.646,362.612z M173.646,451.988c-14.083,0-25.536-11.453-25.536-25.536s11.453-25.536,25.536-25.536 s25.536,11.453,25.536,25.536S187.729,451.988,173.646,451.988z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");*/
  /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496.11 496.11'%3E%3Cpath d='M397.5,471.4a52.84,52.84,0,1,1,52.84-52.84A52.89,52.89,0,0,1,397.5,471.4Zm0-89.37A36.54,36.54,0,1,0,434,418.56,36.58,36.58,0,0,0,397.5,382Z'/%3E%3Cpath d='M140.22,332.26a8.12,8.12,0,0,1-7.93-6.26L68,57.12H11.26a8.16,8.16,0,0,1,0-16.31h63.2a8.13,8.13,0,0,1,7.93,6.27l19.26,80.56H485a8.16,8.16,0,0,1,7.91,10.12l-46.6,188.32a8.13,8.13,0,0,1-7.91,6.18Zm6.44-16.3H432l42.56-172h-369Z'/%3E%3Cpath d='M167.76,471.4a52.84,52.84,0,1,1,52.84-52.84A52.89,52.89,0,0,1,167.76,471.4Zm0-89.37a36.54,36.54,0,1,0,36.53,36.53A36.58,36.58,0,0,0,167.76,382Z'/%3E%3C/svg%3E");*/
  background-image: var(--vm-cart-image);
  margin-right: 5px;
  content: "";
  display: block;
  width: var(--vm-cart-image-size,38px);
  /*  height: 45px;*/
  aspect-ratio: 1/1;
  float: left;
  background-repeat:no-repeat;
}

#vmCartModule[data-products-counter='0']::after{display: none;}
#vmCartModule::after {
  font-size: .75rem;
  background-image: var(--vm-cart-counter-color);
/*  background-image: linear-gradient(45deg,#c6282873,#c62828 ,#c62828);*/
  width: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  z-index: 2;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: -3px;
  content: attr(data-products-counter);
  position: absolute;
}

.vmCartModule .vm_cart_products{
  position: absolute;
  height: auto;
  background: #fff;
  color: #000;
  max-height: 0;
  width: 400px;
  /*right: 20px;*/
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 0px 5000px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  top: 65px;
  right: 0;
  transform: translateX(-30%);
  z-index: 1;
}

.vmCartModule .vm_cart_products .total_price_count_outer{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 -15px;
  border-top: 1px solid #e1e1e1;
  padding: 10px 15px;
}

.vmCartModule .vm_cart_products .show_cart{
  display: flex;
  margin: 0 -15px -15px;
  text-align: center;
}

.vmCartModule .vm_cart_products .show_cart a{
  display: block;
  background: var(--btn-bg-color);
  color: var(--btn-color) !important;
  padding: 10px;
  width: 100%;
  font-weight: 500;
  -webkit-filter: brightness(100%);
}

.vmCartModule .vm_cart_products .show_cart a:hover{
  -webkit-filter: brightness(90%);
  transition: all 0.3s ease;
}

/*.vmCartModule.hasItems:hover .vm_cart_products,*/
.vmCartModule.keepCartOpened .vm_cart_products{
  -webkit-animation-name: fadeInCustom;
  -webkit-animation-duration: 0.3s;
  animation-name: fadeInCustom;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.vmCartModule .product_name a{
  color: #333;
  font-weight: 600;
}

.vmCartModule.hasItems .vm_cart_products .product_name:hover{
  text-decoration: underline;
}

.vmCartModule .show_cart ,.vmCartModule .total{
  display: none;
}

.vmCartModule .total_products{
  display: none;
  /*white-space: nowrap;
  display: flex;*/
}

.vmCartModule .customProductData br{display: none;}

@keyframes fadeInCustom {
  0% { opacity: 0; visibility: hidden; max-height: 0;pointer-events: none;}
  100% { opacity: 1; visibility: visible; max-height: 1200px;pointer-events: auto;}
}

@keyframes fadeOutCustom {
  0% { opacity: 1; visibility: visible; max-height: 1200px;pointer-events: auto;}
  100% { opacity: 0; visibility: hidden; max-height: 0;pointer-events: none;}
}

@media screen and (max-width:992px) {
    .vmCartModule .vm_cart_products {
    position: fixed;
    height: auto;
    background: #fff;
    max-height: 0;
    right: 0;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 0px 5000px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    top: 50%;
    width: 96%;
    margin: 2%;
    transform: translateY(-50%);
  }

  .vmCartModule::before{
    width: 35px;
    height: 35px;
  }

  .vmCartModule .total_products{
    display: none;
  }
/*  .vmCartModule{
    position: relative;
  }

  .vmCartModule .total_products{
    white-space: pre-wrap;
    display: flex;
    position: absolute;
    top: -7px;
    right: -5px;
    background: #5549498c;
    padding: 2px 4px 4px 4px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    font-size: 12px;
    justify-content: start;
    align-items: flex-start;
    overflow: hidden;
    color: #fff;
    border: 1px solid black;
  }*/

  
}
/*********************
 *
 *
 * End of Virtuemart Cart Css
 *
 *
 *********************/

/* VIRTUEMART DEFAULT CSS */

/* vm-general.css */
*:focus {
  outline: none;
}

.clr {
  clear: both;
  overflow: hidden;
}

.clear, br.clear{
  clear: both;
}

div.clear {
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.dummy{
  background: none;
  width: 5%;
}

div.spacer {
  position: relative;
}

div.spaceStyle{
  padding: 0px;
  margin: 5px;
}

.icons{
  text-align: right;
  float: right;
  margin: 4px 0 10px 30px;
}

.vmicon, .vmiconFE{
  background: url(../images/vm2-sprite.png) no-repeat top left;
}

fieldset {
  border: none;
}

.vmquote{
  font-size: smaller;
}

.vm-notice{
  color: #CC0000;
}

span.bold, div.bold{
  font-weight: 700;
}

.text-left, .left{
  text-align: left;
}

.text-right, .right{
  text-align: right;
}

.text-center, .center{
  text-align: center;
}
/* hide inline style as class */

.floatright, span.floatright{
  float: right;
}

.floatleft, span.floatleft{
  float: left;
}

.vm-display {
  display: block;
}

.vm-nodisplay {
  display: none;
}

.line-through{
  text-decoration: line-through;
}

.inline{
  display: inline;
}

td.pricePad{
  padding-right: 10px;
}

.priceCol{
  white-space: nowrap;
}

.priceColor2{
  color: gray;
}
/* hide inline style as class END */
/* general style - needs to be at the beginning so it can be overwritten by specific style later */

.additional-images,.featured-view .product-price,.discontinued-view .product-price,.latest-view .product-price,.topten-view .product-price,.recent-view .product-price,.output-billto,.output-shipto{
  margin: 10px 0;
}

.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{
  margin: 0 0 10px;
}

.customer-reviews,.ask-a-question-view .form-field{
  margin: 25px 0 0;
}
/*span.title{font-weight:700;display:block;border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 6px;}*/

span.variant-name, span.custom-variant-name{
  width: 100px;
  float: left;
  display: block;
  margin-bottom: 5px;
}

.category-view .row .category .spacer,.featured-view .spacer,.discontinued-view .spacer,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{
/*  padding: 6px;*/
}

/*.featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{
  font-size: 25px;
  margin: 0 0 6px;
  padding: 0;
}*/

.featured-view .spacer span,.discontinued-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.recent-view .spacer span,.related-products-view .spacer span,.browse-view .row .product .spacer span{
/*  font-size: 13px;*/
}

.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{
  width: auto;
  height: auto;
}

.vm-cmv-label{font-weight:700;}
/* Let's have a general button for pagination, backtocat, whatever
button, .button {padding: 4px 6px;border: 1px solid #666;background-color: #f5fffa;}
*/
/* general style END */

#ui-tabs ul#tabs{
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 16px 16px 0;
}

#ui-tabs ul#tabs li{
  display: inline-block;
  cursor: pointer;
  background: #f2f2f2;
  padding: 8px 16px 3px;
}

#ui-tabs ul#tabs li.current{
  display: inline-block;
  background: #ccc;
  color: #444;
}

#ui-tabs .tabs{
  padding: 16px;
}

#ui-tabs .dyn-tabs{
  overflow: auto;
  display: none;
}
/* Align rows in products sublayout */

.vm-col {
  margin: 0px;
  width: 60%;
}

.vm-col-1 {
  width: 100%;
}

.vm-col-2 {
  width: 50%;
}

.vm-col-3 {
  width: 33.333%;
}

.vm-col-4 {
  width: 25%;
}

.vm-col-5 {
  width: 20%;
}

.vm-col-6 {
  width: 16.666%;
}

.vm-col-8 {
  width: 12.5%;
}

.vm-col-9 {
  width: 11.111%;
}

.vm-col-10 {
  width: 10%;
}

.vm-col-11 {
  width: 9.09%;
}

.vm-col-12 {
  width: 8.333%;
}
/* Products sublayout end */

.vm2-modallink{
  height: 16px;
  margin-left: 3px;
  vertical-align: top;
  width: 16px;
  display: inline-block;
  background: url("../images/icon_external_link.gif") no-repeat scroll left top transparent;
}

.vm2-warning{
  background-position: 0 -1383px;
  width: 50px;
  height: 40px;
}

input.highlight-button{
  background: var(--btn-bg-color);
  color: var(--btn-color);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 1px;
  display: inline-block;
  text-decoration: none;
  padding: 4px 8px 2px;
}

input.highlight-button:visited{
  color: #fff;
}

button.default{
  display: inline-block;
  cursor: pointer;
  padding: 5px 8px 4px;
}

button.default:hover{
  color: #777;
}

a.highlight, a.highlight:visited{
  background: var(--btn-bg-color);
  border: solid #d9d9d9 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  background-position: 0 -160px;
  color: var(--btn-color);
  padding: 3px 8px 1px;
}

textarea.virtuemart{
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #777;
  text-align: left;
  padding: 5px 5px 4px;
}

.vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited{
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  background: var(--btn-bg-color);
  color: var(--btn-color);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 6px 12px 3px;
}

.vm-button-correct:hover{
  color: #f2f2f2;
}

.width1{width: 1%;}.width2{width: 2%;}.width3{width: 3%;}.width4{width: 4%;}.width5{width: 5%;}.width6{width: 6%;}.width7{width: 7%;}.width8{width: 8%;}.width9{width: 9%;}.width10{width: 10%;}.width11{width: 11%;}.width12{width: 12%;}.width13{width: 13%;}.width14{width: 14%;}.width15{width: 15%;}.width16{width: 16%;}.width17{width: 17%;}.width18{width: 18%;}.width19{width: 19%;}.width20{width: 20%;}.width21{width: 21%;}.width22{width: 22%;}.width23{width: 23%;}.width24{width: 24%;}.width25{width: 25%;}.width26{width: 26%;}.width27{width: 27%;}.width28{width: 28%;}.width29{width: 29%;}.width30{width: 30%;}.width31{width: 31%;}.width32{width: 32%;}.width33{width: 33%;}.width34{width: 34%;}.width35{width: 35%;}.width36{width: 36%;}.width37{width: 37%;}.width38{width: 38%;}.width39{width: 39%;}.width40{width: 40%;}.width41{width: 41%;}.width42{width: 42%;}.width43{width: 43%;}.width44{width: 44%;}.width45{width: 45%;}.width46{width: 46%;}.width47{width: 47%;}.width48{width: 48%;}.width49{width: 49%;}.width50{width: 50%;}.width51{width: 51%;}.width52{width: 52%;}.width53{width: 53%;}.width54{width: 54%;}.width55{width: 55%;}.width56{width: 56%;}.width57{width: 57%;}.width58{width: 58%;}.width59{width: 59%;}.width60{width: 60%;}.width61{width: 61%;}.width62{width: 62%;}.width63{width: 63%;}.width64{width: 64%;}.width65{width: 65%;}.width66{width: 66%;}.width67{width: 67%;}.width68{width: 68%;}.width69{width: 69%;}.width70{width: 70%;}.width71{width: 71%;}.width72{width: 72%;}.width73{width: 73%;}.width74{width: 74%;}.width75{width: 75%;}.width76{width: 76%;}.width77{width: 77%;}.width78{width: 78%;}.width79{width: 79%;}.width81{width: 81%;}.width82{width: 82%;}.width83{width: 83%;}.width84{width: 84%;}.width85{width: 85%;}.width86{width: 86%;}.width87{width: 87%;}.width88{width: 88%;}.width89{width: 89%;}.width90{width: 90%;}.width91{width: 91%;}.width92{width: 92%;}.width93{width: 93%;}.width94{width: 94%;}.width95{width: 95%;}.width96{width: 96%;}.width97{width: 97%;}.width98{width: 98%;}.width99{width: 99%;}.width100{width: 100%;}

/* Reviews */
.customer-reviews h4{
  border-bottom: solid #CAC9C9 1px;
  font-size: 1.0em;
  margin: 0 0 10px;
  padding: 0 0 6px;
}

.write-reviews{
  text-align: center;
  margin: 20px 0 0;
}

.write-reviews h4{
  text-align: left;
}

.write-reviews h4 span{
  font-size: 1.0em;
  font-weight: 400;
  margin-left: 8px;
}

.write-reviews span.step{
  font-weight: 700;
  display: inline-block;
  margin: 0 0 8px;
}

.rating{
  text-align: center;
  margin: 0 0 20px;
  padding: 0;
}

.write-reviews ul.rating li{
  display: inline-block;
  list-style: none;
  text-align: center;
  padding: 0 5px;
}

.write-reviews ul.rating li span{
  display: block;
}

.write-reviews textarea.virtuemart{
  margin-bottom: 6px;
  display: inline-block;
}

.list-reviews .normal{
  border: solid #CAC9C9 1px;
  margin-bottom: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px;
}

.list-reviews .normal blockquote,.list-reviews .highlight blockquote{
  margin-top: 12px;
  font-size: 12px;
  word-wrap: break-word;
}

.list-reviews .normal blockquote:before,.list-reviews .highlight blockquote:before{
  content: open-quote;
  font-weight: 700;
  font-size: 24px;
  padding-right: 6px;
}

.list-reviews .normal blockquote:after,.list-reviews .highlight blockquote:after{
  content: close-quote;
  font-weight: 700;
  font-size: 24px;
  padding-left: 6px;
}

.list-reviews .highlight{
  background: #f7f6f6;
  border: solid #CAC9C9 1px;
  margin-bottom: 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px;
}

.list-reviews span.date{
  float: right;
  display: block;
  color: #777;
  border-left: solid #CAC9C9 1px;
  border-bottom: solid #CAC9C9 1px;
  position: relative;
  top: -12px;
  right: -12px;
  font-size: 10px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  padding: 4px 6px 2px;
}
/* Reviews end */

.vm2-stars0{
  background-position: 0 -358px;
  width: 64px;
  height: 13px;
}

.vm2-stars1{
  background-position: 0 -421px;
  width: 64px;
  height: 13px;
}

.vm2-stars2{
  background-position: 0 -484px;
  width: 64px;
  height: 13px;
}

.vm2-stars3{
  background-position: 0 -547px;
  width: 64px;
  height: 13px;
}

.vm2-stars4{
  background-position: 0 -610px;
  width: 64px;
  height: 13px;
}

.vm2-stars5{
  background-position: 0 -673px;
  width: 64px;
  height: 13px;
}

.vm2-stars_0{
  background-position: 0 -736px;
  width: 64px;
  height: 13px;
}

.vm2-stars_1{
  background-position: 0 -799px;
  width: 64px;
  height: 13px;
}

.vm2-stars_2{
  background-position: 0 -862px;
  width: 64px;
  height: 13px;
}

.vm2-stars_3{
  background-position: 0 -925px;
  width: 64px;
  height: 13px;
}

.vm2-stars_4{
  background-position: 0 -988px;
  width: 64px;
  height: 13px;
}

.vm2-stars_5{
  background-position: 0 -1051px;
  width: 64px;
  height: 13px;
}

.vm-product-rating-container {
  text-align: left;
}

.ratingbox {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 24px;
  background: url("../images/color-stars.png") repeat-x scroll 0 bottom transparent;
}

.ratingbox div, .ratingbox span {
  background: url(../images/color-stars.png) repeat-x;
  display: block;
  width: 1%;
  height: 24px;
  position: static;
}

.browse-view .ratingbox{
  margin: 0 auto 15px;
}

.spacer-buy-area .ratingbox {
  margin-bottom: 15px;
}

div.vote, span.vote {
  display: block;
  margin-bottom: 4px;
  float: right;
  margin-left: 130px;
}

.category-ratingbox {
  position: relative;
  display: block;
  width: 60px;
  height: 12px;
  background: url("../images/color-stars-small.png") repeat-x scroll 0 bottom transparent;
}

.category-ratingbox div, .category-ratingbox span {
  background: url(../images/color-stars-small.png) repeat-x;
  display: block;
  width: 1%;
  height: 12px;
  position: absolute;
}

.stars-orange{
  background-position:0 0 !important;
}

.stars-red{
  background-position:0 -54px !important;
}

.stars-green{
  background-position:0 -108px !important;
}

.stars-blue{
  background-position:0 -162px !important;
}

.stars-purple{
  background-position:0 -216px !important;
}

@media (max-width: 768px){
  .spacer-buy-area .ratingbox {
    margin: 0 auto 15px;
  }
}



.child-Image-Container {
  overflow-y: scroll;
  height:200px;
  scroll-behavior: smooth;
}

.productdetails-view .spacer-buy-area{
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.back-to-category .product-details{
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid #828282;
}

.product-neighbours{
  color: #777;
  margin: 0 0 16px;
}

.product-neighbours a.next-page{
  background: url(../images/vmgeneral/next_16x16.png) no-repeat right;
  padding-right: 30px;
  line-height: 20px;
  float: right;
}

.product-neighbours a.previous-page{
  background: url(../images/vmgeneral/previous_16x16.png) no-repeat left;
  padding-left: 30px;
  line-height: 20px;
  float: left;
}

.productdetails-view h1{
  font-size: 1.5rem;
  font-weight: 500;
}

.productdetails-view .product-short-description{
  margin: 0 0 16px;
  padding: 0;
}

.productdetails-view .product-description,.product-fields{
  margin: 0;
}

.product-packaging{
  margin: 19px 0 0;
}

.additional-images img{
  margin-right: 8px;
  width: 50px;
  height: auto;
}

.product-price{
  margin: 6px 0;
  line-height: 18px;
}

.vm-price {
  line-height: 18px;
}

.vm-price span {
  display: inline-block;
  min-width: 64px;
  padding: 0 3px;
}

.vm-cart-price{
  float: left;
  font-weight: bold;
}

.price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax{
  text-decoration: line-through;
  color: #bd2424;
}

div.availability{
  text-align: center;
  margin: 0 0 10px 0;
}

span.variant-dropdown{
  width: 150px;
  float: left;
  display: block;
  margin-bottom: 5px;
}

span.variant-dropdown select{
  width: 150px;
}

span.custom-variant-inputbox{
  width: 152px;
  float: left;
  display: block;
  margin-bottom: 5px;
}

input.custom-attribute{
  width: 140px;
}

.addtocart-area{
  margin: 0;
}

.addtocart-area form {
  margin: 0;
}

span.quantity-box{
  display: inline-block;
  vertical-align: middle;
}

.quantity-box .quantity-input, .cart-summary .quantity-input{
  width: 50px;
  text-align: center;
  font-weight: 700;
  padding: 1px;
  margin-bottom:0;
  border-radius: 2px 0px 0 2px;
  border: 1px solid currentColor;
  border-right-width: 0;
}

.cart-summary .quantity-input{
  height: 24px;
  width: 24px;
}

span.quantity-controls{
  display: flex;
}

span.quantity-controls input.quantity-controls{
  background-repeat: no-repeat;
  width: 40px;
  background-position: center;
  background-size: 12px 12px;
  background-color: #333;
  border: 0;
}

span.quantity-controls input.quantity-controls:hover{
  background-color: #555;
}

span.quantity-controls input.quantity-plus{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='white' viewBox='0 0 492.002 492.002' xml:space='preserve'%3E%3Cpath d='M484.136,328.473L264.988,109.329c-5.064-5.064-11.816-7.844-19.172-7.844c-7.208,0-13.964,2.78-19.02,7.844 L7.852,328.265C2.788,333.333,0,340.089,0,347.297c0,7.208,2.784,13.968,7.852,19.032l16.124,16.124 c5.064,5.064,11.824,7.86,19.032,7.86s13.964-2.796,19.032-7.86l183.852-183.852l184.056,184.064 c5.064,5.06,11.82,7.852,19.032,7.852c7.208,0,13.96-2.792,19.028-7.852l16.128-16.132 C494.624,356.041,494.624,338.965,484.136,328.473z'/%3E%3C/svg%3E%0A");
}

span.quantity-controls input.quantity-minus{
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='white' viewBox='0 0 491.996 491.996' xml:space='preserve'%3E%3Cpath d='M484.132,124.986l-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86c-7.208,0-13.964,2.792-19.036,7.86l-183.84,183.848 L62.056,108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968,2.788-19.036,7.856l-16.12,16.128 c-10.496,10.488-10.496,27.572,0,38.06l219.136,219.924c5.064,5.064,11.812,8.632,19.084,8.632h0.084 c7.212,0,13.96-3.572,19.024-8.632l218.932-219.328c5.072-5.064,7.856-12.016,7.864-19.224 C491.996,136.902,489.204,130.046,484.132,124.986z'/%3E%3C/svg%3E%0A");
}

.vmgroup .product-container .addtocart-area .addtocart-bar,
.browse-view .product-container .addtocart-area .addtocart-bar{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.view-productdetails .product-container .addtocart-area .addtocart-bar{
  display: flex;
  flex-wrap: wrap;
}

.vmgroup .product-container span.addtocart-button,
.browse-view span.addtocart-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 5px 0 8px 0;
}

.vmgroup .product-container input.addtocart-button,
.browse-view input.addtocart-button {
  width: 80%;
}

/*.view-productdetails .product-container input.addtocart-button {
  height: 34px;
  line-height: 18px !important;
  padding: 5px 25px;
  border-radius: 0;
}*/

.vmgroup .quantity-box,
.browse-view .quantity-box{
  display: flex;
  justify-content: center;
  align-items: center;
}

span.cart-images img {
  float: left;
  margin: 0;
  width: 45px;
}

span.addtocart-button span.addtocart-button,
span.addtocart-button input.addtocart-button,
span.addtocart-button input.notify-button,
span.addtocart-button span.addtocart-button-disabled{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  height: 40px;
  background: var(--btn-bg-color);
  border: 1px solid var(--btn-bg-color);
  color: var(--btn-color);
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 1px;
  padding: 4px 12px;
  margin-bottom: 0;
}

/*@media all and (max-width: 992px) {*/
  .view-productdetails span.addtocart-button input.addtocart-button{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
/*}*/

span.addtocart-button:hover span.addtocart-button,
span.addtocart-button:hover input.addtocart-button,
span.addtocart-button:hover input.notify-button,
span.addtocart-button:hover span.addtocart-button-disabled {
  background: var(--btn-bg-hover-color);
  border: 1px solid var(--btn-bg-hover-color);
  color: var(--btn-hover-color);
}

.addtocart-bar a.notify{
  max-width: 100%;
  background: var(--btn-bg-color);
  color: var(--btn-color);
  border: solid #d9d9d9 1px;
  border-radius: 0px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 1px;
  padding: 9px;
  margin-bottom: 0;
  font-weight: normal;
}

span.quantity-controls input.quantity-controls,
.quantity-box .quantity-input, .cart-summary .quantity-input{
  height: 28px;
}

.view-productdetails .product-container input.quantity-controls,
.view-productdetails span.addtocart-button span.addtocart-button,
.view-productdetails span.addtocart-button input.addtocart-button,
.view-productdetails span.addtocart-button input.notify-button,
.view-productdetails span.addtocart-button span.addtocart-button-disabled,
.view-productdetails .quantity-box .quantity-input, .cart-summary .quantity-input{
  height: 35px;
}

span.addtocart-button span.addtocart-button-disabled {
  filter: grayscale(50%) opacity(50%);
}

div.vm-details-button {
  text-align: center;
}

div.vm-details-button a {
  padding: 11px 16px;
  border: 1px solid gray;
  font-size: 16px;
  max-width: 85%;
  width: 192px;
  line-height: 18px;
}

.browse-view span.addtocart-button-disabled, .featured-view span.addtocart-button-disabled, .discontinued-view span.addtocart-button-disabled, .latest-view span.addtocart-button-disabled, .topten-view span.addtocart-button-disabled, .recent-view span.addtocart-button-disabled, .related-products-view span.addtocart-button-disabled, .browse-view span.addtocart-button-disabled, .addtocart-button-disabled {
  display: inline-block;
  padding: 16px;
  border: 1px solid #ddd;
  font-size: 16px;
  border-radius: 4px;
  margin: 0;
  color: #aaa;
  width: 192px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.vm-btn, .vm-btn:link, .vm-btn:active, .vm-btn:visited {
    display: inline-block;
    width: 192px;
    padding: 12px 8px;
    font-size: 16px;
    border-radius: 4px;
    text-decoration: none;
    line-height: normal;
    text-align: center;
    background-color: #eee;
    color: #333;
    border: 1px solid #ccc;
}

.vm-btn:hover {
    background-color: var(--btn-bg-color);
    color: var(--btn-color);
    border: 1px solid #ccc;
}

.vm-btn.vm-btn-primary,.btn-primary {
    background-color: var(--btn-bg-color);
    color: var(--btn-color);
    border-color: var(--btn-bg-color);
}

.vm-btn.vm-btn-primary:hover,.vm-btn.vm-btn-primary:focus,
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--btn-hover-color);
    color: var(--btn-bg-hover-color);
    border-color: var(--btn-hover-color);
}

.vm-btn.vm-btn-secondary {
    background-color: #eee;
    color: #333;
}

.vm-btn.vm-btn-secondary:hover {
    background-color: #ccc;
    color: #111;
}

.vm-btn.vm-btn-sm {
    padding: 2px 4px;
}

.vm-btn.vm-btn-lg {
    padding: 7px 12px;
}

.category-view h4{
  margin: 0;
  padding: 0;
}

.category-view .row .category .spacer h2{
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.category-view .row .category .spacer h2 a img{
  margin-top: 2px;
  max-width: 100%;
  height: auto;
}
.category_description {
  padding: 30px;
}
.featured-view h4,.discontinued-view h4,.latest-view h4,.topten-view h4,.recent-view h4,.related-products-view h4{
  font-size: 18px;
  margin: 15px 0;
  padding: 0;
}

.browse-view h1{font-size: 2rem;font-weight: 500;}

.orderby-displaynumber{
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
}

.orderby-displaynumber .vm-order-list {
  flex: 1;
  order: 1;
}

.orderby-displaynumber .display-number {
  order: 2;
}

@media screen and (max-width:992px) { 
  .orderby-displaynumber{margin: 0;padding: 0;justify-content: center;text-align: center;}
  .orderby-displaynumber .display-number {display: none;} 

  .browse-view .floatright.display-number{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-direction: column;
  }
  .orderby-displaynumber .vm-order-list{
    text-align: center;
  }
}
 

.orderby-displaynumber .vm-pagination-top {
  order: 3;
}

#limit{
/*  padding: 6px 12px;*/
/*  height: auto;*/
/*  border-radius: 0px;
  border: solid #CAC9C9 1px;*/
}

.orderlistcontainer{
/*  font-size: 14px;*/
  display: inline-block;
  text-decoration: none;
  margin: 0;
/*  margin: 0 0 0 8px;*/
}


.orderlistcontainer div.activeOrder{
  background: unset;
  cursor: pointer;
  border: solid #CAC9C9 1px;
  padding: 6px 12px;
}

/*down arrow*/
.orderlistcontainer div.activeOrder:after{
  content: "";
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 10px;
  top: -2px;
  position: relative;
}

.orderlistcontainer a{
  text-decoration: none;
  display: inline-block;
  color: inherit;
}

.orderlistcontainer a:hover{
  text-decoration: none;
  display: block;
  color: #EEE;
  background: #777;
}

.orderlistcontainer div.orderlist{
  display: none;
  position: absolute;
  border: solid #CAC9C9 1px;
  background: #FFF;
  cursor: pointer;
  z-index: 1;
}

.orderlistcontainer div.orderlist div{
  padding: 2px 12px 1px;
}

.orderlistcontainer div.orderlist div:hover{
  color: #EEE;
  background: #CAC9C9;
}

/* fix order list container */
/*.orderby-displaynumber .vm-order-list #orderlist,
.browse-view .display-number #limit{
  display: block;
}*/
/* end of fix order list container */

.ask-a-question-view .product-summary{
  border-bottom: solid #CAC9C9 1px;
  margin: 25px 0 0;
  padding: 0 0 10px;
}

.ask-a-question-view .product-summary h2{
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.ask-a-question-view .product-summary .short-description{
  margin-top: 6px;
}

.ask-a-question-view .product-summary img.product-image{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.ask-a-question-view .form-field textarea.field{
  width: 394px;
  background: #fff url(../images/vmgeneral/default_bg.jpg) bottom repeat-x;
  border: solid #CAC9C9 1px;
  border-radius: 4px;
  color: #777;
  text-align: left;
  padding: 12px;
}

.ask-a-question-view .form-field textarea.field:hover{
  background: #fff url(../images/vmgeneral/default_hover_bg.jpg) top repeat-x;
  color: #000;
}

.ask-a-question-view .form-field .submit{
  width: 418px;
}

.ask-a-question-view input.counter,.ask-a-question-view input#name,.ask-a-question-view input#email{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 5px 4px;
}

.ask-a-question-view table.askform, .ask-a-question-view table.askform tr, .ask-a-question-view table.askform td {
  border: 0;
}

.ask-a-question-view table.askform td {
  padding: 5px 0;
}

.ask-a-question-view #recaptcha_area {
  margin-bottom: 20px;
}


.productdetails-view div.ask-a-question{
  display: inline-block;
  margin: 10px 0;
  border: 1px solid #828282;
}

.productdetails-view div.ask-a-question a.ask-a-question{
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  padding: 3px 12px;
}

.productdetails-view div.ask-a-question a.ask-a-question::before{
  content: "";
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 682.66669 682.66669' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cdefs id='defs2260'%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='clipPath2270'%3E%3Cpath d='M 0,512 H 512 V 0 H 0 Z' id='path2268' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='g2262' transform='matrix(1.3333333,0,0,-1.3333333,0,682.66667)'%3E%3Cg id='g2264'%3E%3Cg id='g2266' clip-path='url(%23clipPath2270)'%3E%3Cg id='g2272' transform='translate(301,60)'%3E%3Cpath d='m 0,0 c 0,-24.853 -20.147,-45 -45,-45 -24.853,0 -45,20.147 -45,45 0,24.853 20.147,45 45,45 C -20.147,45 0,24.853 0,0 Z' style='fill:none;stroke:%23000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' id='path2274' /%3E%3C/g%3E%3Cg id='g2276' transform='translate(301,165)'%3E%3Cpath d='m 0,0 h -90 v 85.807 l 77.976,66.295 C -0.566,161.838 6,176.013 6,191 c 0,28.121 -22.879,51 -51,51 -28.121,0 -51,-22.879 -51,-51 h -90 c 0,77.748 63.252,141 141,141 C 32.748,332 96,268.748 96,191 96,149.558 77.871,110.384 46.263,83.525 L 0,44.193 Z' style='fill:none;stroke:%23000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1' id='path2278' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 14px;
  display: inline-block;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 14px 20px;
}


.ask-a-question-view,.manufacturer-details-view .spacer{
  padding: 20px;
}

.ask-a-question-view h1,.manufacturer-details-view h1{
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.manufacturer .viewproduct-manufacturer-label{margin-bottom: 10px;}
.manufacturer .manuModal img{width: 117px;}

.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{
  margin: 10px 0 0;
}

.manufacturer-details-view img{
  float: right;
  margin: 0 0 10px 20px;
}

.manufacturer-details-view .email-weblink a{
  margin-right: 15px;
}

a.product-details, a.details, div.details{
  background-position: 0 0;
  display: inline-block;
  padding: 3px 8px 1px;
}

a.details:hover, div.details:hover, a.product-details:hover{
  background-position: 0 -40px;
  color: #777;
}

span.details-button{
  margin: 0 0 0 10px;
}

span.details-button input.details-button {
  background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll center top #E8E8E8;
  color: #135CAE;
  border: 1px solid #CAC9C9;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  padding: 3px 8px 1px;
}

.coupon{
  color: gray;
  border-radius: 4px;
  border: 1px solid #CAC9C9;
  font-size: 9px;
  padding: 3px;
}

textarea.virtuemart{
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  text-align: left;
  padding: 5px 5px 4px;
}

p.product_s_desc{
  text-align: center;
  padding: 0 5px;
}

.horizontal-separator{
  height: 1px;
  background: #e9e8e8;
  margin: 10px 0;
}

.invalid {
  border-color: #f00!important;
  background-color: #ffd;
  color: #000;
}

label.invalid {
  background-color: #fff;
  color: #f00;
}

.page-results{
  margin-top: 25px;
  text-align: right;
}

.control-buttons button.default{
  margin-left: 8px;
}

table.user-details .vm-chzn-select{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
  width: 210px;
}

table.user-details input{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
  width: 200px;
}

table.user-details input.invalid{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border: solid red 1px;
  border-radius: 4px;
  color: #777;
  margin-bottom: 2px;
  padding: 5px 5px 4px;
}

table.user-details{
  width: 450px;
  margin-bottom: 10px;
}

table.user-details input[type="checkbox"], table.user-details input[type="radio"] {
  width: 20px;
}

td.key{
  padding: 0 6px;
  width: 150px;
}

.cart-view h1{
  font-size: 20px;
  margin: 0;
  padding: 0 0 10px;
}

.cart-view h2{
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.checkout-button-top{
  text-align: right;
  border-top: solid #E9E8E8 1px;
  padding: 10px 0 0;
}

.checkout-button-top input.terms-of-service{
  margin-right: 10px;
  display: inline-block;
}

span.tos{
  display: inline-block;
  margin-right: 15px;
}

.billto-shipto{
  border-top: solid #E9E8E8 1px;
  border-bottom: solid #E9E8E8 1px;
  margin: 10px 0 0;
  padding: 10px 0 25px;
}

.billto-shipto span, a.terms-of-service{
  display: inline-block;
  font-size: 14px;
}

#full-tos {
  display: none;
}

.output-billto span.titles,.output-shipto span.titles{
  width: 150px;
  float: left;
}

.output-billto span.values-first_name,.output-billto span.values-middle_name,.output-billto span.values-zip,.output-shipto span.values-first_name,.output-shipto span.values-middle_name,.output-shipto span.values-zip{
  float: left;
  margin-right: 3px;
}

table.cart-summary tr th{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border-bottom: solid #E9E8E8 1px;
  padding: 6px 2px 3px;
}

.cart-summary .vm-price-value {
  white-space: nowrap;
}

.cart-summary tr td {
  padding: 5px 3px 2px;
}

.customer-comment{
  text-align: center;
  border-top: solid #E9E8E8 1px;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

textarea.customer-comment{
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  margin-bottom: 2px;
  text-align: left;
  padding: 5px 5px 4px;
}

.cart.customer-note{
  margin: 10px 0 0 0;
}

textarea#customer_note_field {
  margin: 10px 0;
  width: 98%;
}

div.terms-of-service{
  margin: 10px 0 0;
  padding: 10px 0 15px;
  display: inline;
}

.terms-of-service h5{
  background: #7C1E21;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  font-weight: 400;
  margin: 0;
  padding: 15px;
}

.terms-of-service h5 a,.terms-of-service h5 a:visited{
  color: #fff;
  text-transform: uppercase;
}

.VmArrowdown{
  background: top right no-repeat url(../images/vmgeneral/arrow_down.png);
  cursor: pointer;
  float: right;
  width: 16px;
  height: 16px;
  padding: 0 12px;
}

ul.VMmenu,.VMmenu ul,.VMmenu li{
  list-style-type: none;
  background-image:none;
  padding: 2px;
}

#com-form-login .width30.floatleft {
  display: inline-block;
  margin: 0 20px 0 0;
}

#com-form-login label{
  display: inline-block;
}

#com-form-login input[type="checkbox"] {
  margin: 0;
}

.vm2-add_quantity_cart{
  background-position: 0 0;
  width: 24px;
  height: 24px;
  border: 0px;
  cursor: pointer;
}

.vm2-arrow_down{
  background-position: 0 -72px;
  width: 16px;
  height: 16px;
}

.vm2-billto-icon{
  background-position: 0 -138px;
  height: 24px;
  margin-right: 6px;
  vertical-align: middle;
  width: 24px;
  border: 0px;
}

.vm2-remove_from_cart{
  background-position: 0 -212px;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.vm2-shipto-icon{
  background-position: 0 -284px;
  height: 24px;
  margin-right: 6px;
  vertical-align: middle;
  width: 24px;
}

.vm2-lowstock{
  background-position: 0 -1114px;
  width: 62px;
  height: 15px;
  display: inline-block;
  float: right;
  margin: 6px 4px 0 0;
}

.vm2-nostock{
  background-position: 0 -1179px;
  width: 62px;
  height: 15px;
  display: inline-block;
  float: right;
  margin: 6px 4px 0 0;
}

.vm2-normalstock{
  background-position: 0 -1244px;
  width: 62px;
  height: 15px;
  display: inline-block;
  float: right;
  margin: 6px 4px 0 0;
}

.featured-view .vm2-lowstock, .featured-view .vm2-nostock, .featured-view .vm2-normalstock, .discontinued-view .vm2-lowstock, .discontinued-view .vm2-nostock, .discontinued-view .vm2-normalstock, .latest-view .vm2-lowstock, .latest-view .vm2-nostock, .latest-view .vm2-normalstock, .topten-view .vm2-lowstock, .topten-view .vm2-nostock, .topten-view .vm2-normalstock, .recent-view .vm2-lowstock, .recent-view .vm2-nostock, .recent-view .vm2-normalstock, .related-view .vm2-lowstock, .related-view .vm2-nostock, .related-view .vm2-normalstock{
  float: right;
  margin: 6px 4px 0 0;
}

.vm2-termsofservice-icon{
  background-position: 0 -1309px;
  height: 24px;
  margin-right: 6px;
  vertical-align: middle;
  width: 24px;
  display: inline-block;
}

.vendor-store-desc,.category-view,.featured-view,.discontinued-view,.latest-view,.topten-view,.recent-view,.related-products-view,.browse-view,.order-view{
  margin-bottom: 25px;
}

.vm-product-media-rating {
  width: 100%;
  float: left;
}

.vm-product-media-rating h2 {
  border: none;
  margin: 6px 0;
}

.vm-rating-header {
  float: right;
  margin: 0 6px 0 0;
}

.view-category .vm-product-media-container a {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vm-product-media-container a{
  position: relative;
}

.vm-product-media-container {
  text-align: center;
  max-width: 100%;
/*  margin-bottom: 15px;*/
  order: -2;
}

div[class^="vm-product-descr-container-"]{
  order: -1;
  display: flex;
  flex-direction: column;
}

.vm-product-container{
  display: flex;
  flex-wrap: wrap;
}

.vm-product-container .clear{
/*  display: none;*/
}

.vm-product-container .vm-product-media-container {
  position: relative;
  width: 55%;
  max-width: 800px;
}

.vm-product-container .additional-images{
  width: 100%;
}

.productdetails-media-carousel .product-image-wrapper img{color: transparent;}

@media all and (max-width: 992px) {
  .vm-product-container{
    flex-direction: column;
  }

  .vm-product-container .vm-product-media-container {
    width: 100%;
  }

  .vm-product-container .vm-product-media-container{order: 0;}
  .vm-product-container .additional-images{order: 1;}
  .vm-product-container .vm-product-details-container{order: 2;}
}

.vm-product-descr-container {
  float: left;
  width: 100%;
  text-align: center;
}

.vm-product-details-container {
  flex:1;
}

.valign-wrapper {
  position: relative;
}

.valign-content-wrapper {
  position: absolute;
  height: 100%;
  top: 50%;
  width: 100%;
}

.valign-content {
  position: absolute;
  margin: 0px auto;
  left: 0px;
  right: 0px;
  top: -43px;
}
/* .main-image img {max-width:100%;height:auto}*/

.main-image img {
  max-width: 100%;
  height:auto;
}
/*.main-image img.product-image,.featured-view .spacer img,.discontinued-view .spacer img,.latest-view .spacer img,.topten-view .spacer img,.recent-view .spacer img{max-width:100%;height:auto;width:auto;}*/

.browseProductImage {
  height: auto;
  max-width: 100%;
}

.browseCategoryImage {
  height: auto;
  max-width: 100%;
}

.customer-reviews,.ask-a-question-view .form-field{
  margin: 25px 0 0;
}

span.variant-name, span.custom-variant-name{
  width: 100px;
  float: left;
  display: block;
  margin-bottom: 5px;
}

.featured-view .spacer h3,.discontinued-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3{
  font-size: 14px;
  margin: 0 0 3px;
  padding: 0;
}

.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{
  width: auto;
  height: auto;
}

.display-number,.control-buttons{
  text-align:right !important;
  margin: 0 8px 0 0;
}

.control-buttons #reg_text {
  float: left;
  margin: 0 20px 0 0;
  text-align: left;
}

.control-buttons .reg_text {
  float: left;
  margin: 0 20px 0 0;
  text-align: left;
}

#userForm select,.width80{
  width: 80%;
}

textarea.virtuemart:hover, textarea.customer-comment:hover{
  color: #000;
  background: #e8e8e8;
}

label.invalid, span.red{
  color: red;
}

.output-billto span.values,.output-shipto span.values,.floatleft, span.floatleft{
  float: left;
}

.output-billto span.values,.output-shipto span.values {
  padding-right: 5px;
}

.joomlaCoreField {
  background-color: #FFFFDD;
}

.vm-pagination{
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.vm-pagination .vm-page-counter{
  order: 1;
  flex: 1;
  text-align: left;
  color: #777;
}

.vm-pagination .pagination,.vm-pagination ul{
  order: 2;
  margin-bottom: 0 !important;
  display: flex;
  padding-left: 0;
  list-style: none;
}

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

  .vm-pagination{ flex-direction: column; }
  .vm-pagination .vm-page-counter{margin: 5px 0 10px 0;}
  .vm-pagination.vm-pagination-top{margin-bottom: 10px;}

  .vm-pagination .pagination, .vm-pagination ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .vm-pagination ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
  }

  .browse-view .floatright.display-number {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-direction: column;
  }

  #limit{
    width: auto;
  }

  .productdetails-view .spacer-buy-area {
    align-items: center;
  }

  .productdetails-view .addtocart-area .product{
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.vm-page-counter {
  float: right;
}

.vm-bottom div{
  text-align:center !important;
}

.vm-bottom ul{
  text-align:center !important;
}

.vm-bottom ul li{
  display: inline;
}

.vm-bottom .counter{
  text-align: right !important;
}

.pagenav {
  padding: 3px 8px;
  margin: 0 4px;
  border: 1px solid #aaa;
  background-color: #fafafa;
  color: #b1b1b1;
}

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

td.orders-key{
  font-weight: bold;
  text-align: left;
}

/* related products - categories */

.product-related-products .hasTooltip,
.product-related-products .product-field-desc,
.product-related-categories .hasTooltip,
.product-related-categories .product-field-desc{display: none;}

.product-related-products,
.product-related-categories{
  /*display: flex;
  flex-wrap: wrap;*/
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

#fancybox-content .product-related-products,
#fancybox-content .product-related-categories{
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
}
#fancybox-content .product-related-products,
#fancybox-content .product-related-categories{
  justify-content: center;
}

.product-related-products .product-fields-title-wrapper,
.product-related-products > h4,
.product-related-categories .product-fields-title-wrapper,
.product-related-categories > h4{
/*  width: 100%;*/
  grid-column: 1 / -1;
}

.product-related-categories .product-fields-title-wrapper,
.product-related-categories > h4{display: none;}

.product-related-products > h4,
.product-related-categories > h4{
  text-align: center;
}

.product-related-products .product-field,
.product-related-categories .product-field{
 /* flex: 1 0 25%;
  max-width: 250px;*/
  margin: 0;
}

.product-related-categories .product-field .product-field-display{
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .product-fields-title-wrapper{text-align: center;}
  .product-related-products .product-field,
  .product-related-categories .product-field{
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 668px) {
  .product-related-products,
  .product-related-categories{
    justify-content: center;
  }

  .product-related-products .product-field,
  .product-related-categories .product-field{
    flex: 0 0 100%;
  }
}

.product-related-products .product-field .product-container,
.product-related-categories .product-field .product-container{
  margin: 0 2px;
}

.product-related-products .product-field .vm-product-media-container a,
.product-related-categories .product-field a{
  font-weight: bold;
}
/*.product-related-products .product-field .vm-product-media-container img,
.product-related-categories .product-field img{
  min-height: 250px;
  max-height: 250px;
  height: 250px;
  object-fit: contain;
  padding: 5px;
}*/
/* Manufacturer View Default */

.manufacturer-view-default .row .manufacturer .spacer {
  padding: 6px;
}

.product-field-display a img{
  display: block;
}

.product-related-products, .product-related-categories{
  border-top: solid #ccc 1px;
  padding-bottom: 10px;
}

.product-related-products img, .product-related-categories img {
  margin: 0 auto;
}

.product-fields .product-field-type-P{
  clear: both;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 18px;
}

.product-field-type-P .product-fields-title{
  font-size: 120%;
}

.product-field-type-B,.product-field-type-S,.product-field-type-I{
  float: left;
  text-align: left;
}

.product-field-type-R, .product-field-type-Z{
  float: left;
  margin: 0 16px;
}

.product-fields-title-wrapper{
  min-width: 160px;
  font-weight: bold;
  padding: 8px 0;
}

.product-field-type-S ul {
  margin: 0;
  padding: 0 0 0 15px;
}

.vm-customfield-mod img,.vm-customfield-cart img{
  vertical-align: middle;
  width: 16px;
}

.vm-img-desc{
  display: block;
}

a:hover .vm-img-desc{
  background: #095197;
}

.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{
  padding: 0 2px;
}
.vmpayment_name,  .vmshipment_name {
  font-weight: bold !important;
}

.vmpayment_name, .vmshipment_name {
  font-weight: 600 !important;
}
.vmpayment_description, .vmshipment_description {
  color: #535353;
  font-size: 10px !important;
  padding: 0 2px;
  font-style: italic !important;
  display: grid;
}

.vmpayment_cardinfo {
  color: gray;
  font-size: 9px;
}

.virtuemart_search .inputbox{
  vertical-align: middle;
}

.virtuemart_search{display: none;}
/* Custom Field Images */

.product-fields .product-field{
  width: 100%;
  float: left;
  display: inline-block;
  margin-bottom: 6px;
}

.vmgroup .product-fields .product-field,
.browse-view .product-fields .product-field{
  text-align: center;
}

.product-fields .product-field label.other-customfield {
  width: 25%;
  float: left;
  position: relative;
  top: 20px;
  left: -18px;
  margin-bottom: 27px;
  text-align: center;
}/* For 4 images across use width:17% */

.product-fields .product-field-type-M {
  display: block;
}

.product-fields .product-field-type-M input[type=radio] {
  display: block;
  margin: 10px;
}

.product-fields .product-field-type-M label {
  display: inline-block;
}

.product-fields .product-field-type-M img {
  display: block;
  vertical-align: text-top;
  float: right;
}

.product-field-display {
  vertical-align: middle;
}

.product-fields .product-field .vm-img-desc {
  font-size: 9px;
}

.vm-cart-item-name {
  text-align: left;
  overflow: hidden;
}

.vm-cart-item-sku {
  text-align: left;
}

.vm-cart-item-basicprice{
  min-width: 64px;
  width: 5%;
  text-align: center;
}

.vm-cart-item-quantity{
  min-width: 100px;
  width: 10%;
  text-align: center;
}

.vm-cart-item-tax{
  min-width: 64px;
  width: 5%;
  text-align: center;
}

.vm-cart-item-discount{
  min-width: 64px;
  width: 5%;
  text-align: center;
}

.vm-cart-item-total{
  min-width: 64px;
  width: 5%;
  text-align: center;
}

.vm-search-custom-values-group {
  display: block;
  float: left;
  background-color: #f2f2f2;
  margin: 4px;
  padding: 4px;
}

span.vm-search-descr {
  display: block;
}

.vm-search-custom-search-input input.inputbox {
  margin: 0;
}

/* some more styles */

.buttonBar-right{
  text-align: right;
  float: right;
}

.userfields_info{
  font-weight: bold;
  display: block;
  margin: 0px 0px 8px 0px;
}

div.product {
  border: 0px solid #ddd;
  min-width: 220px;
}

div.product_horizon div.product {
  border: 1px solid #ddd;
  margin: 4px;
  min-width: 220px;
}

.vm-product-descr-container h2 {
  min-height: 51px;
  margin-bottom: 0px;
}

.vm-product-descr-container-0 {
  min-height: 50px;
/*  margin-bottom: 6px;*/
}

.vm-product-descr-container-1 {
  min-height: 90px;
/*  margin-bottom: 6px;*/
}

/*.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2,
.vmgroup .product-container h2 a{
  font-size: 14px;
  line-height: 20px;
  margin:  0 0 10px 0;
  height: 60px;
  padding: 7px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vmgroup .product-container h2,
.vmgroup .product-container h2 a{
  margin-bottom: 0;
}*/

/* Reset Bootstrap row class margin for VM views */

div[class*="-view"] .row{
  margin: 0;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */

/* loading div style 1 */
/*.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  background: black;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top: 4px solid var(--btn-bg-color);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.vmLoadingDiv::before,
.vmLoadingDiv::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}
.vmLoadingDiv::before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: var(--secondary-link-color);
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3.5s linear infinite;
}
.vmLoadingDiv::after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: var(--btn-bg-color);
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.75s linear infinite;
}
     


@-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }*/
/*<div class="vmLoadingDiv"><div class="vmLoadingDivMsg"></div></div>*/

/*style 1.5*/
/*.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  background: black;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1;
  display: grid;
  grid: 50%/50%;
  color: var(--btn-bg-color);
  --_g: no-repeat linear-gradient(currentColor 0 0);
  background: var(--_g),var(--_g),var(--_g);
  background-size: 50.1% 50.1%;
  animation: 
    l6-0   1.5s infinite steps(1) alternate,
    l6-0-0 3s   infinite steps(1);
}
.vmLoadingDiv::before {
  content: "";
  background: currentColor;
  transform: perspective(150px) rotateY(0deg) rotateX(0deg);
  transform-origin: bottom right; 
  animation: l6-1 1.5s infinite linear alternate;
}
@keyframes l6-0 {
  0%  {background-position: 0    100%,100% 100%,100% 0}
  33% {background-position: 100% 100%,100% 100%,100% 0}
  66% {background-position: 100% 0   ,100% 0   ,100% 0}
}
@keyframes l6-0-0 {
  0%  {transform: scaleX(1)  rotate(0deg)}
  50% {transform: scaleX(-1) rotate(-90deg)}
}
@keyframes l6-1 {
  16.5%{transform:perspective(150px) rotateX(-90deg)  rotateY(0deg)    rotateX(0deg);filter:grayscale(0.8)}
  33%  {transform:perspective(150px) rotateX(-180deg) rotateY(0deg)    rotateX(0deg)}
  66%  {transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(0deg)}
  100% {transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(-180deg);filter:grayscale(0.8)}
}
.vmLoading .vmLoadingDiv{
  display: grid;
}*/


/* HTML: <div class="loader"></div> */
#fancybox-loading div {
  all:unset !important;
}

#fancybox-loading,.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 50px !important;
  height: 50px !important;
  top: 50% !important;
  left: calc(50% + 50px) !important;
  padding: 8px;
  margin: 0 !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--btn-bg-color);
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: loadingAnimation 1s infinite linear;
}
@keyframes loadingAnimation {to{transform: rotate(1turn)}}

/* loading div style 2 */
/*.vmLoadingDiv,
.vmLoadingDiv:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 6px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.5);
  border-right: 1.1em solid rgba(0, 0, 0, 0.5);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.5);
  border-left: 1.1em solid rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/

/* style 3 with gif */
/*.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2) url('../images/vm-preloader.gif') 50% 45% no-repeat;
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */

.vmLoading .vmLoadingDiv {
  display: block;
}

.vmLoadingDiv .vmLoadingDivMsg {
  position: relative;
  top: 50%;
}

/* additional for vm-products-horizon */
.vm-products-horizon.vm-col {
    width: 100%;
}

.vm-products-horizon .vm-product-media-container {
    float: left;
    max-width: 180px;
}

.vm-products-horizon .vm-product-rating-container {
  float: left;
  padding: 4px 8px;
}

.vm-products-horizon .vm-product-descr-container-0, .vm-products-horizon .vm-product-descr-container-1, .vm-products-horizon .vm-product-descr-container-2 {
    float: left;
}

.vm-products-horizon .vm-product-descr-container-0 > h2, .vm-products-horizon .vm-product-descr-container-1 h2, .vm-products-horizon .vm-product-descr-container-2 h2 {
    display: inline-block;
    float: none;
}

.vm-products-horizon .vmicon {
    float: none;
}

.vm-products-horizon .ratingbox {
    display: block;
}

.vm-products-horizon .vm-details-button {
    display: none;
}

.vm-products-horizon .vm-customfields-wrap {
    float: left;
}

.vm-products-horizon .product-price {
    float: right;
}

.vm-products-horizon .addtocart-bar {
    float: right;
    position: static;
}



/* adjust to screen size */

div[class*="-view"] .row{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* cart table */
.cart-summary td, .cart-summary th {
  border: 1px solid #ddd;
}

.vm-payment-plugin-single label, .vm-shipment-plugin-single label {
  display: inline;
}
/* Chosen */
.chzn-container, .chzn-drop{
  max-width: 100%;
}

.product-field-type-C .chzn-container {
  margin-bottom: 10px;
}

/* Category module wall layout */
.vm-categories-wall{
  list-style:none;
  margin:0 0 20px;
  padding:0;
}
.vm-categories-wall a{
  font-weight:bold;
  display:block
}
.vm-categories-wall-catwrapper{
  margin-bottom:15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vm-categories-wall-img{
  margin-bottom:10px
}
.vm-categories-wall .width50:nth-child(2n +1),
.vm-categories-wall .width33:nth-child(3n +1),
.vm-categories-wall .width25:nth-child(4n +1),
.vm-categories-wall .width20:nth-child(5n +1),
.vm-categories-wall .width16:nth-child(6n +1){
  clear:left
}

@media all and (max-width: 980px) {
  div#nav {
    display: none;
  }

  div#contentarea {
    padding: 0;
  }
}

@media all and (max-width: 800px) {
  .featured-view h4, .discontinued-view h4, .latest-view h4, .topten-view h4, .recent-view h4, .related-products-view h4 {
    text-align: center;
  }

  div#line {
    display: none;
  }

  div#nav {
    display: none;
  }

  div.vendor-store-desc {
    display: none;
  }

  div[class*="vm-col-"] {
    width: 50%;
  }

  .vm-col-3 {
    width: 49%;
  }

  h1#logo {
    margin-left: 0;
  }
}

@media (max-width: 768px) {

  /* Category module wall layout */
  .vm-categories-wall-catwrapper{
    width: 50%;
  }

  .vm-categories-wall .vm-categories-wall-catwrapper:nth-child(2n +1){
    clear:left;
  }

  .vm-categories-wall .width50:nth-child(2n +1),
  .vm-categories-wall .width33:nth-child(3n +1),
  .vm-categories-wall .width25:nth-child(4n +1),
  .vm-categories-wall .width20:nth-child(5n +1),
  .vm-categories-wall .width16:nth-child(6n +1){
    clear: none;
  }

}

@media (max-width: 600px) {
  div[class*="vm-col-"] {
    width: 100%;
  }
}

@media (max-width: 480px){
  #header ul {
    text-align: center;
  }

  .row div[class*="width"]{
    width: 49%;
    float: left;
    margin-bottom: 15px;
  }

/*  div.product {
    float: left;
    margin: auto;
    width: 49%;
  }*/

  .vm-product-container > div {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  .productdetails-view .spacer-buy-area {
    padding: 0;
  }

  .productdetails-view .addtocart-area, .productdetails-view .manufacturer, .productdetails-view .addtocart-bar{
    text-align: center;
  }
}

@media all and (max-width: 400px) {
  .row div[class*="width"]{
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  #header ul {
    right: 0px;
    left: 0px;
  }
}

@media (max-width: 360px) {
  /* Category module wall layout */
  .vm-categories-wall-catwrapper{
    width: 100%;
  }
}

/* Dropdown cart module */
.dropdownCart {
    position: relative;
    display: inline-block
}

.dropdownCart-btn {
    background-color: transparent;
    border: none;
    padding: 0 10px 0 0;
    display: flex;
    position: relative;
    white-space: nowrap;
}

.dropdownCart-btn::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
}

.dropdownCart-icon {
    display: block;
    margin-right: 5px;
    width: 20px;
}

.dropdownCart-container {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    width: 300px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}

.dropdown_align_left {
    left: 0;
    right: auto;
}

.dropdownCart .vm_cart_products {
    max-height: 350px;
    overflow-y: auto;
}

.dropdownCart .product_row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.dropdownCart .product_row:last-child {
    border: none;
    margin-bottom: 0
}

.dropdownCart .product_row_info {
    display: flex;
    align-items: center;
}

.dropdownCart .product_row_info .image {
    width: 60px;
    flex-shrink: 0
}

.dropdownCart .product_price {
    text-align: right;
    white-space: nowrap;
    width: 80px;
    flex-shrink: 0
}

.dropdownCart .product_name {
    flex-grow: 1;
    padding: 0 15px
}

.dropdownCart .vm-customfield-mod:not(:empty) {
    margin-top: 10px;
}

.dropdownCart .vm-customfield-mod span {
    float: none;
}

.dropdownCart .total {
    text-align: center;
    margin: 0 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.dropdownCart .total:empty {
    display: none;
}

.dropdownCart .show_cart {
    text-align: center;
}

.dropdownCart .show_cart a {
    float: none !important;
}

/* fix price fields */
.vm-price-value{
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}

.vm-price-value span:not(.vm-price-desc){
  display: flex;
  justify-content: center;
  flex: 1;
  white-space: nowrap;
}

.view-productdetails .vm-product-container .vm-price-value span:not(.vm-price-desc){
  justify-content: flex-start;
}

.vm-price-value span:nth-child(2){
  justify-content: flex-end;
}

.vm-price-value span.PricesalesPrice{font-size: 1.1rem;}

.view-productdetails .vm-product-container .vm-price-value span.PricesalesPrice{font-size: 1.3rem;}

.vm-price-value span{align-items: center;}

.vm-price-desc{justify-content: flex-start;}

.vm-price-desc + span{
  flex:0;
}

/* VIRTUEMART CUSTOM CSS */

.tag-outer{
  position: absolute;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.tag-outer-left {
  left: 5px;
  top: 5px;
  align-items: flex-start;
}

.tag-outer-right {
  right: 5px;
  top: 5px;
  align-items: flex-end;
}

.tag{
  display: flex;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 7px;
  align-items: center;
  justify-content: center;
}

.tag.new {
  background: var(--easyshop-color-primary);
  color: #fff;
}

.tag.sold {
  background: #adadad;
  color: #fff;
}

.tag.discount {
  background: var(--easyshop-color-primary);
  color: #fff;
}

.tag.discontinued{
  background: var(--easyshop-color-primary);
  color: #fff;
}

/* start of registartion form */
.com_virtuemart.view-user #com-form-login{
  margin-bottom: 20px;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 15px;
}
.com_virtuemart.view-user #com-form-login > .width30 {
  width: auto;
  margin-right: 25px;
}

.com_virtuemart.view-user #com-form-login , #com-form-login .userdata{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  justify-content: center;
}

.com_virtuemart.view-user #com-form-login-username,
.com_virtuemart.view-user #com-form-login-password,
.com_virtuemart.view-user #com-form-login-remember {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.com_virtuemart.view-user #com-form-login-remember {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.com_virtuemart.view-user label[for='remember']{padding-right: 5px;}

.com_virtuemart.view-user #com-form-login-remember input.default{
  margin-left: 15px;
}
.com_virtuemart.view-user #com-form-login-remember input.default,
.com_virtuemart.view-user button[type="submit"],
.com_virtuemart.view-user button[type="reset"]{
  order: 1;
  border: unset;
  padding: 5px 20px;
  background: var(--btn-bg-color);
  color: var(--btn-color);
  font-weight: bold;
}

.com_virtuemart.view-user button[type="reset"]{
  background: #e9e9ed;
  color: #333;
}

.com_virtuemart.view-user .adminForm.user-details{
  width: 100% !important;
}
.com_virtuemart.view-user h1{
  font-size: 26px;
  line-height: 1.1;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
}

.com_virtuemart.view-user h2{
  font-size: 24px;
  line-height: 1.1;
  color: #555;
  margin: 0 0 20px;
  text-align: center;
}

.com_virtuemart.view-user .userfields_info{
  font-size: 20px;
  line-height: 1.1;
  color: #555;
  margin: 0 0 20px;
  font-weight: normal;
  padding: 0;
  margin: 10px 0;
}

.com_virtuemart.view-user select{
  width: 100% !important;
}

label.invalid, span.red {
  background-color: #fff;
  color: #A94442;
}

.com_virtuemart.view-user #adminForm{
  display: flex;
  flex-direction: column;
}
.com_virtuemart.view-user #adminForm table tr{
  border-bottom: 15px solid transparent;
}
.com_virtuemart.view-user #adminForm .buttonBar-right{
  order: 1;
  float: unset;
  text-align: center;
}
.com_virtuemart.view-user input,.com_virtuemart.view-user select{
  display: block;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #777;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.com_virtuemart.view-user .user-details input{
  width: 100%;
}

.com_virtuemart.view-user .form-control:focus, .com_virtuemart.view-user select:focus, .com_virtuemart.view-user textarea:focus, input:focus, .com_virtuemart.view-user .uneditable-input:focus, .com_virtuemart.view-user .inputbox:focus {
  border-color: #333 !important;
}

.com_virtuemart.view-user .invalid,.com_virtuemart.view-user .has-error select,.com_virtuemart.view-user .has-error textarea,.com_virtuemart.view-user .has-error input, .uneditable-input, .com_virtuemart.view-user .has-error .inputbox {
  border-color: #A94442 !important;
}
/* end of registration form */

/* fix popup fancybox added to cart */
#fancybox-wrap{
  left: 50% !important;
  transform: translateX(-50%) !important;
  max-width: 100vw !important;
}

#fancybox-outer{
  display: flex;
}

#fancybox-outer .continue_link,#fancybox-outer .showcart{
  width: 50%;
  border-radius: 0;
  margin-bottom: 15px;
}

#fancybox-outer{display: flex;flex-direction: column;}
#fancybox-content,#fancybox-title{max-width: 100%;/*height: auto !important;*/}
#fancybox-close {top: -20px !important;right: -10px !important;}
/* end of fix popup fancybox added to cart */

/*
--easyshop-color-link
--easyshop-color-hover
*/
.container-banner {
  margin: 0;
}
/* CATEGORIES */
.category-view .category a{display: flex;flex-direction: column;}
.category-view .category a img{
 width: 100%; max-inline-size: 100%; aspect-ratio: 1/1;
  min-height: 250px;
  max-height: 400px;
  height: 250px;
  object-fit: contain;
}
.category-view .category .cat-title{  background-color: #f1f1f1;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 10px;
  padding: 15px;
  transition: all 0.3s linear;
  border: solid 1px #d6d3d3;
}
.category-view .category a:hover .cat-title{color: #ffffff;background-color: var(--easyshop-color-primary);}


/* PRODUCTS */
.stock{margin-bottom: 10px;}
/* TO ADD */
/*.view-productdetails .vmgroup .addtocart-area{display: none;}
.view-category .vmgroup .addtocart-area{display: none;}*/

.vm-details-button{display: none;}
div[class^="vm3pr"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.vmgroup div[class^="vm3pr"] {
  height: 100%;
}

/*.vmproduct.productdetails{
  display: flex;
  gap: 10px;
}*/
.vmgroup > div{
  /*display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.category-view .product{padding: 0 5px;}
.vmgroup .product-container .spacer{margin: 0 5px;}

.vmgroup .product-container .spacer,
.browse-view .product-container{
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  position: relative;
  margin-bottom: 8px;
  transition: all 0.2s linear;
}

@media (max-width: 992px) {
  .vmgroup > div{
    flex-wrap: wrap;
  }

/*  .vmgroup .product-container,
  .browse-view .product-container{
    width: 50%;
  }*/
}

@media (max-width: 600px) {
  .vmgroup .product-container,
  .browse-view .product-container{
    width: 100%;
  }
}

.product-related-products .product-field .vm-product-media-container img,
.product-related-categories .product-field img,
.browse-view .product-container a > img,
.vmgroup .product-container a > img,
.vmgroup .product-container .product-image img,
.browse-view .product-container .product-image img
 {
  min-height: 250px;
  max-height: 250px;
  height: 250px;
  object-fit: contain;
  padding: 5px;
}

.product-related-products .product-container {border: 1px solid #d2d2d2;}
.product-related-products .product-container:hover {box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;}
/* hover images change to second */

.vmgroup .product-container .product-list-images
.browse-view .product-container .product-list-images{
  position: relative;
}

.vmgroup .product-container .product-list-images .product-image:not(.product-image-1),
.browse-view .product-container .product-list-images .product-image:not(.product-image-1){
  opacity: 1;
  transition-duration: 0s;

}

.vmgroup .product-container .product-list-images .product-image-1,
.browse-view .product-container .product-list-images .product-image-1{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0s;
}

.vmgroup .product-container:hover .product-list-images .product-image:not(.product-image-1),
.browse-view .product-container:hover .product-list-images .product-image:not(.product-image-1){
  opacity: 0;
  transition:all 0.25s ease;
  transition-delay: 0.25s;
}

.vmgroup .product-container:hover .product-list-images .product-image-1,
.browse-view .product-container:hover .product-list-images .product-image-1{
  opacity: 1;
  transition:all 0.5s ease;
}

/* end of hover images change to second */

.vmgroup .product-container:hover .spacer,
.browse-view .product-container:hover{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
}

.vm-product-rating-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.9rem;
}

.vmgroup .product-container a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/*.vmgroup .product-container a:nth-of-type(2),*/
.vmgroup .product-container .productdetails,
.vmgroup .product-container h2 a,
.browse-view .product-container > div:not(.vm-product-media-container):not(.tag-outer){
  color: #353535;
  background: #f1f1f1;
  transition: all 200ms linear;
}


/*.vmgroup .product-container a:nth-of-type(2),*/
/*.browse-view .product-container div[class^="vm-product-descr-container-"] h2 a{*/

.vmgroup .product-container h2,
.browse-view .product-container h2{
  font-weight: 500;
}

.vmgroup .product-container h2 a,
.browse-view .product-container h2 a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 20px;
  margin: 0 0 10px 0;
  height: 60px;
  width: 100%;
  padding: 7px 10px;
  text-align: center;
  font-weight: 500;
}

.vmgroup .product-container h2,
.vmgroup .product-container h2 a{
  margin-bottom: 0;
}

/*.vmgroup .product-container:hover a:nth-of-type(2),*/
/*.browse-view .product-container:hover div[class^="vm-product-descr-container-"] h2{*/
.vmgroup .product-container:hover h2 a,
.browse-view .product-container:hover h2 a{
  color: #fff;
  background: var(--easyshop-color-primary);
}

.vmgroup .product-container .productdetails,
.browse-view .product-container .productdetails {
/*  height: 100%;*/
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.vmgroup .product-container .addtocart-area form,
.browse-view .product-container .addtocart-area form{
  width: 100%;
}

/*@media (hover: hover) {*/
@media screen and (min-width: 992px) {
  .vmgroup .product-container .addtocart-area,
  .browse-view .product .addtocart-area {
    position: absolute;
    top: 100%;
    background: #f1f1f1;
    width: 100%;
    text-align: center;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 250ms linear;
    overflow: hidden;
    margin: 0 !important;
    z-index: 2;
  }

  .product-container .vm-price-desc{
    font-size: 0.9rem;
  }

/*  div[class^="vm3pr-"]:nth-child(1){display: none;}*/

  .product-container:hover .addtocart-area,
  .browse-view .product:hover .addtocart-area,
  .product-container .addtocart-area:hover,
  .browse-view .product .addtocart-area:hover {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.products-view{margin-bottom: 25px;}

/* hide multi variant custom fields from module in product view */
.view-productdetails .vmgroup .product-field.product-field-type-C{
  display: none;
}

.product-container .vm-product-media-container img{
  object-fit: contain;
}

/* popups css */
.manufacturer-details-view, .manufacturer-details-view .spacer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.manufacturer-details-view .manufacturer-image,
.manufacturer-details-view .manufacturer-url,
.manufacturer-details-view .manufacturer-description,
.manufacturer-details-view .manufacturer-product-link{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.manufacturer-details-view .manufacturer-image{order: 0;}
.manufacturer-details-view .manufacturer-product-link{order: 1;}
.manufacturer-details-view .manufacturer-description{order: 2;}
.manufacturer-details-view .manufacturer-url{order: 3;}

.manufacturer-details-view .manufacturer-image{
  height: 90px;
  max-width: 100%;
}
.manufacturer-details-view a,
.ask-a-question-view .submit input{
  margin:10px 0;
  border:1px solid #6d757e;
  color: #6d757e;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .6rem 1rem;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  transition: all .15s ease-in-out;
}

.manufacturer-details-view a:hover,
.ask-a-question-view .submit input:hover{
  background-color: #6d757e;
  border-color: #6d757e;
  color: #fff;
}

.ask-a-question-view > h1{
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.ask-a-question-view .product-summary {
  display: flex;
  flex-direction: column;
}

.ask-a-question-view .product-summary > div{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.ask-a-question-view .product-summary .product-image{
  height: 200px;
}

.ask-a-question-view .askform{ border-collapse: separate;border-spacing: 0px 10px; }
.ask-a-question-view .askform td{position: relative;}
.ask-a-question-view .askform .formError{display: none !important;}
.ask-a-question-view .askform .formError + input,
.ask-a-question-view .askform .formError + textarea {
  border-color: red !important;
}
.ask-a-question-view .askform input,
.ask-a-question-view .askform textarea,
.ask-a-question-view .submit input{
  width: 100%;
}

.ask-a-question-view .submit input.counter{
  all: unset;
}

.ask-a-question-view .submit input.counter,
.ask-a-question-view .submit label[for='counter']{
  font-size: 14px;
  color: #6d757e;
}
/* end of popups css */
/* select fields */
.product-field-display{
  display: flex;
  flex-direction: column;
/*  align-items: flex-start;*/
  justify-content: center;
  gap: 10px;
}

.vm-customfields-wrap{
  display: block;
  width: 80%;
  margin: 0 auto;
}

.view-productdetails .vm-product-container .addtocart-area .vm-customfields-wrap{
  display: block;
  width: auto;
  margin: 0;
}
/*.vmgroup .product-field-display,
.browse-view .product-field-display{
  align-items: center;
}*/

select.vm-chzn-select,
select{
flex: 0 1 95%;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
background: rgb(246, 249, 252);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='svg8' height='512' viewBox='0 0 16.933333 16.933333' width='512' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e%3cg id='layer1' transform='translate(0 -280.067)'%3e%3cpath id='path828' d='m8.40625 281.12695a1.0584391 1.0584391 0 0 0 -.5742188.20899l-4.234375 3.17578a1.0587895 1.0587895 0 1 0 1.2714844 1.69336l3.5976563-2.69922 3.5976561 2.69922a1.0587897 1.0587897 0 1 0 1.271485-1.69336l-4.2343755-3.17578a1.0584391 1.0584391 0 0 0 -.6953125-.20899z' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='rgb(0,0,0)' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='rgb(0,0,0)' solid-opacity='1' vector-effect='none'/%3e%3cpath id='path830' d='m12.722656 290.64062a1.0584391 1.0584391 0 0 0 -.658203.22266l-3.5976561 2.70508-3.5976563-2.70508a1.0584391 1.0584391 0 1 0 -1.2714844 1.69141l4.2324219 3.18359a1.0584391 1.0584391 0 0 0 1.2734375 0l4.2324224-3.18359a1.0584391 1.0584391 0 0 0 -.613282-1.91407z' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='rgb(0,0,0)' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='rgb(0,0,0)' solid-opacity='1' vector-effect='none'/%3e%3c/g%3e%3c/svg%3e");
background-position: calc(100% - 5px) 50%;
background-repeat: no-repeat;
background-size: 15px 15px;
border-radius: 0;
border: 1px solid #ebebeb;
padding: 2px 23px 2px 2px;
color: inherit;
}

select.vm-chzn-select,
select.vm-chzn-select option,
select,
select option{
  width: 98%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}

/* modules title */
.moduletable h1,
.moduletable h2,
/* .moduletable h3, */
.moduletable h4,
.moduletable h5,
.card-header {
  letter-spacing: -1px;
  font-weight: 400;
  font-size: 1.7rem;
}
.moduletable h3 {
font-weight: 200 !important;
  letter-spacing: .02rem !important; 
}
.container-component .moduletable h3 {
  border-left: 12px solid var(--link-color);
  padding-left: 8px;
  margin-bottom: 2rem !important;
  line-height: 40px;
}
.grid-child.container-component .moduletable {
  margin-bottom: 3rem;
}

/* footer */

.footer .grid-child{
  justify-content: space-between;
  padding: 2.5rem 0.5em;
  align-items: flex-start;
}
.footer-after{
  padding: 15px 3em !important;
}
.footer-after p:last-child {
  margin-bottom: 0 !important;
}
.footer-after .mod-menu{
  flex-direction: row;
  gap: 10px;
}

/*@media (max-width: 992px) {
  .footer-after .mod-menu{
    flex-direction: column;
    text-align: center;
  }
}*/
/*.footer .grid-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
}*/

/* search module */
form[id^="mod-ajaxsearch-form"] > div{
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

form[id^="mod-ajaxsearch-form"] input{
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

form[id^="mod-ajaxsearch-form"] .search_class{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

form[id^="mod-ajaxsearch-form"] input,
form[id^="mod-ajaxsearch-form"] .search_class,
form[id^="mod-ajaxsearch-form"] .btn-group{
  margin: 0 !important;
}
form[id^="mod-ajaxsearch-form"] .search-label{display: none;}
#is_ajaxsearch_result{margin-left: 0 !important;}

/*form[id^="mod-ajaxsearch-form"] .search_class{
  background: var(--easyshop-color-primary);
  color: #fff;
}*/



/**
* Back to Top
*/
.back-to-top-link {
  position: fixed;
  bottom: 15px;
  right: 5px;
  z-index: 10000;
  padding: 0.5em;
  color: #ffffff;
  pointer-events: all;
  background-color: #333;
  border: 1px solid #fff;
  border-radius: 0.25rem;
  opacity: 0;
  transition: all 150ms ease-in;
}
.back-to-top-link.visible {
  opacity: 1;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  color: #fff !important;
  background-color: var(--easyshop-color-primary, hsl(220, 67%, 20%));
  border-color: #fff;
}


.view-productdetails .hide-in-product,
.view-article .hide-in-article{
  display: none !important;
}


@media screen and (max-width: 682px) {
  .breadcrumb{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* off canvas css */
/*.offcanvas-toggler{cursor:pointer;margin: 0 5px}
.offcanvas-toggler img,
.offcanvas-toggler svg{
  height: var(--offcanvas-toggler-height);
  width: auto;
}

.offcanvas-wrapper .offcanvas-header{
  position: sticky;
  top: 0px;
  height: var(--offcanvas-header-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--offcanvas-header-bgcolor);
  color: var(--offcanvas-header-color);
  box-shadow: 0px 1px 7px 0px rgba(0,0,0,.13);
  z-index: 1;
}

.offcanvas-wrapper{
  position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    scrollbar-width: none;
  -ms-overflow-style: none;
  z-index: 55600;
}

.offcanvas-wrapper--visible {
    pointer-events: auto;
    overflow: auto;
}

.offcanvas-wrapper::-webkit-scrollbar,.offcanvas::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.offcanvas-wrapper-inner {
  position: relative;
  -webkit-transform: translateX(103%);
  transform: translateX(103%);
  display: flex;
  flex-direction: column;
  will-change: transform;
  pointer-events: auto;
  background-color: var(--offcanvas-bgcolor);
  color: var(--offcanvas-color);
  width: 100%;
  max-width: 450px;
  z-index: 55601;
  float: right;
  min-height: 100%;
}

.offcanvas-wrapper--visible .offcanvas-wrapper-inner {
    -webkit-transform: none;
            transform: none;
}

.offcanvas-wrapper--animatable .offcanvas-wrapper-inner {
    transition: all 130ms ease-in;
}

.offcanvas-wrapper--visible.offcanvas-wrapper--animatable  .offcanvas-wrapper-inner {
    transition: all 330ms ease-out;
}


.offcanvas-wrapper:after {
    content: '';
    display: block;
    position: inherit;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0,0,0.3,1);
}

.offcanvas-wrapper--visible.offcanvas-wrapper:after {
    opacity: 1;
    pointer-events: auto;
}

.close-btn-outer {
  display: block;
  padding: 20px;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  cursor: pointer;
}
.close-btn-outer .close-btn{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid currentColor;
  border-width: 0 0 3px 3px;
  transform: rotate(45deg);
}*/
/* end of off canvas css */

/*.el-hor-megamenu .el-main-list .list-item-5 .depth-ul-1{
  flex-direction: column;
  width: auto !important;
  transform: unset !important;
}

.el-hor-megamenu .el-main-list .list-item-5 .depth-li-1 {
  margin-bottom: 8px !important;
  flex: 0 1 100% !important;
}*/

.orderby-displaynumber .vm-order-list .orderlistcontainer:nth-of-type(2) {
  display: none;
}
/*forma eggrafis */
#adminForm {
  width: 50vw;
  margin: 0 auto;
}
/*AMEA*/
._access-icon.material-icons._access {
  background-color: #1256ae !important;
  border-radius: 0 25px 25px 0;
}

/*ONE PAGE CHECKOUT */
#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;
  float: left;
  margin-right: 8px;
}
#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_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;
}
/* hide categories img */
.category img {
  display: none;
}