/*-------------------------------- COMMON -----------------------------------------*/ body{line-height: 1.6;outline: none;background-color: #fff !important;font-family: 'montserratregular', sans-serif !important; font-size:14px; color:#000;} .font-bold{font-family: 'montserratbold', sans-serif !important;} .max-width-external, .width-out-container{width: 100%;margin: 0 auto; position:relative} @media screen and (min-width: 1400px){ .container{width: 1360px;} .width-out-container{width: 100vw; margin-left: calc(((-100vw + 98.618%) / 2) );} } @media screen and (min-width: 1160px){ .container{padding-left:0; padding-right:0;} } img{ max-width:100%; height:auto} .img-responsive{ display:inline-block !important} .relative{ position:relative} a { color:#000;} a:hover{ color: #48882f;} a:focus{ outline:0; text-decoration:none;color: #6b6b6b;} p{ color:#232323; font-size:14px; line-height:18px} .form-control-comment, .label, label{font-size:14px; line-height:18px} .form-control{ background-color:#fff !important;border:0!important; border-bottom: 1px solid #000!important; font-size: 14px!important; color:#00000080} textarea.form-control{border: 1px solid #000!important; } .button, .btn-tertiary{border: 2px solid #000; padding: 10.5px 20px; text-align: center;text-transform: uppercase; font-weight: 600; font-size:13px; color:#050505; background-color: transparent; box-shadow:none; cursor:pointer;} .button:hover{color:#050505} button:focus-visible, button:focus{ outline:none !important} .form-control:focus, .input-group.focus{ outline:0;border: 0;} .has-discount .discount{ background:#fff; } .has-discount.product-price, .has-discount p{ color:#000} .separator{ border-color:#dadada} #notifications article{ margin-top:30px} .alert{ margin-bottom:10px} .custom-checkbox input[type="checkbox"]:checked+span .checkbox-checked{color:#78B936} .btn-primary{color: #000 !important; background-color: #48882f; border-color: transparent; box-shadow:none; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; font-size: 12px; text-transform: uppercase; font-weight: 700;} .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus{background-color: #48882f;outline:0;} .btn-secondary{color: #fff; background-color: #48882f; border-color: transparent; box-shadow:none; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; font-size: 12px; text-transform: uppercase;} .psgdpr_consent_message{ color:#6e6e6e; font-size:11px;} .custom-checkbox input[type=checkbox]+span{border:1px solid #6e6e6e;} .custom-radio{border:1px solid #7a7a7a;} .custom-radio input[type=radio]:checked+span{ background-color:#000;left: 0;top: 0;width:16px; height:16px} .card { box-shadow: none; border: 0;} .card-block{padding:0} .dropdown-item:focus, .dropdown-item:hover{ color:#000;} div.input-invalidate{ color:#c3364a; position:absolute; top:-16px;left:13px; font-size:12px;} textarea.input-invalidate, input.input-invalidate, select.input-invalidate{ background-color:#c3364a21 !important;} .form-group{ position:relative} #wrapper{box-shadow:none; padding-top:0;background: inherit; position: relative; z-index: 0} body.modal-open #wrapper{ z-index: inherit} .hide{ display:none} .-dotted{display: block; display: -webkit-box;max-width: 100%; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}/* -webkit-line-clamp: 4;*/ .-dotted.-line-1{ -webkit-line-clamp: 1;} .-dotted.-line-2{ -webkit-line-clamp: 2;} .-dotted.-line-3{ -webkit-line-clamp: 3;} .-dotted.-line-4{ -webkit-line-clamp: 4;} .-dotted.-line-5{ -webkit-line-clamp: 5;} .-dotted.-line-6{ -webkit-line-clamp: 6;} .-dotted.-line-7{ -webkit-line-clamp: 7;} .-dotted.-line-8{ -webkit-line-clamp: 8;} .d-table{ display:table; width:100%; height:100%} .d-cell{ display:table-cell} .v-align-t{ vertical-align:top} .v-align-m{ vertical-align:middle} .v-align-b{ vertical-align:bottom} .-animate, .-animate *{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;} .-animate-x2, .-animate-x2 * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .-animate-x1, .-animate-x1 * { -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;} .-animate-fast{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;} .color-red{ color:#f00;} .clearfix{clear:both} .bg-white{background-color:#fff} .bg-grey{background-color:#f1f1f1} .bg-blue{background-color:#000} .bg-light-blue{background-color: #0785F2;} .bg-red{ background-color: #C30101} .thead-inverse th{ background-color:#fff; color:#000} .box-container-bgfull{ position:relative} @media(min-width: 1400px){ .box-container-bgfull .bgfull-left{position: absolute; content: ''; top: 0; bottom: 0; left: -2000px; right: 100%; background: #f3f5f6;} .box-container-bgfull .bgfull-right{position: absolute; content: '';top: 0; bottom: 0; left: 100%; right: -2000px; background: #f3f5f6; display: block;} } .table thead th{border-bottom: 1px solid #dfdfdf;} .table th, .table td{border-top: 1px solid #dfdfdf;} /*-------------------------------- COOKIE BOT -----------------------------------------*/ #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, .CookieDeclaration .CookieDeclarationLastUpdated a{ display:none !important} .CookieDeclaration .CookieDeclarationLastUpdated::after, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter::after{content:"shop.omerproduzione.it"} #CybotCookiebotDialog a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{background-color: #f6f6f9 !important;color: #626263 !important;border: 1px solid #cccccc !important;font-weight:normal} /*-------------------------------- HEADER -----------------------------------------*/ #header{box-shadow: none;} #header .header-top{padding:0} #header .header-nav{border:0} #header .header-nav .-top{color: #fff; font-size: 12px; line-height: 20px; padding: 5px 0; background-color: #48882f;} #header .header-nav .-top a{color: #fff; font-size:10px} #header .header-nav .-top .-block-social{ text-align: right; display: inline-block;} #header .header-nav .-top .-block-social ul{ display: inline-block; margin-bottom: 0;} #header .header-nav .-top .-block-social ul li {display: inline-block;margin-left: 5px;} #header .header-nav{ max-height: inherit} #header .header-nav .-top .-block-social span{display: none;} #header .header-nav .-top .-left{ font-size: 13px} #header .header-nav .-top .-right{ text-align: right} #header .header-top-right{ text-align: right;} #header #_desktop_cart{display: inline-block; margin-left: 10px;} #header #_desktop_user_info{display: inline-block; margin-left: 10px;} #header .an_wishlist-nav-container{display: inline-block;} #header #_desktop_user_info a:hover{ color: #48882f;} #header .av-sticky-header{position: fixed; top: 0; width: 100%; z-index:999; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11); background-color: #fff; } #header .av-sticky-header .header-top{ padding: 5px 0 8px 0;} #header .av-sticky-header .header-nav .-top{display: none;} #header .av-sticky-header .header-top .menu{ padding-top: 0; margin-top: 0;} #header .av-sticky-header #_desktop_user_info{vertical-align: middle} #header .header-nav .blockcart{ background-color:#fff;} #header .av-sticky-header #_search_mobile #search_widget{margin-bottom:0} @media(min-width: 576px){ #header .header-nav .-top .-text{ font-size: 14px} #header .header-nav .-top .-text{ font-size: 12px} #header .header-nav .-top a{font-size: 14px} } @media(min-width: 768px){ #header .header-top{ padding-bottom:0; padding-top: 10px;} #header .header-nav .-top .-block-social span{display: inline-block;} #header .header-nav .-top{padding: 10px 0;font-size: 14px; } #header .header-nav .-top .-block-social ul{margin-left: 5px;} #header .w-menu-search{ display: table; width: 100%; border-radius: 20px; border:1px solid #000;} #header #search_widget{ display: table-cell;} } @media(min-width: 1200px){ #header .av-sticky-header .logo{width: 100px} } @media (max-width: 767px) { #header .top-logo img{min-height: 22px;} } body#cart #alma-cart-widget.alma-widget-container .alma-payment-plans-container{ width: 390px} /*-------------------------------- HEADER - CERCA -----------------------------------------*/ #search_widget form{color:#000;} #search_widget form input{ background-color: #fff; border-radius: 20px;color:#000; padding: 10px 40px 10px 20px;} .header-top #search_widget input{padding: 10px 40px 10px 20px;} input.input-search-val::-webkit-input-placeholder{color:#000!important; opacity:0.5 !important;} input.input-search-val:-ms-input-placeholder{color: #000!important; opacity:0.5 !important;} input.input-search-val::placeholder{color:#000!important; opacity:0.5 !important;} #search-widget form input:focus{color:#000!important; opacity:1 !important} #header .header-top>.container>.row:first-of-type{display: block} #search_widget form i{ position: inherit; left: inherit;right: inherit;bottom:inherit;top:inherit; width:auto;height: auto; cursor: pointer} #search_widget form button{ position: absolute; right: 0;top:0;display: block;border:0; background-color: #fff;} #_search_mobile #search_widget{border:1px solid #000; border-radius: 20px; margin-top:5px; width:100%;} #_search_mobile #search_widget form i{padding:0 8px} @media(min-width: 576px){ .header-top .search-widgets{max-width: 100%;} } @media(min-width: 768px){ #search_widget{ float: none;} } @media(min-width: 992px){ #search_widget{min-width: 100%} } /*-------------------------------- PAGINA - CERCA -----------------------------------------*/ #pagenotfound #search_widget form input, #search #content-wrapper #search_widget form input{border:2px solid #000} #pagenotfound .page-not-found h4, #products .page-not-found h4{font-size: 20px; color:#000} #pagenotfound .page-not-found, #products .page-not-found{max-width: 650px;text-align: center} @media(min-width: 992px){ #pagenotfound .page-not-found, #products .page-not-found{padding: 50px 0} } /*-------------------------------- HEADER - CARRELLO -----------------------------------------*/ #header .blockcart{ font-size:14px; line-height:14px; line-height:18px;} #header .header-nav .cart-preview.active{background-color: #fff;} #header .blockcart .cart-product-total{text-align:left;} #header .blockcart .ico-shopping-cart{position: relative;} #header .blockcart .cart-products-count{ position:absolute; top:-5px; right:-5px; background-color:#000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; color:#fff; width:18px; height:18px; z-index:1; padding:2px 0; text-align:center; font-size: 11px; line-height: 15px;} #_desktop_cart .cart-modal{ width:400px; border:1px solid #dedede; padding:15px; text-align:left;-webkit-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.2);box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.2); background-color:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; position:absolute; top:100%; right:0; z-index:1000; background-color:#fff; display:none} #_desktop_cart .cart-modal:hover{-webkit-box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%);-moz-box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%);box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%); } #header #_desktop_cart .open .cart-modal{ display:block} #_desktop_cart .cart-modal .top-cart-modal{ margin-bottom:10px; padding-bottom:5px; display: grid;grid-gap: 6px; grid-template-columns: auto 25%; border-bottom:1px solid #dedede; font-size:12px} #_desktop_cart .cart-modal .top-cart-modal .top-cart-count{grid-column: 2;grid-row: 1; text-align:right} #_desktop_cart .cart-modal .top-cart-modal .top-cart-label{grid-column: 1;grid-row: 1; text-align:left; font-weight:700; color:#1D1D1B;} #_desktop_cart .content-cart-modal .-line{ margin-bottom:10px;display: grid;grid-gap: 6px; grid-template-columns: 20px auto 50px; align-items:center} #_desktop_cart .content-cart-modal .-line .product-name{ height:12px; font-size:12px; line-height:12px; overflow:hidden;display: block; display: -webkit-box;max-width: 100%; -webkit-box-orient: vertical;text-overflow: ellipsis; -webkit-line-clamp: 1;} #_desktop_cart .content-cart-modal .-line .product-quantity{ font-size:12px; text-align:center} #_desktop_cart .content-cart-modal .-line .remove-from-cart{ font-size:12px; text-align:right} #_desktop_cart .bottom-cart-modal{ text-align:center; border-top: 1px solid #dedede; margin-top: 10px; padding-top: 10px;} #_desktop_cart .bottom-cart-modal a{ font-weight:700 !important; text-transform:uppercase; color: #000 !important; font-size:12px} #_mobile_cart .cart-modal{ display:none} /*-------------------------------- HEADER - USER INFO -----------------------------------------*/ #_desktop_user_info .logged-in-modal{ width: 300px; border: 1px solid #dedede; padding: 15px; text-align: left; -webkit-box-shadow: 0px 0px 18px -7px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.2); box-shadow: 0px 0px 18px -7px rgb(0 0 0 / 20%); background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; position: absolute; top: 100%; right: -59px; z-index: 1; background-color: #fff; display:none} #_desktop_user_info:hover .logged-in-modal{webkit-box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%);-moz-box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%);box-shadow: 0px 0px 35px -2px rgb(0 0 0 / 30%);} #_desktop_user_info .open .logged-in-modal{ display:block} #_desktop_user_info .logged-in-modal .top-logged-in-modal{margin-bottom:10px; padding-bottom:5px; display: grid;grid-gap: 6px; grid-template-columns: auto 25%; border-bottom:1px solid #dedede} #_desktop_user_info .logged-in-modal .top-logged-in-modal .logout{ text-align:right; font-weight:700} #_desktop_user_info .logged-in-modal .content-logged-in-modal ul{ margin-bottom:0} #_desktop_user_info .logged-in-modal .content-logged-in-modal ul li{ margin-bottom:5px} #_desktop_user_info .logged-in-modal .-title{ display:inline-block; vertical-align:middle; margin-left:5px;} #_desktop_user_info .logged-in-modal .w-icon{background:url(/themes/avtheme/assets/content/image/sprite-account.png) no-repeat center; display:inline-block; vertical-align:middle } #_desktop_user_info .logged-in-modal #dashboard .w-icon{ background-position:0 0; width:18px; height:16px;} #_desktop_user_info .logged-in-modal #identity-link .w-icon{ background-position:-18px 0; width:11px; height:13px;} #_desktop_user_info .logged-in-modal #addresses-link .w-icon{ background-position:-29px 0; width:12px; height:11px;} #_desktop_user_info .logged-in-modal #address-link .w-icon{ background-position:-29px 0; width:12px; height:11px;} #_desktop_user_info .logged-in-modal #history-link .w-icon{ background-position:-41px 0; width:10px; height:13px;} #_desktop_user_info .logged-in-modal #order-slips-link .w-icon{ background-position:-51px 0; width:13px; height:9px;} #_desktop_user_info .logged-in-modal #preferiti-categorie .w-icon{ background-position:-64px 0; width:9px; height:13px;} #_desktop_user_info .logged-in-modal #discounts-link .w-icon{ background-position:-73px 0; width:14px; height:12px;} #_desktop_user_info .logged-in-modal #psgdpr-link .w-icon{ background-position:-87px 0; width:13px; height:15px;} #_desktop_user_info .logged-in-modal #returns-link .w-icon{background-position:-87px 0; width:13px; height:15px;} #_desktop_user_info .logged-in-modal #exit-link .w-icon{ background-position:-114px 0; width:14px; height:14px;} #_desktop_user_info .logged-in-modal #wishlist .w-icon{ background-position:-128px 0; width:15px; height:15px;} #_desktop_user_info .logged-in-modal #loyaltyeditpoints .w-icon{ background-position:-101px 0; width:13px; height:15px;} #_desktop_user_info .logged-in-modal #emailsalerts .w-icon{ background-position:-18px 0; width:11px; height:13px;} #header .header-nav #_mobile_user_info .user-info{padding: 0.75rem;} #header .header-nav #_mobile_user_info .user-info, #header .header-nav #_mobile_user_info .user-info .account{margin:0;} #header .header-nav #_mobile_cart .blockcart{margin-left: 0;} #header .header-nav #_mobile_wishlist .an_wishlist-nav{margin-right: 0.625rem;} /*-------------------------------- HEADER - MENU -----------------------------------------*/ #header .header-top .menu{padding: 0;display: none; position: absolute;-webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.21);-moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.21);box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.21);} #header .header-top .w-menu-search{ overflow: hidden} #header .header-top .w-menu-search .-button{color:#000;font-weight: 700; cursor: pointer;background-color: #ededed; -webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px; padding: 11px; width: 180px; display: none} #header .header-top a[data-depth="0"]{font-size:13px; font-weight: 400; color: #000;} #header .top-menu a[data-depth="0"]:hover{color:#48882f;} #header .menu, #header .menu>ul>li{display: block} #_desktop_top_menu .top-menu[data-depth="0"] .sub-menu.collapse{ visibility: visible; opacity: 1; box-shadow: none;display: none;} #_desktop_top_menu .top-menu[data-depth="0"] li.is-open .sub-menu{display: block; z-index: 99999999999; visibility: visible; opacity: 1;} #header .top-menu .sub-menu ul[data-depth="1"]>li{float:none; margin:0} #header .header-top .menu .menu-in-evidenza-container{position: absolute; top:0; left: 37%} #header .header-top .menu .menu-in-evidenza-container .-title{margin: 10px 0; color: #000; text-transform: uppercase; font-weight: 700; font-size: 16px;} #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item{ width: 32% !important;} #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item .product-title{height:64px; margin: 0} #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item form, #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item .an_wishlist-mini, #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item .product-price-and-shipping, #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item .available_combinations, #header .header-top .menu .menu-in-evidenza-container .wrapper-products .product-item .available_for_order{ display: none;} #header .top-menu .sub-menu ul[data-depth="1"]>li .-cat-title{ display: none;} #header .header-top #category-215 a[data-depth="0"], #header .header-top #category-220 a[data-depth="0"]{color:#bc0014; font-weight: 700;} @media(min-width: 768px){ #header .header-top a[data-depth="0"]:hover i.add{display: none;} #header .header-top a[data-depth="0"]:hover i.remove{display: inline-block;} #_desktop_top_menu .top-menu .collapse-icons .remove{ display: none} #_desktop_top_menu .top-menu .collapse-icons .add{ display: none} #_desktop_top_menu .top-menu a[data-depth="0"] .collapse-icons .add{ display: inline-block} #_desktop_top_menu .top-menu a[data-depth="0"] .navbar-toggler{ padding: 0; padding-right: 5px;} #_desktop_top_menu .top-menu a[data-depth="0"] .navbar-toggler i{ font-size: 22px; line-height: 22px} #header .header-top .w-menu-search .-button{display: table-cell} } @media screen and (min-width: 1200px){ #header .header-top .position-static{margin-top: 14px} .top-menu[data-depth="0"]{width: 35%; position: relative; height: 100%} #header .menu>ul>li{display: block; border-bottom:1px solid #efefef;} #header .header-top .menu{top:10px;left: 0; height: 465px; margin-left: 0; width: 100%; max-width: 100%;transform-origin: center top; transition: opacity .5s ease .35s,transform .5s ease .35s; z-index: 9999999999; background-color: #fff; padding: 15px 30px;border-top:2px solid #000;} #header .menu ul[data-depth="0"] li{ padding: 3px 0 } #header .header-top a[data-depth="0"], #header .header-top div[data-depth="0"]{line-height:15px; text-transform: inherit; display: inline} #_desktop_top_menu .top-menu[data-depth="0"] .sub-menu.collapse{position: absolute; top:0 !important;bottom:0; left: 95%; border-left: 1px solid #000; background-color: #f7f7f7; } #header .top-menu .sub-menu.collapse .container{ height:100%} #header .top-menu .sub-menu ul[data-depth="1"]>li{padding: 10px} #header .top-menu .sub-menu ul[data-depth="1"]>li:hover{ background-color: #000; } #header .top-menu .sub-menu ul[data-depth="1"]>li:hover a{color: #fff;} #header .top-menu .sub-menu ul[data-depth="1"]>li.-active .collapse.depth-1{ display:block} #header .top-menu .sub-menu ul[data-depth="1"]>li a{ color: #000; text-transform: inherit; font-size: 14px; padding: 0; font-weight: 400} #header .top-menu .sub-menu ul[data-depth="1"]>li .-cat-title{ color: #9CC0C9;font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 700; display: block;} #header .top-menu .sub-menu ul[data-depth="2"]>li a{ color: #1D1D1B; text-transform: inherit; font-size: 13px;} #header .header-top .menu ul.top-menu[data-depth="2"]{width: 100%; float: left;padding: 10px 0; margin:0 0 0 15px; display: flex;flex-direction: column;flex-wrap: wrap;} #header .header-top .menu ul.top-menu a[data-depth="2"]{ padding-bottom:5px} #header .top-menu .collapse.depth-1 .title-submenu{margin: 30px 0 0 15px; color:#000; text-transform: uppercase; font-weight: 700;font-size: 16px;} } /*-------------------------------- BREADCRUMB -----------------------------------------*/ #wrapper .breadcrumb{ margin-top: 20px; font-size: 13px;} #wrapper .breadcrumb li::after{content:'//'} /*-------------------------------- MINIATURA PRODOTTO -----------------------------------------*/ #products{ color:#000;} .wrapper-products #js-product-list{ width:100%} .wrapper-products{display: -webkit-box;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .wrapper-products .product-item{ width:100%; text-align:center; margin-bottom:20px;background-color:#fff;border:1px solid #EBEBEB;} .wrapper-products .product-item .content-box{position:relative;} .wrapper-products .product-item .-image{ text-align:center; position:relative} .wrapper-products .product-item .special_flag{position: absolute; left: -5px; top: -6px; overflow: hidden; width: 76px; height: 76px; text-align: right; z-index: 4;} .wrapper-products .product-item .special_flag span{background: #48882f !important; background: linear-gradient(#48882f 0%, #48882f 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;} .wrapper-products .product-item .special_flag span:before{content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #48882f; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #48882f;} .wrapper-products .product-item .special_flag span:after{content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #48882f; border-bottom: 3px solid transparent; border-top: 3px solid #48882f;} .wrapper-products .product-item .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;} .wrapper-products .product-item .product-flag.quantity_discounts{font-weight: 400; font-size: 14px;} .wrapper-products .product-item .product-flag.is_promozioni{background-color: #64c900 !important;} .wrapper-products .product-item .w-description{ padding:7px; } #products .highlighted-informations, .wrapper-products .product-item .highlighted-informations{width:100% !important; position: absolute; left:0; right:0;top: 100%; z-index: 2; transition: top .3s; height:50%;overflow:hidden} .wrapper-products .product-item .highlighted-informations .wrapper-description{background-color:#fff; padding:10px; } #products .product-item:hover .highlighted-informations, .wrapper-products .product-item:hover .highlighted-informations{top:50%; bottom:0} .wrapper-products .product-item .product-title{ height:40px; overflow:hidden;} .wrapper-products .product-item .-reference{font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight: 500;} .wrapper-products .product-item .-description{font-size: 12px; line-height: 14px; height: 42px; margin: 10px 0;} #products .product-title a, .wrapper-products .product-item .product-title, .wrapper-products .product-item .product-title a{font-size:15px; line-height:20px; text-transform: uppercase; font-weight: 700} .wrapper-products .product-item .regular-price{font-size: 12px; font-weight:700;color:#959595 !important; position:relative;text-decoration: inherit !important} .wrapper-products .product-item .regular-price .-line{display: block; width: 100%; height: 1px; background-color: #959595; position: absolute; top: 8px; left: 0;} .wrapper-products .product-item .price{font-size: 18px; font-weight:700; display: inline-block; color: #000} .wrapper-products .product-item form{margin-bottom: 5px} .wrapper-products .product-item .add-to-cart{background-color: #48882f; text-transform: uppercase; font-weight: 700; color: #000; padding: 0; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 12px;} .wrapper-products .product-item .add-to-cart .border-in{-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 3px solid #48882f; padding: 5px 10px; display: inline-block;} .wrapper-products .product-item .add-to-cart:hover .border-in{border: 3px solid #fff;} .wrapper-products .product-item .-montaggio .-ico{display: inline-block; margin-right: 5px;vertical-align: middle;} .wrapper-products .product-item .-montaggio .-item{height: 14px; width: 14px;-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; display: inline-block;vertical-align: middle;} .wrapper-products .product-item .-montaggio .-item.-full{background-color: #000;} .wrapper-products .product-item .-montaggio .-item.-empty{border: 1px solid #000;} .wrapper-products .product-item .-consegna{ text-align: right; font-weight: 500; font-size: 11px} .wrapper-products .product-item.-cat-10 .-consegna{color:#6bc200; font-weight: 700 !important} .wrapper-products .product-item .an_wishlist-mini{ position: inherit; top:inherit; right: inherit; text-align: center} #products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{ text-align:left;} #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations{ background: transparent} .product-add-to-cart .paypal-shortcut div{ margin:0 auto; z-index:1} @media (min-width: 360px){ .wrapper-products .product-item{ width:49.5%;margin-left:1%;text-align:inherit} .wrapper-products .product-item:nth-child(2n+1){ margin-left:0 } } @media (min-width: 480px){ .wrapper-products .product-item .price{font-size: 24px;} .wrapper-products .product-item form{margin-bottom: 10px} } @media (min-width: 991px){ .wrapper-products .product-item{ width:24.25%; margin-left:1%;} .wrapper-products .product-item:nth-child(2n+1){ margin-left:1%;} .wrapper-products .product-item:nth-child(4n+1){ margin-left:0;} } @media (max-width: 1400px){ .wrapper-products .product-item .w-price-button, .wrapper-products .product-item .w-price-button .d-cell{ display: block; width: 100%;} .wrapper-products .product-item .add-to-cart{width: 100%;} } .wrapper-product-discounts-title{font-size: 16px;line-height: 30px; color: #000; font-weight: 700; text-transform: inherit!important; border-bottom: 2px solid #EEB44F; margin-bottom: 20px;} .wrapper-product-discounts{ font-size:13px; color:#6b7381;text-align:center;} .wrapper-product-discounts .item-discount{ display:inline-block; padding:25px 6px; cursor:pointer; background-color:#fff; border:1px solid #dedede;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-left:5px; margin-bottom:5px;-webkit-box-shadow: 3px 4px 19px -3px rgba(0,0,0,0.15);-moz-box-shadow: 3px 4px 19px -3px rgba(0,0,0,0.15);box-shadow: 3px 4px 19px -3px rgba(0,0,0,0.15); width: 30%} .wrapper-product-discounts .item-discount:first-child{ margin-left:0} .wrapper-product-discounts .item-discount:hover{ color:#193a54; border:1px solid #6b7381;} .wrapper-product-discounts .item-discount .-price{ display: inline-block;} .wrapper-product-discounts .item-discount .-discount{ color: #EEB44F} /*-------------------------------- CART MODAL -----------------------------------------*/ #blockcart-modal .product-name{ color:#000; font-weight: 700; line-height: 23px; font-size: 15px;} #blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count, #blockcart-modal .cart-content p.cart-products-count, .page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count{ color:#1D1D1B;font-weight: 400; } #blockcart-modal .cart-content .page-content.page-cms ul.product-total, #blockcart-modal .cart-content p.product-total, .page-content.page-cms #blockcart-modal .cart-content ul.product-total{background-color: #fff;} #blockcart-modal .modal-title i.material-icons{ color:#000; margin-right: 5px;} #blockcart-modal .cart-content .cart-content-btn .btn{-webkit-border-radius: 5px;-moz-border-radius: 25px;border-radius: 25px; background-color:#000; color:#fff;} #blockcart-modal .cart-content .cart-content-btn .btn-primary{background-color: #78B936; color: #000 } #blockcart-modal .product-price{color:#000; font-weight:700; font-size:30px; line-height: 30px;} /*-------------------------------- SECTION MONTAGGIO -----------------------------------------*/ .wrapper-section-area-riservata a:hover, .wrapper-section-area-riservata a:hover *{color:#000;} .wrapper-section-area-riservata .-area-riservata{width: 100%; position: relative; margin-bottom: 20px;height: 257px; background-size: cover;border:0 !important;} .wrapper-section-area-riservata .-progettazione{width: 100%;position: relative; margin-bottom: 20px;height: 257px; background-size: cover} .wrapper-section-area-riservata .-area-riservata.-background-lazy-loaded{background: url('/img/avtheme/homepage/area-riservata.jpg') no-repeat left center; background-size: cover;} .wrapper-section-area-riservata .-progettazione.-background-lazy-loaded{background: url('/img/avtheme/homepage/collaborazioni.jpg') no-repeat right center; background-size: cover} .wrapper-section-area-riservata .-area-riservata .-text, .wrapper-section-area-riservata .-area-riservata .-bg, .wrapper-section-area-riservata .-progettazione .-text, .wrapper-section-area-riservata .-progettazione .-bg{width: 100%;} .wrapper-section-area-riservata .-area-riservata .-bg, .wrapper-section-area-riservata .-area-riservata .-text{position:absolute;top:0; left: 0;bottom:0;padding: 20px;} .wrapper-section-area-riservata .-area-riservata .-bg{ background-color: #5EE8BFB3; } .wrapper-section-area-riservata .-area-riservata .-button{ background-color: #000; color: #fff; text-align: center; text-transform: uppercase;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;padding: 5px 20px; margin-top: 10px;} .wrapper-section-area-riservata .-area-riservata .-title{ font-size: 30px; line-height: 30px; font-weight: 700; margin-top: 10px} .wrapper-section-area-riservata .-area-riservata .-desc{ font-size: 15px; line-height: 20px;margin-top: 10px} .wrapper-section-area-riservata .-progettazione .-bg, .wrapper-section-area-riservata .-progettazione .-text{position:absolute;top:0; right: 0;bottom:0;padding: 20px;} .wrapper-section-area-riservata .-progettazione .-bg{ background-color: #78000266; } .wrapper-section-area-riservata .-progettazione .-button{ background-color: #fff; color: #000; text-align: center; text-transform: uppercase;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; padding: 5px 20px; margin-top: 10px;} .wrapper-section-area-riservata .-progettazione .-title{ font-size: 30px;line-height: 30px; font-weight: 700; margin-top: 10px; color: #fff;} .wrapper-section-area-riservata .-progettazione .-desc{ font-size: 15px; line-height: 20px; margin-top: 10px;color: #fff;} .wrapper-section-area-riservata .-area-riservata .-text, .wrapper-section-area-riservata .-progettazione .-text{text-align: center;} @media(min-width: 768px){ .wrapper-section-area-riservata .-area-riservata, .wrapper-section-area-riservata .-progettazione{margin-bottom: 0; background-size: contains} .wrapper-section-area-riservata .-area-riservata .-text, .wrapper-section-area-riservata .-progettazione .-text{text-align: left;} .wrapper-section-area-riservata .-progettazione .-button, .wrapper-section-area-riservata .-area-riservata .-button{float: left} } @media(min-width: 1200px){ .wrapper-section-area-riservata .-area-riservata .-text, .wrapper-section-area-riservata .-area-riservata .-bg, .wrapper-section-area-riservata .-progettazione .-text, .wrapper-section-area-riservata .-progettazione .-bg{width: 50%;} } /*-------------------------------- FOOTER -----------------------------------------*/ #footer{padding-top:10px} .footer-container{ padding-top: 0;border-top:2px solid #48882f} .footer-container .footer-top{ padding: 10px 0} .footer-container .footer-top .h3, .footer-container .h4, .footer-container .footer-top .myaccount-title a{ font-size: 16px; color: #000 !important;} .footer-container li a{ font-size: 12px; line-height: 15px;} .footer-container li a:hover{ text-decoration: underline; color: #000;} .footer-container .block-contact{ text-align: center;} .footer-container .block-contact a, .footer-container .block-contact{color:#000; font-size: 14px; line-height: 26px} .footer-container .block-contact a:hover{text-decoration: underline;} .footer-container .block-contact .-ragione-sociale{ font-size: 14px; font-weight: 700} .footer-container .footer-bottom{font-size: 12px;padding: 10px 0;border-top:2px solid #48882f} .footer-container .footer-bottom .-agency a{ color: #000;} .footer-container .footer-bottom .-agency a:hover{ text-decoration: underline;} .footer-container .-block-social ul{ display: inline-block; margin-left:20px} .footer-container .metodi-di-pagamento{ padding: 20px 0;} .footer-container .metodi-di-pagamento .-item{ display:inline-block; padding:0 5px;} .footer-container .links ul{ background-color: transparent;} .footer-container .links ul>li{border-bottom:0; padding:0} .footer-container .block-contact #contact-infos{ padding: 0;} .footer-container .-block-social ul li{ display: inline-block; margin-left: 5px;} .block-contact, .footer-container li a{color:#686868;} @media(min-width: 768px){ .footer-container .-block-social{ margin-top: 30px;} .footer-container .block-contact #contact-infos{ margin-top: 0} .footer-container .footer-top{ padding: 30px 0 10px 0} } @media(min-width: 991px){ .footer-container .block-contact{ text-align: left;} .footer-container .metodi-di-pagamento{ display: flex;justify-content: space-between; flex-wrap: wrap;} .footer-container .metodi-di-pagamento .-item{align-items: center;display: flex; margin-bottom: 20px;flex: 33%; padding:0} .footer-container .metodi-di-pagamento{ flex-wrap: nowrap;} .footer-container .metodi-di-pagamento .-item{ margin-bottom: 0} .footer-container .block-contact a, .footer-container .block-contact{font-size: 12px; line-height: 22px} } @media(max-width: 767px){ .footer-container .links ul{ margin: 10px 0} .footer-container .links ul>li{ padding:0 10px} } .wrapper-whatsapp-fixed{ position:fixed; bottom:10px; left:10px; background-color:#2cce49; width:40px; height:40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; padding:6px;border:1px solid #2cce49; z-index:1} .wrapper-whatsapp-fixed:hover{ background-color:#fff;} .wrapper-whatsapp-fixed svg path{ fill:#fff; font-size:25px;} .wrapper-whatsapp-fixed:hover svg path{ fill:#2cce49;}