/**
 * Swiper 9.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://sites-design.com
 *
 * Copyright 2006-2023 Wbdesign
 *
 * Released on: February 26, 2023
 */

    .swiper {width: 100%; height: 100%;}
    .swiper-slide {text-align: center; display: flex; justify-content: center; align-items: center;}
    .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} 
	.swiper-slide img.product-image {max-height: 60px;} 
	
/* ----  \\\\\\\\ ----- */
.moduletable.carousel {margin: 20px 0 30px; padding: 0 0 15px; border: 0;}   
.moduletable.carousel .vmheader {margin: 0;}      
.moduletable.carousel .vmgroup.carousel, .moduletable.carousel .vmproduct.carousel {margin: 0;}   
.moduletable.carousel .vmgroup.carousel, .moduletable.carousel .vmproduct.carousel {margin: 0 auto; max-width: 1520px;}   
.moduletable.carousel h2 {background: #F9F9F9; font-weight: 400; font-family: "ralewaylight"; max-width: 1520px; color: #777; margin: 0 auto 15px; padding: 8px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px;}  
.moduletable.carousel .swiper-wrapper {border-bottom: 0; padding: 0 0 15px;}   
.product-relacionados .swiper.mySwiper.swiper-initialized.swiper-horizontal {border-bottom: 1px solid #eee;} 
  /* ----  -- ----- */
  
.moduletable.carousel.foxdecor {background: rgba(240,240,240,0.2);}  
.carousel.foxdecor h2 {font-family: ralewaylight; font-weight: 400;} 
.carousel.foxdecor div.spacer {max-width: 320px;}        
.carousel.foxdecor .imagem .img-adic, .carousel.foxdecor .imagem .img-orig {height: 280px;} 
.carousel.foxdecor .imagem img {max-height: 280px !important;}       
.carousel.foxdecor .imagem .img-orig img:hover {max-height: 280px !important;}          
.carousel.foxdecor .imagem .img-adic:hover {height: 280px;} 
.carousel.foxdecor .imagem .img-adic:hover img {max-height: 280px !important;} 
/* ----  -- ----- */

.carousel .span3.product-field.product-field-type-M, .vmgroup .product-field-desc, .login-lpvp {display: none;}      
.carousel .vm-customfields-wrap {margin: 0 0 2px; position: relative;}       
.carousel .addtocart-area .product-fields {background: rgba(255, 255, 255, 0.85); position: relative; width: 98%; margin: -12px 1% 0;}     
.carousel .product-fields .product-field {float: none; margin: 0; padding: 2px 0; text-align: center; width: 100%;}      

.carousel div.spacer {background: #fff; width: 96%; height: 100%; max-width: 290px; margin: 0 auto; padding: 5px 2%; border: 1px solid #eee;}      
.carousel div.spacer table:hover {cursor: grab;} 

  .carousel .PricesalesPrice.vm-display.vm-price-value {font-size: 28px; color: #97CE03; font-weight: 700; margin-top: 10px; position: relative; z-index: 1;} 
  .carousel span.vm-price-desc, .PricetaxAmount.vm-display.vm-price-value {display: none;} 
  .carousel div.titulo {text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 45px;} 
  .carousel .titulo a {color: #777; letter-spacing: -0.25px;} 
  .carousel .titulo a:hover {color: #01B186; text-decoration: none;} 
  .carousel div.imagem {display: inline-block; width: 98%; padding: 10px 1%;} 
  .carousel .imagem img {height: auto; max-width: 98% !important; max-height: 240px !important; margin: 0 auto; width: auto;}       
  .carousel .imagem .img-orig {background: #fff; width: 96%; height: 240px; text-align: center; margin: 0 auto;} 
  .carousel .imagem .img-orig img:hover {}          
  .carousel .imagem .img-adic {background: #fff; position: absolute; z-index: 1; width: 94%; height: 240px; filter: alpha(opacity=0); opacity: 0;} 
  .carousel .imagem .img-adic:hover {height: 260px; width: 94%; margin: 0 auto; filter: alpha(opacity=100);  opacity: 1;} 
  .carousel .imagem .img-adic:hover img {max-height: 260px !important;} 
  .carousel .imagem .img-adic img:hover {margin: auto;}  
  
.carousel .product-price .vm-price-desc {color: #999;}
.carousel .product-price span.PricesalesPrice {color: #777;}        
.carousel span.PricepriceWithoutTax, .vmgroup.carousel span.PricediscountedPriceWithoutTax {font-size: 16px !important; line-height: 1; font-weight: 700; margin: 2px auto;}  
.carousel .PricediscountAmount.vm-display.vm-price-value .vm-price-desc {margin: 0 0 0 -50px;}    
.carousel span.vm-price-desc {color: #777;}   

.carousel .PricebasePriceWithTax.vm-display.vm-price-value {margin: 0;}    
.carousel a.modal.notify.modal_link.cboxElement {color: #777; font-size: 12px;}   
.carousel .product-fields .product-field {border: 0; padding: 0; border-radius: 0;}   
.carousel .product-fields-title-wrapper strong {font-size: 12px; font-weight: 400;}  
.carousel .product-fields-title-wrapper {display: inline;}   
.carousel .inline-control-group {display: inline-flex !important;}    
.carousel .PricesalesPrice.vm-display.vm-price-value {display: block; font-size: 32px; text-align: left; margin: 5px 0 8px; padding: 0;}
.carousel .price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax {display: none; font-size: 17px;}   

.carousel .custom_promo {font-size: 9px; font-family: Arial;} 
.carousel .price-crossed {position: relative; margin: 0; line-height: 1;}
.carousel .percentagem {margin: -60px 0 0; position: absolute; z-index: 3; background: rgba(7,174,135,0.6); font-size: 12px; padding: 5px 3px; min-width: 35px; border-radius: 50%; border: 2px dotted #fff;}
.carousel .PricediscountAmount.vm-display.vm-price-value {margin: 0;}   
.carousel .notificar {margin-top: 2px; border: 1px solid #ddd; padding: 0 5px; text-align: center; line-height: 1;}   
/* ---************ --- */

.ver-mais {background-image: url('ver-cat.png'); font-size: 19px; letter-spacing: 1px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 4px 20px 3px 50px; margin: 5px 0; background-repeat: no-repeat;
 background-position: 20px center; background-size: 24px auto;} 
.ver-mais:hover {background-image: url('ver-cat_hover.png');} 

.swiper-button-next, .swiper-button-prev {opacity: 0;} 
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {opacity: 1;} 
.swiper-button-next::after, .swiper-button-prev::after {color: #777;} 
.swiper-button-next:hover::after, .swiper-button-prev:hover::after {color: #01B186;} 
.vm-product-media-container .swiper-button-prev::after, .vm-product-media-container .swiper-button-next::after {font-size: 26px; color: #01B186;}

@media (min-width: 1201px) and (max-width: 1980px) {
	.moduletable.carousel h2 {font-size: 34px;}  
}  
	
@media (min-width: 981px) and (max-width: 1200px) {
	.moduletable.carousel h2 {font-size: 30px;}  
} 

@media (min-width: 769px) and (max-width: 980px) {
	.moduletable.carousel h2 {font-size: 28px; letter-spacing: 0;}  
}    
	
@media (max-width: 768px) {
	.moduletable.carousel h2 {font-size: 22px;}  
	.swiper-button-next::after, .swiper-button-prev::after {font-size: 26px; letter-spacing: 0;} 
}      

@media (max-width: 480px) {
   .swiper-button-next::after, .swiper-button-prev::after {font-size: 24px; letter-spacing: 0;} 
}