@charset "utf-8"; :root { --c1: #fff; --c2: #000; --c3: #bf0500;/**red**/ --c4: #032739;/**blu**/ --c5: #f7a900;/**ocra*/ --c6: #629896;/**petrolio*/ --c7: #9a9a9a;/**grigio bordi*/ --c8: #fad452;/**giallo*/ --c9: #c1c1c1;/**grigio bordi*/ --c10: #362f70;/*etichette*/ --c11: #0771a6; /*listino completo*/ --c12: #eeeeee;/**grigio back*/ --f1: "Poppins", sans-serif; --w1: 400; --wm: 500; --ws: 600; --w2: 800; } a:active, a:hover {outline: 0;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}html {width: 100%;height: 100%;display: table;}body {width: 100%;display: block;}img {vertical-align: middle;}hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}.container,.no-template main>.container-fluid,.content-related, #ask-for-info .module {margin-right: auto;margin-left: auto;position: relative;}@media (min-width: 768px) {.container,.no-template main>.container-fluid,.carrello main>.container-fluid,.profilo main>.container-fluid {width: 750px;}}@media (min-width: 992px) {.container,.no-template main>.container-fluid,.carrello main>.container-fluid,.profilo main>.container-fluid {width: 970px;}}@media (min-width: 1200px) {.container,.no-template main>.container-fluid,.carrello main>.container-fluid,.profilo main>.container-fluid {width: 1170px;}}.container-fluid,.no-template main>.container-fluid,.carrello main>.container-fluid,.profilo main>.container-fluid {margin-right: auto;margin-left: auto;position: relative;}.no-template main>.container-fluid,.carrello main>.container-fluid,.profilo main>.container-fluid {padding-right: 15px;padding-left: 15px;}.row {margin-right: -15px;margin-left: -15px;}.row [class*="col-"] {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}.row [class*="col-xs-"] {float: left;}.col-xs-12 {width: 100%;}.col-xs-11 {width: 91.66666667%;}.col-xs-10 {width: 83.33333333%;}.col-xs-9 {width: 75%;}.col-xs-8 {width: 66.66666667%;}.col-xs-7 {width: 58.33333333%;}.col-xs-6 {width: 50%;}.col-xs-5 {width: 41.66666667%;}.col-xs-4 {width: 33.33333333%;}.col-xs-3 {width: 25%;}.col-xs-2 {width: 16.66666667%;}.col-xs-1 {width: 8.33333333%;}.col-xs-offset-12 {margin-left: 100%;}.col-xs-offset-11 {margin-left: 91.66666667%;}.col-xs-offset-10 {margin-left: 83.33333333%;}.col-xs-offset-9 {margin-left: 75%;}.col-xs-offset-8 {margin-left: 66.66666667%;}.col-xs-offset-7 {margin-left: 58.33333333%;}.col-xs-offset-6 {margin-left: 50%;}.col-xs-offset-5 {margin-left: 41.66666667%;}.col-xs-offset-4 {margin-left: 33.33333333%;}.col-xs-offset-3 {margin-left: 25%;}.col-xs-offset-2 {margin-left: 16.66666667%;}.col-xs-offset-1 {margin-left: 8.33333333%;}.col-xs-offset-0 {margin-left: 0;}@media (min-width: 768px) {.row [class*="col-sm"]{float: left;}.col-sm-12 {width: 100%;}.col-sm-11 {width: 91.66666667%;}.col-sm-10 {width: 83.33333333%;}.col-sm-9 {width: 75%;}.col-sm-8 {width: 66.66666667%;}.col-sm-7 {width: 58.33333333%;}.col-sm-6 {width: 50%;}.col-sm-5 {width: 41.66666667%;}.col-sm-4 {width: 33.33333333%;}.col-sm-3 {width: 25%;}.col-sm-2 {width: 16.66666667%;}.col-sm-1 {width: 8.33333333%;}.col-sm-offset-12 {margin-left: 100%;}.col-sm-offset-11 {margin-left: 91.66666667%;}.col-sm-offset-10 {margin-left: 83.33333333%;}.col-sm-offset-9 {margin-left: 75%;}.col-sm-offset-8 {margin-left: 66.66666667%;}.col-sm-offset-7 {margin-left: 58.33333333%;}.col-sm-offset-6 {margin-left: 50%;}.col-sm-offset-5 {margin-left: 41.66666667%;}.col-sm-offset-4 {margin-left: 33.33333333%;}.col-sm-offset-3 {margin-left: 25%;}.col-sm-offset-2 {margin-left: 16.66666667%;}.col-sm-offset-1 {margin-left: 8.33333333%;}.col-sm-offset-0 {margin-left: 0;}}@media (min-width: 992px) {.row [class*="col-md"] {float: left;}.col-md-12 {width: 100%;}.col-md-11 {width: 91.66666667%;}.col-md-10 {width: 83.33333333%;}.col-md-9 {width: 75%;}.col-md-8 {width: 66.66666667%;}.col-md-7 {width: 58.33333333%;}.col-md-6 {width: 50%;}.col-md-5 {width: 41.66666667%;}.col-md-4 {width: 33.33333333%;}.col-md-3 {width: 25%;}.col-md-2 {width: 16.66666667%;}.col-md-1 {width: 8.33333333%;}.col-md-offset-12 {margin-left: 100%;}.col-md-offset-11 {margin-left: 91.66666667%;}.col-md-offset-10 {margin-left: 83.33333333%;}.col-md-offset-9 {margin-left: 75%;}.col-md-offset-8 {margin-left: 66.66666667%;}.col-md-offset-7 {margin-left: 58.33333333%;}.col-md-offset-6 {margin-left: 50%;}.col-md-offset-5 {margin-left: 41.66666667%;}.col-md-offset-4 {margin-left: 33.33333333%;}.col-md-offset-3 {margin-left: 25%;}.col-md-offset-2 {margin-left: 16.66666667%;}.col-md-offset-1 {margin-left: 8.33333333%;}.col-md-offset-0 {margin-left: 0;}}@media (min-width: 1200px) {.row [class*="col-lg"] {float: left;}.col-lg-12 {width: 100%;}.col-lg-11 {width: 91.66666667%;}.col-lg-10 {width: 83.33333333%;}.col-lg-9 {width: 75%;}.col-lg-8 {width: 66.66666667%;}.col-lg-7 {width: 58.33333333%;}.col-lg-6 {width: 50%;}.col-lg-5 {width: 41.66666667%;}.col-lg-4 {width: 33.33333333%;}.col-lg-3 {width: 25%;}.col-lg-2 {width: 16.66666667%;}.col-lg-1 {width: 8.33333333%;}.col-lg-offset-12 {margin-left: 100%;}.col-lg-offset-11 {margin-left: 91.66666667%;}.col-lg-offset-10 {margin-left: 83.33333333%;}.col-lg-offset-9 {margin-left: 75%;}.col-lg-offset-8 {margin-left: 66.66666667%;}.col-lg-offset-7 {margin-left: 58.33333333%;}.col-lg-offset-6 {margin-left: 50%;}.col-lg-offset-5 {margin-left: 41.66666667%;}.col-lg-offset-4 {margin-left: 33.33333333%;}.col-lg-offset-3 {margin-left: 25%;}.col-lg-offset-2 {margin-left: 16.66666667%;}.col-lg-offset-1 {margin-left: 8.33333333%;}.col-lg-offset-0 {margin-left: 0;}}fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}legend {display: block;padding: 0;margin-bottom: 10px;font-size: 22px;line-height: inherit;color:var(--c2);border: 0;font-weight:600}label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-size:16px;line-height: 20px;font-weight: 400;}label{display: none}.profile label,#order label,.rec label{display: block}input[type="search"] {font-size: 16px;line-height:22px;color:var(--c2);padding:6px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;appearance: none;background:var(--c5);font-family: var(--f1);}input[type="file"] {display: block;}input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}input[type="radio"],input[type="checkbox"] {margin-top:3px}.radio-block,.input-checkbox {position: relative;display: flex;align-items: flex-start;margin-top: 10px;margin-bottom: 10px;padding-left: 0px;}.checkbox label, .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;cursor: pointer;}.fade {opacity: 0;-webkit-transition: opacity 0.15s linear;-o-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}.fade.in {opacity: 1;}.clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {display: table;content: " ";}.clearfix:after, .container-fluid:after, .container:after, .nav:after, .row:after {clear: both;}@-ms-viewport {width: device-width;}@media (max-width: 767px) {.hidden-xs {display: none !important;}}@media (min-width: 768px) and (max-width: 991px) {.hidden-sm {display: none !important;}}@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}}@media (min-width: 1200px) {.hidden-lg {display: none !important;}} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} input[type="number"] {-moz-appearance: textfield;appearance: textfield; } /***PREZZI***/ .gross-price{display: none!important} /*****/ .clear{clear:both!important;width:100%!important;float:none!important;background:none!important; padding:0!important; height:0!important; min-height:0!important;line-height:0!important; margin:0!important;border:0!important} *{border: 0; padding: 0; margin: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%;} #camo-edit .surname,#camo-edit .company{display:none} .camo-bmark body {margin-top: 0px;} body,html{height: 100%;scroll-behavior: smooth!important;} body {background: var(--c1); font-family: var(--f1);color:var(--c2);font-weight:400; -moz-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s; -ms-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s; -o-transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s; transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93) 0s;position: relative; max-width: 2400px;margin: auto} .block{display:block;position: relative} body > header{position: sticky;z-index:3;width: 100%;top:0;background: var(--c12)} .camo-bmark body > header{padding-top:47px} body > header .top{} html {overflow-x: hidden;} main{display: block;min-height:400px;padding:0;position: relative;z-index:2;background: var(--c1);overflow-x: hidden;transition: padding-top 0.3s ease;} .shop main .content,.listing main .content,.cerca main .content{max-width: 1680px !important; margin: auto !important;} .home main .content{max-width: 1950px !important;} .servizi main .content{max-width: none !important; margin: auto !important;} mark,mark.title{background:transparent; padding:0; font-size:22px; line-height:26px;text-transform:none;display: block} main a,main a:visited,main a:hover{text-decoration: none} img {border-style: none;max-width:100%;height:auto;} iframe{margin-top: 20px; width:100%;margin-bottom: 20px} b, strong{font-weight:600;} h1,h1.title{color:var(--c2);font-weight: 600} .title,h2{color:var(--c2);font-weight: 600} .abstract{color:var(--c2);display:block;} .theme{ color:var(--c2);} time{color:var(--c4);font-size:14px;display: none;line-height: 16px;font-weight: 500} p{text-align: left;margin-top: 5px;margin-bottom: 15px;} .detail p{margin-top: 10px;margin-bottom: 10px;word-wrap: break-word;} main .column-1 a,main .column-1 a:visited{color:var(--c4);text-decoration: underline} main .column-1 a:hover{color:var(--c3); text-decoration: none;} main .title a,main .title a:visited,main .title a:hover{color:var(--c2);text-decoration: none} .contatti main .column-1 a,.contatti main .column-1 a:visited{color:var(--c3);text-decoration: none} .contatti main .column-1 a:hover{color:var(--c4); text-decoration: none;} /********INTESTAZIONE******/ /***************************/ /******TOP (link, logo, search, user, carrello******/ .top-c{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top:3px;padding-bottom: 3px} .top-1,.top-2,.top-3{align-self: center;position: relative} .top-1 a{display: block} /*.top-2 img{height: 50px; width: auto;max-width: none}*/ .logo {display: block;min-width:130px;margin-top: 8px; margin-bottom: 12px} .logo img{height: 38px;width: auto} .top-ico{background: var(--c12);padding:8px 5px;font-size:14px;line-height: 18px;} .top-ico .content,.top-ico .ico{display: flex;justify-content: center} .top-ico .content{width:100%;column-gap: 2%} .top-ico .ico{align-items: center;padding-left:0px;position: relative;width:32%; max-width: 180px} .top-ico .ico>span:before{content:"";width: 10px; height: 10px; position: absolute;left:0;display: inline-block;top:4px;} .top-ico .ico img{width: 40px;max-width: 40px;margin-right: 4px;} .top-ico .ico span{display: block} .top-ico .ico-punti-f1{justify-content: flex-start} .top-ico .ico-punti-f2{justify-content: center} .top-ico .ico-punti-f3{justify-content: flex-end} @media (min-width: 320px)and (max-width:768px){ .search-info #search{display: none; position: fixed; z-index: 200;top: 95px;right: 15px;max-width:1620px;width:96%;left:50%; transform: translateX(-50%)} .search-info .top-info a span{display: none} .search-info .top-info a.ic-mail{margin-left: 20px} .search-info .top-info svg{width:28px!important} .search-info .top-info a{display: inline-block} .search-info .top-info a:hover svg path{fill:var(--c4)} } .fixsearch{top:51px} /**acquisto e login**/ .top-3, .acq-login {position: relative} .top-3{padding-top: 5px} .acq-login .preview .total,/* .acq-login .wrapperCart .content,.acq-login .userinfo .login,*/.acq-login .preview .products-total{display:none;} .acq-login{display: flex;width:200px;overflow: hidden;justify-content: flex-end} .acq-login .wrapperCart,.openSearch{height:40px;font-size:16px;line-height: 20px; margin-left:0px;text-align:center;position:relative; -webkit-transition: background 0ms ease-in-out; -moz-transition: background 0ms ease-in-out; -ms-transition: background 0ms ease-in-out; -o-transition: background 0ms ease-in-out; transition: background 0ms ease-in-out;cursor:pointer;} .userinfo{position:relative;/*cursor: pointer;z-index:200;*/ -webkit-transition: background 0ms ease-in-out; -moz-transition: background 0ms ease-in-out;-ms-transition: background 0ms ease-in-out; -o-transition: background 0ms ease-in-out; transition: background 0ms ease-in-out;} .acq-login .wrapperCart .cart{ padding-top:0px; cursor:pointer;} .userinfo::before,.acq-login .wrapperCart::before,.acq-login .wrapperWish::before,.openSearch:before {content: "";position: absolute;display: block; width:30px;height: 35px;z-index:-1} .acq-login .wrapperWish{position: relative;margin-right:15px} .acq-login .wrapperWish::before{width:33px;top:1px;left:-4px} .userinfo::before,.userinfo {width:30px;} .acq-login .preview,.acq-login .userinfo > .title,.userinfo,.openSearch,.acq-login .wrapperCart,.userinfo::before, .acq-login .wrapperCart::before, .openSearch::before,.userinfo .open {display: inline-block;width: 35px;height:31px;} .acq-login .wrapperCart,.openSearch{margin-right: 15px} .acq-login .wrapperCart::before{width:33px;height:33px} .userinfo::before{ top:0px;right:0px} .openSearch:before{ top:0px;right:0px} .acq-login .wrapperCart::before{ left:-4px} .acq-login .wrapperWish::before{background: url("../img/background/ico-cuore.svg") no-repeat; background-size:contain;} .acq-login .wrapperWish:hover::before{background: url("../img/background/ico-cuore-hover.svg") no-repeat;} .userinfo:before,.userinfo-logged .actions a.profile::before{background: url("../img/background/ico-user.svg") no-repeat; background-size:contain;} .acq-login .wrapperCart:before,.top-3 .actions a.orders::before{background: url("../img/background/ico-carrello.svg")no-repeat; background-size:contain;} .acq-login .wrapperCart:hover:before{background: url("../img/background/ico-carrello-hover.svg")no-repeat; background-size:contain;} .userinfo:hover:before{background: url("../img/background/ico-user-hover.svg") no-repeat; background-size:contain;} .openSearch:before{background: url("../img/ico-search-green.svg") no-repeat; background-size:contain;} .openSearch:hover:before { background: url("../img/ico-search.svg") no-repeat;} .search button {max-width: 46px;} .products-count{padding-top: 0px;display: block;color: var(--c1);font-size:12px;position: absolute;top:0px;left: 22px; width: auto;min-width:20px; line-height:16px; height:20px;padding:2px;background:var(--c2);-webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px;text-align: center;} /***************************/ .login .surname,.login .company{display: none} /**acquisto e login **/ .top-3 .acq-login{ z-index: 300;} .acq-login .userinfo.userinfo-logged>.title{padding:1px;text-align:center;margin-top:0px;margin-bottom:0;text-transform:uppercase; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color:transparent!important; background: transparent!important; } .userinfo .login .title{display:block;padding-top:20px;} .acq-login .userinfo>.title{padding-top:22px;padding-bottom:10px;padding-right:0px; display:block;margin-top:0px;margin-bottom:0;color:transparent !important ;position: relative;z-index:1;background: none; filter: none;background-clip: unset;-webkit-background-clip: unset;-webkit-text-fill-color: transparent;} .acq-login .preview{position:relative;cursor:pointer;padding:0; -moz-transition:none;-ms-transition:none;-o-transition:none;transition:none; } /*.acq-login .wrapperCart .content, .acq-login .userinfo .login{display: none}*/ .acq-login .wrapperCart .content,.acq-login .userinfo .login{opacity:0;position: fixed;right:-110%;top:47px;margin:0;padding:0px 0px 0px;transition: opacity 0.5s, right 0.5s;} /*.acq-login .wrapperCart .content:after,.acq-login .userinfo .login:after{content:"";display: block;position: absolute;height: 100%; width:200%;right:-150%;background: var(--c1);top:0;z-index:-1 }*/ /*.camo-bmark .top-3 li.products-total{bottom:44px;}*/ .acq-login .wrapperCart .content{height: calc(100% - 50px)} .camo-bmark .acq-login .wrapperCart .content, .camo-bmark .acq-login .userinfo .login{top:95px} .camo-bmark .acq-login .wrapperCart .content{height: calc(100% - 95px)} /**menu*/ .channel{padding-right: 80px;} .channel ul{text-align: right;} .channel-menu ul li {position: absolute;right:15px;top:3px;padding: 0px; height: 17px;margin-top: 0px; margin-left: 5px;width: 26px;display: inline-block;} .channel-menu .nav > li.item-3, .channel-menu .nav > li.item-3:hover {background: url(../../21/img/background/en.png) no-repeat transparent;} .channel-menu .nav > li.item-1, .channel-menu .nav > li.item-1:hover {background: url(../../21/img/background/it.png) no-repeat transparent;} .channel-menu li::before {content: ""; padding-right: 0px;} .channel-menu .nav > li:hover{opacity: 0.8} .channel-menu li a{opacity: 0} .channel-menu li.selected{display: none} /***main-menu***/ #menu .main-menu>ul.nav ul{display: none} #menu {background-image: linear-gradient(to right, var(--c4), var(--c3));} .main-menu li{list-style-type: none} .icon-nav{ width:30px; padding-right:8px; margin-left:0; float:none;color:var(--c1); display:block; cursor:pointer;position: absolute;left:5px} .icon-menu{display: none;} .icon-nav:hover span,.icon-nav:hover:after,.icon-nav:hover:before{background:var(--c1);border:1px solid var(--c1);} .icon-nav span,.icon-nav:after,.icon-nav:before{background:var(--c1);display: block;border:1px solid var(--c1);height: 2px;margin: 0px auto 6px;width: 100%;transition: all .2s ease-in-out;content:'';} .icon-nav:after{margin-bottom: 0} main .path-menu .second-last a, main .path-menu .second-last a:visited {color:var(--c3)} .openMenu {width: 100% !important;height: 100% !important;overflow: hidden; position: fixed;} .openMenu .icon-nav::before {transform: translateY(8px) rotate(135deg);} .openMenu .icon-nav::after {transform: translateY(-8px) rotate(-135deg);} .openMenu .icon-nav span {transform: scale(0);} .openMenu .icon-nav span, .openMenu .icon-nav::after, .openMenu .icon-nav::before {background: var(--c1);border: 1px solid var(--c1);} .main-menu ul.nav{padding-top: 10px;max-width:500px; margin: 0;padding-bottom: 10px;padding-left: 10px} .main-menu ul.nav,.menu-content{max-width:1680px!important;margin: auto!important} .main-menu li a{padding-left:30px;} .main-menu > .nav li:last-child {margin-right: 0; } .main-menu {display: block !important; visibility: visible !important; padding: 0; margin-top: 0px !important; z-index: 9999; -webkit-backface-visibility: hidden; box-sizing: content-box;-webkit-overflow-scrolling: touch;-webkit--webkit-transition: 1s; left: 0;} .camo-bmark .main-menu{top:143px} .openMenu .main-menu {-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0); -webkit-transition-duration: 1s;-o-transition-duration: 1s; -ms-transition-duration: 1s;-moz-transition-duration: 1s;transition-duration: 1s;opacity: 1;} #menu{text-align: left} #menu .level-1{display: none; background: rgba(255,255,255,.1);} /*****/ #menu a,#menu a:visited, #menu a:hover{position: relative; display: inline-block; color:var(--c1);text-transform:uppercase; text-decoration: none;background: none;padding:10px 0; transition: 0.5s;} #menu a:hover{color: var(--c7)} #menu li a,#menu li a:visited, #menu li a:hover{text-transform:uppercase; text-decoration: none;font-size:15px;line-height: 20px;display:block;color:var(--c1);transition: 0.5s;font-weight: var(--wm)} #menu li.selected> a,#menu li.selected> a:visited{color:var(--c8);opacity:1;} #menu li a:hover{color:var(--c8);opacity: 1} .main-menu .nav{display: flex;flex-wrap: wrap} .main-menu> .nav >li{margin-right: 15px} #menu .nav >li.first >a {padding-left: 35px; position: relative} #breadcrumbs{display:block;background: var(--c1);padding:0px 0 0;width:100%} #breadcrumbs .path-menu{padding-left: 15px; padding-right: 15px} .homepage #breadcrumbs,.listing #breadcrumbs{display: none} .path-menu {display: flex; white-space: nowrap;width: auto;box-sizing: border-box;scrollbar-width: thin;-ms-overflow-style: none; height: 35px; margin-bottom: 8px; padding-top: 5px; overflow: auto;justify-content: flex-end} .path-menu .nav{text-align: left;display: flex;flex-wrap: nowrap;width:max-content;align-items: center;} .path-menu li.first{display: none} .no-section-menu.shop .page-menu{padding:30px 15px} .shop .path-menu li:nth-of-type(2) { /*display: none;*/} .shop .path-menu li:nth-of-type(2) a,.shop .path-menu li:nth-of-type(2) a:visited{color:var(--c4);} .shop .path-menu li:nth-of-type(2) a:hover{color:var(--c7);} .path-menu li{list-style-type: none;display: inline-block; font-size: 13px; line-height: 15px;text-transform: uppercase;color:var(--c2)} main .path-menu a,main .path-menu a:visited,main .path-menu a:hover{font-size: 13px;background: none; line-height: 15px;text-decoration:none; text-transform: uppercase;color:var(--c3); padding:10px 5px 0 0;font-weight:var(--wm) } .path-menu .nav li a:hover{color:var(--c7)} .path-menu .nav li a::after{content: ">";text-decoration: none} .path-menu .nav li a span{display: inline-block;padding-right: 5px} .path-menu .nav li.last{padding-top: 10px;padding-bottom: 0px;font-weight:300;display: none} .path-menu .nav li.second-last a::after {content: "";text-decoration: none;} /****page-menu***/ .page-menu .pm-container {display: grid;grid-gap: 16px;height: 100%;grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); grid-auto-rows: 20px; padding: .5rem 1rem 2rem;} .page-menu .title{font-size:18px;line-height: 22px;font-weight: 400;margin-bottom:5px;padding-bottom: 4px;border-bottom:1px solid var(--c5)} .page-menu .title a,.page-menu .title a:visited,.page-menu .title a:hover{position: relative; display: block;padding-right: 20px;color:var(--c4)} .page-menu .title a:hover{color:var(--c3)} .page-menu .title a:before{content: ">";position: absolute;right:0px;} .pm{border:1px solid var(--c5);border-radius:20px;} .pm-content{padding:15px 20px;} .pm-content >.media{display: none} .page-menu ul{margin:0;list-style-type: none} .page-menu ul li{padding-left: 0;margin-top: 12px;} .page-menu ul li a,.page-menu ul li a:visited,.page-menu ul li a:hover{font-weight: 300; font-size: 16px;line-height: 18px;text-decoration: none} .page-menu ul li a:hover{color:var(--c4);} /****/ main ul{margin-left:20px;list-style-type: none;margin-bottom: 10px} main .column-1 ul li:before{content:"";width: 15px;height: 15px;display: block;position: absolute;left:-15px; top:4px; background:url("../img/background/pallino.svg") no-repeat; background-size: contain} main .column-1 .page-menu ul li:before,main .column-1 .attribute ul li::before,main .column-1 ul.product-gallery li:before,main .column-1 .archive-sort ul li:before,main .column-1 .cart ul li:before{display: none} main .column-1 .cart ul li{ padding-left: 0} main ul li{padding-left:5px;position: relative;margin-bottom:5px;} .container-fluid{padding-left:0;padding-right: 0} /*.camo-column.row, .model .container .row{margin-left:0;margin-right: 0}*/ section.page .block{padding-left: 15px; padding-right: 15px} /**** gestione column***/ .col2 {display: flex;flex-wrap: wrap} .col2 .column-2{order:1;} .col2 .column-1{order:2; flex-grow: 1} .filter-overlay-active .col2 .column-1{position: relative;z-index: 5} .col2 .column-1 .content-archive,.shop.products .column-1 .content-archive,.pag-marchi .column-1 .content-archive{background: var(--c12);position: relative} .col2>.clear{display: none} /*personalizzazioni*/ .big{font-size:120%;} .small{font-size:80%;} .acapo{display: block !important} .txtcenter,.txtcenter p{text-align: center} .txtright,.txtright p{text-align: right} .back-c5{background: var(--c5) !important} .back-c6{background: var(--c6) !important} .back-c8{background: var(--c8) !important} .back-c12{background: var(--c12) !important} .colore{color:var(--c3)!important} .spazio{display: inline-block;padding:10px;} .title strong{color:var(--c3);} .no-mb,.no-mb .block{margin-bottom: 0!important} .no-mt,.no-mt .block{margin-top: 0!important} .no-mbt,.no-mbt .block{margin-top: 0!important;margin-bottom: 0!important} .evidenzia {font-size: 130%;line-height:normal; color: var(--c4)} .paddingtb{padding-top: 10px;padding-bottom: 10px} .paddingt{padding-top: 10px;} .paddingb{padding-bottom: 10px;} @media (min-width: 768px) { .big{font-size:130%;} .paddingtb{padding-top: 20px;padding-bottom: 20px} .paddingt{padding-top: 20px;} .paddingb{padding-bottom: 20px;} } @media (min-width: 992px) { .paddingtb{padding-top: 50px;padding-bottom: 50px} .paddingt{padding-top: 50px;} .paddingb{padding-bottom: 50px;} .big{font-size:140%;} } input:focus {outline: none;} div[id^="map_"] {width: 100%;height: 400px; display: block; margin-bottom: 20px;} article.page,section.archive,nav.page-menu .pm-container,.not-found section.page, .mappasito .site-map,.g1 .block,.shop .col2,.condividi{ margin-right: auto;margin-left: auto;margin-bottom: 0} .content-archive,section.archive >.head,.block header,.block .content,.detail .media-wrap,.detail section.download,.not-found section.page .block ul{padding-left: 15px; padding-right: 15px;} .content-archive article header{padding: 10px 15px;} .pag-marchi .content-archive article header{padding-bottom: 20px;} #product-add-info{width:100%;max-width:465px;background: var(--c12); display:flex;flex-wrap: wrap;align-items: center;border: 1px solid var(--c12);border-radius:10px;padding:25px 20px;} #product-add-info.disabled{border-bottom: 0;padding-top: 25px; padding-bottom:0px;border-radius:0;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;height: 100%} #product-qty{order: 2;width:44%} #product-add-info .price{text-align: left} #product-add-info #product-info{order:1;width:100%;display: flex;flex-wrap:wrap} #product-add-info .prod-action{order:2} .unavailable-product{background: var(--c3); color: var(--c1);display: block;padding: 5px 15px; text-align: center;margin-bottom: 10px;} #product-info .code { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} #product-add-info #product-info .code{display: block;width: 100%;font-size:20px; line-height: 22px;padding-bottom: 5px;padding-left:0; text-align: left; color:var(--c4); position: relative} #product-add-info #product-info .code:after{content:"";width: 100%;height: 100%;display: block;position: absolute;top:0; left:0} #product-info .discount {display: none; text-transform: uppercase;color:var(--c4);font-weight: 400;margin-bottom: 15px;padding-right: 10px} #product-info .discount .offer{padding-right: 5px;} #product-add-info .quantity-discount{order:4;font-size:13px; line-height: 16px;margin:15px 0 0 0} main .column-1 #product-add-info li::before {display: none} main .column-1 #product-add-info li{padding-left: 0} #product-add-info .quantity-discount span{font-weight: 600;font-size:15px;line-height: 16px} #product-add-info .price{order:1; font-size: 26px;line-height: 28px; font-weight: 600; margin-top: 20px; margin:0 auto 15px;width:100%;padding: 0} #product-add-info .price.reduced{display: flex; column-gap: 10px;align-items: flex-end} #product-add-info .reduced.price .net-price:after{content:"Prezzo Scontato";display: block;font-size: 14px; line-height: 18px;font-weight:var(--wm); color:var(--c2)} #product-add-info .reduced.price .old-net-price:after{content:"Prezzo Netto";display: block;font-size: 14px; line-height: 18px;font-weight:var(--wm);text-decoration:none;} #product-add-info .reduced.price .old-net-price span {display: block; text-decoration: line-through;} #product-add-info .price .net-price:after{color:var(--c7);font-size:18px;} /*#product-add-info .price .net-price:Lang(IT):after{content:"/pz"; } #product-add-info .price .net-price:Lang(EN):after{content:"/pc"; }*/ #product-add-info .price:after{ color:var(--c7);font-size:14px;display:block;} #product-add-info .gross-price:Lang(IT):before{content:"IVA inclusa: ";border-left:1px solid var(--c19); padding-left: 10px;} #product-add-info .gross-price:Lang(EN):before{content:"Taxes included: ";border-left:1px solid var(--c19);padding-left: 10px} #product-add-info .submit{order:3;} .prod-action .btn{display:block;width: auto; line-height: 34px;border-radius: 30px;text-align: left;margin-bottom: 15px; } .prod-action .btn svg{width: 20px; height: 20px;} .prod-action{margin-top:30px;} .prod-action .btn{display: flex; width: 195px; justify-content: space-between;align-items: center;font-weight:var(--wm);transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; } .prod-action .btn.b4{background: var(--c4);padding:3px 25px;border:1px solid var(--c4)} .prod-action .btn.b1{background: var(--c1);color:var(--c4);padding:3px 47px;border:1px solid var(--c4)} .prod-action .btn:hover{background: var(--c3);color:var(--c1);border:1px solid var(--c3)} .prod-action .btn.b1:hover svg path{fill: var(--c1)!important} #product-add-info #product-qty label{max-width:50%; text-align: right; padding-right: 5px;} #product-info #product-quantity{width:72px;padding-left:8px; padding-right: 5px; border: 1px solid var(--c6);border-radius: 20px;} article{margin-bottom: 20px;} article header p{margin-top:0} .cerca article header p,.listing article header p{display: none} article .discount{display: none!important} .page .block header,.page .gallery .head{margin-bottom: 15px;} section.page >.first {padding-bottom: 10px;} .special-markup{padding-bottom: 20px;} .outofstock{position: absolute;background: rgba(123,123,123,0.7);padding:6px 10px;top:35%;left:0;width: 100%;text-align: center} #product-add-info.disabled .outofstock{display: none; padding: 0px 10px 3px 10px;top:0px;text-align: right;z-index:0;line-height: 18px;} .outofstock:before{content:"In Riassortimento";text-transform: uppercase;font-size:14px; line-height: 20px; text-align: center;color:var(--c1);font-weight:500 } .detail .outofstock{border-radius:0;} #product-qty .discount{left:82px;top:2px;transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);display:none} /*.detail article.page > .first > .block > .discount,article .content .discount ,.related .discount,.home .group .block .discount{ text-align: center;color: var(--c1); z-index: 2; background-color:var(--c13);border-radius:100%; width:44px;height: 44px;line-height: 44px; left: auto;right:10px; top: 10px; position: absolute; font-size:15px; font-weight: 600; display: block}*/ .related .discount{top:0} .detail article.page > .first > .block > .discount .offer,article .content .discount .offer,.related .discount .offer,.home .group .discount .offer{display: none} .detail article.page > .first > .block > .discount .info::before,article .content .discount .info::before,.related .discount .info::before {content: "-"} article.page .block .clear { clear: none !important;width:0!important;float:left!important} article .code,.related .code{color:var(--c3);font-size: 15px; line-height: 18px;padding-left: 15px; padding-right: 15px;display: block;text-align: center;order:-1} article .media,.related .media {order:-1} article .content,.related .content{display: flex;flex-direction: column} .shop.detail .tax{display: none} article.page .media{text-align: center;} .detail article.page .media a {display: block;} .price {font-size: 20px; line-height: 26px;} .cgallery .gallery .title{color:var(--c3)} .gallery .description{display: block;position: absolute;padding: 8px 15px; background: rgba(0,0,0,0.7); color:var(--c1);bottom:0;left:0; width: 100%} /***homepage**/ .home .group>div {max-width: 1680px; margin-left: auto !important;margin-right: auto !important;padding-left: 15px;padding-right: 15px} .home .group>div.slick-slider{max-width: calc(100vw - 0px)} .home .group .media{text-align: center} .home .group article .price{padding-bottom: 5px} .home .group header{padding-left:0px;padding-right: 0px} .home .group .media,.home .group img{border-radius: 7px;} /*.home .group article img {left: 50%;top: 50%; transform: translate(-50%,-50%);position: absolute;width: auto;height: 100%}*/ .home .group article .gross-price{display: block;font-size:14px; line-height: 16px; font-weight: 300;padding-top: 2px;padding-left:0;color:var(--c2)} .home .group article .brand{font-size:12px; line-height: 16px; display: block;padding: 5px 0;order:0;text-align: center} .home article .attributes{padding-left: 5px; padding-right: 5px;text-align: center} .home .g1{overflow: hidden;padding: 15px;} .home .g1 .g1c{overflow: hidden; max-height: 150px} .home .slick-track { display: flex !important; align-items: stretch;column-gap: 10px} .home .g1 .block{min-width: 150px;width:150px;padding: 8px 10px 45px;border-radius: 7px;margin:10px 0;border:1px solid var(--c7);position: relative!important} .home .g1 .title{text-transform: uppercase;font-size:14px;line-height: 16px; text-align: center;white-space:normal!important;padding-left: 6px; padding-right: 6px;display: block} .home .g1 img{width: 80px;height: 80px; margin: auto} .home .g1 .media{display: flex;flex-wrap: wrap;justify-content: center;align-items: center} .home .g1 header{position: absolute;width:100%;left:0;bottom:5px;white-space: normal!important;padding:0} .home .g2c{padding:0 5px 15px; } .home .g2 img{border-radius: 7px;margin-bottom: 10px;opacity: 0.5; transition: transform 0.3s ease, opacity 0.3s ease; /* fluidità */} .home .g2 .allclick:hover img { transform: scale(1.05); opacity: 0.7; } .home .g2 .block{position: relative;overflow: hidden;max-width:545px } .home .g2 .title {position: absolute;bottom:15px;z-index: 5;display: block;width: 100%;text-align: center;left:0} .home .g2 .title a, .home .g2 .title a:visited,.home .g2 .title a:hover {color: var(--c1); } .home .g2 .title {color: var(--c1);font-size:34px; line-height: 36px; text-transform: uppercase;font-weight:var(--w2) } .hasvideo{display: none} .home .g2 .first.odd{background: var(--c5);border-radius: 7px;} .home .g2 .first.odd{background: var(--c5);border-radius: 7px;} .home .g2 .even{background: var(--c6);border-radius: 7px;} .home .g2 .odd{background: var(--c3);border-radius: 7px;} .home .g2 .block::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.55) 75%, rgba(0,0,0,0.7) 100% ); pointer-events: none; /* NON blocca i click */ z-index: 1;} .home .g2 .block > *:not(.media):not(.camo-edit-button) {position: relative; z-index: 2;} .home .g2 .media { position: relative; z-index: 0;} /******************************/ /**template**/ /***/ .product-gallery-wrap{position: relative;} ul.product-gallery::-webkit-scrollbar { display: none;} ul.product-gallery { -ms-overflow-style: none; scrollbar-width: none;} .product-gallery li img{width: 100%;}.product-details{display: none} input[type="submit"]{ text-decoration: none; position: relative;display: inline-block; background: var(--c3); padding: 8px 30px 8px 30px; text-align: center; border-radius: 10px;overflow: hidden; font-size: 15px;z-index: 0; font-family: var(--f1); cursor: pointer;font-weight: 400;color:var(--c1);filter: brightness(1.1);text-transform: uppercase;transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);margin-bottom:15px;} input[type="submit"]:hover{background: linear-gradient(90deg, var(--c4), var(--c4)) left center no-repeat;transition: all 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);} .product-gallery li img{ transition: opacity 0.4s ease;} .product-gallery li:hover img{opacity: 0.7} .butt {text-decoration: none;position: relative; display: inline-block; background: transparent; padding: 4px 15px; text-align: center; border-radius: 10px; overflow: hidden; font-size: 15px; text-transform: uppercase;z-index: 0; font-family: var(--f1); cursor: pointer; font-weight: 400; color: var(--c3); border: 1px solid var(--c3); transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;} a.butt,a.butt:visited,a.butt:hover{text-decoration: none!important} .buttbb{ color: var(--c4); border: 1px solid var(--c4);} a.buttbb,a.buttbb:visited{ color: var(--c4)!important;} a.buttbg,a.buttbg:visited{ color: var(--c3)!important;} .buttbg:hover, .allclick:hover .buttbg{color: var(--c1)!important; background: var(--c3); border-color: var(--c3);} a.buttbg:hover{color: var(--c1)!important; background: var(--c3)!important;} .buttbb:hover,.allclick:hover .buttbb {color: var(--c1); background: var(--c4); border-color: var(--c4);} a.buttbb:hover{color: var(--c1)!important; background: var(--c4);} .detail input[type="submit"]{margin-bottom: 0;padding-right: 55px} .shop.detail .submit{position: relative;margin-top: 0} .shop.detail .submit:after{content:"";width: 20px; height: 20px; display: block;background: url("../img/background/ico-carrello-w.svg");position: absolute;z-index:10;top:8px;right:25px;left:auto;pointer-events: none; cursor: pointer} .shop.detail #notify-stock .submit:after{background: url("../img/background/campanella-w.svg");right:10px;pointer-events: none; cursor: pointer} .shop.detail #notify-stock .submit input[type="submit"]{padding-left: 10px; padding-right: 35px;font-size: 14px; } .ask-for-info{border-radius:0} .ask-for-info {display: inline-block;clear:both; margin-top:10px; margin-bottom: 15px;border:1px solid var(--c7);background: var(--c6); color:var(--c2); position: relative;z-index: 20;min-width:155px;text-align:center;font-family: var(--f1);font-weight: 300} .ask-for-info{font-weight:300;color:var(--c1);background: var(--c2); border:1px solid var(--c2);opacity:1;} .submit::after,.ask-for-info:after{position: absolute;bottom: 0;left: 50%;right: 0%; margin: 0; width: 0%; content: '.';color: transparent;background: var(--c7);height: 100%;z-index: -1;transition: all .5s;} .ask-for-info{width:200px;height: 36px;display: block;margin: auto} main .column-1 a.next, main .column-1 a.next:visited, main .column-1 a.next:hover,main .column-1 a.re-order,main .column-1 a.re-order:visited,a.re-order:hover{text-decoration: none;color:var(--c1)} main .column-1 a.btn,main .column-1 a.btn:visited,main .column-1 a.btn:hover{color: var(--c1)} .profile-orders main .column-1 a.btn,.profile-orders main .column-1 a.btn:visited,.profile-orders main .column-1 a.btn:hover{padding: 5px;min-width:50px;font-size:13px;line-height: 18px} main a.back,main a.back:visited, button.next,.btn ,.btn:visited,main a#clear-wishlist,button[type="submit"],a.re-order{text-decoration: none!important; position: relative;display: inline-block;background:var(--c3); padding: 6px 30px; text-align: center; border-radius: 30px;overflow: hidden; font-size: 18px;line-height: 28px;text-transform: uppercase; z-index: 0; color: var(--c1);min-width: 150px; font-family: var(--f1); cursor: pointer;font-weight: var(--w1); transition: background-color 600ms cubic-bezier(0.4, 0, 0.2, 1);height: 40px} .bblack,.bblack:visited{background: var(--c2);padding:8px 20px;} a.back:hover,button.next:hover,.btn:hover,main a#clear-wishlist:hover,button[type="submit"]:hover,a.re-order:hover{background: var(--c4);color:var(--c1)!important} #search .bsearch:hover{background: var(--c1)} #search .bsearch:hover svg path{fill:var(--c3)!important} /******* bordo nero testo nero hover con riempimento ********/ .button2 ,.button2:visited{text-decoration: none!important; font-size: 16px;line-height: 20px; position: relative;display: inline-block;background: transparent; padding: 8px 20px; text-align: center; border-radius: 30px;overflow: hidden;z-index: 0; color: var(--c2) !important;min-width: 150px; font-family: var(--f1); transition: all 0.3s cubic-bezier(1, 0.01, 0.29, 0.93); cursor: pointer;font-weight: 400;border: 2px solid var(--c2);opacity:1} .button2:hover {background: var(--c2);color:var(--c1)!important} .order-error button[type="submit"],.order-error button.next{background:var(--c7);cursor: not-allowed} /**PAGINA CARRELLO***/ .carrello section.module form{max-width:none} .carrello main ul li::before {content: "";width: 0px;} html.carrello.page3 .top-ico, html.carrello.page4 .top-ico, html.carrello.page3 .main-menu .nav li, html.carrello.page4 .main-menu .nav li, html.carrello.page3 .top-1 ul, html.carrello.page4 .top-1 ul, html.carrello.page3 .openSearch, html.carrello.page4 .openSearch, html.carrello.page3 #search, html.carrello.page4 #search {display: none;} .low-res-only div {border-top: 1px solid var(--c7); background: var(--c6); padding-left: 5px;} .col-order-details, th.col-order-shipping, .col-net-price, .col-quantity, .carrello .col-order-shipping .low-res-only:nth-of-type(2), .carrello .col-gross-price {display: none;} table.order-details .low-res-only.table-right, .order-details .subtotal .col-product .low-res-only strong,.order-details .col-product .table-discount {text-align: right;display: block} .low-res-only.table-right .small {font-size: 80% !important;} .carrello.page3 .order-info .col-order-shipping{padding-right: 0;padding-left: 8px!important} .col-order-shipping .low-res-only div strong{padding-left: 8px;} .col-order-shipping .low-res-only {margin-left: -8px} /***whish list***/ .add-to-wishlist{height: 26px; width: 26px; overflow: hidden; text-indent: -100px;cursor:pointer;padding-right: 30px; background: url("../img/background/cuore.svg") no-repeat right;display: inline-block;text-align: right;color:var(--c13);position: absolute} .add-to-wishlist:hover{background: url("../img/background/cuore_pieno.svg") no-repeat right;} .in-wishlist{ background:url("../img/background/cuore_pieno.svg") no-repeat right;} .in-wishlist:hover{ background:url("../img/background/cuore.svg") no-repeat right;} .add-to-wishlist{display: none} .shop article.page header{padding-top: 25px;display: flex;flex-direction: column} .shop article.page header .attributes{margin-top: 3px; order:2} .shop article.page header .abstract{order:3} .shop article.page header .attributes span{display: block;margin-bottom: 10px;} .profile-wishlist .cart.empty .title{font-size:20px;line-height: 26px;margin-bottom: 0} .profile-wishlist .cart.empty li .title{color:var(--c4);margin-bottom: 0}px .profile-wishlist main .cart .price .label {display: inline-block;padding-right:3px} /*.profile-wishlist main .cart .price{display: flex;justify-content: space-between;flex-wrap: wrap} .profile-wishlist main .cart .product .price .label{display: none}*/ .profile-wishlist .products-subtotal .price{padding-left: 0} .profile-wishlist .products-subtotal .price .label{min-wisth:50%;font-size: 16px;line-height: 20px;text-transform: uppercase;font-weight:400} .profile-wishlist .products-subtotal .new-price {min-width: 50%; color: var(--c2);padding-left: 10px;text-align: right;} .profile-wishlist main .cart .product .price .net-price,.profile-wishlist main .cart .product .price .gross-price{width: 100%} .profile-wishlist .products-subtotal .gross-price {display: block;min-width:100%;text-align: right; font-weight: 300;font-size: 14px;line-height: 22px;} .profile-wishlist a.order-cart,.profile-wishlist a.order-cart:visited,.profile-wishlist a.order-cart:hover{margin: 10px 0;display: block;text-align: right;text-decoration: none;position: relative; color:var(--c3)} .profile-wishlist a.order-cart:hover{color: var(--c2)} .profile-wishlist a.order-cart:after{content:">";display: inline-block;padding-left: 5px;} .profile-wishlist .form-buttons{margin-top: 20px; display: flex;flex-wrap: wrap;justify-content: space-between} #order .get-quantity-discount{font-size:16px;line-height: 20px;} a.re-order-product,a.re-order-product:visited{position: relative;font-size: 16px; line-height: 18px; color:var(--c1)!important;background: var(--c15);text-decoration: none!important;text-align: left;cursor: pointer;padding:3px 8px 5px; display: block;margin-top: 8px} a.re-order-product:after{content:">";width:20px;height: 20px; position: absolute;right:5px;top:4px; } a.re-order-product:hover{background: var(--c14)} .modal .cart-feedback .actions {width: 100%;} /***/ .profilo section.profile,.profilo section.module,.profile-askreset .login{padding:10px 10px 20px;margin-top:0} .profile-askreset main form{max-width: 700px;margin-left: 0;justify-content: left;display: flex;flex-wrap: wrap} .profile-askreset main form .input-field{width:70%} .profile-askreset main form button[type="submit"]{width:28%;margin-left: 2%;min-width: 60px;padding: 9px;align-self: flex-start} section.module{ width:calc(100% - 60px); margin:20px auto;} section.module .ask-for-login{font-size:120%;line-height: normal;display: block;padding:10px 15px;background: var(--cw);border:1px solid var(--c7);margin:10px 20px 0;} section.module .ask-for-login a,section.module .ask-for-login a:visited,section.module .ask-for-login a:hover{font-size:16px;display: inline-block; color:var(--c1);background: var(--c3); background-image: linear-gradient(to right, var(--c3), var(--c3));text-decoration: none;padding: 3px 20px; opacity: 1;border-radius: 6px} section.module .ask-for-login a:hover{background-image: linear-gradient(to right, var(--c4), var(--c4));} /***PROGRESS BAR***/ main .preview{display: none} .progress ol {display: flex;justify-content: space-between; margin-bottom: 20px;width: 96%} .step-item {position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; } .step-item::before {position: absolute; content: ""; border-bottom: 2px solid var(--c15); width: 100%; top: 15px; left: -50%; z-index: 2;} .step-item::after {position: absolute; content: ""; border-bottom: 2px solid var(--c15); width: 100%; top: 15px; left: 50%; z-index: 2;} .step-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%;border:1px solid var(--c15); color:var(--c15);background: var(--c1); margin-bottom: 6px;} .step-item.selected {font-weight: 600;color:var(--c14)} .step-item.selected .step-counter {color:var(--c1);border:1px solid var(--c14);background:var(--c14)} .step-item .step-name {font-size: 13px;color:var(--c15)} .step-item.selected .step-name {color:var(--c14);} .step-item.completed .step-name {color:var(--c15);} .step-item.completed .step-counter {background-color: var(--c15);border:1px solid var(--c14);color:var(--c1)} .step-item.completed::after { position: absolute; content: ""; border-bottom: 2px solid var(--c14); width: 100%; top: 15px; left: 50%; z-index: 3;} .step-item:first-child::before { content: none;} .step-item:last-child::after { content: none;} /***** order and cart in page***/ fieldset.checkout.profile-checkout {margin: 0; padding: 0;} .alert,.carrello section.page3>p { border: 1px solid var(--c11); background:url("../img/background/warning.svg") no-repeat 5px 5px var(--cw);background-size: 25px; padding: 6px 35px!important;margin-top:0!important;color:var(--c2);margin-bottom: 5px!important;font-size:16px;line-height: 20px;} .alert{ background:url("../img/background/warning.svg") no-repeat 5px 3px var(--cw);background-size: 25px; padding-left:35px!important;display: block;text-align: left;} .unavailable-products.alert,.cart li.product.warning .lower{background: url("../img/background/alert.svg") no-repeat 5px 5px var(--cu);background-size: 25px;margin-top:5px} .cart li.product.warning .lower{background: url("../img/background/alert.svg") no-repeat 5px 3px var(--cu);background-size: 20px;padding-left:35px} .carrello main section.module.page3>p{width: calc(100% - 20px);margin-left: 10px;margin-top: 10px!important} li.get-free-shipping em {display:block;font-size:14px;color:var(--c2)} main .cart li.get-free-shipping em, main .cart li.get-next-discount em,.alert em {font-size: 13px; line-height: 16px; display: block;padding-top: 2px; color: var(--c2); font-style: normal; opacity: 0.8;} main .cart li.get-free-shipping, main .cart li.get-next-discount {font-size: 16px;line-height: 20px;margin-bottom: 2px;} li.get-free-shipping.store,.profile-checkout legend {display:none;} .cart .content ul{list-style-type:none;margin-left:0;} p.empty-cart{padding:15px} /*order page */ main #order .cart .heading{display: none} form#order table,.profilo table, .module.page5 table, .separator img {width: 100% !important;} form#order table.order-summary,.profilo table.order-summary,.module.page5 table.order-summary{max-width:400px;margin-left: auto;margin-right: 0} .separator img {height: 3px;} form#order table,.profilo table,.module.page5 table{font-size:16px!important;line-height: 20px!important;font-family: var(--f1)!important; color:var(--c2)!important} table td span.single-price{font-size:12px!important;line-height: 18px!important;} form#order table th,.profilo table th,.module.page5 table th {font-size:12px!important;line-height: 16px!important;} form#order table td.p-desc,.profilo table td.p-desc,.module.page5 table td.p-desc{font-size:16px!important;line-height: 20px!important;} form#order .p-desc,.profilo .p-desc,.module.page5 .p-desc{width: auto!important;} /*form#order>fieldset,.pay-lock >p,.pay-lock #order,.carrello .page5{padding: 10px}*/ form#order>fieldset .shipping>label,form#order>fieldset .payment>label{font-weight: 600;margin-top: 8px; margin-bottom: 15px;} #order .shipping, #order .payment, #order .coupon { border-top:1px solid var(--c7);padding:8px; margin-bottom: 15px;} #order .payment {margin-bottom: 25px;} #order .profile-checkout input[type="radio"]{opacity: 0;outline: 0; -webkit-appearance: none; appearance: none;position: absolute;top:0;left:0} #order .profile-checkout .radio-block{border:1px solid var(--c7);padding: 10px;cursor: pointer} #order .profile-checkout .radio-block.checked { border: 1px solid var(--c2);} #order .profile-checkout .radio-block em{font-size: 13px;line-height: 16px; display: block; padding-top: 2px; color: var(--c2); font-style: normal;} .profile-checkout .payment .radio-block:nth-of-type(1) {background: url("../img/metodi-pagamento-small.png")no-repeat 10px 38px;min-height: 67px;} .input-radio .radio-block label{padding-left: 0;cursor: pointer} #order .profile-checkout .input-radio{display: flex;flex-wrap: wrap;justify-content: space-between} .profile-checkout .shipping >label,.profile-checkout .payment >label{width:100%;} .profile-checkout .shipping >div,.profile-checkout .payment >div{width: 48%} #order .cart,.module.order-error>p {padding: 10px 0px 0;background: var(--c1);width:100%} #order .content .coupon,.profile-checkout .shipping .clear,.profile-checkout .payment .clear{display: none} .page2 #order.shipping{background: var(--c5)} #order .coupon{position: relative; margin:15px 0 30px 0; border-top:1px solid var(--c7);padding-top:10px;} .copy-billing-fields{width: 100%} #order .coupon-add, #order .coupon-remove{position: absolute;right: 3px;top: 55px;padding: 6px 15px 7px;background: var(--c6);color: var(--c3);border-radius: 6px; cursor: pointer; z-index: 2;text-decoration: none;font-size:16px} #order .coupon-add:hover, #order .coupon-remove:hover{background:var(--c7);text-decoration: none} .coupon label{font-weight: 600;margin-top: 8px; margin-bottom: 15px;} .coupon-loaded{min-height: 40px; margin-bottom: 0px;} #order{margin-top: 10px;position: relative;padding:12px} #order .payment em{margin-top: 5px; font-size: 14px; line-height: 17px; display: block; color:var(--c3);font-weight: 300} #order .get-quantity-discount{color:darkred;padding-bottom: 0;margin-top:0} li.printcost .title{flex:1} li.quantity-discount .price {text-align: right} #order li.printcost{display: flex;} #order li.printcost .price{width:180px;text-align: right} table.order-details{background:var(--c1);padding-bottom: 30px} table.order-details .col-gross-price,table.order-details .col-original-price, table.order-details .col-tax-ratio,table.order-details .col-taxes-amount,table.order-details .col-discount, table.order-details .taxes-amount-total, table.order-details .gross-price-total, table.order-details .net-price-total{display: none} table.order-details th{font-weight:500} table.order-details .col-quantity,table.order-details .col-image{text-align: center} table.order-details [class*="col-"],form#order table.order-summary [class*="col-"],.profilo table.order-summary [class*="col-"],.module.page5 table.order-summary [class*="col-"] {padding-right: 5px;padding-left: 5px;} table.order-details .col-net-price,.order-summary td:nth-child(2) {text-align: right;width:90px;} .order-summary .subtotal-amount-total td.col-product,.order-summary .net-price-total td.col-product,.order-details .subtotal .col-product{font-weight: 600} form#order table.order-summary th,.profilo table.order-summary th,.module.page5 table.order-summary th{border:1px solid var(--c1);background: var(--c1);color:var(--c3);font-size: 18px!important; line-height: 20px!important} .order-summary th{text-transform: uppercase} .order-summary .net-price-total td,.order-summary .gross-price-total td,.even.subtotal td{border-top:1px solid var(--c2)} form#order .order-summary .gross-price-total td,.profilo .order-summary .gross-price-total td,.module.page5 .order-summary .gross-price-total td{font-weight: 600;text-transform: uppercase;font-size: 18px; line-height: 20px;} .order-summary{margin-bottom: 30px;} .page2 #order fieldset,#profile fieldset{position: relative; display: flex;justify-content: space-between;flex-wrap: wrap;gap: 5px 2%;width:100%} .page2 fieldset,#profile fieldset{margin-bottom:30px;} .order-details td.p-qty,.order-details td.p-net,.order-details td.p-tax,.order-details td.p-gross {text-align: right;vertical-align: top} .page2 #order fieldset.shipping{background: var(--c1)} #order li.shipping, #order li.payment,form#order table.order-summary .net-price-total,form#order table.order-summary .taxes-amount-total{display: none} #order .p-desc a,#order .p-desc a:visited,#order .p-desc a:hover{text-decoration: none;} #order .product img{border: 1px solid var(--c5); width: 100px;} /*main .cart li>span,main .cart ul li .old-price{padding-right:5px;} main .cart li > span.quantity-change{margin-left:0;} main .cart .product > a:not(.remove){grid-area: img;margin-right:5px} main .cart .product .title{grid-area: t;padding-right:22px} main .cart .product .abstract{grid-area: a;padding-top:5px;padding-right: 10px;} main .cart .product >span.label{display:none;} main .cart .product .discount {grid-area: cd} main .cart .product .quantity-change{grid-area: q; text-align: left;padding-top: 6px;position: relative} main .cart .product .price{grid-area: p; text-align: right} main .cart .product .lower{grid-area: lower; text-align: center;color:var(--c4);padding-right: 0}*/ main .cart .product > .discount{position: absolute;right: 0; top:0} main .cart .product >span.label{display:none;} .cart li.product .lower{grid-area: carlow;font-size:13px;line-height: 16px;color:var(--c2);background: var(--cw); display: block;padding: 4px 8px;margin-left:8px;border:1px solid var(--c11)} .cart li.product > a:not(.remove){grid-area: carimg;} .cart li.product a.re-order-product {grid-area: carreo;} .cart li.product .title{grid-area: cartitle;margin-bottom: 0;padding-left: 8px;padding-right:5px} .cart li.product .abstract{grid-area: carabs;font-size:16px;line-height: 18px;margin:0;padding-left: 8px;} .cart li.product .quantity-change{grid-area: carqc; text-align:left;position: relative;align-self: flex-end} .cart li.product .price{grid-area: carpri;text-align: left; align-self: center} .cart .remove{grid-area: carrem;width:20px;height:20px;color:transparent;align-self: center} main .cart .remove{align-self: flex-end;padding-top: 2px;cursor: pointer;top:0;position: relative;} main .cart .remove::before{bottom:3px;right:5px;width:20px;height: 20px;position: absolute} .cart .remove:hover{color:transparent} li.product .quantity-change{height: 25px;} .quantity-change .increase,.quantity-change .decrease{font-size:22px;line-height: 21px; padding-bottom: 2px; width:18px;display: block;text-align: center; position: absolute;bottom:1px;z-index:10} .increaseundefined,.decreaseundefined{display: none} /*.quantity-change .decrease{line-height: 20px;padding-bottom: 3px;} .quantity-change .increase{left:55px;} .shop.detail main .quantity-change .increase{left:63px} .quantity-change .decrease{left: 4px;font-size: 30px;}*/ main .cart .product >span.info{grid-area: disc;text-align: center;position: absolute;right:0;top:0} main .cart .product span.info{width:50px;font-size: 14px;line-height: 20px;display:inline-block} main .cart .product .label{font-size:16px; color:var(--c2)} main .cart .product .title a,main .cart .product .title a:visited{color:var(--c2);display: block} main .cart .product .title a:hover{color:var(--c3)} /*main .cart .product .discount{ border-left-color:#f0f0f0;}*/ main .cart .product:nth-child(odd) .discount {border-left-color:var(--c1);} main .cart span.info{color:var(--c1);font-weight: 600;background: var(--c13);} main .cart .content li.product .abstract{font-size:16px; line-height:20px; display:block; text-transform:none; margin-bottom:8px;font-weight: 300} main .order >.title{display:none;} main .page5.order >.title,main .page6.order >.title {display: block;} main .cart .products-total .price,main .cart .total .price{display: none;} main .cart .content li.product .quantity{display:none;} main .cart .content{width:100%; float:none; } main .cart ul li.product .title{margin-top:0px;margin-bottom:3px; } main .cart .change{margin-bottom:0;width: 70px;height: 24px;border: 1px solid var(--c6);padding: 2px 8px;} main .cart .gross-price{font-weight:300;font-size:14px;} main .cart .gross-price span{font-weight: 600; font-size:18px;} main .cart ul li{margin-top:10px;} .cart .quantity-change{padding-right: 40px;} .cart .quantity-change .change{width: 70px;border: 1px solid #d8d8d8;background: var(--c1); margin-top: 0px;color: #000;font-size: 16px;padding:2px 2px 2px 0px} .cart .quantity-change input.change{padding-left: 22px;padding-right: 22px;text-align: center} .increase,.decrease{cursor: pointer} main .cart .decrease{left:2px;top:2px;bottom:auto} main .cart .increase{right:21px;top:2px;bottom:auto} .carrello .products-subtotal.forced-subtotal {display: none !important;} .cart .code{color:var(--c5);font-size:15px;line-height:17px;margin-bottom:15px;margin-top:4px;display:none;} .cart ul li{clear:both;margin-bottom:0px;padding-bottom:10px;}/**usato anche nell'intestazione*/ .cart ul li.product{position:relative;border-bottom:1px solid var(--c7);} .cart ul li.product{position:relative;border-bottom:1px solid var(--c7);} .cart ul li.product.updated{background:var(--c6)} .cart ul li.product .title{margin-top:0;display: block} .cart ul li.product .info{background:var(--c13);color:var(--c1);font-size:14px;padding:0 4px;word-wrap: break-word;} .cart ul li.product .abstract .attributo{display: none} .cart ul li.product .abstract >span:before {content:",";padding-left: 0px;padding-right: 3px;} .cart ul li.product .abstract> span:first-child:before{content:"";padding-left: 0px;padding-right: 0px;} li.nospedizioni{border: 1px solid var(--c3);font-size: 20px;padding: 6px !important;text-align: center;margin-top: 0 !important;} article.page .block .product-add .input-field,.product-add .option li .increment{display: none} .attribute-size ul,.attribute-printa ul,.option ul{list-style-type: none} .content-archive > .abstract {display: block;width: 100%;clear: both;font-size:20px;line-height: 24px;margin-bottom: 30px;} .page2 #order legend,#profile legend{border-bottom: 1px solid var(--c7); width: 100%; padding-bottom: 10px;margin-bottom: 15px;} .product-state{font-weight: 600;} .cerca article header .theme{display: none} .notify-title{display: block;margin-block:5px;} #notify-stock .check-block{position: relative} #notify-stock .labcheck{display: inline-block; margin-top: 5px; padding-left: 22px;font-size: 13px; line-height: 16px;} #notify-stock input[type="checkbox"]{position: absolute;top:3px} #notify-stock .submit{margin-top: 20px;display: inline-block;position: relative;} #notify-stock{display: none; margin:0 auto 15px;padding:10px 20px 20px ; border: 1px solid var(--c7);border-top:0;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;width: calc(100% - 30px);background: var(--c6);} #notify-stock .labemail{display: none; margin-top: 10px;} .option-info,.attribute-info{position: relative} .option-info > a, .attribute-info > a{display: block;position: absolute;right: 5px;top: 0;width:25px;height:25px;} .option-info > a:before,.attribute-info > a:before{content:"";background: url("../img/icons-info.svg") no-repeat;background-size: cover; height:25px;display: block} div.password-fields-handler {position: absolute;right: 0;top: -45px;min-width: 150px;display: flex;justify-content: center} .password label, .passwordconfirm label{color:var(--c4)} div.password-fields-handler input[type=checkbox] {top:6px;margin-right: 0px;margin-top:0} div.password-fields-handler label{margin-left:3px;display: inline-block;padding-left:0px;width:auto;margin-bottom:0;font-size:16px;line-height: 16px;white-space: nowrap;} fieldset.person legend{padding-right: 170px;} .page section .block{margin-top:20px; margin-bottom: 30px;} /**menu***/ #menu{background: var(--c4)} #menu ul.level-1{display: block} .column-menu{display: none; position: absolute;background: var(--c1);} /*section menu*/ .column-2 .section-name{display: none} .section-menu ul{margin-left:0;list-style-type: none} main .section-menu ul li{padding-left: 0} .section-menu ul li a{text-decoration: none;display: block;color: var(--c2);position: relative} .section-menu>ul>li{padding-left: 0} .section-menu>ul>li a{padding-top: 8px; padding-bottom: 8px} .section-menu>ul>li.root a,.section-menu>ul>li.root a:visited{color: var(--c3)} .section-menu>ul>li.root a:hover{color:var(--c4)} .section-menu>ul>li .level-2 a:hover{background: var(--c12);color: var(--c4)} .section-menu>ul>li.selected> a,.toggle-filters{font-weight: 600;padding-bottom: 6px;position: relative;display: block;margin-bottom: 15px;} .toggle-filters{padding-bottom: 18px;} .section-menu>ul>li.selected> a,.section-menu>ul>li.selected> a:visited,.section-menu>ul>li.selected> a:hover{background: none;color:var(--c2)} .section-menu>ul>li.selected> .level-2>.selected>a:after{content:"";background: url("../img/freccia-nera.svg")no-repeat center right;position: absolute;right:7%;top:8px;transform: rotate(90deg);display: block;width:25px;height: 25px; } .section-menu>ul>li.selected> .level-2 li a{padding-right: 13%} .section-menu .level-2 li a{padding-left: 20px;position: relative} .section-menu ul.level-2{position: relative} .section-menu ul.level-2:before{content:"";background: var(--c12);display: block; position: absolute;left:0px; width:10px;height: 100%;} .section-menu>ul>li .level-2 a:hover{color: var(--c3)} .section-menu .level-2 li.selected a{color:var(--c3)} /*.section-menu .level-2 li a:hover:before{content:"";background: url("../img/pallino.svg")no-repeat center;}*/ .section-menu .level-2 li a:hover:after{content:"";background: url("../img/freccia.svg")no-repeat center right;position: absolute;right:7%;top:8px;display: block;width:25px;height: 25px; } /*filtri*/ .product-filters-wrap{padding-left: 15px;} #product-filters .attribute{margin-bottom: 15px;position: relative;padding-bottom: 15px;} #product-filters .attribute .title{font-weight: 300;font-size:18px;line-height: 22px;text-transform: uppercase;cursor:pointer;position: relative;margin-bottom: 0} #product-filters .attribute .title:after{content:"-";display: block;position: absolute; right: 27px; font-size: 25px; font-weight: 700; top: 0; line-height: 18px;} #product-filters .attribute.attribute-closed .title:after{content:"+";font-size:22px;} #product-filters .attribute .title:hover:after{color:var(--c4);} .product-filters-wrap .active-filters{} .active-filters{display: flex;width:100%;flex-wrap: wrap} .active-filters .filter{margin-right: 15px;display: flex;flex-wrap: wrap} .active-filters>span{display: block;width: 100%} .active-filters .clear{display: none!important} .filter .remove{display: inline-block;width:20px;height: 15px;position: relative;font-weight: 300;cursor: pointer} .filter-reset-message-close{display: block;width:20px;height: 20px;position: absolute;top:3px; right:5px;cursor: pointer} .filter .remove:after,.filter-reset-message-close:after{content:"";background: url("../img/piu.svg")no-repeat center right;right:4px;top:2px;position: absolute;display: block;width:15px;height: 15px; transform: rotate(45deg);} .filter .remove:hover:after,.filter-reset-message-close:hover:after{content:"";background: url("../img/piu-verde.svg")no-repeat center right;right:4px;top:2px;} .filter .name{font-weight: 600;padding-right: 5px;color: var(--c2)} .filter .name:after{content:":"} .filter .value{padding-right: 7px} .filter-list a,.filter-list a:visited,.filter-list a:hover{color:var(--c2);font-size: 16px; line-height: 22px;} .filter-list .attribute .disabled a{color:var(--c7)} .filter-list .attribute ul{height: auto;webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;margin-top:15px;max-width:85%} .filter-list .attribute.attribute-closed ul{height: 0;webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;overflow: hidden;margin-top: 0} .filter-list .attribute:after{position: absolute;bottom:0;content:"";display: block;height: 1px; width: 90%;background: var(--c2)} .filter-list ul li {list-style-type: none;font-size:17px;} .filter-list ul li a:before{content:""; display: block; width:14px; height: 14px;border:1px solid var(--c7);position: absolute;left:-18px;top:4px;} .filter-list ul li.selected a:after{content:""; display: block; width:16px; height: 16px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 18.1 16.2' viewBox='0 0 18.1 16.2'%3E%3Cpath d='M2.6 8.9c-.1-.1-.2-.3-.2-.5s.1-.4.2-.5l1-1c.1-.1.3-.2.5-.2s.4.1.5.2L7.7 10l6.6-6.6c.1-.1.3-.2.5-.2s.4.1.5.2l1 1c.1.1.2.3.2.5s-.1.4-.2.5l-8.1 8c-.1.1-.3.2-.5.2s-.4-.1-.5-.2L2.6 8.9z'/%3E%3Cpath d='M14.7 3.2c.2 0 .4.1.5.2l1 1c.1.1.2.3.2.5s-.1.4-.2.5l-8.1 8c-.1.1-.3.2-.5.2s-.4-.1-.5-.2L2.6 8.9c-.1-.1-.2-.3-.2-.5s.1-.4.2-.5l1-1c.1-.1.3-.2.5-.2s.4.1.5.2L7.7 10l6.6-6.6c.1-.1.2-.2.4-.2m0-1c-.5 0-.9.2-1.2.5L7.7 8.6 5.3 6.2c-.3-.3-.7-.5-1.2-.5s-.9.2-1.2.5l-1 1c-.3.3-.5.7-.5 1.2s.2.9.5 1.2l4.5 4.5c.3.3.7.5 1.2.5s.9-.2 1.2-.5l8-8c.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2l-1-1c-.2-.3-.6-.5-1.1-.5z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat;position: absolute;left:-18px;top:4px;} .filter-list ul li.selected a.thumb:after{left:-20px;top:5px;} .filter-list .aid-400 ul li a:before{display: none} .filter-list ul li .swatch{border-radius:100%;width: 16px; height: 16px; display: block;position: absolute;left:-20px;top:4px; border:1px solid var(--c7)} .filter-list ul li a[data-value="10558"] .swatch{background: rgb(244,3,3)!important; background: linear-gradient(90deg, rgba(244,3,3,1) 0%, rgba(233,235,15,1) 35%, rgba(25,125,2,1) 68%, rgba(0,29,244,1) 100%)!important;} .filter-list ul li.selected .swatch{opacity:0.5} .filter-list ul li span.count{color:var(--c7);font-size: 15px;line-height: 18px;} .filter-list ul li span.count:before{content:"(";color:var(--c7);font-size: 15px;line-height: 18px;} .filter-list ul li span.count:after{content:")";color:var(--c7);font-size: 15px;line-height: 18px} /**filtri e ordinamento a centro pagina**/ .intro-archive{display: flex;flex-wrap:wrap;justify-content: space-between;padding-top:0px;margin-top:0px;} .intro-archive .archive-items-count{font-weight:400;color:var(--c4);padding-bottom: 15px} .intro-archive .head-filters{order:2;width: 98.7%} .items-count-1 .archive-sort,.items-count-1 .toggle-filters{display: none} .archive-sort li a,.archive-sort li a:visited,.archive-sort a:hover{text-decoration: none;} .archive-sort span.title{font-size:16px;line-height: 20px;font-weight: 400;display: inline-block;padding-top: 5px;margin-bottom: 2px} .archive-sort li.selected{font-weight:600} /*.archive-sort{position: relative;margin-left: auto}*/ .archive-sort ul{width:180px;background: var(--c1);font-size: 16px;line-height: 20px; font-weight: 300;list-style-type:none;margin:0px;margin-bottom:5px;padding: 0 10px;border-radius: 20px;z-index: 10} .archive-sort li{text-align: center; padding: 8px;display: none;margin-bottom: 0;max-height: 36px} .archive-sort li.selected{display: block} .head-filters{font-size: 16px; display: flex;flex-wrap: wrap;padding:10px 15px; border-radius: 20px;background: var(--c1);margin-bottom: 0px;position: relative;z-index: 2; top: -15px; right: -15px; } .head-filters> span{width:90px} .active-filters{width: calc(100% - 200px);} .clear-filters{width:140px!important;text-align: right;text-decoration: none;position: absolute;display: block;top:-40px; right:25px;font-size:14px} .active-filters-count {display: inline-block;width: 18px;margin-left: 5px;height: 18px; line-height: 18px; background: var(--c7); text-align: center; color: var(--c1); border-radius: 20px;font-size: 14px;position: relative; top:-2px} .active .active-filters-count{background: var(--c3)} .filter-overlay-active .content-archive .toggle-filters{display: none} /**content-article*/ section.archive > .head,.cerca section.archive{padding-left: 15px;padding-right: 15px} section.archive > .head.filtered .abstract{display: none} .content-archive{padding:10px 15px 70px;margin-top:15px} .blog .content-archive{padding-top: 10px} .profile-orders .content-archive{padding-top: 10px; padding-bottom: 40px} .items-archive{display: flex;flex-wrap: wrap;padding-top:20px;column-gap: 2%} .items-archive article,.items-archive .listing-banner,.home .g4 article,.home .g9 article,.home .g10 article{width: 98%; margin-left: 1%; margin-right: 1%;background:var(--c1);border-radius: 7px;} .listing-banner .bimage,.listing-banner img{border-radius: 7px;position: absolute;height: auto;width: 100%;max-width: none} .listing-banner .bimage{height: 100%;width: 100%;} .items-archive .listing-banner{background: none} .listing-banner .btitle,.listing-banner .btitle a,.listing-banner .btitle a:visited,.listing-banner .btitle a:hover{text-decoration: none;font-weight:600;font-size: 20px;line-height: 26px;display: block;color:var(--c2)} .listing-banner p{font-weight:300;font-size: 16px;line-height: 20px} .listing-banner:hover {opacity: 0.8} .items-archive > .listing-banner:nth-of-type(1) { background-color: var(--c8);} .items-archive > .listing-banner:nth-of-type(1) .bwrap{background: rgba(190,231,210,0.8)} .items-archive > .listing-banner:nth-of-type(2) { background-color: var(--c16);} .items-archive > .listing-banner:nth-of-type(2) .bwrap{background: rgba(190,213,221,0.8)} .items-archive article .title{font-size: 16px;line-height: 20px;font-weight:600;text-align: center} .shop article .tag{margin-top: 0px;display: inline-block;background:var(--c15);font-size: 13px; line-height: 16px; padding: 3px 10px;color:var(--c1);text-transform: uppercase;font-weight:500} .shop .content-archive article .tag{position: absolute;left:2px; top:9px} .shop article .tag-link,.shop article .tag-link:visited,.shop article .tag-link:hover{color:var(--c1);text-decoration: none;margin-right: 6px} .shop.detail .new-link{position: relative;margin-right: 6px} .shop.detail .new-link .new{top:0;left:0} .detail article span.new{position: relative;display: inline-block} a.new-link:hover span.new,.shop.detail article .tag-link:hover{opacity: 0.8} .shop.detail article .tag-link{position: static} .detail article span.new:before{top:6px} .shop.detail .new-link,.shop.detail article .tag-link{display: inline-block;color:#fff} .listing-banner{position: relative;margin-bottom: 20px;overflow: hidden} .listing-banner .media{position: absolute;height: 100%;} .listing-banner .container{z-index:2;position: absolute;top:5%;width: 90%;left:5%;padding-left: 0;padding-right: 0} .shop .items-archive article header p{display: none} .content-archive article .content .media{height: 250px;max-height: 250px; margin-top: 25px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;text-align: center;margin-top: 20px;} .content-archive article .content .media img{max-width:100%;max-height: 100%; width: auto;height: auto} .items-archive article .gross-price,.related .gross-price{display: block;font-size:14px; line-height: 16px; font-weight: 300;padding-top: 2px;padding-left:0;color:var(--c2)} .items-archive article .content,.content-related .content{position: relative} .items-archive article .new,.home article .new,.content-related .new{font-weight:var(--wm);background: var(--c5); color:var(--c1);border-radius: 100%;width: 54px; height: 54px;line-height: 46px; text-align: center; padding: 4px;font-size:14px;} .items-archive article .used,.home article .used,.content-related .used{font-weight:var(--wm);background: var(--c6); color:var(--c1);border-radius: 100%;width: 54px; height: 54px;line-height: 46px; text-align: center; padding: 4px;font-size:14px;} .items-archive article .promo,.home article .promo,.content-related .promo{font-weight:var(--wm);background: var(--c3); color:var(--c1);border-radius: 100%;width: 54px; height: 54px;line-height: 46px; text-align: center; padding: 4px;font-size:14px;} .listing .product-patches,.home .product-patches,.content-related .product-patches{position: absolute; display: flex; width: calc(100% - 30px); top: 15px;left:15px;padding-right: 0px;column-gap: 10px;flex-direction: row-reverse;z-index: 2;} .listing .product-patches a,.home .product-patches a,.content-related .product-patches a{display: block} .detail header .product-patches a,.detail header .product-patches a:visited, .detail header .product-patches a:hover{margin-right: 10px;margin-bottom: 15px;text-decoration: none;display: inline-block} .detail header .product-patches span{padding: 3px 8px;color:var(--c1);font-weight: var(--wm)} .detail header .product-patches span.new{background: var(--c5)} .detail header .product-patches span.promo{background: var(--c3)} .detail header .product-patches span.used{background: var(--c6)} .detail header .product-patches span:hover{opacity: 0.8} .shop.detail .new-link{font-size:16px; line-height: 20px; color:var(--c6);font-weight: var(--wm)} .shop.detail article.page > .first > .block > .discount{display:none} .items-archive article .price,.home .group article .price{text-align: center} .items-archive article .gross-price:before,li.product .gross-price:before,.related .gross-price:before{content:"IVA inclusa: "} .special-markup .attributes .code{display: block;font-size: 14px; line-height: 16px;order:2} .home .group .attributes .code,section.archive .attributes .code{color:var(--c3);text-transform: uppercase} .items-archive article .brand{display: block;padding-bottom: 10px;padding-top:5px;order:0} .special-markup .attributes span.products{max-width: 160px; display: flex; justify-content: center; order:1; color:var(--c3);padding-bottom:2px} .special-markup .attributes span.sep{max-width:10px;min-width:10px;text-align: center} .special-markup .attributes >span.color-info{max-width: calc(50%); text-align: center} .special-markup .attributes span.color{max-width: calc(50%);} .special-markup .attributes span.color .color-info{text-align: left} .items-archive article .attributes,.home article .attributes,.related .attributes,.special-markup .attributes .products{display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 0} /*.items-archive article .attributes,*/.related .attributes{text-align: center} .special-markup .attributes .products{width:100%} /*.items-archive article .theme{display: none}*/ .items-archive article .price{padding-bottom: 5px} /**left e right*/ .left .media-wrap {position: relative; grid-area: lm;} .left .wrap-content {grid-area: lc;} .left header {grid-area: lh;} .right .media-wrap {position: relative; grid-area: rm;} .right .wrap-content {grid-area: rc;} .right header {grid-area: rh;} .profilo .content-archive .intro-archive{display: flex;flex-direction: column} /**homepage e pagine personalizzate*/ .bcontattaci{margin-top: 30px;margin-bottom: 10px} .imgcol{visibility: hidden} section.module .js-form>.title{text-align: center} section.module .form-buttons{text-align: center;display: flex;justify-content: center;padding-left: 0px; padding-right: 0px;margin:auto;width:100%} section.module.page2 .form-buttons,section.module.page3 .form-buttons{justify-content: space-between;width:100%} .left .media,.right .media {text-align: center} /*.blog .intro-archive,.best .intro-archive,.blog .items-archive article .content p,.blog article span.new{display: none} .blog .items-archive article .content{display: flex;flex-wrap: wrap;flex-direction: column} .blog .items-archive article .content .tag-link{order: 1;text-align: left;padding:0 10px} .blog .items-archive article .content header{order:2} .blog article.page .media {border:0;border-radius:0px;padding: 0} .blog .tag{color:var(--c14);text-align: left;text-transform: uppercase;font-size: 14px;line-height: 17px;padding: 0 5px} .pag-marchi .filters li:before{display: none} .pag-marchi .filters li:after{font-weight: 300; content:"|"; color:var(--c7); padding-left: 5px;padding-right: 0px} .pag-marchi ul.filters {margin-left: 0;display: flex;flex-wrap: wrap;color:var(--c2);font-weight: 600} .pag-marchi .filters a,.pag-marchi .filters a:visited,.pag-marchi .filters a:hover{text-decoration: none; color:var(--c2)} .pag-marchi .filters a:hover{color:var(--c3)} .pag-marchi .content-archive article .content .media img,.blog .content-archive article .content .media img {position: static;transform:none;margin: auto;border-radius: 7px} .pag-marchi .content-archive article .content .media,.blog .content-archive article .content .media {text-align: center;margin-bottom:10px;} .blog .items-archive article .title {display: block;padding: 5px 5px; font-size: 15px;line-height: 19px;font-weight: 400;text-align: left} .blog .content-archive article header{padding: 0} .blog.detail h1.title{margin-bottom: 10px} .blog.detail .button{margin-top: 20px}*/ .contatti section.page > .first .module{padding: 30px 0px;} .contatti section.page > .first .module label{display: none} .contatti section.page > .first .module .privacy label{display: block} .mappa .block .content{padding-left: 0; padding-right: 0} .page section.mappa .block{margin-bottom: 0} /***/ @media (min-width: 320px) { body{font-size:18px;line-height: 24px;} header .container{padding-left: 5px; padding-right: 5px;} header .row,footer .row{margin-left:-5px; margin-right: -5px} .responsive-search{ top:74px;} .tops{position: absolute;width:100%} #search {display: flex} input[type="search"]{position: relative; width:100%;height:40px;background: var(--c1);color:var(--c4);font-weight:300;padding-left: 20px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 5px; border-bottom-left-radius: 5px;border:1px solid var(--c7);border-right:0} .search button{ height:40px;min-width:30px;width:auto;padding: 0px 8px; background: var(--c1);color:var(--c2);cursor: pointer;font-size: 20px;-webkit-border-radius: 0px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius: 0px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-radius: 0px;border-top-right-radius: 5px;border-bottom-right-radius:5px;padding-left:8px;padding-right: 15px;border:1px solid var(--c7);border-left:0} .bsearch svg{width: 22px;height: 22px} #results-preview{display: none;} #search path{fill:var(--c2)} #search:hover path{fill:var(--c3)} .theme{display: block;font-size:14px; line-height: 15px; margin-bottom: 5px} .abstract{font-size:20px;line-height: 24px;color:var(--c6);display: block;margin-bottom:10px;font-weight: var(--w1)} .shop article.page .abstract{font-size: 24px; line-height: 30px; color:var(--c2)} h1.title,main div.login h1{font-size:28px;line-height: 34px;display: block; margin-bottom: 5px;} .detail h1.title,.title,h2{font-weight: var(--wm);font-size: 30px; line-height: 36px;display: block; margin-bottom: 0px;} .shop section.archive h1.title{font-size:28px;line-height: 34px;display: block; margin-bottom: 15px;} .title{font-size:26px;line-height: 30px;display: block; margin-bottom: 0px;} .shop article.page h1{text-align: left;margin-bottom: 10px;} .shop article.page .abstract{text-align: left;margin-bottom: 20px;display: block} .shop article.page .brand a{display: block;margin-top: -25px} .content-archive article{text-align: center;/*overflow: hidden*/} .profile-orders .content-archive article{text-align: left} .profile-orders .intro-archive{margin-bottom:10px;} .profile-orders .items-archive table{max-width: 1000px} .input-field.remember label{display: block;margin-bottom: 0} .input-field.remember { margin-top: 10px; margin-bottom: 20px;} .homepage article .title{font-size:18px;line-height: 20px;margin-bottom:0;padding: 0 0px 10px;text-transform: none;font-weight: 400} .homepage article .abstract{font-size:16px;line-height: 20px;font-weight: 400} /*.homepage article .title:after, .content-archive article .title:after,.content-related .title:after{content: "";width:110px; height: 1px; display: block; margin:auto; position: relative; bottom:-5px; background:var(--c2) }*/ article .title a,article .title a:visited,article .title a:hover{color:var(--c2); opacity: 1} article.allclick:hover .title a{color:var(--c3)} article .theme{display: inline-flex;font-size: 14px;line-height: 16px;font-weight: var(--w1);padding: 4px 10px; color:var(--c1);background: var(--c10);order:-1;max-width: 145px} .related .theme,.blog .tag-link{text-transform: uppercase; margin-top: 10px;margin-bottom:0px;display: block;font-size: 14px;line-height: 16px;font-weight: var(--w1); text-align: center; color:var(--c3);padding-left: 5px;padding-right: 5px;padding-bottom: 5px} .shop.detail .theme{padding-left: 0} .blog .tag-link{text-align: left;padding-left: 0} .blog a.tag-link,.blog a.tag-link:visited{color: var(--c3)} .blog a.tag-link:hover{color: var(--c4)} article.page,section.page, section.archive{padding-top:20px; padding-bottom: 30px;} .contatti section.page{padding-bottom: 0} .products section.archive{padding-bottom: 0} article.page >.first{padding-left: 15px; padding-right: 15px} /*dettaglio prodotto*/ .attribute-color ul,.attribute-sewing ul,.attribute-size ul{justify-items: center;justify-content: left; list-style-type: none; display:flex; flex-wrap:wrap; margin-bottom: 15px;margin-left:0;grid-gap: 5px;padding-left: 0px; padding-right: 0px;} .attribute-color ul li,.attribute-size ul li{display: block;border-radius:50px;width:32%;padding-left: 0;padding-right: 0} .attribute-size ul li{width:auto; min-width: 130px;} span#a6766 span {background: linear-gradient(90deg, rgba(255,17,0,1) 0%, rgba(227,228,39,1) 33%, rgba(29,190,7,1) 66%, rgba(2,40,249,1) 100%);} .contatti .first header,.no-template .first header{text-align: left} .btop .page .first .content{padding-right: 15px;} .shop article.page .wrap-content .content:before{content: "Dettagli";font-weight: var(--wm);font-size: 30px; line-height: 36px;border-bottom:1px solid var(--c6);display: block;padding-bottom: 8px;margin-bottom: 15px;} article.page header {grid-area: dh;position: relative;} article.page .wrap-content {grid-area: dc;margin-top:30px;} article.page .media {border:1px solid var(--c9);border-radius:5px;} article.page .product-add {grid-area: df;padding-left:15px; padding-right: 15px;} article.page .product-gallery-wrap{grid-area: cg;order:2;width: calc(100vw - 60px);height: 100%;} .shop article.page .media-wrap {grid-area: mc;/*display: flex;flex-wrap: wrap;*/padding-bottom: 0px;max-width: 632px;margin-left: 0;margin-right: auto;align-self: start;position: sticky;top:0;width:100%} article.page .ask-for-info{grid-area: da;} .detail article.page > .first > .block>.discount{display: none; position: absolute;top:10px;right:25px} .content-archive article .discount{display: none} /*** da sostituire con le classi reali*/ /*article.page .free{grid-area: ds;} article.page .bancale{grid-area: db;} article.page .specifications-wrap{grid-area: dsp;margin-top:25px;}*/ .detail article.page >.first>.block { display: grid; grid-template-columns:1fr; grid-auto-flow: row; grid-template-areas:"mc" "dh" "df" "da" "dc" "dd"; } article.page .specifications-wrap{margin-top: 30px;} article.page .specifications-wrap>.title,.detail .wrap-content .content .title{font-size: 22px; line-height: 26px; border-bottom:1px solid var(--c7);padding-bottom: 8px; margin-bottom: 0} .detail .specification{display: flex;border-bottom:1px solid var(--c7);justify-content: space-between;padding: 0px} .detail .specification dt,.detail .specification dd{padding: 5px} .detail .specification dt{background: var(--c12);width:60%} .specification .value{width: 40%;padding-left: 10px} article.page .media, article.page .media img{height: auto!important;width: auto;margin: auto;border-radius: 0px} .shop.detail article.page .media{margin-left: 0} article.page .media{padding: 15px; } .attribute-size li span,.attribute-printa li span,.option li span{font-size: 16px;line-height: 20px;} .attributes{padding-bottom: 6px;} .product-add li{margin-bottom:0px;padding-bottom:5px} .product-add .title{margin-top:10px;font-size:20px; line-height: 24px; text-align: left;padding-bottom: 5px; border-bottom: 1px solid var(--c7);font-weight: 600} .product-add .thumb.selected{border:1px solid var(--c3)} .product-add .thumb{border:1px solid var(--c19)} .product-add .thumb.disabled,.product-add .attribute-size .disabled{background: var(--c5)} .product-add .thumb.disabled.selected,.product-add .attribute-size .disabled.selected{border:1px solid var(--c3)} .disabled input[type="submit"]{display: none} .product-add .attribute{width: 100%} .attribute-color li span,.attribute-sewing li span{color:var(--c2);font-size:12px; line-height: 14px;display: block; border-radius: 50px;text-decoration: none;font-weight: 400} .attribute-color li img{border-radius:100%;} .attribute-color li span span{border:2px solid #fff} .product-add .option li span,.attribute-size li span, .attribute-printa li span{color:var(--c7);display: block;background: var(--c1);padding:6px 8px 4px; text-align: center;border:1px solid var(--c6);border-radius:20px;width: 90%; margin: auto} .attribute-size li span, .attribute-printa li span{padding-bottom:4px;padding-top: 6px} .product-add .thumb span{width: 30px;min-width: 30px; height: 30px;content:"";display: block;border:1px solid var(--c19);border-radius:100%;margin-right:5px} .product-add .thumb{cursor: pointer;display: flex;min-height: 36px;align-items: center;padding-left:4px; padding-right: 4px;width:100%} .product-gallery .attribute li{display: block} .product-add .thumb.selected span {background:var(--c5)} /*main .cart .product{display:grid;padding:30px 0px 15px; margin-top:0px;margin-bottom:0px; grid-template-areas:"pd pd" "img t" "img a" "q p" ; grid-template-columns: 80px auto; } main .cart .product.lower{display:grid;padding:30px 0px 15px; margin-top:20px; margin-bottom:0px; grid-template-areas:"pd pd" "img t" "img a" "q p" "lower lower"; grid-template-columns: 80px auto; }*/ .cart li.product{display: grid;grid-template-areas: "carimg cartitle cartitle cartitle" "carimg carabs carabs carabs" "carimg carpri carqc carrem" "carreo carreo carreo carreo"; grid-template-columns: 50px auto 90px 20px;row-gap:5px;align-items: start;} .cart li.product.lower,.cart li.product.warning{display: grid;grid-template-areas: "carimg cartitle cartitle cartitle" "carimg carabs carabs carabs" "carimg carpri carqc carrem" "carimg carlow carlow carlow" "carreo carreo carreo carreo"; grid-template-columns: 50px auto 90px 20px;row-gap:5px;align-items: start;} main .cart li.product{grid-template-areas: "carimg cartitle cartitle cartitle" "carimg carabs carabs carabs" "carimg carpri carqc carrem" "carreo carreo carreo carreo";} main .cart li.product.lower,main .cart li.product.warning{display: grid;grid-template-areas:"carimg cartitle cartitle cartitle" "carimg carabs carabs carabs" "carimg carpri carqc carrem" "carimg carlow carlow carlow" "carreo carreo carreo carreo"; } .cart li.product.lower .lower{background:url("../img/background/warning.svg") no-repeat 5px 2px var(--cw);background-size: 20px;padding-left:30px;margin-right: 10px;margin-left: 0;margin-right: auto } main .cart li .clear{display: none} li.get-next-discount{background:var(--c6);padding: 5px 10px} main .column-1 .cart ul li.get-next-discount{padding-left:5px; margin:0 0 30px} main .cart ul li.get-free-shipping {margin-bottom: 2px;} li.get-next-discount em{font-weight: 400;font-style: normal} li.get-free-shipping.italy24{display: none} .carrello main section.module>p{margin: 0} .ask-for-login{display: block;padding: 15px} .special-markup .attributes{font-size:15px; line-height: 16px;min-height: 36px} .special-markup .attributes >span{display: block;width:100%} .content-archive .special-markup .attributes > span { text-align: center} .price {font-size:18px;line-height: 22px; color: var(--c2);font-weight: 600;display: block;text-align: center;padding: 10px 10px 20px } main .cart .product .price{font-size: 16px; line-height: 22px;font-weight: 600;padding-top: 5px; padding-bottom: 5px} .gross-price,.old-net-price{display: inline-block;padding-left: 10px; font-size:18px;line-height: 22px; color: var(--c7);font-weight:400;border:0} .old-gross-price,.tax{display: none} .old-price:lang(IT):after,#order #newtotal .gross-price:lang(IT):before,.cart-feedback .clone .gross-price:after,#newtotal .rsmdiscount .gross-price:lang(IT):before{content:'Iva inclusa ';text-decoration: none;} #order #newtotal .rsmdiscount,#order li.product .gross-price,#order #newtotal .gross-price{display: block} #order #newtotal .gross-price,#order #newtotal .rsmdiscount{font-weight: 300;font-size:14px; line-height: 22px} .media img{max-height: 100%;max-width:100%;height: auto;width:auto} /**template**/ .model .uno{padding-top:20px; padding-bottom: 20px;background: var(--c1)} .parallax{height:240px;margin-bottom:30px;} .content-archive .media,.content-related .media{background: var(--c1)} .content-related .theme{display: none} .content-archive article{position: relative} .page2 #order .input-field,#profile .input-field{flex-grow: 1; width: 98%;} .page2 #order .password-fields .input-field,#profile .password-fields .input-field{width:100%} .page2 #order .input-checkbox{padding-left: 0;} .page2 #order input[type="checkbox"]{margin-right: 5px;margin-top: 3px} li.printcost .title,li.quantity-discount .title{font-size: 20px;line-height: 22px;} .input-file label/*,.input-select label*/{display: block} #order span.title,#notify-wishlist span.title{font-size:16px; line-height: 20px; font-weight: 500;margin-bottom: 0;} #order .cart span.title{padding-right: 60px;} #order #newtotal span.title{text-transform: uppercase} #newtotal span.price{padding: 15px 5px 0;} .product-gallery li a{display: block;border:1px solid var(--c9)} .product-gallery .attribute li{ min-width: 105px; padding: 0;padding-left: 0px; min-height: 34px;display: flex; align-items: center;max-width: 33%; width: auto } /*.product-gallery .attribute li .thumb.selected{background: var(--c6)} .product-gallery .attribute li .thumb {padding-left: 38px;position: absolute;display: flex;align-items: center; width:100%;height: 100%;}*/ .product-gallery li {display: inline-block;border: 4px solid transparent;width: 33.3333%; min-width: 33.3333%;max-width:100px;padding: 0;} } @media (min-width: 375px) { .logo img{height: 40px;width: auto} .top-ico {padding: 8px 10px;} .acq-login {width: 200px;overflow: hidden} .acq-login .wrapperCart::before {left: 0px;} .acq-login .wrapperCart {margin-left: 0px;margin-right: 25px;} .column-menu nav{width: 350px; } .home .group{padding-left: 15px; padding-right: 15px} .home .g1 { padding: 15px;} .home .g2c {padding: 0 0px 15px;} .listing-banner img {height: 100%; width: auto;max-width: none;} } @media (min-width: 320px)and (max-width:499px) { main .cart .price .label,.profile-wishlist main .cart .product .price .label {display: none;} #order li.printcost .price {width: 90px;} .top-ico .ico-punti-f1,.top-ico .ico-punti-f2,.top-ico .ico-punti-f3{justify-content: center} .order-details .p-img{display: none} .content-archive article,.content-archive .price{text-align: left} .dettarredo .spazio{padding: 0} .top-ico img{display: none} .top-ico .ico span { position: relative; padding-left: 10px; } .ico span::before { content: ""; position: absolute; margin-left: -5px; margin-top:0px; width: 6px; height: 6px; background-color: var(--c6); border-radius: 50%; } .top-ico .ico-punti-f1{width: 90px} .top-ico .ico-punti-f2{width: 125px} .top-ico .ico-punti-f3{width: 113px} } @media (min-width: 320px)and (max-width:599px){ .media img {max-width: 100%;height: auto;} .top-ico .content{flex-wrap: wrap;align-content: flex-start;justify-content: center} .main-menu ul.nav li{display: none} .main-menu ul.nav li.first{display: block} .level-1 .topl{display: block;} #menu .column-menu nav .topl a,#menu .column-menu nav .topl a:visited,#menu .column-menu nav .topl a:hover{text-transform: uppercase} .nav1206.topl{margin-top: 15px; padding-top: 20px; border-top:2px solid var(--c5)} .prod-action .btn.b1 {width:145px;padding: 3px 20px} .prod-action .btn.b4 {width:185px;padding: 3px 20px} .prod-action .btn{font-size: 16px;padding: 3px 20px} .txt-nav{display: none} .main-menu .first a:after{content: "Menu"} .home .g2 .even{margin-top:15px; margin-bottom: 15px} .home .g2 .block{margin-left: auto; margin-right: auto} } @media (min-width: 375px)and (max-width:599px){ .items-archive{column-gap: 4%} .items-archive article,.items-archive .listing-banner{width: 48%; margin-right: 0;margin-left:0} .items-archive article .title,.listing-banner p{font-size: 14px; line-height: 18px;} article.block .price,.items-archive article .price {font-size: 16px; line-height: 20px;} article.block .old-net-price,.items-archive article .old-net-price {font-size: 15px; line-height: 24px;} .listing-banner .container {width: 84%; } .content-archive article,.content-archive .price{text-align: left} /*table.order-details tr th:first-child, table.order-details tr td:first-child {display: none;}*/ } @media (min-width: 320px)and (max-width:767px) { .hidden-xs,.top-ico .ico span.hidden-xs{display: none} .column-menu{left:0!important} ul.product-gallery{display: flex; margin: 20px 0 15px; width:100%; overflow: hidden} .prodotti ul.product-gallery{margin-bottom: 0} .block2 .wrap-content{padding-top: 30px;padding-bottom: 20px} .prodotti ul.product-gallery{margin-left: 5px;} #product-gallery-prev{display: none;height: 100%;width:20px;padding-top:0px;position: absolute;cursor: pointer;top:0;left:0%;z-index: 10;} #product-gallery-prev:before{content: ">";color: var(--c2);transform: rotate(180deg);display: block;width: 20px;height: 30px;font-size: 30px;position: absolute;top:50%;left: 0%; margin-top:-15px } #product-gallery-next:before{content:">";text-align: center; color:var(--c2);display: block;width: 20px;height: 30px;font-size: 30px;position: absolute;top:50%;right: 0%;left: auto;margin-top: -15px; } #product-gallery-next{height: 100%;width: 20px;padding-top:0px;position: absolute;cursor: pointer;bottom:0;right:2px;z-index: 10;} /*.special-markup .attributes .brand{display: none}*/ .shop ul.product-gallery {margin-left: 30px;} ul.product-gallery {overflow-x: scroll;max-width: calc(100% - 60px);} } @media (min-width: 320px)and (max-width:991px) { .shop .column-2 .section-menu{display: none} .icon-filter {width: 25px;height: 25px; cursor: pointer; display: inline-block; } .icon-filter::after {content: ""; background: url("../img/freccia-nera.svg")no-repeat center right; position: absolute;transform: rotate(90deg);bottom:5px; display: block; width: 25px; height: 25px;} .toggle-filters{cursor: pointer;text-align: center;width: 150px} .product-filters-wrap {padding:0;padding-left: 15px;} .product-filter-button{max-width: 150px} .filter-overlay-active .product-filter-container{opacity: 1;height: 100%;} .col2 .column-2{width: 280px;opacity: 0;left:-300px;transition: left 0.3s ease, opacity 0.3s ease;position:fixed} .section-menu > ul > li.selected > a::after {position: absolute;content: ""; display: block; height: 100%;width: 150px; border: 1px solid var(--c3);border-radius:40px;bottom:0} .archive-sort li.title {font-size: 16px;line-height: 20px;font-weight: 400;display: block;cursor: pointer;text-align: center;} .archive-sort li.selected {display: none;} .column-1 .head-filters,.archive-sort>span.title,.column-2 .archive-sort ul,.column-2 .active-filters,.head-filters > span {display: none} .intro-archive .archive-items-count{width: 100%} main .column-1 a.toggle-filters,main .column-1 a.toggle-filters:visited{height: 36px; background: var(--c1);color:var(--c2);text-decoration: none;border-radius: 40px;margin-top:0;} .archive-sort.visible ul {position: absolute;left: auto; right: 15px;} .archive-sort.visible li{display: block} } @media (min-width: 390px){ .logo img{height: 42px;width: auto} .icon-nav {width: 40px;} #menu .nav > li.first > a {padding-left: 48px;} .main-menu > .nav > li {margin-right: 20px;} } @media (min-width: 420px){ .logo img{height: 46px;width: auto} /*.top-ico .ico img{margin-right: 4px;display: inline-block}*/ .main-menu ul.nav,.profilo section.profile,.profilo section.module, .profile-askreset .login{padding-left: 15px} .icon-nav{left:0;width:45px;} .prod-action{margin-top:30px;display: flex;column-gap: 10px;} } @media (min-width: 500px){ header .container,.main-menu,.detail #breadcrumbs .path-menu,.page .wrap-content .content,.shop.detail section.download, article.page .media-wrap,article.page{padding-left: 15px; padding-right: 15px;} article.page { padding-left: 15px; padding-right: 30px; } article.page .media-wrap { padding-left: 15px; padding-right: 0px; } .logo img{height: 50px;width: auto} body>header .top .col-lg-12{padding-left: 5px;padding-right: 5px} .main-menu ul.nav{padding-left: 0px;padding-right: 0} .main-menu> .nav >li{margin-right: 20px} #menu li a, #menu li a:visited, #menu li a:hover{font-size:15px;} .top-ico .content {margin: auto; } .intro-archive .archive-sort{order:1;width:48%} .archive-sort ul{margin-left: auto} .intro-archive >div{padding-right: 12px} .product-gallery li {display: inline-block;border: 4px solid transparent;width:23%;min-width: 23%;max-width:112px;padding: 0;} .arredo .content-box .box{margin-left: 0.5%; margin-right: 0.5%;max-width: 49%; } .profile-wishlist .form-buttons{width: 380px;} form#order table th,.profilo table th,.module.page5 table th{font-size:14px!important;line-height: 18px!important;} .cart li.product a.re-order-product, .cart li.product a.re-order-product:visited, a.re-order-product, a.re-order-product:visited {max-width: 250px;} .prod-action{margin-top:30px;display: flex;column-gap: 10px;flex-wrap: wrap} } @media (min-width: 600px) { body {font-size: 18px;line-height:24px } .level-1 .topl{display: none} .search-info{top:110px;} .top-ico .content {width: calc(100% - 30px);} .camo-bmark .fixsearch {top: 108px;} .abstract{font-size:24px;line-height: 28px;display: block;margin-bottom:10px;} .detail article.page > .first > .block > .discount,article .content .discount,.related .discount,.g6 .block .discount,.g10 .block .discount{ text-align: center;color: var(--c1); z-index: 2; background-color:var(--c13);border-radius:100%; width:50px;height: 50px;line-height: 50px; left: auto;right:15px; top: 5px; position: absolute; font-size:16px; font-weight: 600; display: block} .detail article.page > .first > .block > .discount{right:35px; top: 15px;} article .content .discount{right:8px;top:8px;} article .content .eco::before { right: 8px; top: 70px;} .bp::before{ width:60px;height: 60px;} .eco::before{ top:72px;width:60px;height: 60px;} .related .discount{top:0px} /*h1,h1.title{font-size:40px;line-height:50px; margin-bottom:10px;}*/ .detail h1.title,.title,h2{font-size:28px;line-height: 36px;display: block; margin-bottom: 0px;} .blog.detail h1.title{font-size:24px;line-height: 32px;display: block; margin-bottom: 0px;} h1.title{font-size:32px;line-height: 38px;} .js-form > .title {font-size: 32px; line-height: 38px; } .logo{height: 50px;} .top-c{padding-top: 10px;padding-bottom: 10px} .userinfo::before, .userinfo {width: 30px;} .main-menu > .nav > li,.top-1 a, .top-1 a:visited, .top-1 a:hover {margin-right: 25px;} .top-1 ul a{font-size:16px;} /*.userinfo::before, .acq-login .wrapperCart::before, .openSearch::before {height: 45px;}*/ .acq-login .wrapperCar{height: 50px} main .cart .product span.info{width: 70px;} #order .cart span.title {padding-right: 80px;} .topContact{padding-top: 8px; font-size:14px;line-height: 14px; color:var(--c2);font-weight:400;background: var(--c6)} legend{font-size:24px;} .content-archive article{position: relative;} .items-archive article,.items-archive .listing-banner{width: 48%; margin-right: 2%;margin-left:0} .items-archive article .code,.home .group article .code{font-size: 15px; line-height: 17px;} .listing-banner .btitle,.listing-banner .btitle a, .listing-banner .btitle a:visited, .listing-banner .btitle a:hover {font-size: 22px; line-height: 26px;} .wrapimg{display: flex;flex-wrap:wrap;justify-content: space-around} .wrapimg .imgcol{width:48%} /*.progress li,.progress li:hover,.progress li.selected,.progress li.selected:hover{font-size:20px; line-height:30px;} .progress span{float:none;margin-right:8px;margin-left: 0px; line-height: 20px; width:20px;height: 20px;}*/ .step-item .step-name {font-size: 16px;} section.module .ask-for-login{margin:10px 12px 0;} .prod-action {column-gap: 20px;} .profile-orders main .column-1 a.button,.profile-orders main .column-1 a.button:visited,.profile-orders main .column-1 a.button:hover{font-size:16px;line-height: 20px;padding:5px 10px} .profile-orders .details{width:100px} #order span.title{font-size:18px; line-height: 22px;} #order .cart,.module.order-error>p {padding: 10px 0px 0 0;} /*form#order > fieldset, .pay-lock > p, .pay-lock #order {padding: 10px 15px 10px 0;}*/ .product-gallery li {display: inline-block;border: 4px solid transparent;width:108px;min-width: 108px;max-width:108px;padding: 0;} .shop .items-archive article .media,.pag-marchi .content-archive article .content .media {height: 200px; max-height: 200px;} /*home**/ .blog .items-archive article .title {font-size: 16px;line-height: 22px;} .blog.detail .button {margin-top: 40px;} table.order-details [class*="col-"],form#order table.order-summary [class*="col-"],.profilo table.order-summary [class*="col-"] ,.module.page5 table.order-summary [class*="col-"] {padding-right: 15px;padding-left: 15px;} table.order-details .col-net-price,.order-summary td:nth-child(2) {text-align: right;width:150px;} table.order-details .col-image {width:120px} table.order-details .col-quantity {width:60px} main .cart li.product,main .cart li.product.lower,main .cart li.product.warning {grid-template-columns: 110px auto 90px 20px;} .listing-banner img {height: auto; width: 100%; max-width: none; bottom: 0;} .contatti section.page > .first header{margin-bottom: 20px} .home .g1 header{bottom:8px} .home .g1 .block{padding: 8px 10px 40px;min-width:145px;} .home .g2 img{margin-bottom: 0} .home .g2c{display: flex;flex-wrap: wrap;justify-content: space-between} .items-archive article,.items-archive .listing-banner{width: 32%; margin-right: 0;} .home .g2c .block{width: 32%} .home .g2c{padding-bottom: 25px} } @media (min-width: 768px) { body>header .top .col-lg-12{padding-left: 15px;padding-right: 15px} article.page, section.page, section.archive {padding-top: 30px; padding-bottom: 40px;} .acq-login {width: 200px;overflow: hidden;} .shop.detail #notify-stock .submit input[type="submit"] {font-size: 12px;} .top-info {display: flex;justify-content: flex-end;column-gap: 20px;font-size: 15px; line-height: 26px;margin-bottom: 10px;} .top-ico .ico span{display: inline} .top-info a{display: flex;column-gap: 5px} .top-info a,.top-info a:visited,.top-info a:hover{color:var(--c4);text-decoration: none;line-height: 30px} .top-info a:hover{color:var(--c3)} .top-info a svg{width: 30px} .top-ico{display: flex;justify-content: space-between;} .top-ico .ico img {max-height: 40px; max-width: 40px;} .top-ico .content {width: auto;} .top-ico .content .ico {min-width: 210px;width:210px} .top-3{width:200px;} .top-2{width: calc(100% - 350px);} #menu li a, #menu li a:visited, #menu li a:hover{font-size: 18px;line-height:24px} article.page,.not-found section.page, .mappasito .site-map,.content-related, #ask-for-info .module{margin:auto} main a.back,main a.back:visited, button.next,.button ,.button:visited,main a#clear-wishlist{font-size: 18px;line-height: 22px} button[type="submit"]{font-size: 16px;line-height: 20px} header .container,footer .container{width:100%;padding-left: 5px;padding-right: 5px} .detail #breadcrumbs{padding-left: 30px} .next, .button, .button:visited{padding: 12px 40px;} table.order-details .col-image {width:120px;display: table-cell!important;} table.order-details .col-net-price,table.order-details .col-gross-price {text-align: right;width:150px; display:table-cell!important;} table.order-details .col-quantity {width:60px;display:table-cell!important;} table.order-details .low-res-only.table-right, .order-details .subtotal .col-product .low-res-only strong {display: none;} .order-info .low-res-only{display: none} .order-info .col-order-details,.order-info .col-order-shipping{display: inline-table} .order-info td, .order-info th{border-top: 1px solid var(--c7);width: 50%} .carrello .order-info .col-order-details strong{color:transparent;visibility: hidden} .order-details .col-product .table-discount{text-align: left} article.page,nav.page-menu .pm-container,.container,.not-found section.page, .mappasito .site-map,.no-template main>.container-fluid,.profilo main>.container-fluid,.module.page5,.condividi{padding-right: 15px; padding-left: 15px;} input[type="search"]{width: calc(100% - 46px);} .page-menu .pm-container {grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); grid-auto-rows: 20px;} .fc1{width:480px} .fc1-pf{text-align: center} .col2 .column-1 .content-archive:after,.shop.products .column-1 .content-archive:after,.archive-links:after,.pag-marchi .column-1 .content-archive:after,.pag-marchi .column-1 .content-archive:before{content:"";background: var(--c12);display: block;width: 100%;height: 100%;position: absolute;top:0;right: -50%;z-index:-1} .pag-marchi .column-1 .content-archive:before{left:-50%;right:auto;z-index:-1} .listing-banner .btitle,.listing-banner .btitle a,.listing-banner .btitle a:visited,.listing-banner .btitle a:hover{font-size: 26px;line-height: 30px;} .items-archive article .new,.home article .new,.content-related .new{width: 60px; height: 60px;line-height: 52px; text-align: center; padding: 4px;font-size:16px;} .items-archive article .used,.home article .used,.content-related .used{width: 60px; height: 60px;line-height: 52px; text-align: center; padding: 4px;font-size:16px;} .items-archive article .promo,.home article .promo,.content-related .promo{width: 60px; height: 60px;line-height: 52px; text-align: center; padding: 4px;font-size:16px;} .outofstock:before{font-size:15px} .detail article.page > .first > .block {display: grid;grid-template-columns: 60% 40%;grid-auto-flow: row; grid-template-areas: "mc dh" "mc df" "mc da" "mc ." "dc dc" "dd dd"; grid-template-rows: auto auto auto auto auto auto; align-items: start; align-content: start;} .detail article.page > .first > .block > .discount{right: 44%;top:15px;} article.page .wrap-content .content::before {font-size: 24px; line-height: 38px; border-bottom: 1px solid var(--c3); display: block;} ul.product-gallery {overflow-y: scroll;} #product-gallery-prev{display: none;width: 100%;height: 30px;padding-top:0px;position: absolute;cursor: pointer;top:0;left:0%;z-index: 10;background:var(--c1)} #product-gallery-prev:before{transform: rotate(270deg); } #product-gallery-next:before{transform: rotate(90deg);} #product-gallery-next:before,#product-gallery-prev:before{position: absolute;content: "";display: inline-block;bottom:0;width: 30px;height: 30px;left: 35px; margin-left: .75rem; background-color: var(--c3);-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14m0 0-6-6m6 6-6 6'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14m0 0-6-6m6 6-6 6'/%3E%3C/svg%3E");mask-repeat: no-repeat; mask-position: center; mask-size: contain;} #product-gallery-next{width: 100%;height: 30px;padding-top:0px;position: absolute;cursor: pointer;bottom:0;left:0%;z-index: 10;background: var(--c1)} .media-wrap .product-gallery-wrap{padding-top: 30px;padding-bottom: 30px; width: 25%;position: absolute;top:20px;right: 5px;overflow: hidden;height: 95%;max-width:110px} .media-wrap .product-gallery{margin-top: 0;margin-bottom: 0;margin-left: 0} .detail .media-wrap{position: relative} .product-gallery ul li{margin-bottom: 5px; margin-top:5px} .media-wrap .product-gallery-wrap { padding-top: 30px; padding-bottom: 30px; width: 20%; position: absolute; top: 0px; left: 10px; overflow: hidden; height: 95%; max-width: 110px;} article.page .product-gallery .media-wrap .media {margin-right: 0; margin-left: auto;margin-top:0; width: calc(100% - 115px);} article.page .product-gallery-wrap {max-height: none;} .left .media-wrap,.right .media-wrap {align-self: flex-start;padding-top: 12px;} .detail article header .abstract{padding-bottom: 20px;padding-top: 10px} .carrello main .order{padding-left: 15px; padding-right: 15px;} main .cart li.get-free-shipping, main .cart li.get-next-discount, main .cart li.alert {font-size: 18px;line-height: 22px;} main .cart li.get-free-shipping em, main .cart li.get-next-discount em, .alert em {font-size: 15px; line-height: 22px;} .blog .items-archive article .title {font-size: 18px; line-height: 24px;} .blog .items-archive {padding-top: 0} .shop article.page header {padding-top: 0px;} .shop article.page .wrap-content .content::before {font-size: 24px; line-height: 36px; } .profilo main form,main div.login form{justify-content: flex-start;column-gap: 4%} main div.login h1{margin-bottom: 20px} div.login button[type="submit"]{margin-left: auto} /**homepage*/ .home .g1 .g1c{max-height: 165px} .home .g1 .block {padding: 20px 10px 40px; min-width: 165px;} .home .g1 header {bottom: 12px;} .home .g2c {display: flex;flex-direction: row} .home .g2-2{margin-left: 5px; margin-right: 5px} .home .g2 .title{font-size: 40px; line-height: 44px;} } @media (min-width: 768px)and (max-width:991px){ .main-menu ul.nav{padding-left: 0px; padding-right: 0px;} footer .container {padding: 20px 0px;} .detail .block header{padding-left: 15px; padding-right: 15px} .detail #product-qty{margin-bottom: 15px} .shop.detail .submit{margin-left: auto} .shop article.page .brand a {margin-top: 0px;} } @media (min-width: 900px) { .shop.detail #notify-stock .submit input[type="submit"] {font-size: 14px;} input[type="search"] {width: calc(100% - 47px);} .search button{padding-left: 9px} /*.detail article.page > .first > .block > .discount{right: auto;left:60%;margin-left: -60px}*/ .detail article.page .first .block header .bp::before,.detail article.page .first .block header .eco::before{right:auto;left:-60px;} } @media (min-width: 992px) { article.page, .container, .not-found section.page, .mappasito .site-map, .no-template main > .container-fluid, .profilo main > .container-fluid, .condividi {padding-right: 10px;padding-left: 10px;} .page .block header, .page .gallery .head {margin-bottom: 25px;} .shop section.page .first header,.shop section.page .first .wrap-content .content, nav.page-menu .pm-container{padding-right: 25px;padding-left: 25px;} .listing section.archive{padding-top: 35px} main section.page > .first,main section.page > section{padding-left: 15px; padding-right: 15px} main section.page .block header{padding-left: 0px; padding-right: 0px} .contatti main section.page > section { padding-left: 0; padding-right: 0; } .search-info {top: 103px;} .top-info{margin-bottom: 20px} .logo,.logo img{height: 80px;margin-top: 0; margin-bottom: 0} .logo{margin: 0;margin-top: 15px;} .top-1 a,.top-1 a:visited,.top-1 a:hover{margin: 0} .acq-login .wrapperWish::before {top:2px;} nav.section-menu{padding-left: 15px;} .top-c{padding-top: 15px} .products-count{top:6px; left:37px} .acq-login .wrapperWish.products-count{left:44px} .acq-login .preview,.acq-login .userinfo > .title,.userinfo,.openSearch,.acq-login .wrapperCart,.userinfo::before, .acq-login .wrapperCart::before, .openSearch::before,.userinfo .open {display: inline-block;width: 55px;height:55px;} .acq-login .wrapperCart::before,.acq-login .wrapperWish::before {width:55px;height: 55px;} .userinfo::before{height: 55px;width: 50px; background-position: center !important;} .top-c {padding-top: 15px;padding-bottom: 25px;} .top-1 {width: 390px;} .top-3, .acq-login {width: 240px;} .top-2 {width: 480px;} /*ricerca*/ #search{display: flex;width: 420px;margin-left: auto} .search button{min-width: 50px} input[type="search"] {width: calc(100% - 50px);height: 48px;} .search button{height: 48px;} .openSearch{display: none} .search-info,.camo-bmark .search-info{display: block!important;} .camo-bmark .search-info {top: 149px;} .icon-nav::before{margin-top: 3px} .detail h1.title,.title,h2{font-size:32px;line-height: 40px;} .shop section.archive h1.title{font-size:32px;line-height: 40px;} .shop article.page .wrap-content .content::before {font-size: 26px; line-height: 38px; } section.module .ask-for-login {margin: 10px 20px 0;} .fc1{width:720px} .section-menu>ul>li.selected> a:after,.toggle-filters:after{position: absolute;bottom:0;content:"";display: block;height: 1px; width: 90%;background: var(--c9)} .col2 .column-1 {width: calc(100% - 300px);} .col2 {flex-wrap: nowrap} .col2 .column-2{position: relative;z-index:2;order:1;max-width:350px;min-width:300px;-webkit-box-shadow: 11px 0px 9px -6px rgba(0,0,0,0.1); box-shadow: 11px 0px 9px -6px rgba(0,0,0,0.1);padding-bottom: 30px} .section-menu{padding-top: 30px} #breadcrumbs{padding:0px 25px 0} .path-menu li,main .path-menu a, main .path-menu a:visited, main .path-menu a:hover{font-size1:5px;line-height: 17px} .items-archive article,.home .g4 article,.home .g6 article,.home .g10 article,.items-archive .listing-banner{width: 49%; margin-right: 0%;} .pag-marchi .content-archive article{width: 24%; margin-right: 1%;} .blog .content-archive article{width: 32.33333%; margin-right: 1%;} .blog.detail h1.title {font-size: 28px; line-height: 38px;} .content-archive {padding: 10px 25px 70px;margin-top: 25px;} section.archive > .head,.detail #breadcrumbs {padding-left: 25px;padding-right: 25px;} .archive-sort .title {display: inline-block;padding-top: 5px; padding-right: 190px; } .archive-sort{display: flex;justify-content: end;width: 100%} .archive-sort ul{margin:-4px 0 0 10px;position: absolute;z-index: 10} .archive-sort ul:hover li{display: block;} .intro-archive .head-filters{display: block} .column-2 .archive-items-count,.column-2 .head-filters,.column-1 .head-filters>span,.column-2 .footer-filters,.close-filters,.column-1 .toggle-filters,.column-2 .archive-sort {display: none} .product-filters-wrap {padding-top: 30px} .archive-sort li.title{display: none!important} .intro-archive > div{padding-right: 0} .intro-archive .head-filters {width: 100%;top:0;left:0;position: relative;margin-top:5px;} .filter .value {padding-right: 12px;} .active-filters {width: calc(100% - 160px);} .clear-filters {width: 130px;text-align: right; display: block; position: absolute; right: 0;padding-right: 20px;top: 10px;} form#order table, .profilo table, .module.page5 table {font-size: 16px !important; line-height: 22px !important;} /*detail*/ article.page, section.page, section.archive {padding-top: 40px; padding-bottom: 30px;} .detail article.page form{ align-content: flex-start;} .detail .media-wrap .product-gallery-wrap{left:0;} article.page .media-wrap{padding-right: 40px} .contatti section.page > .first {display: flex;justify-content: space-between} .contatti section.page > .first .module {padding: 0 0 30px 30px; margin-top: 0;max-width: 500px} .contatti .input-checkbox,.contatti .textarea,.contatti .input-field{width:100%} .duecol .block .content{display: flex;column-gap: 4%} .duecol .block .content p{width: 48%} .page .block header{margin-bottom: 20px} /**homepage*/ .home .group header,.home .group .theme {} .home .g1{padding-top: 20px; padding-bottom: 20px} .home .g1 .block {padding-bottom: 50px} .home .g1 img {width:90px} .home .g2 .title { font-size: 44px; line-height: 46px; bottom:20px} .home .group article .brand {font-size: 14px;line-height: 18px; padding: 5px 15px 0; } .left .media-wrap,.right .media-wrap {position: relative;align-self: flex-start;padding-top: 12px;} .left .wrap-content {padding-left:20px} .left .block {display: grid;grid-template-columns: auto 2% auto;grid-template-rows: 1fr auto auto 1fr;align-items: center;grid-template-areas: 'lh lh lh' 'lm . lc';} .left .media img,.right .media img{position: sticky} .right .wrap-content {padding-right:20px} .right .block {display: grid;grid-template-columns: auto 2% auto;grid-template-rows: 1fr auto auto 1fr;align-items: center;grid-template-areas:'rh rh rh' 'rc . rm' ;} /**ricerca*/ /*.camo-bmark .search-info {top: 170px;}*/ .camo-bmark .fixsearch {top: 108px;} .camo-bmark .acq-login .wrapperCart .content, .camo-bmark .acq-login .userinfo .login {top: 148px;} form#order > fieldset, .pay-lock > p, .pay-lock #order {padding: 10px 15px 10px;} .page0 form#order > fieldset{padding-right: 0} .page0 form#order > fieldset label{font-size:15px;} form#order > fieldset.checkout{padding-left: 0;padding-top: 14px;position: sticky;align-self: flex-start;top:180px;padding-bottom: 50px} .shipping .radio-block,.profile-chekout .radio-block,.payment .radio-block{padding-left: 0} #order #newtotal span.title{text-align: left} .detail .content-specifications{display: flex;flex-wrap: wrap;justify-content: space-between} .detail .specification{width: 48%} .media-wrap .product-gallery{min-height: calc(100%)} .carrello main{overflow-x:visible } .detail article.page .first .block header,article form{position: relative;align-self: flex-start} .home .g1 header {bottom: 15px;} .home .g2{margin-bottom: 35px;} .no-section-menu.shop .page-menu{padding-top: 50px} main div.login .js-form form{margin-left: 0;max-width: 800px} } @media (min-width: 992px)and (max-width:1199px){ .listing-banner .bimage, .listing-banner img {border-radius: 7px; position: absolute; height: auto;width: 100%; } } @media (min-width: 1200px) { .camo-column.row, .model .container .row {margin-left: 0; margin-right: 0;} .main-menu > .nav > li,.top-1 a, .top-1 a:visited, .top-1 a:hover {margin-right: 18px;} .camo-bmark .acq-login .wrapperCart .content, .camo-bmark .acq-login .userinfo .login {top: 148px;} article.page, nav.page-menu .pm-container, .container, .not-found section.page, .mappasito .site-map, .no-template main > .container-fluid, .profilo main > .container-fluid, .condividi {padding-right: 15px;padding-left: 15px;} article.page, section.page, section.archive {padding-top: 50px; padding-bottom: 50px;} /*.top-2 {width: calc(100% - 350px);display: flex;justify-content: left;padding-left:30px}*/ .top-ico {padding: 12px 10px;} .top-ico .ico{column-gap: 8px;} .top-ico .content .ico{min-width: 220px;width: 220px;} .top-1 {width: 400px;} .top-2 {width: 730px;} .top-2 .top-s{margin-left: auto;} .top-2 .top-ico{margin-left: 15px;min-width: 460px;} .search button{padding: 0} .bsearch svg {width: 30px; height: 30px;margin-top:4px} .content-related .view-all .container{width:100%} .col2 .column-2 {min-width: 330px;} .col2 .column-1 {width: calc(100% - 330px);} /*nav.section-menu,*/.product-filters-wrap {padding-left: 25px;} .product-filters-wrap{padding-top: 30px} .acq-login .wrapperCart::before {width:52px;top: -2px;} main .cart ul li.get-free-shipping {margin-bottom: 5px;margin-top: 5px!important} .content-archive,#breadcrumbs,section.archive > .head, .block header,nav.page-menu .pm-container,.detail article.page form.product-add,.detail section.download,.contatti section.module,.servizi .g1 .block .abstract,.servizi .g1 .block .text,.servizi .g1-1h,.not-found section.page .block ul,.detail #breadcrumbs{padding-left: 25px; padding-right: 25px;} section.module .ask-for-login { margin: 10px 20px 0;} .content-archive {padding-top: 20px; padding-bottom: 70px;} .blog.detail h1.title {font-size: 32px; line-height: 42px;} article.page .media-wrap,.page .wrap-content .content,.shop.detail section.download {padding-left:0px;padding-right: 0} #notify-stock{width: calc(100% - 70px);padding-bottom:35px;} .shop.detail article.page .media-wrap{padding-right: 0;padding-left: 0} .listing section.archive h1.title {font-size: 36px; line-height: 44px; } .shop article.page .wrap-content .content::before {font-size: 28px; line-height: 40px; } .contatti section.page > .first{max-width: 1170px;margin-left:auto;margin-right: auto} .listing-banner .btitle,.listing-banner .btitle a,.listing-banner .btitle a:visited,.listing-banner .btitle a:hover{font-size: 30px;line-height: 34px;} .left .block {display: grid;grid-template-columns: 50% 4% auto;grid-template-rows: auto auto 1fr;align-items: center;grid-template-areas: 'lm . lh' 'lm . lc' 'lm . .';} .left .media-wrap,.right .media-wrap{padding-top: 0} .right .block {display: grid;grid-template-columns: 50% 4% auto;grid-template-rows: auto auto 1fr;align-items: center;grid-template-areas: 'rh . rm' 'rc . rm' '. . rm';} /**home**/ .home .group>div.slick-slider{max-width: calc(100vw - 30px)} .home .group > div{padding-left:0;padding-right:0} .home .g1 {padding-top: 30px; padding-bottom: 30px;} .home .g1c{height: auto;display: flex;flex-wrap: wrap;column-gap: 1.5%} .home .g1 .media{height:100px;padding-top:5px;} .home .g1 .block{max-width: 13%;min-width: 13%; padding:5px 15px 45px;} .home .g2 .title { font-size: 52px; line-height: 54px; bottom:20px} .homepage article .abstract {font-size: 18px; line-height: 22px;} .page .wrap-content .content{padding-left: 0px; padding-right: 0px} /***/ .detail article.page > .first > .block {grid-template-columns: 622px auto;padding-left: 0px} .blog.detail article.page > .first > .block {padding-left: 0px} .shop article.page .media-wrap{max-width: 602px;width: 100%} #product-add-info .price {font-size: 32px; line-height: 38px;} .items-archive{column-gap: 3% } .items-archive article,.home .g4 article,.home .g6 article,.home .g10 article,.items-archive .listing-banner{width: 31.33333%; margin-right: 0;} .items-archive article:nth-child(3n), .items-archive div:nth-child(3n) { margin-right: 0;} .bcontattaci{margin-bottom: 0} #product-add-info{padding-right: 10px} } @media (min-width: 1400px) { .container, .no-template main > .container-fluid, .carrello main > .container-fluid, .profilo main > .container-fluid,.not-found section.page, .mappasito .site-map,.content-related, #ask-for-info .module{max-width: 1670px;margin: auto;width: 100%} .detail #breadcrumbs{padding-left: 25px; padding-right: 25px} .page .right .wrap-content .content{padding-left: 0;padding-right: 0} .logo, .logo img {height: 85px;} .top-2 {width: calc(100% - 480px);display: flex;justify-content: left;padding-left:30px} .camo-bmark .acq-login .wrapperCart .content, .camo-bmark .acq-login .userinfo .login {top: 164px;} #search {width: 600px;} input[type="search"] {width: 550px;} #notify-stock {width: calc(100% - 60px);margin-left:15px} article.page, section.page, section.archive {padding-top: 70px; padding-bottom: 70px;} .detail article.page{padding-top: 35px;} .content-archive,#breadcrumbs,section.archive > .head, .block header,nav.page-menu .pm-container,.detail article.page form.product-add,.detail section.download,.contatti section.module,.servizi .g1 .block .abstract,.servizi .g1 .block .text,.servizi .g1-1h,.not-found section.page .block ul{padding-left: 25px; padding-right: 25px;} .contatti .page .wrap-content .content,.page .wrap-content .content{padding-left: 0;padding-right: 0} .contatti section.page > .first{max-width: 1280px;} .content-archive {padding-top: 40px;} #breadcrumbs,section.archive > .head {padding-left:25px;padding-right:25px;} .items-archive{column-gap: 2% } .items-archive article,.items-archive .listing-banner{width: 23.5%; margin-right: 0;} /*.items-archive article:nth-child(3n), .items-archive div:nth-child(3n) {margin-right: 1%;} .items-archive article:nth-child(4n), .items-archive div:nth-child(4n) {margin-right: 0%;} .shop .items-archive article:nth-child(3n), .shop .items-archive div:nth-child(3n) {margin-right: 2%;} .shop .items-archive article:nth-child(4n), .shop .items-archive div:nth-child(4n) {margin-right: 0%;}*/ .filter-list a,.filter-list a:visited,.filter-list a:hover{color:var(--c2);font-size: 16px; line-height: 22px;} .filter-list ul li a::before {top:6px} .shop article.page .media-wrap{max-width: 642px;text-align: right;position: -webkit-sticky;position: sticky;top: 10px;align-self: start;} .listing-banner p {font-size: 18px; line-height: 24px;margin-top:20px} .detail h1.title{margin-bottom: 10px} .shop article.page .wrap-content .content{padding-left: 25px} /*.detail article.page > .first > .block {display: grid; grid-template-columns: 642px auto 30% ; grid-template-areas: "mc dh df" "mc dh da" "dc dc dc" "dd dd dd";}*/ /* .shop.detail article.page > .first > .block {display: grid; grid-template-columns: 622px auto 30% ; grid-template-areas: "mc dh df" "mc dh da" "mc dh ." "dc dc dc" "dd dd dd";position: relative}*/ .shop.detail article.page > .first > .block {display: grid; grid-template-columns: 652px auto 30% ; grid-template-areas: "mc dh df" /*"mc dh da"*/ "mc dc dc" ;position: relative;align-items: flex-start; grid-auto-rows: minmax(10px, auto);position: relative; align-content: start;} .blog.detail article.page > .first > .block {display: grid; grid-template-columns: auto 40px auto; grid-template-areas: "dh dh dh" "mc . dc" "mc . .";position: relative;align-items: start; align-content: start; grid-template-rows: auto auto auto} .blog article.page .wrap-content {margin-top: 0px;} .blog.detail .page .wrap-content .content {padding-top: 0px;} .detail .page .wrap-content .content{padding-left: 0px; padding-right: 0px;padding-top: 0px;} .media-wrap .product-gallery{min-height: calc(480px)} .media-wrap .product-gallery-wrap{padding-top: 0; padding-bottom: 0} .product-gallery ul li.first{margin-top: -3px} .blog article.page .block header{padding:0; padding-top: 0px} #product-qty {width: 130px;} article.page .media-wrap{padding-left: 25px; padding-right: 15px;} .blog article.page .media-wrap{padding-left: 0px; padding-right: 0px;} .detail article.page form.product-add{padding-left: 20px; padding-right: 0px;} .shop article.page header .attributes { margin-top: 0px;} .shop article.page .wrap-content .content::before {font-size: 32px; line-height: 42px; } .blog .content-archive article {width: 24%;margin-right: 1%;max-width:370px } .home .g1 img { width: 100px;} .home .g1 .block {max-width: 170px; padding: 5px 0px 45px;} .home .g1c {height: 175px;} } @media (min-width: 1400px)and (max-width:1699px){ .prod-action {column-gap: 10px;} .btn{font-size: 16px} .prod-action .btn svg {width: 18px; height: 18px;} .prod-action .btn.b1,.prod-action .btn.b4 { padding: 3px 20px; } .prod-action .btn.b1{width: 140px;min-width: 140px;} .prod-action .btn.b4{width: 180px;min-width: 180px;} } @media (min-width: 1600px) { .home .group.g1{max-width: none} .home .g1 .g1c{max-width: 1680px;margin: auto} .home .slick-track {column-gap: 25px;} #breadcrumbs, .content-archive, #breadcrumbs, section.archive > .head, .block header, nav.page-menu .pm-container, .page .wrap-content .content, article.page .media-wrap, .detail section.download {padding-right: 15px;} article.page {max-width: 1570px;} .detail article.page > .first > .block {display: grid; grid-template-columns: 642px auto 500;} .detail article.page form.product-add, .detail article.page header,.path-menu{padding-left: 40px;padding-right: 0px} .shop article.page .wrap-content .content{padding-left: 35px} .detail article.page .first .block header .bp::before, .detail article.page .first .block header .eco::before, article #product-qty .discount {left: -80px;} .detail article.page > .first > .block > .discount{margin-left:-80px} .detail .page .wrap-content .content{padding-left: 15px; padding-right: 0px;} #notify-stock {width: calc(100% - 55px);margin-left:25px} .shop .content-archive{padding-left: 40px} .blog .content-archive article {width: 23%; margin-right: 2%;} .shop .items-archive article .media {height: 250px;max-height: 250px; margin-top: 25px; display: flex; align-items: center; justify-content: center;margin-top: 25px; margin-bottom: 10px} .items-archive article .brand{padding-top: 10px} .listing-banner .container {top: 7%;width: 86%; left: 7%;padding-left: 0;padding-right: 0;} .shop.detail section.download{width:calc(100% - 675px);margin-left: auto} } @media (min-width: 1700px) { .container, .no-template main > .container-fluid, .carrello main > .container-fluid, .container-fluid,.servizi .g1c,.related .content-head,.last-viewed .head,.left> .block,.right>.block,.detail #breadcrumbs,section.page .first .block,section.page section .block,.cgallery .gallery{width:1680px;max-width: 1680px;margin: auto} article.page {max-width: 1670px;padding-left:0;padding-right: 0} body>header .top .col-lg-12{padding-left: 0;padding-right: 0} .path-menu{padding-left: 0} #notify-stock {width: calc(100% - 35px);} .fc1-pf{width:auto;margin-right:50px} .related .content-head,nav.section-menu,.blog .content-archive,.blog section.archive > .head,.product-filters-wrap {padding-left: 0} .blog .content-archive article {width: 19%; margin-right: 1.25%;} .blog .items-archive article:nth-child(5n){ margin-right: 0;} .shop .col2 .column-1{width: calc(100% - 330px)} .profilo section.profile,.profilo section.module, .profile-askreset .login{padding-left: 0;padding-right: 0} } @media (min-width: 1800px) { .home .group,.top-ico {padding-left: 0px;padding-right: 0px;} .detail #breadcrumbs {padding-left: 0px; padding-right: 0px;} } a.clear-filters:before { content:"Cancella filtri"; cursor: pointer; }