.hover-text-container{ position: relative; cursor: pointer} .hover-text-container .hover-text{visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0;position: absolute; bottom:100%; z-index: 1; font-size: 11px} .hover-text-container:hover .hover-text {visibility: visible;} #product #content{max-width: 100%} #product .product-container .wrapper-coupon#product #content{ max-width: 100%;} #product #content .product-cover{border: 1px solid #EFEFEF; position: relative;/*height: auto; min-height:50px; */height: 59vw; } #product #content .product-cover img{box-shadow:none; width:auto; height:auto;} #product #content .product-cover img.preload{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px} #product .images-container .js-qv-mask.scroll{ height: 126px; overflow: hidden;} #product .images-container{text-align: center} @media(min-width: 576px){ #product #content .product-cover{width:100%; height:295px;} } @media(min-width: 768px){ #product #content .product-cover{height:396px;} } @media (min-width: 991px){ #product #content .product-cover{height:451px;} } #product #content .product-flags{display: none;} .images-container .product-images>li.thumb-container>.thumb{border: 1px solid #EFEFEF;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} #product #content .product-images>li.thumb-container>.thumb.selected, #product #content .product-images>li.thumb-container>.thumb:hover{border-color:#0785F2} #product-modal .product-images>li.thumb-container{ width:100px; display: inline-block;} #product-modal .modal-content .modal-body .mask{width:141px} #product-modal .modal-content .modal-body .arrows .arrow-down{z-index: 9999; bottom:-5rem} #product-modal .modal-content .modal-body .arrows .arrow-up{z-index: 9999; top:-5rem;} #product #content .-banner-quantity-discounts{ display: none;} @media(min-width: 1200px){ #product #content .-banner-quantity-discounts{ display: block;} } #product #content.-mobile{ margin-top: 15px} #product #content .product-cover .special_flag{position: absolute; left: -5px; top: -6px; overflow: hidden; width: 76px; height: 76px; text-align: right; z-index: 10;} #product #content .product-cover .special_flag span {background: #F7B233!important; background: linear-gradient(#F7B233 0%,#F7B233 100%)!important;font-size: 12px;font-weight: 700; color: #000; text-align: center; line-height: 16px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; box-shadow: 0 3px 10px -5px rgba(0,0,0,1); position: absolute; top: 21px; left: -21px; z-index:999; padding-top: 2px} #product #content .product-cover .special_flag span:before{content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #F7B233; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #F7B233;} #product #content .product-cover .special_flag span:after{content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #F7B233; border-bottom: 3px solid transparent; border-top: 3px solid #F7B233;} #product #content .product-cover .special_flag-2{position: absolute; top: 10px; right: 0; color: #fff; background-color: #64c900; font-size: 12px; line-height: 18px; text-align: center; z-index: 4; font-weight: 700; padding: 3px 5px;} #product .product-container{margin-top: 15px;} #product #content-wrapper h1{font-size: 24px; color: #000; text-transform: inherit} #product .product-container .product-description-short p{ margin-bottom: 0} #product .product-container #product-availability .-available{color: #78B936; font-weight: 700;} #product .product-container #product-availability .-last_remaining_items{color: #f95d00} #product .product-container #product-availability .-not_available{color: #C30101} #product .product-container .wrapper-details-top .product-detail-item.-consegna-value, #product .product-container .wrapper-details-top .product-detail-item.-consegna-value label{color: #6bc200;font-weight: 700 !important;} #product .-montaggio{border-left: 1px solid #000; padding-left: 10px;} #product .-montaggio .-ico{display: inline-block; margin-right: 5px;vertical-align: middle;} #product .-montaggio .-item{height: 14px; width: 14px;-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; display: inline-block;vertical-align: middle;} #product .-montaggio .-item.-full{background-color: #000;} #product .-montaggio .-item.-empty{border: 1px solid #000;} #product .-consegna{ text-align: right; font-weight: 500; font-size: 11px} #product .product-variants{box-shadow: 0px 0px 10px #00000017;border-radius: 10px 10px 0px 0px; background-color: #FAFAFA; margin-top: 15px;} #product .product-variants .wrapper-tab-title{ } #product .product-variants .wrapper-tab-title .-title{ display: inline-block; background-color:#E3E3E3;border-radius: 20px; padding: 5px 10px; font-size: 15px;color:#6E6E6E;margin: 15px 0; vertical-align: top; margin-left: 10px; cursor: pointer} #product .product-variants .wrapper-tab-title .-title.-selected.-first{margin-left: 0} #product .product-variants .wrapper-tab-title .-title.-selected{ background-color: #fff; border-radius: 0; margin-top: 0; height: 60px; padding: 15px 10px;box-shadow: 10px -10px 10px #0000000D; color: #000; font-weight: 700; margin-bottom: 0; } #product .product-variants .wrapper-content{ background-color: #fff; margin-top: -4px; padding: 15px} #product .product-variants .product-variants-item{/*display: none;*/} #product .product-variants .product-variants-item.-selected{display: block;} #product .product-variants .product-variants-item label .color{width: 55px; height: 55px;/*width: 95px; height: 95px;*/border:3px solid #f2f2f2; margin: 0; overflow: hidden} #product .product-variants .product-variants-item label .color:hover{border:3px solid #bbbbbb;} #product .product-variants .product-variants-item label .attribute-name{font-size: 12px; line-height: 13px; height: 26px; overflow: hidden;word-break: break-word;} #product .product-variants .product-variants-item ul li.input-container{padding: 3px; position: relative; width: 60px;} #product .product-variants .product-variants-item ul li.input-container .-image-large-zoom{display: none; bottom: 100%; position: absolute; border:2px solid #a8a7a7; min-width: 150px; margin-left: -50px; text-align: center; margin-bottom: 10px; background-color: #fff;} #product .product-variants .product-variants-item ul li.input-container .-image-large-zoom .material-icons{position: absolute;color:#a8a7a7; margin-left: -10px} #product .product-variants .product-variants-item ul li.input-container .-image-large-zoom .-title{position: absolute; color:#f8b233; font-weight:700; margin-left: 5px; font-size: 12px;} @media(min-width: 991px){ #product .product-variants .product-variants-item ul li.input-container{height: 60px;} #product .product-variants .product-variants-item ul li.input-container .attribute-name{display: none;} #product .product-variants .product-variants-item ul li.input-container.-dimensioni .attribute-name{display: block !important;} #product .product-variants .product-variants-item ul li.input-container.-dimensioni{height: auto !important} } #product .product-variants .product-variants-item ul li.input-container label{text-align: left;font-size: 13px;} #product .product-variants .product-variants-item ul li.input-container.-selected .color{border:3px solid #91ce42} #product .product-variants .product-variants-item ul li.input-container.-selected .attribute-name{color:#91ce42; font-weight: 700;} #product .product-variants .wrapper-riepilogo{background-color: #e3e3e3;border-radius: 0 0 10px 10px; color: #000; padding: 20px} #product .product-variants .wrapper-riepilogo .-title{font-size: 18px; font-weight: 700;display:inline-block;margin-right:20px;margin-bottom:20px} #product .product-variants .wrapper-riepilogo .-item-variants{border-bottom:1px solid #000;padding-bottom: 10px; margin-bottom: 10px;font-weight: 700; } #product .product-variants .wrapper-riepilogo .-item-variants:last-child{padding:0;margin: 0;border: 0;} #product .product-variants .wrapper-riepilogo .-item-variants .-choise{position: relative; cursor: pointer} #product .product-variants .wrapper-riepilogo .-item-variants .-group{text-transform: uppercase} #product .product-variants .wrapper-riepilogo .-item-variants .-edit{position: absolute;right: 0;top:0} #product .has-discount .discount{ color: #000; font-size: 15px;padding:0} #product .product-container .product-prices .product-price{color:#000; font-size: 42px; font-weight: 700; letter-spacing: -2px; line-height: 42px; margin-bottom: 0} .product-prices div{ margin: 0;} #product .product-container .product-prices .tax-shipping-delivery-label{color:#000; text-transform: uppercase} #product .product-container .product-actions .control-label{color:#000; font-size: 16px; text-transform: uppercase} .has-discount .discount{color: #78B936; font-weight: 400; letter-spacing: initial; text-transform: initial; font-size: 13px} #product .product-container .product-add-to-cart .control-label{ display: none;} #product .product-container .product-actions .add-to-cart{ background-color: #F7B233; text-transform: uppercase; font-weight: 700; color: #000; padding: 0} #product .product-container .product-actions .add-to-cart .border-in{-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 3px solid #F7B233; padding: 0.5rem 2.25rem; display: inline-block;} #product .product-container .product-actions .add-to-cart:hover .border-in{ border: 3px solid #fff;} #product .product-container .product-actions .add-to-cart .material-icons{ display: none;} #product .product-container .wrapper-coupon{background-color: #F3F5F7; position: relative; padding:10px; color: #000; margin: 30px 0; cursor: pointer; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; text-align: center } #product .product-container .wrapper-coupon .-ico{background-color: #F3F5F7;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; padding: 10px; width: 66px; height: 66px; position: absolute; left: -20px;top:-5px; display: none;} #product .product-container .wrapper-coupon .-text{ font-size: 17px; display: inline-block;} #product .product-container .wrapper-coupon .-coupon{ font-size: 19px; font-weight: 700;display: inline-block; } #product .product-container .wrapper-coupon .-button{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; height: 65px; width: 62px; background-color: #fff; position: absolute;top:-7px; right: -47px;display: none;} #product .product-container .wrapper-coupon .-add{background-color:#F3F5F7;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;height: 42px; width: 42px; margin-top: 11px; margin-left: 9px; text-align: center; font-weight: 700; font-size: 45px; line-height: 50px} @media(min-width: 576px){ #product .product-container .wrapper-coupon{width: 90%;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding:10px 10px 10px 70px; text-align: left } #product .product-container .wrapper-coupon .-coupon{padding-left: 30px} #product .product-container .wrapper-coupon .-ico, #product .product-container .wrapper-coupon .-button{display: block} } #product .product-container .bootstrap-touchspin{float:none; display:block; width:inherit; box-shadow:none;} #product .product-container .bootstrap-touchspin .input-group-btn-vertical{ display:block; float:none} #product .product-container .product-quantity{ display:block;} #product .product-container .product-quantity .qty{position:relative; margin:0 auto; min-height:45px; vertical-align:middle; padding:5px; float: none;border:1px solid #000;-webkit-border-radius: 22px;-moz-border-radius: 22px; border-radius: 22px;} #product .product-container .product-quantity .qty.disabled{ display:none} #product .product-container .product-quantity .add{ float: right;} #product .product-container .product-quantity #quantity_wanted{ height:34px; border:0 !important; background:transparent;padding: 4px 19px; text-align:center; margin-left:15px; margin-right:15px; width:95px; font-size:22px !important; font-weight:700; color:#000} #product .product-container .input-group, #product .product-container .bootstrap-touchspin .input-group-btn-vertical{ position:inherit} #product .product-container .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{position:absolute; right:0; width:35px; height:35px; border:0;; top:0; z-index:4; background-color: transparent;} #product .product-container .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{position:absolute; left:0;width:35px;height:35px;border:0;top:0; z-index:4;background-color: transparent;} #product .product-container .bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after{ content:'+'} #product .product-container .bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after{ content:'-'} #product .product-container .product-quantity .input-group-btn-vertical .btn i{ top:0; left:6px; color:#000; font-size:28px; line-height:20px; font-weight:600;} #product .product-container #product-availability .product-last-items, #product .product-container #product-availability .product-unavailable{color:#050505; line-height:initial} #product .product-container #product-availability{ font-weight:300; font-size:12px; margin:5px 0} #product .product-container #product-availability i{font-size:15px; } #product .product-container .wrapper-emailalert{ margin-bottom:30px;} #product .product-container .wrapper-emailalert .title-mailalert{ font-weight: 700 } @media(max-width: 575px){ #product .product-container .product-quantity .qty{display: block; max-width: 150px} #product .product-container .product-quantity .add{float:none; display: block; text-align: center; margin-top: 20px } } #product .wrapper-description .product-description-short{ margin-bottom: 10px} #product .wrapper-description .-title{font-weight: 700; text-transform: uppercase; font-size: 20px;margin-bottom: 10px} #product .wrapper-description .product-description h1, #product .wrapper-description .product-description h2, #product .wrapper-description .product-description h3, #product .wrapper-description .product-description h4, #product .wrapper-description .product-description h5, #product .wrapper-description .product-description h6{ margin-top: 15px;} #product .wrapper-description .product-description, #product .wrapper-description .product-description span, #product .wrapper-description .product-description div, #product .wrapper-description .product-description p{ font-size:14px !important; line-height:24px !important; } #product .wrapper-description .product-description p, #product .wrapper-description .product-description span:not([class^="fa"]), #product .wrapper-description .product-description strong, #product .wrapper-description .product-description ul, #product .wrapper-description .product-description li, #product .wrapper-description .product-description div #product .wrapper-description .product-description h1, #product .wrapper-description .product-description h2, #product .wrapper-description .product-description h3, #product .wrapper-description .product-description h4, #product .wrapper-description .product-description h5, #product .wrapper-description .product-description h6{ color:#000 !important; background-color: inherit !important;} #product .wrapper-description .product-description p, #product .wrapper-description .product-description span, #product .wrapper-description .product-description ul, #product .wrapper-description .product-description li, #product .wrapper-description .product-description div{font-weight:400 !important;} #product .wrapper-description .product-description b, #product .wrapper-description .product-description strong{font-weight:700 !important;} #product .wrapper-description .product-description a:hover, #product .wrapper-description .product-description a:hover *{ color:#00a3e0 !important; text-decoration: underline;} #product .wrapper-description .product-description a{color:#14b5d3 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;} #product .wrapper-description .table-responsive strong{ color:#000} #product .wrapper-description .product-description .fa-li{ width: auto; left: inherit; top:inherit;} #product .wrapper-product-accessories{padding:30px 0 20px 0} #product .wrapper-product-accessories h2{font-size: 30px; line-height: 24px; color: #000; text-align: center; font-weight: 700; margin-bottom: 30px} #product .featured-products h2{font-size: 30px; line-height: 30px; color: #000; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 30px} #main .page-footer{margin-bottom:0 } #product .w-wishlist-prod{float:right; margin-top: -30px} #product .an_wishlist-container{ display: inline-block; padding-right: 10px; cursor: pointer} #product .an_wishlist-container svg{vertical-align: middle} #product .an_wishlist-container svg path{fill:#000} #product .an_wishlist-container .an_wishlist-in svg path{fill:#C30101} .loyalty-block img{ width: initial !important} .loyalty-block-product .alert-loyalty{ background-color: #fff; border-color: #000} .alert-loyalty{ color: #000 !important} #product-modal .modal-content .modal-body{ background-color: #fff;} @media (min-width: 576px){ .modal-dialog {max-width: 600px; margin: 100px auto;} } #product .raccolta-punti{width:100%} #product .home_blog_post{padding:30px 0 20px 0} #product .home_blog_post h2{font-size: 30px; line-height: 30px; color: #000; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 30px} #product .wrapper-faq h4, #product .wrapper-faq p{ text-align: center} #product .wrapper-faq ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;list-style-type: none;padding: 0; margin:0 !important;} #product .wrapper-faq ul > li { list-style:none; border-bottom: 1px solid #dedede; padding: 10px; } #product .wrapper-description .product-description .wrapper-faq ul p {font-size: 12px !important; line-height: 18px !important; text-align: left} #product .wrapper-faq ul > li h3{ font-size: 13px; line-height: 15px} #product .wrapper-faq ul > li:hover, #product .wrapper-faq ul > li:hover { background-color:#feffdc !important;} @media(min-width: 576px){ #product .wrapper-faq ul{grid-template-columns: repeat(4, 1fr);} } @media(max-width: 767px){ .loyalty-block img{ display: none !important} } #product .-disclaimer{ font-size: 12px; line-height: 15px; border: 1px solid #dedede; background-color: #fbfbb5; padding: 10px; color: #000; border-radius: 4px; margin-top: 10px;} /***************************** SECTION BOTTOM PRODOTTI **************************************/ #product .wrapper-section-bottom-prodotti{margin: 30px 0; padding-top: 40px; border-top:2px solid #000} #product .wrapper-section-bottom-prodotti .-assistenza{background-image: linear-gradient(to right,#fff, #FFFDEB , #E8DFC4);border-radius: 10px; position: relative; margin-bottom: 20px} #product .wrapper-section-bottom-prodotti .-assistenza .-ico{position: absolute; left: 0; bottom:0; display: none} #product .wrapper-section-bottom-prodotti .-assistenza .w-text{padding: 30px} #product .wrapper-section-bottom-prodotti .-assistenza .w-text .-title{font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 10px} #product .wrapper-section-bottom-prodotti .-assistenza .w-text .-desc{font-size: 14px; line-height: 22px; margin-bottom: 10px} #product .wrapper-section-bottom-prodotti .w-button{border:2px solid #000;border-radius: 10px; padding: 10px 20px;text-align: center} #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-whatsapp, #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-tel{display: inline-block} #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-whatsapp strong, #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-tel strong{display: block} #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-whatsapp img, #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-tel img{display: inline-block} #product .wrapper-section-bottom-prodotti .-assistenza .-button{margin-left: 10px;} @media(min-width: 768px){ #product .wrapper-section-bottom-prodotti .-assistenza .-ico{display: block} #product .wrapper-section-bottom-prodotti .-assistenza .w-text{ margin-left: 180px;} } @media(min-width: 991px){ #product .wrapper-section-bottom-prodotti .-assistenza{margin-bottom:0} } @media(min-width: 1400px){ #product .wrapper-section-bottom-prodotti .w-button .-whatsapp, #product .wrapper-section-bottom-prodotti .w-button .-tel{width: 47%} #product .wrapper-section-bottom-prodotti .-assistenza .w-button .-tel{border-left: 2px solid #000; padding-left: 20px; margin-left: 20px} #product .wrapper-section-bottom-prodotti .w-button{text-align: left} #product .wrapper-section-bottom-prodotti .-assistenza .w-text .-desc{font-size: 16px; line-height: 27px;} #product .wrapper-section-bottom-prodotti .-assistenza .w-text .-title{font-size: 24px; line-height: 30px;} } #product .wrapper-section-bottom-prodotti .-montaggio{border:2px solid #000;border-radius: 10px; padding:10px 20px;margin-bottom: 20px;font-weight: 700; text-align: center} #product .wrapper-section-bottom-prodotti .-montaggio .sep{ display: block; } #product .wrapper-section-bottom-prodotti .-punti-di-forza{border:2px solid #000;border-radius: 10px; padding:20px} #product .wrapper-section-bottom-prodotti .-punti-di-forza .-item{display: inline-block; width: 32%; vertical-align: top; text-align: center} #product .wrapper-section-bottom-prodotti .-punti-di-forza .-item .-title{font-weight: 700} @media(min-width: 576px){ #product .wrapper-section-bottom-prodotti .-montaggio{text-align: center} #product .wrapper-section-bottom-prodotti .-montaggio .sep{height: 50px; width: 1px; background-color: #000; display: inline-block;vertical-align: middle;margin: 0 10px;} } #price-custom-small{min-height: 30px; line-height: 28px;margin-bottom: 20px; display: inline-block; float: right} #price-custom-small .current-price-value{font-size:22px;font-weight: 700;} #price-custom-small .discount-amount{color:#666;font-size: 12px;} #blockcart-modal .wrapper-related{margin-top:20px;} #blockcart-modal .wrapper-related h2{margin-bottom:20px} #blockcart-modal .wrapper-related .product-item .add-to-cart{font-size: 9px;} @media (min-width: 480px) { .wrapper-products .product-item .price {font-size: 20px;} } /***************************** STICKY CARRELLO **************************************/ #riepilogo-prodotto{ bottom:0; left:0; right:0; background-color:#fff; z-index:5;-webkit-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.07);box-shadow: 0px -6px 10px 0px rgba(0,0,0,0.07); height:0; opacity:0} #riepilogo-prodotto .container-riepilogo{padding:5px 0; font-size:0px;} #riepilogo-prodotto .container-riepilogo .-image{ display:inline-block; vertical-align:middle; width:10%} #riepilogo-prodotto .container-riepilogo .wrapper-title{ display:inline-block; width:50%; padding-left:20px;vertical-align:middle} #riepilogo-prodotto .container-riepilogo .wrapper-configurazione{ font-size: 12px;font-weight: 400} #riepilogo-prodotto .container-riepilogo .wrapper-title .-title{ font-size:14px; font-weight: 700} #riepilogo-prodotto .container-riepilogo .wrapper-right{display:inline-block; width:40%;vertical-align:middle; text-align:right;} #riepilogo-prodotto .container-riepilogo .wrapper-right .-price{font-size:14px;display:inline-block;vertical-align:middle; margin-right:20px} #riepilogo-prodotto .container-riepilogo .wrapper-right .-price .regular-price{font-size: 15px; font-weight:400;position:relative;text-decoration: inherit !important; display:inline-block} #riepilogo-prodotto .container-riepilogo .wrapper-right .-price .regular-price .-line{display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 9px; left: 0;} #riepilogo-prodotto .container-riepilogo .wrapper-right .-price .price{font-size: 33px; font-weight:700; display:inline-block } #riepilogo-prodotto .container-riepilogo .wrapper-right .-price .-iva{ font-size:11px; display:inline-block} #riepilogo-prodotto .container-riepilogo .wrapper-right .-add-to-cart{font-size:14px; display:inline-block;vertical-align:middle} #riepilogo-prodotto .container-riepilogo .wrapper-right .-add-to-cart button{display:inline-block; cursor:pointer;background-color: #F7B233; text-transform: uppercase; font-weight: 700; color: #000; padding: 0;} #riepilogo-prodotto .container-riepilogo .wrapper-right .-add-to-cart button .border-in{-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 3px solid #F7B233; padding: 0.5rem 2.25rem; display: inline-block;border:0} #riepilogo-prodotto .container-riepilogo .wrapper-right .-add-to-cart button:hover .border-in{border: 3px solid #fff;} @media (min-width: 1200px){ #riepilogo-prodotto.-fixed{position:fixed; height:100px; opacity:1} }