@charset "utf-8";

:root {
    --c1: #fff;
    --c2: #442823;
    --c3: #66382b;
    --c4: #e37743;
    --c5: #f7f1ea;
    --c6: #d7d3cd;
    --c7: #b1ada7;
	--c8:#f9f6f2;
	--c9:#ebe5df;
    --f1: 'Quicksand', sans-serif;
    --f2: 'Dancing Script', cursive;
}
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 {width: 750px;}}@media (min-width: 992px) {.container,.no-template main>.container-fluid,.carrello main>.container-fluid {width: 970px;}}@media (min-width: 1200px) {.container,.no-template main>.container-fluid,.carrello main>.container-fluid {width: 1170px;}}.container-fluid,.no-template main>.container-fluid,.carrello main>.container-fluid {margin-right: auto;margin-left: auto;position: relative;}.no-template main>.container-fluid,.carrello 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: 23px;line-height: inherit;color:var(--c2);border: 0;}label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-size:18px;line-height: 22px;font-weight:500;}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);}.bsearch{background: var(--c5);padding:6px 5px 5px;position: relative;margin-top: 2px;min-width: 20px;border:1px solid var(--c5)}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"] {position: absolute;top:2px;left:2px;}.radio-block,.input-checkbox {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;padding-left: 25px;}.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;}}
#notify-stock .labcheck{display: inline-block; padding-left: 5px}
#notify-stock input[type="checkbox"]{position: relative;margin-bottom: 0px;top:0}
#notify-stock  .submit{margin-top: 30px}
/***Nascosti temporaneamente***/
.searchshop,.recensionisi .recensioni{display: none!important}
.g2-1m img{margin-top: 20px;border-radius:100%}

/*******/

.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-bmark body {margin-top: 47px;}
body,html{height: 100%;scroll-behavior: smooth!important;}
body {background: var(--c5); font-family: var(--f1);color:var(--c2);font-weight:300;  -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; }
.block{display:block;position: relative}
body > header{position: relative;z-index:3;}
#intestazione{position: relative; z-index:2;}
html {overflow-x: hidden;}
main{display: block;min-height:400px;padding:0;position: relative;z-index:2;background: var(--c5)}
main .model{background: var(--c1)}
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:500;}
h1,h1.title{color:var(--c2);font-weight: 500}
.model h1{font-family: var(--f2);font-weight:500}
.title,h2{color:var(--c2);font-weight: 300}
.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: 15px;margin-bottom: 15px;}
.detail p{margin-top: 10px;margin-bottom: 10px;}
main a,main a:visited{color:var(--c2);opacity:0.8;text-decoration: underline}
main a:hover{color:var(--c2); text-decoration: none;opacity: 1}
main .title a,main .title a:visited,main .title a:hover{color:var(--c2);text-decoration: none}
.logo{position: absolute;z-index: 2;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);top:-10px}
.lfix,.sticky .ldef,.sticky .tagline{opacity: 0;  -webkit-transition: opacity .1s ease-in-out;  -moz-transition: opacity .1s ease-in-out;  -ms-transition: opacity .1s ease-in-out;  -o-transition: opacity .1s ease-in-out;  transition: opacity .1s ease-in-out;position: absolute;left:50%; transform: translateX(-50%)}
.sticky .logo{z-index: 0}
.lfix {margin-top: 2px;}
.sticky .lfix{opacity: 1}
.login .surname,.login .company{display: none}
.ingombro{display: none}
.banner-t,.banner-t> div{top:0;position: absolute;width: 100%; height: 100%;}
.banner-t>div img{width: 100%;} 
.slider{position: relative}
.homepage #topB{position: relative; z-index:1;background:var(--c3);height:auto}
.top-info{background: var(--c2);padding-top: 2px;padding-bottom: 2px;}
.top{padding-top: 12px; padding-bottom: 10px;background:var(--c5);min-height: 70px;}
.recapiti svg{position:absolute;left:0px;top:-4px;fill:var(--c2); margin-left: 4px; margin-right: 4px;max-width: 20px;}
.recapiti span{padding-left: 5px; padding-right: 10px;}
#intestazione .recapiti>a,#intestazione .recapiti>a:visited,#intestazione .recapiti>a:hover{color:var(--c2);font-size: 14px;line-height: 22px;position: relative;padding-left: 25px}
#intestazione .recapiti>a:hover{opacity: 0.8}
/**acquisto e login **/
#intestazione .acq-login,#intestazione .recapiti { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);
opacity: 0;	-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;	z-index: 300;}
.acq-login .wrapperCart .content, .acq-login .userinfo .login{display: none}

/**menu*/
.top-info li{list-style-type: none;display: inline-block;padding-right: 8px}
.top-info li.first{margin-left: 0}
.top-info li:before {content: "|";padding-right: 8px}
.top-info li.first:before{content:"";padding-right: 0}
#intestazione .top-info a.selected,#intestazione .top-info a.selected:visited{color:var(--c4);border-bottom:1px solid var(--c4)}
.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 li{list-style-type: none}
#menu{background: transparent; }
#menu a,#menu a:visited, #menu a:hover{position: relative; display: inline-block; color:var(--c2);text-transform:uppercase; text-decoration: none;background: none;cursor:pointer;padding:20px 14px;  transition: 0.5s;}
#menu a:hover{color: var(--c5)}
#menu li.selected> a,#menu li.selected> a:visited,#menu li.selected> a:hover{color: var(--c5);}
#menu li.selected> a:hover{color: var(--c5);}
#menu li.selected> a::after,#menu a:hover::after {content:""; display: block; background: var(--c4);width: 12px;height: 12px; border-radius:10px;position: absolute;animation: point 2s ease; margin-left: -6px; animation-iteration-count: 1;  animation-direction: normal; animation-delay: 0s;  animation-play-state: running;  animation-fill-mode: forwards;bottom:-2px;}
@keyframes point {
	0% {left: 50%;}
	33% {left: 40%;}
	66% {left: 60%;}
	100% {left:50%;}
}
#camo-edit .surname,#camo-edit .company{display:none}

#breadcrumbs{display:block;background: var(--c7)}
.homepage #breadcrumbs{display: none}
.path-menu .nav{text-align: center}
.path-menu li.first{display: none}
.path-menu li{list-style-type: none;display: inline-block; font-size: 13px; line-height: 16px;color:var(--c2)}
.path-menu a,.path-menu a:visited,.path-menu a:hover{font-size: 13px;background: none; line-height: 16px;text-decoration:none; 
color:var(--c2); padding:10px 5px; }
.path-menu .nav li a:hover{color:var(--c5)}
.path-menu .nav li a::after{content: "/"}
.path-menu .nav li a span{display: inline-block;padding-right: 5px}
.path-menu .nav li.last{padding-top: 10px;padding-bottom: 10px;font-weight:500}
main ul{margin-left:25px;list-style-type: circle}
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}

/*personalizzazioni*/

.big{font-size:135%;}
.small{font-size:80%;}
.f2{font-family: var(--f2) !important;font-weight:500}
.acapo{display: block !important}
.txtcenter,.txtcenter p{text-align: center}
.txtright,.txtright p{text-align: right}
.bg1{background: var(--c5)}
.bg2{background: var(--c6)}
.colore{color:var(--c4)!important}
.title strong{color:var(--c4);}
.colore{color:var(--c4);}
.back-c3{background: var(--c3);}
.back-c5{background:var(--c5);}
.back-c4{background:var(--c4);}
.evidenzia {font-size: 130%;line-height:normal; color: var(--c4)}

.submit {border: 1px solid var(--c3);  background-color: transparent; color: var(--c3);   padding: 10px 60px; font-size: 20px;background: transparent; cursor: pointer; display: block; margin: 15px auto;border-radius: 7px; text-transform: capitalize;}
input:focus {outline: none;}
.submit {background-image: linear-gradient(0, #c40404, #c40404);  background-size: 0;  transition: .8s; background-repeat: no-repeat;}
.submit:hover {background-size: 100%; color: #fff;}

div[id^="map_"] {width: 100%;height: 400px;	display: block;	margin-bottom: 20px;}

article .date{display: none}
article.page,section.archive,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.shop .col2,.condividi{ margin-right: auto;margin-left: auto;margin-bottom: 0}
article.page h1{margin-bottom: 0}
#product-add-info{display:flex;flex-wrap: wrap;align-items: center}
#product-qty{order: 2;width:50%}
#product-add-info #product-qty{text-align: center;}
#product-add-info #product-info{border-top: 1px solid var(--c6);padding-top:15px;text-align: center;order:1;width:100%}
#product-add-info .price{order:1; font-size: 21px; display: block;text-align: center; margin-top: 20px; margin:0 auto 10px;width:100%}
#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 .price:Lang(IT):after{content:"(IVA esclusa)"}
#product-add-info .price:Lang(EN):after{content:"(Taxes not included)"}
#product-add-info .submit{order:3}
#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}

.special-markup{padding-bottom: 20px;}
.outofstock{position: absolute;background: rgba(255,255,255,0.5);padding: 10px;top:5px;left:0;width: 100%}
.outofstock:before{content:"In Riassortimento";font-size:20px; text-align: center;color:var(--c4);font-weight:500 }
#product-qty .discount{left:82px;top:2px;transform: rotate(0deg);  -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg); -o-transform: rotate(0deg);display:none}
article .discount { text-align: center;color: var(--c1);	z-index: 2;	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);background-color:var(--c4); padding: 0.2em 3em;left: 0px; top: 0px; position: absolute;  font-size:20px; display: block}
.content-archive article .discount {left: 5px; top: 5px; }
article.page .block .clear { clear: none !important;width:0!important;float:left!important}
article .discount .info{font-size: 26px; padding-left: 5px; display: inline-block}
article .code{display: none}
article.page .media{text-align: center;}
.detail article.page .media a {display: block;}

/***homepage**/
.g1{background: var(--c1)}
.g1,.g1 p{text-align:center}
.g1c .button,.g1c .button:visited,.g1c .button:hover{margin-top: 40px;}

/******************************/

/**template**/
.recensioni time,.rec time{display: block}
.rec .column-2 {display: flex;align-items: flex-start}
.rec .column-2 .clear{display: none}
.rec section.page >.first{background:url("../img/background/bg-recensioni.jpg");background-size: cover;padding-bottom: 5px;}
.rec section.page .first  .title{text-align: center;padding:20px 15px 0;}
.rec section.page >.first p{text-align: center;padding-left: 15px;padding-right: 15px}
.rec section.page .first  .module .title{text-align: left}
.rec section.page .first form{padding-left: 15px;padding-right: 15px}
.rec button.next{background: var(--c2);color:var(--c1)}
.rec button.next:hover{background: rgba(0,0,0,0.7);}
.rec .banner-b .bwrap{ box-shadow: 0 1px 1px rgba(215,211,204,0.7), 0 12px 0 -5px rgba(215,211,204,0.45), 0 12px 1px -4px rgba(215,211,204,0.2), 0 0 1px rgba(215,211,204,0.4), 0 0 10px rgba(215,211,204,0.2);margin-bottom: 0}
.rec .banner-b .container::before, .rec .banner-b .container::after {position: absolute;width: 40%;	height: 10px;content: "";	left: 12px;
	bottom: 2px;background: transparent;transform: skew(-5deg) rotate(-5deg);box-shadow: 0 6px 12px rgba(215,211,204,.8);z-index: -1;}
.rec .banner-b .container::after { left: auto; right: 12px; transform: skew(5deg) rotate(5deg);}
.rec .banner-b{display: flex;flex-wrap:wrap; padding-top:60px;justify-content: space-around}
.rec .banner-b .container{height: auto}
.rec .banner-b>div{margin-bottom:20px;display: inline-block;height: auto;}


.model .txtCenter,.model .txtCenter p{text-align: center;}
/***/

ul.product-gallery {overflow-x: scroll;	scrollbar-width: none;margin-top: 20px !important;	margin-bottom: 20px !important;margin-left: 0;list-style-type: none}
.shop .page ul.product-gallery li::before {content: "";	padding: 0;	background: none;	width: 0;	margin-right: 0;}
.shop .page ul.product-gallery li {display: inline-block;border: 1px solid var(--c5);margin: 5px 2px;padding: 0}
.shop .page ul.product-gallery li.selected,.shop .page ul.product-gallery li:hover {border: 1px solid var(--c6);}
ul.product-gallery li.product-image{display:none !important}
ul.product-gallery li a,.media a{opacity: 1}
ul.product-gallery{height: auto!important}
.product-details{display: none}
input[type="submit"]{ background: transparent; font-family:var(--f1);font-size:16px;line-height: 20px;min-width: 155px;cursor: pointer;text-transform: uppercase;color:var(--c2)}
button,.form-buttons .back,.form-buttons .back:visited,.submit,.ask-for-info{white-space: nowrap;vertical-align: middle;	-ms-touch-action: manipulation;	touch-action: manipulation; -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	text-decoration: none;color:var(--c1);border:1px solid var(--c1);cursor:pointer;font-size:18px;line-height:22px;padding:8px 15px 6px;text-align: center;}
.submit{padding:10px}
.submit,.ask-for-info{border-radius:0}
button,.ask-for-info,.submit {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}
button::after,.form-buttons .back::after {position: absolute;bottom: 0;left: 0%;right: 0%;	margin: 0;	width: 0%;	content: '.';color: transparent;background: var(--c7);height: 100%;z-index: -1;transition: all .5s;}
main .form-buttons .back,main .form-buttons .next,.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;}
.form-buttons .back,.form-buttons .next{clear: none;position: relative;z-index: 0;}
.form-buttons .next{float: right}
.ask-for-info{width:200px;height: 36px;display: block;margin: auto}
button:hover:after,.form-buttons .back:hover:after {width: 100%;/*left:0*/}
.submit:hover:after,.ask-for-info:hover:after {width: 100%;left:0}
.submit:hover,.ask-for-info:hover{color:var(--c1);border:1px solid var(--c7);}
button:hover,.form-buttons .back:hover{color:var(--c1);text-decoration: none}
.form-buttons .back{margin-right:10px;float: left;clear:none}
.button {  position: relative; cursor: pointer;  display: inline-block; box-sizing: border-box; -webkit-appearance: none;  -moz-appearance: none; appearance: none;margin-top: 20px; background:transparent;font-size: 20px;padding:10px; text-align: center; min-width:150px;  position: relative;  overflow: hidden;  z-index: 1;  transition: border 150ms ease-in-out; text-decoration:none}
.button {
  position:relative;
  vertical-align: middle;
  display: inline-block;
  border:2px solid var(--c6);
  color: var(--c2);
  text-align: center;
  transition: 0.5s;
  -webkit-transition:0.5s;
}
.button a{text-decoration: none}
.button.white{border-bottom:2px solid var(--c1); }
.button:hover ,.allclick:hover .button{
  border: 2px solid var(--c6);
  color: var(--c2);
}
.button.bc:hover,.allclick:hover .button.bc {border: 1px solid rgba(255,255,255,0); color: var(--c1);}

.button::before, .button::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.button:hover::after, .button:hover::before,.allclick:hover .button:before,.allclick:hover .button:after {
  -webkit-transform: scale(1);
}
.button::before {
  border-bottom: 1px solid var(--c2);
  border-left: 1px solid var(--c2);
  -webkit-transform-origin: 0 100%;
}

.button::after {
  border-top: 1px solid var(--c2);
  border-right: 2px solid var(--c2);
  -webkit-transform-origin: 100% 0%;
}
.button.bc::before {
  border-bottom: 1px solid var(--c1);
  border-left: 1px solid var(--c1);
}

.button.bc::after {
  border-top: 1px solid var(--c1);
  border-right: 2px solid var(--c1);
}



/**PAGINA CARRELLO***/
.carrello section.module form{max-width:none}
.carrello main ul li::before {
	content: "";
	width: 0px;

}
section.module{	width:100%;	margin:20px 0;}
section.module .ask-for-login{font-size:140%;line-height: normal}
section.module .ask-for-login a,section.module .ask-for-login a:visited,section.module .ask-for-login a:hover{font-size:19px;display: inline-block; color:var(--c1);background: var(--c2);text-decoration: none;padding: 3px 20px;  opacity: 1}
section.module .ask-for-login a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);	opacity: 0.8;}
/***PROGRESS BAR***/
.progress{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:none;height:auto;-webkit-box-shadow:none; 	-moz-box-shadow:none;  	box-shadow:none;}
.progress .pages{margin-left:0;list-style-type:none}
.progress span{float:none;font-size:16px;display:inline-block;margin-right:10px;padding-top:5px;background: var(--c2); line-height: 20px; width:20px;height: 20px;border-radius:50px; padding: 0px;color:var(--c1); text-align: center}
.progress .selected span{background: var(--c7);}
.progress li,.progress li:hover,.progress li.selected,.progress li.selected:hover{display:block;float:left;margin-right:2px;	padding:3px 15px 2px 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;border-radius: 0px;background:none;	color:var(--c2);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	filter: alpha(opacity=70);	opacity:0.7;border:0;height:auto;width:auto;	background-color:transparent;font-size:20px;	line-height:30px;}
.progress li.selected,.progress li.selected:hover{	color:var(--c7);}
.progress li.prev{color:var(--c2);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);	opacity:0.7;}
main .preview{display: none}
/***** order and cart in page***/
fieldset.checkout.profile-checkout  {margin: 0; padding: 0;}
li.get-free-shipping { border: 1px solid var(--c6); background: var(--c5); font-size: 22px; padding: 6px!important; text-align:center;margin-top:0!important;color:var(--c2)} 
li.get-free-shipping em {display:block;font-size:14px;color:var(--c2)}
li.get-free-shipping.store,.profile-checkout legend {display:none;}
.cart .content ul{list-style-type:none;margin-left:0;}
/*order page */
form#order table, .module.page5 table, .separator img {width: 100% !important;}
.separator img {height: 3px;}
form#order table{font-size:14px!important;line-height: 18px!important;font-family: var(--f1)!important; color:var(--c2)!important}
form#order table td.p-desc{font-size:16px!important;line-height: 20px!important;}
form#order .p-desc{width: auto!important;}
#order .shipping, #order .payment {border:1px solid var(--c4);padding:8px; margin-bottom: 8px;background: var(--c1)}
#order .cart {padding: 10px;background: var(--c1);}
#order .content .coupon{display: none}
.page2 #order.shipping{background: var(--c5)}
#order .coupon{position: relative; margin:0 0 30px 0; border-top:1px solid var(--c4);padding-top:5px;}
.copy-billing-fields{width: 100%}
#order  .coupon-add, #order .coupon-remove{position: absolute;right: 1px;bottom: 15px;padding: 6px 8px 7px;background: var(--c2);color: var(--c1);-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; z-index: 2;text-decoration: none}
#order  .coupon-add:hover, #order .coupon-remove:hover{background:var(--c7);text-decoration: none}
#order{margin-top: 30px;position: relative;}
#order .payment em{margin-top: 5px; font-size: 14px; line-height: 17px; display: block; color:var(--c7);}
#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}
form#order table.order-details{background:var(--c1)}
.page2 #order fieldset,#profile fieldset{position: relative; display: flex;justify-content: space-between;flex-wrap: wrap;gap: 5px 2%;}
.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(--c5)}
#order li.shipping, #order li.payment{display: none}
#order .p-desc a,#order .p-desc a:visited,#order .p-desc a:hover{text-decoration: none;}

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{grid-area: img;}
main .cart .product .title{grid-area: t;}
main .cart .product .abstract{grid-area: a;padding-top:5px;}
main .cart .product >span.label{display:none;}
main .cart .product .quantity-change{grid-area: q; text-align: left}
main .cart .product .price{grid-area: p; text-align: right}
main .cart .product .label{font-size:20px; 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(--c7)}
main .cart .product .discount{	border-left-color:#f0f0f0;}
main .cart .product:nth-child(odd) .discount {border-left-color:var(--c1);}
main .cart .discount {color: var(--c1);	width: auto;top: 7px;position: absolute;background: var(--c4);	padding: 2px 8px;	right: 0;}
main .cart .discount > span.info{color:var(--c1);font-weight:500;}
main .cart .content li.product .abstract{font-size:16px; line-height:20px; display:block; text-transform:none; margin-bottom:8px;}

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:500;	font-size:18px;}
main .cart ul li{margin-top:10px;}
.cart .quantity-change{padding-right: 40px;}
.cart .quantity-change .change{width: 70px;padding: 0px 0px 0 5px;border: 1px solid #d8d8d8;margin-top: 0px;color: #000;font-size: 14px;}	
.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.updated{background:var(--c5)}
.cart ul li.product .title{margin-top:0;}
.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 article{background: var(--c9)}
.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: 5px}
.product-state{font-weight: 500;padding-top: 20px;}
.notify-title{display: block}
#notify-stock .labemail{display: block; margin-top: 10px;}
#notify-stock{display:none;  background: var(--c9);  padding: 10px 20px;}
.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: -42px;}
div.password-fields-handler input[type=checkbox] {top:6px;margin-right: 3px;}
div.password-fields-handler label{display: inline-block;padding-left:18px;width:auto;margin-bottom:0;font-size:16px;line-height: 16px;white-space: nowrap;}
fieldset.person legend{padding-right: 170px;}
.searchshop{float:right!important}
#intestazione .contact a{display: inline-block;width:45px;height: 34px;}
#intestazione .contact a:hover svg{fill:var(--c4)}
#intestazione .contact a svg{width: 30px;fill:var(--c2)}
@media (min-width: 320px) {
    body{font-size:18px;line-height: 24px;}
	.btop .banner-t>div img{display: block;height: 100%; width:auto;max-width: none;position: absolute} 
    .responsive-nav {top:62px;}
    .responsive-search{ top:74px;}
    .topB{overflow: hidden}
    #intestazione .acq-login {position: absolute;right:0}
    .logo img{max-width: 180px;}
    input[type="search"]{position: relative;top:-6px; width:80%;height:34px;border-radius: 0}
    .search button{width:20%;height:34px;}
    #results-preview{display: none}
    a.button:hover,.button,button.next,.form-buttons .back,.form-buttons .back:hover{margin-top: 10px; padding:10px 15px;}
    a.button:hover, .button, button.next,.submit:hover,.form-buttons .back, .form-buttons .back:visited, .form-buttons .back:hover  {font-family: var(--f1);font-weight:500;background:var(--c6)}
	a.button.white:hover, .button.white{background: var(--c1)}
    #menu li a,#menu li a:visited, #menu li a:hover{font-size:15px;line-height: 20px;display:block;color:var(--c1)}
    #menu li a:hover{color:var(--c5)}
    #intestazione{font-size:16px;line-height: 20px; color:var(--c1)}
    #intestazione a,#intestazione a:visited{text-decoration: none;color:var(--c5)}
    #intestazione a:hover{color:var(--c1)}
    .theme{display: block;font-size:14px; line-height: 15px; margin-bottom: 5px}
    .abstract{font-size:24px;line-height: 30px;display: block;margin-bottom:8px;}
    .shop article.page .abstract{font-size: 20px; line-height: 24px;font-weight:300}
    .title{font-size:30px;line-height: 34px;display: block; margin-bottom: 15px;}
    .shop article.page h1,.shop article.page .abstract{text-align: center}
    .content-archive article{text-align: center;/*overflow: hidden*/}
    .homepage article .title, .content-archive article .title{font-size:20px;line-height: 24px;margin-bottom:0;padding-bottom: 10px}
    /*.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) }*/
    .homepage article .price:after, .content-archive article .price:after{content: "/pz";    color: var(--c4); font-size: 18px;}
    article .title a,article .title a:visited,article .title a:hover{color:var(--c2); opacity: 1}
    article .theme, .related .theme{text-transform: uppercase; margin-top: 20px;margin-bottom:0px;display: block;font-size: 12px;line-height: 12px;font-weight: 300;color:var(--c7)}
    article.page,section.page, section.archive{padding-top:40px; padding-bottom: 40px;}
    /*dettaglio prodotto*/
    .attribute-color ul,.attribute-sewing ul{justify-items: center;justify-content: center; list-style-type: none; display:grid; grid-template-columns:  repeat(auto-fit, minmax(80px, 80px));
  grid-gap: 5px;margin-bottom: 15px;margin-left:0;grid-gap: 5px;}
    .attribute-size ul, .attribute-printa ul,.option ul{list-style-type: none; display:grid;grid-template-areas:"li li";margin-bottom: 20px;margin-left:0;grid-template-columns: 50% 50%;}
    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%);}
    article header,.related .odd header, .related .even header{padding:15px 15px 6px;}
    .page .first header{text-align: center}
    .contatti .first header,.no-template .first header{text-align: left}
	.btop .page .first .content{padding-right: 15px;}
    article.page header {grid-area: h;}
    article.page .content {grid-area: c;margin-top:30px;}
    article.page .media {grid-area: m;}
    article.page .product-add {grid-area: f;}
	article.page .ask-for-info{grid-area: ask;}
	#notify-stock {grid-area: n;}
    .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:5px;}
    .product-add .title{margin-top:10px;font-size:18px; line-height: 24px; text-align: center;padding-bottom: 5px; border-bottom: 1px solid var(--c6);font-weight: 300}
    .attribute-color li span,.attribute-sewing li span{color:var(--c2);font-size:11px; line-height: 12px;text-transform: uppercase;display: block; text-align: center;background: transparent;border:0;border-radius: 100%;margin-bottom: 2px;text-decoration: none}
	.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{margin:2px auto 5px;width: 50px;height: 50px;content:"";display: block;border:2px solid var(--c1);border-radius:100%;}
    .product-add .thumb span{cursor: pointer}

	/*.product-add .thumb.selected span {background-image: url("../img/background/check.svg" );background-size: 70%;background-position: center;background-repeat: no-repeat}*/
	.product-add .thumb.selected span:before {content:"";width:50px; height: 50px; background-image: url("../img/background/check.svg" );background-size: 70%;background-position: center;background-repeat: no-repeat;display: block;position: absolute}
    main .cart .product{display:grid;padding:0px 0px 15px; margin-top:20px;	margin-bottom:15px; grid-template-areas: "img t q" "img a a" "p p p";  grid-template-columns: 80px auto 90px;  }
    .special-markup .attributes{font-size:16px; line-height: 16px;}
    .price {font-size:28px;line-height: 32px; color: var(--c2);font-weight:500;display: block;text-align: center;padding: 10px 10px 20px }

    .old-net-price{display: inline-block;padding-left: 10px; font-size:20px;line-height: 30px;  color: var(--c4);text-decoration: line-through;border:0}
	
    .gross-price,.old-gross-price,.tax{display: none}
    .old-price:lang(IT):after{content:'Iva inclusa';text-decoration: none;}

    .media img{max-height: 100%;max-width: auto}
    /**template**/
    .model .uno{padding-top:20px; padding-bottom: 20px;background: var(--c1)}
    .parallax{height:240px;margin-bottom:30px;}
	.shop .archive .head .title{font-family: var(--f2);text-align: center}
	.shop .content-archive .abstract{text-align: center}
	.content-archive .content,.content-related .content{background:var(--c9);}
	.content-archive .media,.content-related .media{background: var(--c1)}
	.content-archive article .title,.content-related header .title {font-weight: 500;}
	.content-related .theme, .content-archive p{display: none}
	.content-related .price{padding-bottom: 0;padding-top:0}
    .content-archive{display: flex; flex-wrap: wrap;justify-content: flex-start; gap:2%}
    .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%}
	#order .shipping{margin-top: 8px;}
	li.printcost .title,li.quantity-discount .title{font-size: 20px;line-height: 22px;}	
	.rec .banner-b .container{padding: 0}
	.contatti h1{font-family: var(--f2)}
	.ipo .block0{padding-bottom: 0}
	.personalizzazioni .block-form{padding-top:80px;padding-bottom: 80px;background-image: url("../img/background/back-personalizzazioni-fx.jpg");background-position: center bottom}
    .ipo .block2{background-size: cover;width: 100%;}
	.design .block0 .container{padding-left: 0;padding-right: 0}
	.design #c1{display: flex;flex-direction: row; align-items: center;/*background: rgba(255,255,255,0.85);*/}
	.back-personalizzazioni{height:250px;background: url("../img/background/back-personalizzazioni-sfere-small.jpg") no-repeat;background-size: cover}
	.input-file label,.input-select label{display: block}
	.design #c1 >div{background: rgba(255,255,255,0.8);padding:20px;}
	.personalizzazioni .back-c5{padding-top: 20px}
	.personalizzazioni #c1 .evidenzia{display: block;padding:5px 0}
}
@media (min-width: 420px) {    
	.design #c1 img{min-width:370px }
	.content-archive article {width: 48%;}
}
@media (min-width: 320px)and (max-width:599px) {    
}
@media (min-width: 320px)and (max-width:499px) {    
	.team .bl{width: 100%}
	main .cart .price .label{display:none;}
	#order li.printcost .price {width: 90px;}
	.order-details .p-img{display: none}
	.lfix{position: absolute;left:-15px;margin-top:4px}

}

@media (min-width: 320px)and (max-width:767px) {
	.design .block0 {background: none !important;}
	.design #c1{display: flex;flex-direction: column-reverse;}
	.ldef {display:none}
	.lfix {display:block;opacity: 1}
	/*.design #c1{display: block;}*/
	.top-info{overflow:hidden}
	input[type="search"],.bsearch{background: var(--c1)}
    .top-link ul{text-align: center}
	#menu{border:0}
    .section-name,.section-menu{display: none}
    #intestazione .acq-login{padding-top: 5px;}
    article.page,nav.page-menu,.container,.not-found section.page, section.archive,.mappasito .site-map,.no-template main>.container-fluid{padding-left:20px;padding-right: 20px}
	.back-c5 .container {padding: 5% 5% 0;}
	.block2 .image {/*padding-top: 5%; padding-bottom: 5%*/}
	.model .container .row [class*="col-"]{padding-left: 0;padding-right: 0}
   .responsive-nav {background: transparent;width: 36px;padding: 5px 2px 4px;margin-left: 0;float: none;display: block;cursor: pointer;position: fixed;margin-top: 5px;left:10px;z-index: 350;}
    .responsive-nav span, .responsive-nav::after, .responsive-nav::before {background: var(--c2);display: block;border: 1px solid var(--c2);	height: 4px;margin: 4px auto;width: 100%;transition: all .2s ease-in-out;content: '';}
    .searchshop{width:100%;}
    #search{position: absolute;top:63px;width:90%;max-width:400px;height:34px;left:50%;  transform: translateX(-50%);border-bottom:1px solid var(--c7)}
	.bsearch,input[type="search"]{border-bottom:1px solid var(--c7);border-top:1px solid var(--c7);}
    #search,.recapiti{display: none}
    .responsive-search{ position: fixed;z-index:20;left:55px; width:30px; height: 30px;background-size: cover; display: block;}
    .camo-bmark .responsive-nav{top:57px;}
    .camo-bmark  .responsive-search{top:88px;}    
    .responsive-nav {top:10px;}
    .responsive-search{ top:40px;}  
    .camo-bmark .sticky .responsive-nav{top:57px;}
    .camo-bmark .sticky .responsive-search{top:62px;}    
    .fa-search:before{ cursor:pointer;content:""; width:24px; height: 24px;background-size: contain; display: block; position:absolute;top:0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 612' xml:space='preserve'%3E%3Cpath d='m606.2 578.7-158-155.5c41.4-45 66.8-104.4 66.8-169.8C515 113.4 399.7 0 257.5 0S0 113.4 0 253.4s115.3 253.4 257.5 253.4c61.4 0 117.8-21.3 162.1-56.6l158.6 156.1c7.7 7.6 20.3 7.6 28 0 7.7-7.6 7.7-20 0-27.6zM257.5 467.8c-120.3 0-217.9-96-217.9-214.4S137.2 39 257.5 39c120.3 0 217.9 96 217.9 214.4s-97.6 214.4-217.9 214.4z' fill='%231d243a'/%3E%3C/svg%3E");}
    .submit,.submit:hover{ font-size:18px;line-height:24px; padding:8px 15px;font-weight:300}    
    h1,h1.title{font-size:34px;line-height: 40px; margin-bottom:20px;}
    .responsive-nav{display: block}
    #intestazione{position:relative;width:100%;z-index:10;top:0}
    /*.camo-bmark .top{top:45px;margin-top:37px;}*/
    .main-menu {left:-100%}
    footer li:after{content:"-";display: inline-block; padding-left: 8px;}
    footer li.last:after{content:""; padding-left: 0px;}
    /***home**/
    .g1{padding-top: 30px;padding-bottom: 40px;}
    .g1 .block{padding-left:20px;padding-right: 20px}
    article.page .first .block {display: grid; grid-template-areas:"h" "m" "f" "n" "c" "ask";  grid-template-columns: auto; grid-auto-rows: auto;  }
    article.page .media{margin-bottom: 0px}
    div.submit{min-width: 110px;margin-top: 20px;margin-bottom: 0;}
    /*.attribute ul{max-height: 80px;overflow: auto } */
    fieldset.checkout.profile-checkout{margin-top: 8px;}
	#notify-stock{margin-top:10px}
	main .cart .product .title a,main .cart .product .title a:visited{font-size: 20px;line-height: 22px;}
	.cart ul li.product,#order li.printcost,li.quantity-discount{padding:12px 0;}
	.rec .column-2 {flex-direction:column-reverse}
	.rec .banner-b .bwrap{padding-left: 15px; padding-right: 15px}
	.rec section.page .first .title {font-size: 22px;	line-height: 26px;}
	.rec .banner-b:before{position: absolute;top:20px;content:"Le recensioni dei clienti";display: block;width:100%; margin-bottom:10px;font-size:20px;font-weight:500}
	.rec section.page{min-width:100%;max-width: 100%;}
}
@media (min-width: 320px)and (max-width:1024px) {
	.design .block0 {margin-top: 0px;margin-bottom: 0px;padding-top:20px;padding-bottom: 0px;;background-size: 100% auto;}
	.design.ipo .block0 {background: none}
}
@media (min-width: 600px) {
	legend{font-size:24px;}
    .title{font-size:34px;line-height: 38px;}
    .content-archive article{position: relative;}
    #order .coupon-add, #order .coupon-remove {bottom: 14px;}
    .homepage article .title:after, .content-archive article .title:after,.content-related .title:after{content: "";width:150px;}
    .homepage article .title, .content-archive article .title{font-size:22px;line-height: 26px;margin-bottom:0;padding-bottom: 10px}
    .page2 #order .input-field,#profile .input-field{flex-grow: 1;  width: 48%;}
    .theme{font-size:18px; line-height: 19px;margin-bottom:15px;}
	.back-personalizzazioni{height:350px;background: url("../img/background/back-personalizzazioni-sfere.jpg");background-size:cover}
	.model span.image{/*margin-right: 20px;*/}
	.design #c1 img {min-width: 300px;}
	.ipo .block2{position:relative;margin-bottom: 0;background: url(../img/background/parallax-azienda2.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
    .model .uno{padding-top:40px; padding-bottom: 30px;}
    .parallax{height:320px;margin-bottom:30px;}
	.design .block2{margin-top: 30px}
	.rec .banner-b > div{width:48%;}

}
@media (min-width: 768px) {
    .content-archive{gap:1.33333333%}
    .content-archive article{width:32%;}
	.title span{display: block}
	.top-info{background: var(--c2);padding-top: 5px;padding-bottom: 5px;}
	.logo{top:-18px}
	.channel >ul{padding-right: 40px;}
	#menu li.toplink{display: none}
	.tagline {bottom: -30px;}
	.sticky .logo{top:-15px}
	.sticky .top{padding-bottom: 0px;}
	.recapiti{padding-top: 8px}
    .column-2{width:100%}
    .section-name{padding-top: 40px; text-transform: uppercase;font-size: 24px;line-height: 24px; border-bottom:1px solid var(--c2);display: block;padding-bottom: 8px;max-width:150px;}
    .section-menu {padding-top: 10px;}
    .section-menu ul {list-style-type: none; margin-left: 0}
    .section-menu ul li{padding-left: 0}
    .section-menu a,.section-menu a:visited,.section-menu a:hover{text-decoration: none;font-size:16px; line-height: 20px;}
    .section-menu a:hover,.section-menu .selected a{color:var(--c7)}
    .abstract{font-size:28px;line-height: 34px;display: block;margin-bottom:8px;}
    .contatti .page .first{display: flex;justify-content:space-between}
    .contatti .page .first .block,.contatti .page .first .module{width:48%;min-width:370px;margin-top:0}
    .contatti .page .first .clear{display: none}
    .parallax{height:400px;margin-bottom: 40px}
	.parallax-az2{margin-bottom: 0}
    .model .uno,.g1{padding-top:40px; padding-bottom: 50px} 
    .detail .col1{height: 100%; background: linear-gradient(90deg, var(--c1) 50%, var(--c5) 50%);}
    article.page,section.page, section.archive{padding-top:60px; padding-bottom: 40px;}    
     article.page,nav.page-menu,.container,.not-found section.page, section.archive,.mappasito .site-map,.no-template main>.container-fluid,.g1 .block,.condividi{padding-right: 15px; padding-left: 15px;}
    #search{width:190px;float:right; margin-top:-3px;margin-right: 80px;}
    .detail h1.title, h1,h1.title{font-size:42px;line-height: 42px;}
    #menu{background: var(--c3);}
    #menu ul.nav > li > a {padding-bottom:16px;}
    #menu .level-1{display:none;}    
    article.page,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.shop .col2,.col1 section.archive,.content-related, #ask-for-info .module{width: 750px;}
	.condividi{max-width: 750px;}
    .responsive-nav,.responsive-search{display:none}
    .main-menu{text-align: center;}
	main .cart .product .title a,main .cart .product .title a:visited{font-size: 24px;line-height: 26px;}
    main .cart .product{grid-template-areas: "img t t" "img a a" "img q p";  grid-template-columns: 80px 100px auto; }
    /*.price {font-size:32px;line-height: 36px; }
    .old-price{font-size:22px;line-height: 36px;}*/
    .attribute-size li span, .attribute-printa li span,.option li span{font-size: 18px;line-height: 22px;}
    #order .coupon-add, #order .coupon-remove {right: 4px; bottom: 15px;}
    .top{padding-top: 20px;padding-bottom:20px;}
    #topB{top:0; margin-bottom: 0;}
    #menu li{list-style-type:none; display: inline-block;padding:0 2px;}
    article.page .first .block {display: grid; grid-template-areas:"m x h" "m x f" "m x n" "m x c" "m x ask";  grid-template-columns: 48% 4% 48%;grid-auto-rows: auto auto auto min-content 1fr;}
    .detail article.page .media{text-align: right;  position: -webkit-sticky;
  position: sticky; top: 300px; align-self: start;}
    .shop .col2 .column-1{flex:170px 1 0; background: var(--c1);max-width: 170px; min-height: 50vh;}
    .shop .col2{display: flex;}
    .shop .col2 .clear{display: none}
    .bg .container-fluid{background: linear-gradient(to right, var(--c1) 0%,var(--c1) 15%, var(--c5) 15%,var(--c5) 100%);}
    .content-archive{gap:2%}
   	.content-archive article{width:48%;}
   	#product-add-info #product-info{ margin:10px auto;} 
    #product-qty{margin-top: 0px;}
	.cart ul li.product,#order .printcost,li.quantity-discount{padding:10px;}
	.rec .banner-b{column-count: 1;}
	.rec section.page >.first{min-width:370px;max-width: 370px;}
	.rec .banner-b>div{width:96%;margin-left:4%}
	.rec section.page .first  .title{font-size: 24px;line-height: 28px;}
	.rec section.page > .first p{font-size:16px;line-height: 20px;}
	.ipo .block2{border-bottom:30px solid var(--c1)}
}


@media (min-width: 992px) {
    h1, h1.title {font-size: 48px;	line-height: 48px;}
	.tagline{bottom: -50px;}
    #search{width:240px; margin-right: 90px;}
    .top {min-height:140px}
	.logo{top:-10px}
	.sticky .top{min-height: 56px}
    .logo img{max-width: none;}
    .page1 #order {display: grid; grid-template-areas: "car fiel" "but but";  grid-template-columns: 60% 37%; grid-column-gap: 3% }
    #order .cart {grid-area: car;}
    #order fieldset.checkout {grid-area: fiel;}
    .form-buttons{grid-area: but;}
    .form-buttons .next{float: right}
    #menu li{list-style-type:none; display: inline-block;padding:0 8px;}
    a.button:hover, .button, button.next,input[type="submit"],.submit:hover,.form-buttons .back, .form-buttons .back:visited, .form-buttons .back:hover  {font-size: 18px; line-height: 22px; }
	input[type="submit"]{border-bottom: 0}
    article.page,section.page, section.archive{padding-top: 50px;padding-bottom: 40px;}
    article.page,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.shop .col2,.col1 section.archive,.content-related, #ask-for-info .module{width: 970px;}
	.condividi{max-width: 970px;}
    .title{font-size:38px;line-height: 40px;}   
   /*form .attribute-color ul,form .attribute-sewing ul{display:grid;grid-template-columns:repeat(6, 1fr);margin-bottom: 15px;}*/
    .content-archive{gap:1.33333333%}
    .content-archive article{width:32%;}
    .page2 #order .input-field,#profile .input-field{flex-grow: 1;  width: 31.3333333%;}
	#order .shipping{margin-top: 0px;}
	.rec section.page >.first{min-width:370px;max-width: 370px;}
	.rec .banner-b>div{width:46%;margin-left:auto}
    .model .uno,.g1{padding-top:50px; padding-bottom: 50px} 
	.back-personalizzazioni{height:450px;background: url("../img/background/back-personalizzazioni-sfere.jpg");background-size:cover}
	.design #c1 img {min-width: 500px;}
	.design #c1{ padding-bottom: 30px;padding-top: 30px;}
	.ipo .block2{margin-top: 0}
	
}


@media (min-width: 1200px) {
    h1, h1.title {font-size: 46px;	line-height: 50px;}
    .title{font-size:42px;line-height: 46px;}       
    .parallax{height:650px;}
   .homepage .ingombro{display:block;width:100%}
 	article.page,nav.page-menu,.not-found section.page, .mappasito .site-map,.g1 .block,.shop .col2,.col1 section.archive,.condividi,.content-related, #ask-for-info .module{width:100%;max-width: 1170px; margin:auto}
	.rec section.page >.first{min-width:450px;max-width: 450px;}
	.model .uno, .g1 {padding-top: 70px;padding-bottom: 70px;}
	.ipo #c1{padding-bottom: 30px}
}

@media (min-width: 1500px) {
	.btop .banner-t>div img{display: block;height: auto; width:100%;max-width: none;} 
   .bg .container-fluid{background: linear-gradient(to right, var(--c1) 0%,var(--c1) 22%, var(--c5) 22%,var(--c5) 100%);}

}
@media (min-width: 1700px) {
}
@media (min-width: 2000px) {
    .bg .container-fluid{background: linear-gradient(to right, var(--c1) 0%,var(--c1) 30%, var(--c5) 30%,var(--c5) 100%);}
}
@media (min-width: 3000px) {
    .bg .container-fluid{background: linear-gradient(to right, var(--c1) 0%,var(--c1) 35%, var(--c5) 35%,var(--c5) 100%);}
}



