/*########################################## *
General css for Product Virtuemart *
Design by WebDesign - sites-design.com
* Copyright 2006 - 2023 WebDesign * Licensed for Foxled
* Developer : http://www.sites-design.com
###########################################*/

[data-modals-element=modal][data-modals-theme=light-automatic] [data-modals-element=close] {margin: 40px 0 0 !important;} 
#t4-main-body {margin-top: 0; padding-top: 20px;} 
#t4-main-body.bgcategory {background: #FCFCFC url("../images/bg-top_category.png") no-repeat top center; background-size: 100% 180px; border-top: 4px solid #fff; margin-top: 0;} 
.top-category {display: inline-block; width: 100%; vertical-align: middle;} 
.category_description {float: right; width: 500px; text-align: right; position: relative; z-index: 1;} 
.category_description p {margin: 0;} 
.catDescription p.not-display {display: none;} 

.category-view .row {margin: 0 !important;} 
.titulo2 {margin: 30px 0 0;} 
.top-category h1 {text-transform: uppercase; margin: 60px 0 0; letter-spacing: 3px; width: 55%; float: left; position: relative; z-index: 1;} 
.category_description img {max-height: 180px;} 
.category-view .page-header {margin: 5px 0 20px !important; padding: 0;} 
.category-view .titulo2 .page-header {margin: 0;} 
.titulo2 + link + .category-view .page-header h1 {margin: 30px auto -22px !important; font-size: 32px !important;} 

.category-view.produtos .category.col-6 {width: 25%; float: left;} 
.category-view.produtos .category.col-6 .spacer {text-transform: uppercase; position: relative; border: 1px solid #ddd; padding: 10px; width: 96%; margin: 15px auto 0; text-align: center;} 
.category-view.produtos .category.col-6 .spacer h2 {font-size: 15px; line-height: 18px; letter-spacing: -0.5px; margin: 0;} 
.category-view .spacer .img-categoria {display: none;}

.vm-order-list {float: left; margin: 5px 0 0 !important;} 
.orderlist {width: 90%;} 
.orderby-displaynumber {background: #fff; display: inline-block; width: 100%; margin: 0 0 20px; padding: 0; border-bottom: 1px solid #c9dfb7; border-top: 1px solid #c9dfb7;}
.orderby-displaynumber div {display: inherit; min-width: 33%; min-height: 1px; margin: 3px 0 0;} 
.orderby-displaynumber .display-number {float: right; margin: 5px 10px 5px 0 !important;} 
.orderlistcontainer .activeOrder, .orderlistcontainer .Order {color: #333; margin: 0 !important; background: none !important; border: 0 !important;}
.display-number, .control-buttons, .right {font-size: 13px; margin: 10px 8px 0 0; line-height: 28px;}
.display-number select {background: url("../images/arrows.png") no-repeat; background-size: 20px auto; background-position: right -22px; float: right; line-height: 18px; width: auto; margin: 2px 10px 0 0 !important; padding: 2px 22px 2px 10px !important;} 
.horizontal-separator, .orderlistcontainer .title, .com_virtuemart .orderby-displaynumber .title, .span3.product-field.product-field-type-Y {display: none;} 

.orderlistcontainer div.orderlist {z-index: 2; width: auto; min-width: 150px; margin: 0 0 0 10px;}
.orderlistcontainer div.activeOrder:hover + div.orderlist, .orderlistcontainer div.activeOrder a:hover + div.orderlist, div.orderlist:hover {display: block;}
.floatright.display-number select {display: block; margin: 3px 0 0 5px;}
.floatright.display-number select:hover {color: #3A832C;}

.orderlistcontainer div.activeOrder img {float: left; margin: 0 5px 0 0;}
.orderlistcontainer div.activeOrder img:hover {background: none;}
.orderlistcontainer div.activeOrder a {font-size: 12px !important; text-transform: uppercase; letter-spacing: -0.25px;}
.orderlistcontainer a {font-size: 14px; color: #555; line-height: 25px;}
.orderlistcontainer div.orderlist div {padding: 2px 0 1px; border-bottom: 1px solid #ddd;}
.orderlistcontainer div.orderlist div:hover {background-color: #fcfcfc;}
.orderlistcontainer div.orderlist a {color: #555; padding: 2px 8px;}
.orderlistcontainer div.orderlist a:hover {color: #C12C1D; text-decoration: none;}
.com_virtuemart .orderby-displaynumber {display: inline-block;} 
.com_virtuemart .display-number {margin: 5px 0 !important;} 

.display-number select option {background: #fff;}
.display-number select option[selected] {background: #fff; color: #999;}
.com_virtuemart .vm-pagination.vm-pagination-top {display: none;} 
.vm-pagination.vm-pagination-bottom {display: block !important; width: 100%; text-align: center !important; margin: 10px auto; float: none; position: relative; z-index: 1;}
.vm-pagination ul {display: inline-flex !important; text-align: center !important; margin: 0 auto !important; width: auto; padding: 0 10px;}
.vm-pagination ul li {display: inherit; font-size: 14px;}
.vm-pagination ul li a, .pagenav {background-color: #fafafa; padding: 3px 8px; margin: 0 3px; border: 1px solid #aaa;}
.pagination-start span.pagenav, .pagination-prev span.pagenav {font-weight: normal; color: #555;}
.vm-pagination ul li.active a, span.pagenav {background: #f5f5f5; font-weight: bold; color: #3A832C;}
a.pagenav {color: #555; text-decoration: none;}
.vm-pagination ul li a:hover, a.pagenav:hover {background: #f5f5f5; font-weight: normal; color: #3A832C;}
.vm-pagination ul li.disabled a:hover {color: #555; cursor: no-drop;}
.vm-page-counter {display: block; float: none; font-size: 13px; color: #999; padding: 2px 0 0; max-width: 600px; margin: 10px auto 0; border-top: 1px solid #ddd;}

.orderlistcontainer div.orderlist {
animation-duration: 0.6s;
animation-fill-mode: both;
animation-timing-function: ease-in;
}
@keyframes orderlist {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.orderlist {
animation-name: orderlist;
}

/* Produtos  */
.browse-view {margin-top: 20px; margin-bottom: 0;} 
.category-view {display: inline-block; width: 100%; margin-bottom: 0;} 
.category-view .titulo2 {width: 100%; display: inline-block; text-align: center; border-bottom: 0; margin: 10px 0 0;} 
.category-view .titulo2 h1 {float: none; width: auto; font-family: "ralewaylight"; color: #426c28; font-weight: 400; text-align: center; margin: 0 auto -25px; display: table;} 

.product.vm-col.col-6.col-md-4 {width: 33.333%; min-width: 33.3%; margin-bottom: -20px;} 
.spacer.product-container {border: 0; margin: 0 auto; max-width: 340px;} 
.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {font-size: 18px; text-transform: uppercase; margin: 0 0 5px 0; text-align: center; width: 100%; display: table; height: 40px;}
.vm-product-descr-container-1 h2 a:hover, .popup.selected h2 a:hover {color: #C12C1D; text-decoration: none; cursor: pointer;} 

.PricesalesPriceTt.vm-display.vm-price-value, .PricetaxAmount.vm-display.vm-price-value, .PricetaxAmountTt.vm-display.vm-price-value, .PricediscountedPriceWithoutTax.vm-display.vm-price-value, 
.PricepriceWithoutTaxTt.vm-display.vm-price-value, .PricediscountAmount.vm-display.vm-price-value, .PricediscountAmountTt.vm-display.vm-price-value, .PricebasePriceWithTax.vm-display.vm-price-value, 
.top-category + .titulo2 {display: none;} 

.bg-imagem {background: url("../images/bg-categ.png") no-repeat right center; position: absolute; height: 180px; width: 180px; right: 325px; z-index: 1;} 
.com_virtuemart .related-products-view .spacer, .com_virtuemart .browse-view .row .product .spacer {padding: 10px 10px 0 !important; background: #fff;} 
.browseProductImage {height: auto; max-width: 100%; max-height: 320px; margin: 0 auto; display: block; filter: contrast(1.1) saturate(1.1);} 
.vm-product-descr-container-1 {
background: #c9dfb7;
  background: -moz-linear-gradient(top,#c9dfb7 0%,#fff 70%,#fff 100%);
  background: -webkit-linear-gradient(top,#c9dfb7 0%,#ffffff 70%,#ffffff 100%);
  background: linear-gradient(to bottom,#c9dfb7 0%,#fff 70%,#fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dfb7',endColorstr='#ffffff',GradientType=0 );
  padding: 10px 2% !important; margin-bottom: 0 !important; position: relative; z-index: auto;} 
.vm3pr-7 {min-height: 20px; margin: 0; display: inline-block; width: 100%;} 
.vm3pr-7 .product-price {margin: 0;} 
.vm3pr-3 .product-price, .vm3pr-5 .product-price, .vm3pr-6 .product-price {min-height: 20px;} 
.PricesalesPrice.vm-display.vm-price-value {text-align: left;} 
.price-related span.PricesalesPrice, .product-price span.PricesalesPrice, .PricepriceWithoutTax .PricepriceWithoutTax, span.PricesalesPrice {font-size: 26px; color: #3A832C; font-weight: 700;} 
.price-crossed .PricebasePriceWithTax.vm-display.vm-price-value {display: block; margin: 0; position: absolute; right: 100px;} 
.price-crossed .PricebasePriceWithTax.vm-display.vm-price-value span {color: #777; font-size: 20px; text-decoration-color: #F00;} 
.com_virtuemart .vm-product-descr-container-1 + h2 {font-size: 18px; background: #fff; padding: 0 8px;}
.desconto {opacity: 0; position: absolute; bottom: -52px; min-width: 96%; text-align: center; transition: all linear 1s 0s;} 
.spacer.product-container:hover .desconto {opacity: 1;} 
.desconto p {font-size: 11px; color: #999; margin: 0; display: block;} 
.percentagem {position: absolute; font-size: 0; right: 10px; bottom: 12px;} 
.percentagem b {font-size: 14px; border: 1px solid #ddd; padding: 2px 5px;} 

.vm-product-media-container {margin-bottom: 0; background: #fff; height: 320px; padding: 10px; border: 1px solid #c9dfb7;} 
.img-adic {width: 94%; height: 300px; background: #fff; position: absolute; top: 10px; left: 10.5px; opacity: 0;} 
.vm-product-media-container .img-adic:hover {opacity: 1;} 
.vm-product-media-container img {max-width: 99%; max-height: 300px;} 
.vm-product-media-container .img-adic img {max-width: 100%;} 

.addtocart-button {float: right; width: 50px; height: 35px;} 
.addtocart-area span.addtocart-button input.addtocart-button {background: #fff url('../images/cart.png') no-repeat; background-size: 44px auto; border: 0; border-radius: 0; font-size: 0; padding: 15px 20px;} 
.quantity-controls.js-recalculate {width: auto; display: inline-block !important; margin: -2px 0 0 !important;} 
.addtocart-area span.quantity-controls .quantity-input.js-recalculate {background: #fff; padding: 0; color: #333; font-size: 14px; width: 30px; height: 30px;} 
.addtocart-area .browse-view .row .product .quantity-plus, .com_virtuemart .browse-view .row .product .quantity-box, .com_virtuemart .browse-view .row .product .quantity-minus {display: block;} 
.addtocart-area span.quantity-controls input.quantity-plus {background: url("../images/quantity.png") no-repeat 0 2px !important; background-size: 20px auto !important; display: block !important; width: 20px; height: 20px; margin: -1px 0 0; border: 0;}
.addtocart-area span.quantity-controls input.quantity-minus {background: url("../images/quantity.png") no-repeat 0 -25px !important; background-size: auto; border: 0; background-size: 20px auto !important; display: block !important; width: 20px; height: 20px;} 
.addtocart-area span.quantity-controls .quantity-input {border-radius: 0; padding: 8.5px; float: right; margin: -16px 0 0 5px; border: 1px solid #eee;} 
.quantity-box {float: right;} 
.add-cart {display: inline-block; width: 100%;} 
.notify.vm-btn.vm-btn-secondary {font-size: 14px; padding: 0 8px 5px 30px; width: 115%; margin: 0 15% 0 -15%; border-radius: 0; background: #fff url('../images/cart.png') no-repeat left center; background-size: auto 24px;} 

.product-modal {position: absolute; z-index: 2; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 50%; padding: 2px 4px; right: 130px; margin: 3px 0 0;} 

.product-fields {position: absolute; left: 0; width: 100%;} 
.addtocart-area .option-url {background: #fff url('../images/cart.png') no-repeat right center; background-size: auto 35px; font-size: 13px; text-transform: uppercase; line-height: 35px; display: block; width: 56%; position: absolute; left: 43%; padding: 0 38px 6px 0;} 
.product-fields .product-field-type-E, .product-fields .product-field-type-M, .product-field.product-field-type-X {display: none;} 

/* ------Relacionados----- */
.vm-customfields-wrap {float: right; display: inline-block; width: auto;} 

#resultado, #contar, .sku-product {display: none;} 
.sku-product {border-left: 3px solid #96C63B; padding: 0 0 0 5px; line-height: 14px; margin: 15px 0 0;} 

.price-ext {display: inline-block; width: 100%; margin: -10px 0 0;} 
.addtocart-bar {float: right; width: 110px; padding: 0;}
.notify-hiden {display: none; height: 50px; width: 40%; margin: -60px 0 0; position: absolute; right: 10px;}

.hover-popup {background: #fff; display: inline-block; width: 100%; padding: 10px 10px 0; opacity: 0; border: 1px solid #EEF7E8; border-top: 0; margin: -14px 0 20px; position: relative; z-index: 1;}
.spacer:hover .hover-popup {opacity: 1;} 
.addtocart-area form {height: 40px;} 

.bg-spacer {position: relative; z-index: 1;} 

@media (min-width: 1201px) and (max-width: 1360px) {
.product.vm-col.col-6.col-md-4 {width: 50%; min-width: 50%; max-width: 320px;} 
} 

@media (min-width: 981px) and (max-width: 1200px) {
#t4-main-body.bgcategory {background-size: 100% 140px;} 
.category_description img {max-height: 140px;} 
.bg-imagem {height: 140px; width: 140px; right: 225px;} 
.top-category h1 {width: 45%; margin: 40px 0 0; font-size: 34px; letter-spacing: 1px;} 
.product.vm-col.col-6.col-md-4 {width: 50%; min-width: 50%; max-width: 320px;} 
} 	

@media (min-width: 769px) and (max-width: 980px) {
#t4-main-body.bgcategory .t4-col.col-md {padding: 0;} 
#t4-main-body.bgcategory {background-size: 100% 120px;} 
.category_description {width: 350px;}
.category_description img {max-height: 120px;} 
.bg-imagem {height: 120px; width: 120px; right: 200px;} 
.top-category h1 {width: 52%; margin: 40px 0 0; font-size: 30px; letter-spacing: 1px;} 
.category-view .titulo2 h1 {margin: 0 auto -15px;} 
.titulo2 + link + .category-view .page-header h1 {margin: 20px auto -12px !important; font-size: 30px !important;} 
.com_virtuemart .category-view .row .category {min-width: 170px;} 
.com_virtuemart .category-view .row .category .spacer h2 {font-size: 13px !important;} 
.product.vm-col.col-6.col-md-4 {width: 50%; min-width: 50%; padding: 0 5px;} 
.spacer.product-container {max-width: 320px;} 
.category-view.produtos .category.col-6 {width: 33.333%;} 
.addtocart-area .option-url {font-size: 13px; width: 58%; left: 40%; padding: 0 35px 0 0; letter-spacing: -0.25px;} 
.vme-is-list .vme-list-inline > li {padding-right: 0; padding-left: 0;} 
.has-vme-tooltip.btn-vme-round i, .vmessentials-wishlist-form .has-vme-tooltip.btn-vme-round i {font-size: 16px; line-height: 26px; width: 28px;} 
} 

@media (max-width: 768px) {
.t4-col.col-md {padding: 0;} 
.category_description {width: 100%; text-align: center; margin-top: 20px;} 
.top-category h1 {margin: 20px 0 0; font-size: 20px; letter-spacing: 1px; width: 100%; text-align: center;} 
.category-view .titulo2 h1 {margin: 0 auto -15px;} 
.bg-imagem {display: none;} 
#t4-main-body.bgcategory {background-size: 100% 60px;} 
.product.vm-col.col-6.col-md-4 {min-width: 50%; width: 50%;} 
.category-view.produtos .category.col-6 {width: 50%;} 
} 	

@media (max-width: 600px) {
.category-view.produtos .category.col-6 {width: 50%; margin-bottom: 0;} 
.product.vm-col.col-6.col-md-4 {width: 100%; max-width: 320px; min-width: 340px; float: none; margin: 0 auto -20px;} 
.com_virtuemart .category-view .row .category {min-width: 160px; width: 48%;} 
.com_virtuemart .orderby-displaynumber .display-number {display: inline-block; float: none; font-size: 13px !important; margin: 8px auto !important;} 
.com_virtuemart .orderby-displaynumber {display: inline-block; text-align: center;} 
.com_virtuemart .orderby-displaynumber .vm-order-list, .orderby-displaynumber .display-number {width: auto; float: none; text-align: center; padding: 0 10px;} 
.com_virtuemart .orderby-displaynumber .filtro {position: absolute;} 
.com_virtuemart .orderby-displaynumber .vm-order-list .orderlistcontainer {min-width: 150px !important; float: none; margin: 0 auto;} 
.orderlistcontainer div.orderlist {margin-top: 0;} 
.orderlistcontainer .activeOrder, .orderlistcontainer .Order {margin: 5px 5px 0 0;} 
.com_virtuemart .orderby-displaynumber .orderlistcontainer .orderlist > div {width: 100%;} 
.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {font-size: 16px;} 
.titulo2 + link + .category-view .page-header h1 {margin: 0 auto -12px !important; font-size: 26px !important;} 
.page-header h1 {margin: 0 auto -15px;} 
} 

@media (max-width: 420px) {
.t4-section .t4-section-inner .t4-row.row {padding: 0 5px;} 
.catDescription {padding: 0 0 0 10px;} 
.row.prod-cat {margin-left: 0; margin-right: 0;} 
.row.categorias .category {flex: auto; margin: 4px 1% 0; float: none; width: 98%; max-width: 100%;} 
.vm-pagination.vm-pagination-bottom {max-width: 360px;} 
.vm-pagination ul {padding: 0;} 
.active.page-item span.page-link, .page-item.disabled span.page-link, .vm-pagination ul li a {padding: 2px 5px 1px; margin: 0 2px;} 
.orderby-displaynumber div {min-height: 0; margin: 0;} 
.orderby-displaynumber .display-number {float: right; margin: 5px 0 !important;} 
.category-view.produtos .category.col-6 .spacer h2 {font-size: 14px;} 
.category-view.produtos .category.col-6 .spacer {border: 1px solid #eee; height: 58px;} 
} 	