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

.t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.sidebar-l {position: fixed; width: 340px;} 
.t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.col-md {margin-left: 360px;} 
.t4-col.col-md {max-width: 74%; margin-top: 20px;} 
.module.filtro {margin-top: 20px !important;} 
.productdetails-view .productdetails-view {margin-top: 20px;} 
.vm-product-media-container .main-image {margin-bottom: 15px;} 
.main-image img {max-height: 420px;} 
.vm-product-media .product-image {max-height: 100px;} 
h2.vm-product-title {margin: 0 0 10px; font-size: 34px; text-transform: uppercase; line-height: 1; height: 50px; padding: 5px 0;} 
.sku-product {display: inline-block !important; font-size: 15px; border-bottom: 3px solid #ccc; margin: 20px 0;} 
.sku-product b, b.number-sku {color: #218516; font-size: 18px; padding: 0 30px 0 5px;} 
.productdetails-view .product-price {text-align: left; float: none; font-size: var(--h4-font-size); margin: 1rem 0;} 
.productdetails-view .spacer-buy-area {padding-left: 0; display: inline-block; width: 100%; margin: 15px 0 0;} 
.PricesalesPrice.vm-display.vm-price-value span.PricesalesPrice, span.PricepriceWithoutTax {font-size: 36px; color: #218516; font-weight: 700;} 
.stockOff {margin: 20px 0; max-width: 440px; border: 1px solid #96C63B; padding: 5px; text-align: center;} 
.PricesalesPriceTt.vm-display.vm-price-value, .PricetaxAmount.vm-display.vm-price-value, .PricetaxAmountTt.vm-display.vm-price-value {display: none;} 
.PricebasePriceWithTax.vm-display.vm-price-value, .PricepriceWithoutTaxTt.vm-display.vm-price-value, .PricediscountAmount.vm-display.vm-price-value, .PricebasePriceVariant.vm-display.vm-price-value, 
.PricediscountAmountTt.vm-display.vm-price-value, .PricediscountedPriceWithoutTax.vm-display.vm-price-value, .principal .stockOff {display: none;} 
.price-crossed .PricebasePriceWithTax.vm-display.vm-price-value {display: block; font-size: 22px; margin: -20px 0 15px;} 
.desconto p {font-size: 11px; position: absolute; margin: 30px 0 0;} 

.price-crossed {width: auto; height: auto; position: absolute; margin: 6px 0 0 80px; line-height: 1;}
.percentagem {width: auto; height: auto; padding: 0; margin: 0 0 0 255px; font-size: 0; color: #fff; position: absolute; z-index: auto;} 
.percentagem b {background: #218516; font-size: 16px; padding: 4px 6px;} 
.price-crossed .PricebasePriceWithTax.vm-display.vm-price-value {margin: -5px 0 0 90px;}
.price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax {font-size: 18px; font-weight: 700; text-decoration: line-through #ec0000;}

.productdetails-view .addtocart-bar {background: #fff; display: inline-block; padding: 10px 0; margin: 0 0 20px;} 
.productdetails-view span.quantity-controls.js-recalculate {float: left; width: auto; height: 44px; border: 2px solid #218516; margin: 0 2px 0 0;} 
.productdetails-view span.addtocart-button {background: #218516 url('../images/add-cart.png') no-repeat 92% center; max-width: 380px; margin: 0; padding: 0 45px 0 0; float: left; border: 4px double #fff; background-size: auto 35px;} 
.productdetails-view span.addtocart-button input.addtocart-button {background: none; height: 38px; margin: 0; padding: 0 24px; border: 0; font-size: 15px; text-align: left; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; border-radius: 0;} 
.quantity-box .quantity-input, .cart-summary .quantity-input {height: 40px; width: auto; max-width: 45px;} 
span.quantity-controls input.quantity-controls {height: 30px; width: 30px;} 
.productdetails-view span.quantity-controls input.quantity-plus {background: url("../images/quantity_hover.png") no-repeat 3px 7px !important; margin: 3px 0 0; border: 0;}
.productdetails-view span.quantity-controls input.quantity-minus {background: url("../images/quantity_hover.png") no-repeat 0 -32px !important; border: 0;} 
.productdetails-view span.quantity-controls input.quantity-plus:hover {background: url("../images/quantity.png") no-repeat 3px 7px !important;}
.productdetails-view span.quantity-controls input.quantity-minus:hover {background: url("../images/quantity.png") no-repeat 0 -32px !important;} 
.productdetails-view span.quantity-controls .quantity-input {border: 0; border-left: 2px solid #218516; border-radius: 0; padding: 8.5px; border-right: 2px solid #218516;} 
.productdetails-view span.quantity-controls .quantity-input:hover {background: #fff; color: #C12C1D;} 
.notify.vm-btn.vm-btn-secondary {font-size: 14px; padding: 10px 15px 10px 36px; width: auto; margin: 0; border-radius: 0; background: #fff url('../images/cart.png') no-repeat left center; background-size: auto 26px;} 
span.quantity-box {margin: 0;} 
@-moz-document url-prefix() { /* -- Firefox -- */
  .quantity-box .quantity-input, .cart-summary .quantity-input {height: 38px; margin-top: -8px;} 
  span.quantity-box {height: 38px; margin: 0;} 
} 
.vm-product-other-info {} 
.ico-pdf {background: url("../images/ico-pdf.png") no-repeat 4px center; background-size: auto 20px; float: left; width: auto; font-size: 12px; font-weight: 700; margin: 5px 0 0; padding: 12px 10px 10px 30px; border: 2px solid #ddd;} 
.perguntar {background: #999; float: left; margin: 5px 0 0; padding: 3px 0;} 
.perguntar a {color: #fff; font-size: 12px; border: 1px solid #fff; border-radius: 0; margin: 2px 3px; padding: 8px 8px 6px;} 
.perguntar a:hover {color: #222;} 
.category-pd {float: left; width: auto; margin: 5px 0 0; margin-top: 5px !important; padding: 9px; border: 2px solid #ddd;} 
.category-pd a + a {background: url("../images/arrow-right.png") no-repeat left center; background-size: auto 12px; padding-left: 10px;} 
.category-pd span {font-size: 11px;} 
.category-pd a {font-size: 12px; font-weight: 700;} 
.ico-pdf a:hover, .category-pd a:hover, .productdetails-view span.addtocart-button input.addtocart-button:hover, .nav-tabs .nav-link:hover {color: #C12C1D; text-decoration: none;} 

.productdetails-view .section-tabs {display: inline-block; width: 100%; border-bottom: 1px solid #ddd; margin: 30px 0; padding: 0 15px;} 
.nav.nav-tabs li a {font-size: 20px; font-weight: normal; padding: 5px 15px;} 
.nav-link .number {font-size: 12px;} 
.nav-tabs + .tab-content {display: inline-block; width: 100%; padding: 1rem 15px; border: 1px solid #ddd; border-top: 0;} 

.product-fields {margin: 10px 0 0;} 
.product-field.product-field-type-Y .product-field-display .span4 {margin: 10px 20px 0 0;} 
.product-field.product-field-type-Y .product-field-display .span4 + .span4 {margin: 10px 0 0 20px;} 
.product-field.product-field-type-Y .product-field-display .span4 p {margin: 5px 0; line-height: 18px; padding: 4px 5px 2px; border-bottom: 1px solid #ddd;} 
.product-field.product-field-type-Y .product-field-display .span4 p:hover {background: #f5f5f5;color: #333;} 

.product-field.product-field-type-Y .product-field-display a {background: url("../images/ico-ver.png") no-repeat left center; background-size: auto 25px; margin: 0; padding: 5px 10px 5px 30px;} 
.product-field.product-field-type-Y .product-field-display p {margin: 0;} 
.product-field.product-field-type-Y .product-field-display a:hover {color: #568F31; text-decoration: none;} 

#nav-desc .icons-desc {float: left; text-align: center !important; font-size: 14px; font-weight: 700; color: #000; margin: 6px 10px 10px 0;} 
#nav-desc .icons-desc img {height: 75px; filter: none;} 

body.contentpane .span3 {width: 100%; max-width: 100%;} 
body.contentpane .moduletable.carousel, body.contentpane .module.related, body.contentpane .category-pd {display: none;} 

.product-fields #top {display: table; width: 100%; border-top: 1px solid #ddd; margin: 10px 0 0; padding: 10px 0 5px;} 
.product-fields #top::before {content: 'Completa e seleziona le opzioni'; width: 100%; display: inline-block; text-align: center; font-size: 15px; margin: 0 0 5px; color: #218516; text-transform: uppercase;} 
.product-fields .product-field-type-E, .product-fields .product-field-type-M {width: 48%; max-width: 48% !important; float: left; margin: 0 2% 10px 0; border: 1px solid #ddd; padding: 6px 5px 3px; display: block;} 
.product-field-type-E .product-fields-title strong {float: left; font-weight: 400; line-height: 1; font-size: 12px; min-height: 24px; margin: 5px 0 0;} 
.product-field-display .no-vm-bind.vmcustom-textinput {width: 25%; box-shadow: 0 0 1px 1px #218516 inset; background: none; border: 0;} 
.product-field-desc {width: auto; margin: -6px 0 0; line-height: 1; font-size: 12px; height: auto; position: absolute;} 
.product-field.product-field-type-X {text-align: center; max-width: 100% !important;} 
.product-field.product-field-type-X .product-popup {display: inline-block; margin: 0 0 10px; padding: 0 20px; border-bottom: 1px solid #ddd;} 
#visto\ \ select-category.product-field-display {text-align: center;} 
.product-field-display select {background: url("../images/quantity_hover.png") no-repeat right -28px; cursor: pointer; background-size: 25px auto; font-size: 14px; max-width: 100%; margin: 0 0 5px; padding: 5px 24px 5px 5px; filter: hue-rotate(150deg);} 
 
.product-fields .product-field-type-M {width: 98%; max-width: 98% !important; text-align: center; padding: 0;} 
.product-fields .product-field-type-M .product-fields-title-wrapper {background: #f9f9f9; width: 100%; margin: 0 0 5px; display: table; padding: 0;} 
.product-fields .product-field-type-M .form-check.form-check-inline {float: left; width: 31%; margin: 0 1%; line-height: 1; font-size: 12px; font-weight: 700;} 
.product-fields .product-field-type-M label {display: block; width: 96%; line-height: 28px;} 
.product-fields .product-field-type-M .form-check.form-check-inline label:hover {cursor: pointer; color: #218516;} 
.product-fields .product-field-type-M input[type="radio"] {display: block; margin: 0 5px;} 
.product-fields .product-field-type-M img {float: right; max-width: 55px; height: auto; margin: 0 10px 0 5px; border-radius: 50%;} 
.product-fields .product-field-type-M .product-field-desc, .product-fields .product-field-type-E .product-field-desc {position: absolute; z-index: 1; margin: -60px auto 0; left: 38%; background: rgba(232,251,230,0.9); line-height: 16px; border: 1px solid #ddd; padding: 5px; opacity: 0;} 
.product-fields .product-field-type-M:hover .product-field-desc, .product-fields .product-field-type-E:hover .product-field-desc {opacity: 1;} 
div#contar, #resultado, .option-url {display: none;} 

.pdf-link, .mail-link {background-size: auto 30px !important; float: left; width: 40px; height: 30px; margin: 0 10px 15px;} 
.pdf-link {background: url("../images/ico_pdf.png") no-repeat center center;} 
.mail-link {background: url("../images/ico-email.png") no-repeat center center;} 
.mail-link a.recommened-to-friend, .pdf-link a {font-size: 0; padding: 10px 20px;} 
.mail-link a.recommened-to-friend img {display: none;} 
.row.large-gutters {width: 100%;} 

.section-tabs {margin-top: 30px; margin-bottom: 30px;} 

.product-fields .product-field-type-M:hover .product-field-desc, .product-fields .product-field-type-E:hover .product-field-desc { 
	-webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}  
.vmicon.ratingbox, .vmicon.ratingbox[title="Valutazione5/5"] span.stars-orange, .ratingbox[title=" Valutazione: 5/5"] .stars-orange {width: 120px !important;} 
.vmicon.ratingbox[title="Valutazione4/5"] span.stars-orange, .ratingbox[title=" Valutazione: 4/5"] .stars-orange {width: 96px !important;} 

@media (min-width: 1201px) and (max-width: 1360px) {
  
} 

@media (min-width: 981px) and (max-width: 1200px) {
  .productdetails-view span.addtocart-button input.addtocart-button {padding: 0 15px; font-size: 14px;} 
  h2.vm-product-title {font-size: 20px;} 
  .product-fields .product-field-type-E, .product-fields .product-field-type-M {width: 98%; max-width: 98% !important;} 
} 

@media (min-width: 769px) and (max-width: 980px) {
  .t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.col-md {margin-left: 240px;} 
  .t4-col.col-md {max-width: 100%; width: 72%;} 
  .col-12.col-md-7.vm-product-info {padding: 0;} 
  .product-fields .product-field-type-E, .product-fields .product-field-type-M {width: 98%; max-width: 98% !important;} 
  .productdetails-view span.addtocart-button input.addtocart-button {padding: 0 15px; font-size: 14px;} 
  h2.vm-product-title {font-size: 20px; line-height: 1.2; height: 50px;} 
} 

@media (max-width: 768px) {
.t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.sidebar-l {position: relative; width: auto;} 
.t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.col-md {margin-left: 0;} 
.t4-col.col-md {max-width: 100%;} 
} 

@media (max-width: 480px) {
  .t4-section .t4-section-inner .t4-row.row {margin-left: 0; margin-right: 0;} 
  .t4-col.col-md {max-width: 100%; padding: 0;} 
  .col-12.col-md-7.vm-product-info {padding: 0;} 
  .product-field.product-field-type-R {left: 0;} 
  .t4-header.fixed + #t4-mainnav + .t4-main-body .t4-col.col-md {margin-left: 0;} 
  
  .product-fields .product-field-type-E, .product-fields .product-field-type-M {width: 98%; float: npne;} 
  .sku-product {margin: 0 0 10px 0;} 
  .ico-pdf, .perguntar, .category-pd {float: none; margin: 0 auto 5px; display: table;} 
  .relacionados .addtocart-area::before {min-width: 170px;} 

  .additional-images {margin: 5px 0;} 
  .productdetails-view .popup.selected .addtocart-bar {left: 0; margin: 0 auto -60px; display: block; width: auto; transform: translate(5%, 0);} 
  .relacionado {background: #fff; float: none; height: auto; margin: -130% auto 0; position: absolute; width: 100%; padding-bottom: 10px;}
  .relacionado img {max-height: 370px;} 
  #fancybox-wrap {max-width: 100% !important; left: 0 !important;} 
  #fancybox-img {width: auto !important; height: auto !important; max-width: 90%;} 

  h2.vm-product-title {font-size: 18px; text-transform: uppercase; letter-spacing: -0.5px; line-height: 22px; height: 50px;} 
  .productdetails-view span.addtocart-button input.addtocart-button {margin: 0; padding: 0 10px 0 12px; font-size: 14px; letter-spacing: 1px;} 
  .productdetails-view span.quantity-controls .quantity-input {width: 40px;} 
  .productdetails-view span.quantity-controls input.quantity-controls {width: 30px;} 
  .productdetails-view span.quantity-controls input.quantity-minus {background-size: 25px auto !important; background-position: 1px -24px !important;} 
  .productdetails-view span.quantity-controls input.quantity-plus {background-size: 25px auto !important; background-position: 4px 8px !important;} 

  .product-field-display select {max-width: 96%; margin: 0; padding: 5px;} 
  .product-field-type-E .product-fields-title strong {width: 100%; height: auto; margin: 0 0 5px;} 
  .product-field-desc {font-size: 11px; height: auto; position: relative; margin: 7px 0 6px;} 
  .product-field-display .no-vm-bind.vmcustom-textinput {width: 50%;} 
  .product-fields .product-field-type-M .product-fields-title-wrapper {font-size: 14px;} 
  .product-fields .product-field-type-M label {line-height: 14px;} 
  .product-fields .product-field-type-M img {max-width: 45px; float: none; margin: 0 auto;} 
  
  .nav.nav-tabs li a {font-size: 13px; padding: 3px 6px;} 
  .productdetails-view .section-tabs {padding: 0;} 
  .nav-tabs + .tab-content {padding: 1rem 5px; line-height: 20px;} 
  #nav-desc .icons-desc {height: 80px;} 
  #nav-desc .icons-desc img {height: 55px;} 
}