@charset "UTF-8";
/* CSS Document */
/**************colori***************/
/*variabili media queries*/
/* google font*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap");
/*gestione icone*/
.las, .lar, .lab {
  display: inline-block;
  width: 100%;
  height: 100%;
  min-height: 15px;
  min-width: 15px;
  line-height: 25px;
  text-align: center;
  color: #000;
  margin: 0;
  padding: 0;
}

.la-arrow-left-circle {
  mask: url("../img/icon/linearicons/arrow-left-circle.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/arrow-left-circle.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-arrow-left-circle:hover {
  background: #666;
}

.la-arrow-right-circle {
  mask: url("../img/icon/linearicons/arrow-right-circle.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/arrow-right-circle.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-arrow-right-circle:hover {
  background: #666;
}

.la-angle-top {
  mask: url("../img/icon/linearicons/chevron-up.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/chevron-up.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-angle-top:hover {
  background: #666;
}

.la-angle-left {
  mask: url("../img/icon/linearicons/chevron-left.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/chevron-left.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-angle-left:hover {
  background: #666;
}

.la-angle-right {
  mask: url("../img/icon/linearicons/chevron-right.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/chevron-right.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-angle-right:hover {
  background: #666;
}

.la-angle-bottom {
  mask: url("../img/icon/linearicons/chevron-down.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/chevron-down.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-angle-bottom:hover {
  background: #666;
}

.la-search {
  mask: url("../img/icon/linearicons/search-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/search-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-search:hover {
  background: #666;
}

.la-user {
  mask: url("../img/icon/linearicons/user.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/user.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-user:hover {
  background: #666;
}

.la-heart {
  mask: url("../img/icon/linearicons/heart.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/heart.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-heart:hover {
  background: #666;
}

.la-globe {
  mask: url("../img/icon/linearicons/globe.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/globe.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-globe:hover {
  background: #666;
}

.la-shopping-bag {
  mask: url("../img/icon/linearicons/shopping-bag-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/shopping-bag-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-shopping-bag:hover {
  background: #666;
}

.la-bars {
  mask: url("../img/icon/linearicons/bars-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/bars-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-bars:hover {
  background: #666;
}

.la-times {
  mask: url("../img/icon/linearicons/times-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/times-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-times:hover {
  background: #666;
}

.la-sliders-h {
  mask: url("../img/icon/linearicons/sliders-h-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/sliders-h-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-sliders-h:hover {
  background: #666;
}

.la-instagram {
  mask: url("../img/icon/linearicons/instagram.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/instagram.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-instagram:hover {
  background: #666;
}

.la-facebook-f {
  mask: url("../img/icon/linearicons/facebook-f.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/facebook-f.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-facebook-f:hover {
  background: #666;
}

.la-twitter {
  mask: url("../img/icon/linearicons/x-twitter.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/x-twitter.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-twitter:hover {
  background: #666;
}

.la-tiktok {
  mask: url("../img/icon/linearicons/tiktok.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/tiktok.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-tiktok:hover {
  background: #666;
}

.la-envelope {
  mask: url("../img/icon/linearicons/envelope.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/envelope.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-envelope:hover {
  background: #666;
}

.la-whatsapp {
  mask: url("../img/icon/linearicons/whatsapp.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/whatsapp.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-whatsapp:hover {
  background: #666;
}

.la-tty {
  mask: url("../img/icon/linearicons/tty-solid.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/tty-solid.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-tty:hover {
  background: #666;
}

.la-shirt {
  mask: url("../img/icon/linearicons/shirt.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/shirt.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-shirt:hover {
  background: #666;
}

.la-sync {
  mask: url("../img/icon/linearicons/sync.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/sync.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-sync:hover {
  background: #666;
}

.la-print {
  mask: url("../img/icon/linearicons/printer.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/printer.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
}

.la-print:hover {
  background: #666;
}

/*
@mixin item{
	margin:0;
	padding:0 15px;	
	cursor:pointer;
	position: relative;
	.add_wl{
		display: block;
		width:25px;
		color:$nero;
		font-size: 1.3em;
		text-align: right;
		margin: 0 0 0 auto;
		position: absolute;
		top: 10px;
		right: 30px;
		z-index: 100;
		i{
			display: inline-block;
			width:25px;
			height: 25px;
			text-align: center;
			color:$nero;
			mask: url("../img/icon/heart.svg") no-repeat center / contain;
			-webkit-mask: url("../img/icon/heart.svg") no-repeat center / contain;
			background:$nero; 
			text-indent: -9000em;
			
			&:hover{background: $grigio_chiaro;}
		}
	
	}
	.quickview{
		display: block;
		width:25px;
		color:$nero;
		font-size: 1.3em;
		text-align: right;
		margin: 0 0 0 auto;
		position: absolute;
		top: 60px;
		right: 40px;
		z-index: 100;
	}
	
	.tag{
		position:absolute;
		top:0;
		left: 15px;
		z-index: 100;
		font-size:  0.8em;
		font-weight: 600;
		display: flex;
		justify-content: flex-start;
		flex-flow:row ;
		max-width: 50%;
		margin: 0;
		padding:0;

		li{
			display: inline-flex;
			width:auto;
			padding: 3px 5px;
			margin: 0 5px 5px 0;
			white-space: nowrap;
			text-transform: uppercase;
			color:$bianco;
			background: $grigio;
			border-bottom-right-radius: 10px;
		}
		.last_arrive{
			background:$nero;
			color:$bianco;
		}
		.sale {
			background: $nero;
			color:$bianco;
		}
	}
	
	
	.frame{
		display: block;
		overflow: hidden;	
		padding:0 0px 5px;
		text-align: left;
		position: relative;
		transition: .5s;
		transition-delay:.15s;
	
		
	   
		.box_img{
			border:solid 1px $grigio_chiaro;
			width:100%;
			height: 100%;
			//max-height: 400px;
			margin:0 auto ;
			padding: 0px;
			overflow: hidden;
			position: relative;
			
			
		}
		.gal_img{
			
			width:100%;
			height: 100%;
			overflow: hidden;
			.swiper-slide{
				text-align: center;
				background:rgba($sfondo, 0.3);
			}
			
			img{
				width:auto;
				height: 100%;
				max-height: 300px;
				margin: 30px auto;
				mix-blend-mode: multiply;
				object-fit: contain; 
			}
		}
		.cnt{
			text-transform: lowercase; 
			margin:0 0 10px; 
			padding: 15px 0 0; 
			text-align: left; 
			font-size: 1.1em;
			text-decoration:none !important;
			
			span{
				display:block;
			}
			.marca{
				display: block;
				width:100%;
				font-weight: 500;
				letter-spacing: 0;
				font-weight: 500;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px;
				text-transform: uppercase;
				
			}
			.taglia_catalogo{
				display: block;
				width:100%;
				margin:0 ;	
				font-size:0.9em;
				text-transform: uppercase;
				line-height: 1.2em;
				height: 2.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px;
				font-weight: 300;
				opacity: 0;
				i{
					display:block;
					font-style: normal;
				}

			}
			
			.prodotto{
				display: block;
				width:100%;
				margin:0 ;	
				font-size:1em;
				line-height: 1.2em;
				height: 2.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px
			}
			.prezzo, .prezzo_nd{
			position:relative;
			bottom:0;
			left: 0;
			width: 100%;
			padding:0;
			margin: 0 0 15px;
			font-size:1em;
			min-height: 2.5em;
			font-weight: 600;	
			span{
				display: inline-block;
				position: relative;
				width:auto;
				margin: 0 5px 0 0;
				
				@media screen and (max-width:$break-normal ){
					display: block;
					margin: 0 0 5px 0;
					height: 1em;
				}
				
			}
			del{
				color:$grigio;
			}
			i{
				color:$nero;
				font-weight: 100;
				font-style: normal;
			}
			em{
				display: inline-block;
				font-style: normal;
				letter-spacing: 0.15em;
				
				color:$nero;
			}
		}
			.prezzo_nd{font-weight: 600; color:$grigio;}
			
		}
		
		&:hover{
			
			text-decoration:none !important;
			.marca{
				color:$grigio !important;
			}
			.taglia_catalogo{
				opacity: 1;
			}
			
			
		}
	}	

		
		
		ul.b2b_buy{
			width:calc(100% + 7.5px);
			position:relative;
			margin: -25px -7.5px 30px;
			font-size: 0.8em;
			width: 100%;
			height: 128px;
			overflow: hidden;
			overflow-y: auto;
			padding:0;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: flex-start;
			align-content: flex-start;
			list-style: none;
			li{
				width: auto;
				margin:0 7.5px 15px;
				border: solid 1px $grigio;
				padding: 0;
				display: flex;
				flex-flow: row;
				justify-content: space-between;
				
				
				span, a{
					width: 30px;
					padding: 5px;
					background: $bianco;
					text-align: center;
					strong{
						display: block;
						
					}
					&.empty{
						background: $rosso;
						color:$bianco;
					}
				}
				a{
					background: $sfondo;
					font-weight: 600;
				}
				
			}

		}
		

	@media screen and (max-width:$break-large ){
		.box_img{
			img{
				width:70%;
			}

		}
		.cnt{
			font-size: 0.9em
		}
	}
}
*/
html {
  scroll-behavior: smooth;
}

body {
  display: block;
  font: 300 15px 'Montserrat', sans-serif;
  background: #ffffff;
  overflow: auto;
  width: 100%;
  color: #000;
  padding: 0;
  margin: 0;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

body.menuopen {
  overflow: hidden;
}

body::-webkit-scrollbar {
  width: 5px;
}

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

body::-webkit-resizer {
  width: 5px;
  background: transparent;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-weight: 600;
  line-height: 1em;
  padding: 0;
  margin: 0 0 30px;
  color: #000;
}

h1, .h1 {
  font-size: 2.750em;
}

h2, .h2 {
  font-size: 1.8em;
  position: relative;
  overflow: hidden;
  text-align: left;
}

h3, .h3 {
  font-size: 1.6em;
}

h4, .h4 {
  font-size: 1.5em;
}

h5, .h5 {
  font-size: 1.1em;
}

h6, .h6 {
  font-size: 1em;
  color: #000;
  margin: 0 0 10px;
}

* {
  outline: none !important;
}

a {
  text-decoration: none;
  outline: none !important;
  color: #000;
  transition: all 0.5s ease-in;
}

a:hover {
  text-decoration: none !important;
  color: #666;
}

input, select, textarea, button {
  width: calc(100% - 20px);
  outline: none !important;
  border: none;
  border-bottom: dotted 1px #cccccc;
  padding: 0.2em 1em;
  margin: 0 10px;
  color: #666;
  background: #ffffff;
  font-weight: 300;
  font-size: 1em;
  scrollbar-width: thin !important;
  scrollbar-color: #cccccc #f1f1f1;
}

input:focus, select:focus, textarea:focus, button:focus {
  border-color: #666;
  color: #666;
}

input::-webkit-scrollbar, select::-webkit-scrollbar, textarea::-webkit-scrollbar, button::-webkit-scrollbar {
  width: 7px;
}

input::-webkit-scrollbar-track, select::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, button::-webkit-scrollbar-track {
  background: #f1f1f1;
}

input::-webkit-scrollbar-thumb, select::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, button::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 0;
  border: 1px solid #f1f1f1;
}

input::-webkit-resizer, select::-webkit-resizer, textarea::-webkit-resizer, button::-webkit-resizer {
  width: 7px;
  background: #f1f1f1;
}

/*input, select{
	border-radius:25px;
	
}*/
input[type="checkbox"], input[type="radio"] {
  width: auto;
}

input[type="submit"], button {
  color: #666;
  font-weight: 700;
}

button {
  border: none;
  background: transparent;
  font-weight: 700;
}

.btn, .btn_inv {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  background: #000;
  color: #ffffff;
  font-size: 0.857em;
  font-weight: 600;
  border: solid 1px #000;
  text-transform: uppercase;
  box-shadow: 0 0 2px #000;
}

.btn:hover, .btn_inv:hover {
  background: #ffffff;
  color: #000;
}

.btn_inv {
  background: #ffffff;
  color: #000;
}

.btn_inv:hover {
  background: #000;
  color: #ffffff;
}

select {
  width: 100%;
  max-width: 300px;
  padding: 0px 35px 0px 5px;
  font-size: 0.9em;
  height: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/select_chevron.png") no-repeat calc(100% - 15px) 15px;
  background-size: 10px auto;
  cursor: pointer;
  margin: 0;
}

label.check {
  width: calc(100% - 45px);
  font-size: 1em;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding: 0 10px 0 35px;
}

label.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 10px;
  width: 10px;
  top: 15px;
  left: 15px;
}

label.check .checkmark {
  position: absolute;
  top: 3px;
  left: 0px;
  height: 13px;
  width: 13px;
  background-color: #ffffff;
  border: solid 1px #000;
}

label.check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 1px;
  top: 1px;
  width: 9px;
  height: 9px;
  background: #000;
}

label.check .checkmark.warn {
  border: solid 1px #f1f1f1;
}

label.check:hover input ~ .checkmark {
  background-color: #ffffff;
}

label.check input:checked ~ .checkmark {
  background-color: #ffffff;
}

label.check input:checked ~ .checkmark:after {
  display: block;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand {
  display: none;
  /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
  select {
    background: none\9;
    padding: 5px\9;
  }
}

strong {
  color: #000;
  font-weight: 600;
}

#mainwrap .container {
  max-width: 1440px;
}

#mainwrap section {
  position: relative;
  z-index: 5;
  background: #ffffff;
}

/*
.container-fluid{
	padding-right: 35px;
	padding-left: 35px;
	margin-right: auto;
	margin-left: auto;
	max-width: 120em;
	@media screen and (max-width:$break-large-plus){
	padding-right: 15px;
	padding-left: 15px;
	max-width: none;
	}
}
*/
/*****autocomplete*******/
.ui-autocomplete {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  max-width: 300px !important;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  z-index: 10003;
  font-size: 0.7em;
  font-weight: 300;
  letter-spacing: 0.2em;
}

.ui-autocomplete .ui-menu-item {
  border-bottom: dotted 1px #cccccc;
  list-style: none;
  margin: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 5px 10px;
}

.ui-autocomplete .ui-menu-item:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #666;
  border-bottom: dotted 1px #000;
}

.ui-helper-hidden-accessible {
  display: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: rgba(241, 241, 241, 0.9);
  font-weight: 600;
  color: #000;
}

/*select menu*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: none;
  background: #ffffff;
  font-weight: normal;
  color: #000;
}

/*tabs*/
.ui-tabs {
  background: transparent;
  border: none;
  overflow: hidden;
}

.ui-widget-header {
  background: transparent;
  border: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.ui-tabs-nav li {
  display: inline-block !important;
  float: none !important;
  top: 0px;
  margin: 0em;
  padding-bottom: 0px;
  padding: 0 12.5px;
}

.ui-tabs-nav .ui-state-default {
  background: transparent;
  border: none;
}

.ui-tabs-nav .ui-state-default a {
  color: #666;
}

.ui-tabs-nav .ui-state-active {
  background: transparent;
  border: none;
  font-weight: 600;
}

.ui-tabs-nav .ui-state-active a {
  color: #000;
}

.ui-tabs-panel {
  width: 100% !important;
  overflow: hidden;
}

/*****dialog*****/
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.ui-dialog {
  background: #ffffff;
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  border: solid 1px #000;
  z-index: 10001;
}

.ui-dialog .ui-dialog-titlebar {
  background: #000;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 0 15px;
  font-size: 1.2em;
  text-transform: uppercase;
}

.ui-dialog .ui-dialog-titlebar-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  background: #000 url("../img/close_bianco.png") no-repeat 0 0;
  background-size: 100% auto;
  color: #ffffff;
}

.ui-dialog .ui-dialog-content {
  padding: 15px;
  min-width: 400px;
}

.ui-dialog .ui-dialog-content label {
  display: block;
  width: 100%;
  border-bottom: solid 1px #cccccc;
  font-size: 1.1em;
  color: #666;
  text-transform: capitalize;
}

.ui-dialog .ui-dialog-content select {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  border: none;
  border-bottom: solid 1px #cccccc;
}

/*fancybox*/
.fancybox-bg {
  background: #ffffff;
  opacity: 1 !important;
}

/*responsive tabs*/
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}

.r-tabs .r-tabs-panel {
  padding: 0;
  display: none;
}

.r-tabs .r-tabs-accordion-title {
  display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 1080px) {
  .r-tabs .r-tabs-nav {
    display: none !important;
  }
  .r-tabs .r-tabs-accordion-title {
    display: block !important;
  }
}

/* CSS Document */
#logo_print {
  display: none;
}

#info_privacy_bar {
  display: block;
  width: 100%;
  min-height: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 15px;
  text-align: center;
  border-top: solid 1px #000;
  z-index: 1000000;
  background: #ffffff;
}

#info_privacy_bar a {
  display: inline-block;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 10px;
  background: #000;
  color: #ffffff;
  border: solid 1px #ffffff;
}

#info_privacy_bar a:hover {
  color: #000;
  background: #ffffff;
  border: solid 1px #000;
}

#minicart, #miniwish {
  display: none;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 90px;
  right: 30px;
  width: 100%;
  max-width: 400px;
  padding: 30px;
  color: #000;
  z-index: 10000;
  overflow: hidden;
  border: solid 1px #000;
}

#minicart .wrapper, #miniwish .wrapper {
  width: 100%;
  height: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 15px;
  border-bottom: solid 1px #000;
  scrollbar-width: thin !important;
  scrollbar-color: #666 #ffffff;
}

#minicart .wrapper::-webkit-scrollbar, #miniwish .wrapper::-webkit-scrollbar {
  width: 7px;
}

#minicart .wrapper::-webkit-scrollbar-track, #miniwish .wrapper::-webkit-scrollbar-track {
  background: #ffffff;
}

#minicart .wrapper::-webkit-scrollbar-thumb, #miniwish .wrapper::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 0;
  border: 1px solid #ffffff;
}

#minicart .wrapper::-webkit-resizer, #miniwish .wrapper::-webkit-resizer {
  width: 7px;
  background: #ffffff;
}

#minicart .wrapper .item_minicart, #minicart .wrapper .item_miniwish, #miniwish .wrapper .item_minicart, #miniwish .wrapper .item_miniwish {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 10px;
  border-bottom: solid 1px #cccccc;
}

#minicart .wrapper .item_minicart:last-child, #minicart .wrapper .item_miniwish:last-child, #miniwish .wrapper .item_minicart:last-child, #miniwish .wrapper .item_miniwish:last-child {
  border-bottom: none;
}

#minicart .wrapper .item_minicart img, #minicart .wrapper .item_miniwish img, #miniwish .wrapper .item_minicart img, #miniwish .wrapper .item_miniwish img {
  width: 70px;
  height: auto;
  max-height: 100px;
}

#minicart .wrapper .item_minicart .txt, #minicart .wrapper .item_miniwish .txt, #miniwish .wrapper .item_minicart .txt, #miniwish .wrapper .item_miniwish .txt {
  width: 50%;
  margin: 0 0 0 10px;
  text-transform: uppercase;
  font-size: 0.7em;
  position: relative;
}

#minicart .wrapper .item_minicart .txt span, #minicart .wrapper .item_miniwish .txt span, #miniwish .wrapper .item_minicart .txt span, #miniwish .wrapper .item_miniwish .txt span {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  position: relative;
}

#minicart .wrapper .item_minicart .txt span.quantita, #minicart .wrapper .item_minicart .txt span.taglia, #minicart .wrapper .item_miniwish .txt span.quantita, #minicart .wrapper .item_miniwish .txt span.taglia, #miniwish .wrapper .item_minicart .txt span.quantita, #miniwish .wrapper .item_minicart .txt span.taglia, #miniwish .wrapper .item_miniwish .txt span.quantita, #miniwish .wrapper .item_miniwish .txt span.taglia {
  width: 50% !important;
  float: left;
}

#minicart .wrapper .item_minicart .txt span.prezzo, #minicart .wrapper .item_miniwish .txt span.prezzo, #miniwish .wrapper .item_minicart .txt span.prezzo, #miniwish .wrapper .item_miniwish .txt span.prezzo {
  clear: both;
}

#minicart .wrapper .item_minicart .txt .elimina, #minicart .wrapper .item_miniwish .txt .elimina, #miniwish .wrapper .item_minicart .txt .elimina, #miniwish .wrapper .item_miniwish .txt .elimina {
  position: absolute;
  bottom: 0;
  margin: 0;
}

#minicart #total_minicart, #miniwish #total_minicart {
  font-size: 1.3em;
  display: block;
  width: 100%;
  position: relative;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

#minicart #total_minicart span, #miniwish #total_minicart span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#minicart a.vai_cart, #miniwish a.vai_cart {
  display: block;
  width: 100%;
  background: #ffffff;
  color: #000;
  padding: 15px 15px 10px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1em;
  font-size: 0.9em;
  border: solid 1px #000;
}

#minicart.b2b .prezzo span, #miniwish.b2b .prezzo span {
  display: none !important;
}

@media screen and (max-width: 1200px) {
  #minicart, #miniwish {
    right: 0;
  }
}

header {
  background: #ffffff;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  z-index: 9010;
  max-width: none;
  width: 100%;
  padding: 0px !important;
  z-index: 9001;
  margin: 0;
  /*prehead*/
  /*logo*/
}

header .row {
  margin: 0 !important;
}

header .row div {
  padding: 0 !important;
}

header a:hover {
  text-decoration: none !important;
}

header #prehead {
  display: none;
  width: 100%;
  background: #ffffff;
  color: #000;
  text-align: center;
  padding: 3px 0px;
  font-size: 0.875em;
  font-weight: 300;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 2px;
  min-height: 29px;
  line-height: 29px;
}

header .container {
  max-width: 1200px;
}

header #logo {
  width: 100%;
  max-width: 440px;
  padding: 0;
  height: 127px;
  overflow: hidden;
  margin: 15px auto;
  position: relative;
  text-align: center;
  z-index: 11;
}

header #logo a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 40px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

header #logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}

header #mainmenu.genders {
  width: auto;
  list-style: none;
  margin: 5px auto;
  padding: 0;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 600;
}

header #mainmenu.genders li {
  text-align: center;
  width: auto;
  margin: 0 15px -1px;
  white-space: nowrap;
  overflow: hidden;
}

header #mainmenu.genders li a {
  display: block;
  color: #000;
  font-size: 0.8em;
  border-bottom: solid 2px transparent;
  padding: 0;
}

header #mainmenu.genders li a:hover, header #mainmenu.genders li a.active {
  border-bottom: solid 1px #000;
}

header #mainmenu.genders li a.red {
  color: #f00;
}

header #mainmenu.genders li a.red:hover, header #mainmenu.genders li a.red.active {
  border-bottom: solid 1px #f00;
}

header #mainmenu.categories {
  width: 100%;
  position: relative;
  list-style: none;
  margin: 5px auto;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

header #mainmenu.categories li {
  margin: 0 0 0 0;
  padding: 0 7.5px;
  position: relative;
}

header #mainmenu.categories li a {
  display: inline-block;
  color: #000;
  width: auto;
  font-size: 0.9em;
  font-weight: 400;
  padding: 0 0 10px;
}

header #mainmenu.categories li a.active {
  font-weight: 600;
}

header #mainmenu.categories li a.sales {
  color: #f00;
}

header #mainmenu.categories li ul.sub_menu {
  display: none;
  width: 138px;
  list-style: none;
  margin: 0 -7.5px 1px;
  padding: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  border-bottom: solid 1px #000;
}

header #mainmenu.categories li ul.sub_menu:before {
  content: '';
  display: block;
  width: 100%;
  background: #ffffff;
  height: 25px;
  position: relative;
}

header #mainmenu.categories li ul.sub_menu li {
  background: transparent;
  margin: 0;
  padding: 0 0 5px 0;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
}

header #mainmenu.categories li ul.sub_menu li:first-child {
  padding: 5px 0;
}

header #mainmenu.categories li ul.sub_menu a {
  font-size: 0.9em;
  border-bottom: none;
  display: inline-block;
  padding: 3px 10px;
  margin: 0 10px;
  color: #000;
}

header #mainmenu.categories li:hover a {
  color: #666;
}

header #mainmenu.categories li:hover > ul {
  display: block;
}

header #mainmenu.categories li:hover > ul a {
  border: none;
}

header #mainmenu.categories li:hover > ul a:hover {
  color: #000;
}

header #tools, header #lng {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0 15px 0 0;
  margin: 7px 0 0;
  transform: translateY(0);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  text-transform: lowercase;
  font-weight: 600;
  list-style: none;
  z-index: 30;
}

header #tools li, header #lng li {
  width: 21px;
  height: 21px;
  margin: 0 0 0 10px;
}

header #tools li a, header #lng li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 21px;
  text-align: center;
  font-size: 1.2em;
  color: #000;
  position: relative;
  text-transform: uppercase;
  background: #ffffff;
}

header #tools li a i, header #lng li a i {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 21px;
  text-align: center;
  color: #000;
}

header #tools li a span, header #lng li a span {
  display: block;
  width: 15px;
  height: 15px;
  line-height: 13px;
  font-size: 0.5em;
  position: absolute;
  bottom: -10px;
  right: -10px;
  background: #ffffff !important;
  color: #000;
  border: solid 1px #000;
  text-indent: 0 !important;
}

header #tools li a.lang, header #lng li a.lang {
  font-size: 0.9em;
}

header #tools li a:hover, header #lng li a:hover {
  color: #000;
}

header #tools li a:hover span, header #lng li a:hover span {
  background: #000 !important;
  border-color: #000;
  color: #ffffff;
}

header #tools li.active a, header #lng li.active a {
  color: #000;
}

header #lng {
  right: auto;
  left: 15px;
}

header #lng li {
  width: auto;
  font-size: 1em;
  position: relative;
}

header #lng li.selected {
  border-bottom: solid 2px #000;
}

header #lng li a {
  font-size: 0.786rem;
}

header #lng li select#language_select {
  width: 100%;
  max-width: 160px;
  padding: 0px 25px 0px 5px;
  font-size: 1em;
  font-weight: 600;
  height: 20px;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f1f1f1 url("../img/select_chevron.png") no-repeat calc(100% - 5px) 7px/10px auto;
  border: none;
  cursor: pointer;
  margin: 0;
}

header.small {
  border-bottom: solid 2px #000;
}

header.small #prehead, header.small #lng {
  display: none;
}

header.small #tools {
  z-index: 10;
}

header.small #logo {
  width: 112px;
  height: 40px;
  margin: 10px 15px;
  z-index: 10;
}

header.small #mainmenu {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.menu_toggle, #tools_mobile, #carrello_mobile, #search_mobile, #wishlist_mobile, #login_mobile {
  display: none;
}

/*/gestione megamenu/*/
#menu_tabs.genders {
  display: none;
  width: 100%;
  max-height: 500px;
  background: #ffffff;
  padding: 0;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9000;
  overflow: hidden;
  border: solid 0px #cccccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-align: center;
}

#menu_tabs.genders .root_link {
  display: none;
}

#menu_tabs.genders .tabs-brand {
  margin: 0 !important;
  display: none;
  position: relative;
}

#menu_tabs.genders .tabs-brand .wrapper {
  justify-content: flex-start;
  flex-wrap: nowrap;
}

#menu_tabs.genders .tabs-brand .column {
  z-index: 2;
  min-height: 300px;
}

#menu_tabs.genders .tabs-brand .column ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 5px;
  max-height: 300px;
  list-style: none;
  overflow: hidden;
}

#menu_tabs.genders .tabs-brand .column ul li {
  flex: 10 0 calc(100% / 4);
  max-width: calc(100% / 4);
  padding: 0;
  border-right: solid 1px #666;
  margin: 0;
  white-space: nowrap;
  text-transform: lowercase;
  overflow: hidden;
}

#menu_tabs.genders .tabs-brand .column ul li:first-letter {
  text-transform: uppercase;
}

#menu_tabs.genders .tabs-brand .column ul li:nth-of-type(4n) {
  border: none;
}

#menu_tabs.genders .tabs-brand .column .h4 {
  font-size: 0.8em;
  font-weight: 700;
  margin: 0 0 5px;
}

#menu_tabs.genders .tabs-brand .column a {
  display: inline-block;
  width: auto;
  color: #000;
  font-size: 12px;
  padding: 1px 5px;
  margin: 0 5px;
  border: solid 1px transparent;
}

#menu_tabs.genders .tabs-brand .column a:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #666;
  border: solid 1px #666;
  text-decoration: none;
}

#menu_tabs.genders .tabs-settori {
  display: none;
  margin: 0 auto !important;
  position: relative;
  padding: 15px !important;
  width: 100%;
  min-width: 1230px;
  text-align: left;
  max-width: none !important;
}

#menu_tabs.genders .tabs-settori .wrapper {
  max-width: 100%;
  justify-content: center;
  flex-wrap: nowrap;
  overflow: auto;
  margin-left: 15px;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

#menu_tabs.genders .tabs-settori .wrapper::-webkit-scrollbar {
  width: 1px;
}

#menu_tabs.genders .tabs-settori .wrapper::-webkit-scrollbar-track {
  background: transparent;
}

#menu_tabs.genders .tabs-settori .wrapper::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

#menu_tabs.genders .tabs-settori .wrapper::-webkit-resizer {
  width: 1px;
  background: transparent;
}

#menu_tabs.genders .tabs-settori .column {
  padding: 0;
  z-index: 2;
  position: relative;
}

#menu_tabs.genders .tabs-settori .column ul {
  list-style: none;
  overflow: hidden;
  padding: 0 10px;
  margin: 0;
}

#menu_tabs.genders .tabs-settori .column ul div {
  display: block;
  height: 244px;
  overflow-x: none;
  overflow-y: auto;
  scrollbar-width: thin !important;
  scrollbar-color: #f1f1f1 transparent;
}

#menu_tabs.genders .tabs-settori .column ul div::-webkit-scrollbar {
  width: 1px;
}

#menu_tabs.genders .tabs-settori .column ul div::-webkit-scrollbar-track {
  background: transparent;
}

#menu_tabs.genders .tabs-settori .column ul div::-webkit-scrollbar-thumb {
  background-color: #f1f1f1;
  border-radius: 0;
  border: 1px solid transparent;
}

#menu_tabs.genders .tabs-settori .column ul div::-webkit-resizer {
  width: 1px;
  background: transparent;
}

#menu_tabs.genders .tabs-settori .column ul li {
  white-space: nowrap;
  overflow: hidden;
}

#menu_tabs.genders .tabs-settori .column ul li.see_all {
  display: none;
}

#menu_tabs.genders .tabs-settori .column ul li.last {
  font-weight: 400;
}

#menu_tabs.genders .tabs-settori .column a {
  display: inline-block;
  width: auto;
  color: #000;
  font-size: 12px;
  padding: 1px 0px;
  margin: 0;
}

#menu_tabs.genders .tabs-settori .column a:hover {
  color: #666;
  text-decoration: none;
}

#menu_tabs.genders .tabs-settori .column .h4 {
  font-size: 0.8em;
  font-weight: 700;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  min-height: 25px;
  text-transform: uppercase;
  text-align: left;
}

#menu_tabs.genders .tabs-settori .column .h4 a {
  font-size: 12px;
}

#menu_tabs.genders .tabs-settori .column.des .h4 {
  margin: 0 0  10px;
}

#menu_tabs.genders .tabs-settori .column.des ul {
  padding: 0 10px 0 0;
}

#menu_tabs.genders .tabs-settori .column.des ul li {
  text-transform: capitalize;
}

#menu_tabs.genders .tabs-settori .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#menu_tabs.genders .tabs-settori .img .h4 {
  margin: 0;
}

#menu_tabs.genders .tabs-settori .img a {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 10px 12px;
  padding: 0;
  font-size: 12px;
}

#menu_tabs.genders .tabs-settori .root_link {
  display: none;
}

#menu_tabs.genders #account_menu {
  display: none;
}

#menu_tabs.categories {
  display: none;
}

#aris_head_menu {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  width: 100%;
  max-width: 200px;
  list-style: none;
  margin: 0;
  padding: 10px;
  border: solid 1px #e5e5e5;
  position: fixed;
  right: 15px;
  z-index: 9003;
  border-top-color: #ffffff;
}

#aris_head_menu li {
  padding: 5px 0;
}

#aris_head_menu li.active {
  font-weight: 600;
}

#aris_head_menu li a {
  color: #000;
}

#aris_head_menu li a:hover {
  color: #000;
}

form#search_form {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  position: fixed;
  overflow: hidden;
  text-align: center;
  width: 100%;
  min-height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 10002;
}

form#search_form .close_search {
  display: block;
  width: 100%;
  max-width: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50px;
  right: 50px;
  text-align: right;
  font-size: 1.8em;
  color: #ffffff;
  cursor: pointer;
}

form#search_form .close_search i {
  background: #ffffff;
  width: 30px;
  height: 30px;
}

form#search_form label {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

form#search_form label input {
  width: calc(100% - 70px);
  background: rgba(0, 0, 0, 0);
  padding: 5px 60px 5px 5px;
  text-align: left;
  text-transform: uppercase;
  font-size: 2em;
  color: #ffffff;
  border: none;
  border-bottom: solid 1px #ffffff;
}

form#search_form button {
  display: block;
  background: rgba(255, 255, 255, 0);
  color: #ffffff;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  font-size: 2em;
}

form#search_form button i {
  background: #ffffff;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1080px) {
  form#search_form {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
  form#search_form button {
    right: 15px;
  }
}

@media screen and (max-width: 1280px) {
  header {
    position: fixed;
    background: #ffffff;
    margin: 0 !important;
  }
  header #lang {
    display: none !important;
  }
  header #tools {
    display: none;
    background: #000;
    width: 100%;
    position: absolute;
    top: 58px;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 30;
    overflow: hidden;
  }
  header #tools li {
    display: none;
    margin: 0;
    height: 30px;
  }
  header #tools li:first-child {
    display: block;
  }
  header #tools li:first-child input {
    margin: 0 !important;
    height: 30px;
  }
  header #tools li:first-child button {
    height: 30px !important;
  }
  header #prehead {
    font-size: 0.7em;
    order: 1;
  }
  header #logo {
    position: relative;
    top: 1px;
    margin: 15px auto;
    max-width: 120px !important;
    height: 100vh;
    max-height: 44px;
  }
  header #logo a {
    position: absolute;
    top: 0;
    left: 0;
  }
  header #lng {
    display: none;
  }
  header #login_mobile,
  header #search_mobile,
  header #menuopen,
  header #carrello_mobile,
  header #wishlist_mobile {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 1.2em;
    color: #000;
    position: relative;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  header #login_mobile i,
  header #search_mobile i,
  header #menuopen i,
  header #carrello_mobile i,
  header #wishlist_mobile i {
    text-indent: -9000em;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
  }
  header #login_mobile span,
  header #search_mobile span,
  header #menuopen span,
  header #carrello_mobile span,
  header #wishlist_mobile span {
    display: block;
    width: 15px;
    height: 15px;
    line-height: 13px;
    font-size: 0.5em;
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #ffffff;
    color: #000;
    border: solid 1px #000;
    text-indent: 0 !important;
  }
  header #login_mobile:hover, header #login_mobile.active,
  header #search_mobile:hover,
  header #search_mobile.active,
  header #menuopen:hover,
  header #menuopen.active,
  header #carrello_mobile:hover,
  header #carrello_mobile.active,
  header #wishlist_mobile:hover,
  header #wishlist_mobile.active {
    color: #000;
  }
  header #login_mobile:hover span, header #login_mobile.active span,
  header #search_mobile:hover span,
  header #search_mobile.active span,
  header #menuopen:hover span,
  header #menuopen.active span,
  header #carrello_mobile:hover span,
  header #carrello_mobile.active span,
  header #wishlist_mobile:hover span,
  header #wishlist_mobile.active span {
    background: #000;
    border-color: #000;
    color: #ffffff;
  }
  header #menuopen {
    left: 15px;
  }
  header #search_mobile {
    left: 50px;
  }
  header #carrello_mobile, header #login_mobile {
    right: 15px;
    /*logini mobile lo visualizzo solo nel b2b se non loggato*/
  }
  header #wishlist_mobile {
    right: 47.5px;
  }
  header #mainmenu {
    display: none !important;
  }
  #menu_tabs.genders {
    width: 100%;
    background: rgba(255, 255, 255, 0.9) url("../img/dot.png") repeat-y top left/calc(100% - 60px) 1px;
    overflow: auto;
    max-height: none;
    padding: 0;
    text-align: left;
  }
  #menu_tabs.genders .h3, #menu_tabs.genders .root_link {
    display: block;
    width: calc(100% - 60px);
    font-size: 1.2em;
    font-weight: 500;
    color: #000;
    background: #f1f1f1 !important;
    cursor: pointer;
    margin: 0  !important;
    padding: 10px 15px !important;
    border-bottom: solid 1px #000;
    position: relative;
    text-transform: uppercase;
    min-width: 250px;
  }
  #menu_tabs.genders .h3 i, #menu_tabs.genders .root_link i {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  #menu_tabs.genders .h3.ui-accordion-header-active, #menu_tabs.genders .root_link.ui-accordion-header-active {
    color: #000;
  }
  #menu_tabs.genders .tabs-brand {
    width: calc(100% - 60px);
    margin: 0 0 20px !important;
    padding: 0 !important;
    display: none;
    position: relative;
  }
  #menu_tabs.genders .tabs-brand .column {
    z-index: 2;
    min-height: 0;
  }
  #menu_tabs.genders .tabs-brand .column ul {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin: 0 auto;
    padding: 5px 0;
    max-height: 300px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #menu_tabs.genders .tabs-brand .column ul li {
    flex: 10 0 calc(100% / 2);
    max-width: calc((100% / 2) - 10px);
    padding: 0;
    border-right: solid 0px #ffffff;
    border-bottom: dotted 1px #ffffff;
    margin: 0;
    white-space: nowrap;
    text-transform: capitalize;
    overflow: hidden;
  }
  #menu_tabs.genders .tabs-brand .column ul li:nth-of-type(4n) {
    border: none;
  }
  #menu_tabs.genders .tabs-brand .column .h4 {
    font-size: 1em;
    margin: 0 0 5px;
  }
  #menu_tabs.genders .tabs-brand .column a {
    display: inline-block;
    width: auto;
    color: #000;
    font-size: 1em;
    padding: 5px 5px;
    margin: 0;
    border: solid 1px transparent;
  }
  #menu_tabs.genders .tabs-brand .column a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #666;
    border: solid 1px #ffffff;
    text-decoration: none;
  }
  #menu_tabs.genders .tabs-settori {
    display: none;
    margin: 0 !important;
    position: relative;
    width: calc(100% - 60px);
    min-width: 0;
    background: #fafafa;
    padding: 0 !important;
  }
  #menu_tabs.genders .tabs-settori .wrapper {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
  }
  #menu_tabs.genders .tabs-settori .column {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    z-index: 2;
    position: relative;
    max-width: none;
    min-height: 0;
    border: none;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
  }
  #menu_tabs.genders .tabs-settori .column .h4 {
    font-size: 1em;
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    background: transparent !important;
    cursor: pointer;
  }
  #menu_tabs.genders .tabs-settori .column .h4.ui-accordion-header-active {
    color: #000;
  }
  #menu_tabs.genders .tabs-settori .column ul {
    display: block;
    width: 100%;
    min-width: 250px;
    margin: 0;
    padding: 5px 0;
    max-height: none;
    list-style: none;
    overflow: hidden;
    background: #ffffff;
  }
  #menu_tabs.genders .tabs-settori .column ul div {
    height: 265px;
  }
  #menu_tabs.genders .tabs-settori .column ul li {
    padding: 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 0.8em;
  }
  #menu_tabs.genders .tabs-settori .column a {
    display: inline-block;
    width: auto;
    color: #000;
    font-size: 1em;
    padding: 5px 5px;
    margin: 2px 0;
    background: transparent !important;
    border: 0;
  }
  #menu_tabs.genders .tabs-settori .column a:hover {
    font-weight: 400;
    text-decoration: none;
  }
  #menu_tabs.genders .tabs-settori .img {
    display: none !important;
  }
  #menu_tabs.genders #tools_mobile {
    position: relative;
    padding: 0 15px;
    margin: 7px  0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    list-style: none;
    z-index: 30;
  }
  #menu_tabs.genders #tools_mobile li {
    width: 100%;
    margin: 0 0 15px;
  }
  #menu_tabs.genders #tools_mobile li a {
    color: #000;
    position: relative;
  }
  #menu_tabs.genders #tools_mobile li.active a {
    color: #000;
  }
  #menu_tabs.categories {
    position: fixed;
    left: 0;
    z-index: 9000;
    width: 100%;
    background: #ffffff url("../img/bg_menu_mobile.jpg") repeat-y calc(100% - 30px) 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
    margin: 0;
    box-shadow: 0 0;
    border-top: solid 1px #000;
    scrollbar-width: thin !important;
    scrollbar-color: #000 #fafafa;
  }
  #menu_tabs.categories::-webkit-scrollbar {
    width: 5px;
  }
  #menu_tabs.categories::-webkit-scrollbar-track {
    background: #fafafa;
  }
  #menu_tabs.categories::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0;
    border: 1px solid #fafafa;
  }
  #menu_tabs.categories::-webkit-resizer {
    width: 5px;
    background: #fafafa;
  }
  #menu_tabs.categories .h3, #menu_tabs.categories a.root_link {
    display: block;
    width: calc(100% - 30px);
    font-size: 1.143em;
    font-weight: 500;
    color: #000;
    background: rgba(255, 255, 255, 0.5) !important;
    cursor: pointer;
    margin: 0  !important;
    padding: 10px 15px !important;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
  }
  #menu_tabs.categories .h3 .ui-icon, #menu_tabs.categories a.root_link .ui-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 0.8em;
  }
  #menu_tabs.categories .accordion_menu ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 15px;
    padding: 5px 15px;
    max-height: none;
    list-style: none;
    text-transform: uppercase;
  }
  #menu_tabs.categories .accordion_menu ul div {
    width: 100%;
    max-height: 290px;
    scrollbar-width: thin !important;
    scrollbar-color: #000 #fafafa;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #menu_tabs.categories .accordion_menu ul div::-webkit-scrollbar {
    width: 3px;
  }
  #menu_tabs.categories .accordion_menu ul div::-webkit-scrollbar-track {
    background: #fafafa;
  }
  #menu_tabs.categories .accordion_menu ul div::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0;
    border: 1px solid #fafafa;
  }
  #menu_tabs.categories .accordion_menu ul div::-webkit-resizer {
    width: 3px;
    background: #fafafa;
  }
  #menu_tabs.categories .accordion_menu ul li {
    flex: 10 0 100%;
    max-width: calc(100%  - 10px);
    padding: 0;
    border: none;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  #menu_tabs.categories .accordion_menu ul li a {
    display: inline-block;
    width: auto;
    color: #cccccc;
    font-size: 0.9em;
    padding: 3px 5px 3px 15px;
    margin: 2px 0;
    border: solid 1px transparent;
  }
  #menu_tabs.categories .accordion_menu ul li a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #666;
    border: solid 1px #ffffff;
    text-decoration: none;
  }
  #menu_tabs.categories .accordion_menu ul li.last a {
    font-weight: 600;
    color: #000;
  }
  #menu_tabs.categories #tools_mobile {
    width: calc(100% - 30px);
    position: relative;
    padding: 0;
    margin: 7px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    text-transform: lowercase;
    font-weight: 600;
    list-style: none;
    z-index: 30;
  }
  #menu_tabs.categories #tools_mobile .ui-icon {
    display: none;
  }
  #menu_tabs.categories #tools_mobile li {
    width: 30px;
    height: 30px;
    margin: 0 0 0 10px;
  }
  #menu_tabs.categories #tools_mobile li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 1.2em;
    color: #000;
    position: relative;
    text-transform: uppercase;
    background: #ffffff;
  }
  #menu_tabs.categories #tools_mobile li a.lang {
    font-size: 0.9em;
  }
  #menu_tabs.categories #tools_mobile li a:hover {
    background: #cccccc;
    color: #ffffff;
  }
  #menu_tabs.categories #tools_mobile li.active a {
    background: #cccccc;
    color: #ffffff;
  }
  #menu_tabs.categories #tools_mobile li.active a span {
    background: #666;
    border-color: #666;
  }
}

@media screen and (max-width: 720px) {
  #minicart, #miniwish {
    right: 0px;
  }
  #prehead {
    font-size: 0.5em !important;
    order: 1;
  }
}

@media screen and (max-width: 350px) {
  header #logo {
    max-width: 150px !important;
  }
}

#mainwrap {
  margin-top: 0px;
  /*@media screen and (max-width:$break-large){
	margin-top: 140px;	
	}*/
}

#mainwrap section {
  background: #ffffff;
}

/******************home*******************/
.home h1 {
  display: none !important;
}

/*
#home_head{
	//margin:110px 0 0;
	margin:0;
	padding:0 ;
	text-align: center;
	a{
		display: block;
		width: 100%;
		img{
			width:100%;
			height: 100%;
			object-fit: cover;
		}
		h3{
			width: 100%;
			position:absolute;
			top:35vw;
			left:0;
			font-size: 3vw;
			font-weight: 400;
			letter-spacing:0em;
			color:$bianco;
			text-shadow: 1px 1px 0 $grigio_scuro;
			text-transform: uppercase;
			text-align: center;
			margin: 0;
					
			em{
				display: block;
				font-size:1.666vw;
				font-weight: 300;
				text-transform: none;
			}
		}
		span{
			width: 100%;
			position:absolute;
			top:43vw;
			left:0;
			color:$bianco;
			text-decoration: underline;
			font-size:1.333vw;
		}
	}
	
	
	
}*/
#home_head {
  margin: -55px 0 30px;
  padding: 0;
  text-align: center;
  overflow: hidden;
}

#home_head a {
  display: block;
  width: 100%;
}

#home_head a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#home_head a .h3 {
  width: 100%;
  max-width: 630px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  font-weight: 500;
  letter-spacing: 0em;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

#home_head a .h3 em, #home_head a .h3 strong {
  display: block;
  font-size: 16px;
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  line-height: 1.5em;
  margin: 30px 0;
}

#home_head a .h3 strong {
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
}

#home_head .home_gallery {
  display: block;
  background: #ffffff;
  position: relative;
  padding: 0 0 30px;
}

#home_head .home_gallery .swiper-button-black {
  width: 40px;
  height: 39px;
  z-index: 100;
  text-indent: -9000em;
}

#home_head .home_gallery .swiper-button-black.swiper-button-disabled {
  display: none;
}

#home_head .home_gallery .swiper-button-black.next_slider {
  background: rgba(255, 255, 255, 0.5) url("../img/icon/arrow_dx.svg") no-repeat top left/100% auto;
}

#home_head .home_gallery .swiper-button-black.prev_slider {
  background: rgba(255, 255, 255, 0.5) url("../img/icon/arrow_sx.svg") no-repeat top left/100% auto;
}

#home_corpo {
  margin: 0;
  padding: 0;
  text-align: center;
}

#home_corpo a {
  display: block;
  width: 100%;
}

#home_corpo a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#home_corpo a h3 {
  width: 100%;
  position: absolute;
  top: 80%;
  left: 0;
  font-size: 2vw;
  font-weight: 400;
  letter-spacing: 0em;
  color: #ffffff;
  text-shadow: 1px 1px 0 #666;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

#home_corpo a h3 em {
  display: block;
  font-size: 1.25vw;
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  text-decoration: underline;
}

#home_corpo a span {
  width: 100%;
  position: absolute;
  top: 43vw;
  left: 0;
  color: #ffffff;
  text-decoration: underline;
  font-size: 1.333vw;
}

#carousel {
  overflow: hidden;
}

#carousel .title {
  background: #fafafa;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-bottom: solid 2px #000;
  padding: 15px;
}

#carousel .title .h2 {
  padding: 0;
  margin: 0;
  font-size: 2vw;
}

#carousel .title ul {
  width: 100%;
  max-width: 300px;
  text-align: center;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin: 0;
  padding: 0;
}

#carousel .title ul li {
  width: 50%;
  cursor: pointer;
}

#carousel .title ul li.current {
  font-weight: 600;
}

#carousel .title ul li:hover {
  color: #f00;
}

#carousel .home_carousel {
  display: none;
  background: #ffffff;
  position: relative;
  padding: 0 0 30px;
}

#carousel .home_carousel.current {
  display: block;
}

#carousel .home_carousel .swiper-slide {
  cursor: pointer;
  position: relative;
  /*
			a{
				display: block;
				width: 100%;
				//max-width:325px;
				position: relative;
				overflow: hidden;
				padding: 10px;
			
				span{
					display: block;
					width:100%;
					line-height: 1.4em;
					height: 1.4em;
					overflow: hidden;
					margin-bottom: 10px;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-align: center;
					font-size:1em;
					&.img{
						height: auto;
						width:100%;
						margin: 0 auto 10px;
						background: $grigio_chiaro;
						padding: 10px;
						img{
							margin: 0;
							width:100%;
							height:auto;
							mix-blend-mode: multiply;
						}
					}
					&.marca{
						font-size: 1.2em;
						font-weight: 600;
						text-transform: uppercase;
					}
					&.prodotto{
						text-transform: uppercase;
						
					}
					&.prezzo{
						white-space: nowrap;
						letter-spacing: -0.4px;
						text-overflow: clip;
					
						span{
						display:inline-block;
						width: auto;
						margin: 0 3px 0 0;
						}
						i, em{
						font-style: normal;
						vertical-align: top;
						}
						i{
							color:$grigio;
						}
						em{
							font-weight:600;
						}
					}
				}
				&:hover{
					.img{box-shadow: 0 0 10px rgba($grigio, 0.5);}
				}
			}*/
}

#carousel .home_carousel .swiper-slide .add_wl {
  display: block;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 100;
}

#carousel .home_carousel .swiper-slide .add_wl i:hover {
  background: #000;
}

#carousel .home_carousel .swiper-slide .quickview {
  display: none;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 60px;
  right: 10px;
  z-index: 100;
}

#carousel .home_carousel .swiper-slide .tag {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 100;
  font-size: 0.8em;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  flex-flow: row;
  max-width: 50%;
  margin: 0;
  padding: 0;
}

#carousel .home_carousel .swiper-slide .tag li {
  display: inline-flex;
  width: auto;
  padding: 3px 5px;
  margin: 0 5px 5px 0;
  white-space: nowrap;
  text-transform: uppercase;
  color: #cccccc;
  background: #ffffff;
}

#carousel .home_carousel .swiper-slide .tag .last_arrive {
  color: #000;
}

#carousel .home_carousel .swiper-slide .tag .sale {
  color: #f00;
}

#carousel .home_carousel .swiper-slide .frame {
  display: block;
  overflow: hidden;
  padding: 0 0px 5px;
  text-align: left;
  position: relative;
  transition: .5s;
  transition-delay: .15s;
}

#carousel .home_carousel .swiper-slide .box_img {
  border: solid 1px #ffffff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

#carousel .home_carousel .swiper-slide .gal_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#carousel .home_carousel .swiper-slide .gal_img .swiper-slide {
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}

#carousel .home_carousel .swiper-slide .gal_img img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  mix-blend-mode: multiply;
  object-fit: contain;
}

#carousel .home_carousel .swiper-slide .cnt {
  text-transform: lowercase;
  margin: 0 0 10px;
  padding: 15px 0 0;
  text-align: left;
  font-size: 0.8em;
  text-decoration: none !important;
  /*.taglia_catalogo{
				display: none;
				width:100%;
				margin:0 ;	
				font-size:0.9em;
				text-transform: uppercase;
				line-height: 1.2em;
				height: 2.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px;
				font-weight: 300;
				i{
					display:block;
					font-style: normal;
				}

			}*/
}

#carousel .home_carousel .swiper-slide .cnt span {
  display: block;
}

#carousel .home_carousel .swiper-slide .cnt .marca {
  display: block;
  width: 100%;
  font-weight: 500;
  letter-spacing: 0;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
  text-transform: uppercase;
}

#carousel .home_carousel .swiper-slide .cnt .prodotto, #carousel .home_carousel .swiper-slide .cnt .taglia_catalogo {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
}

#carousel .home_carousel .swiper-slide .cnt .taglia_catalogo {
  display: none;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0 0 15px;
  font-size: 1em;
  min-height: 2.5em;
  font-weight: 600;
  /*gestione dei prezzi per il b2b*/
}

#carousel .home_carousel .swiper-slide .cnt .prezzo span, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd span {
  display: inline-block;
  position: relative;
  width: auto;
  margin: 0 5px 0 0;
}

@media screen and (max-width: 768px) {
  #carousel .home_carousel .swiper-slide .cnt .prezzo span, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd span {
    display: block;
    margin: 0 0 5px 0;
    height: 1em;
  }
}

#carousel .home_carousel .swiper-slide .cnt .prezzo del, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd del {
  color: #666;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo i, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd i {
  color: #f00;
  font-weight: 500;
  font-style: normal;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo em, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd em {
  display: inline-block;
  font-style: normal;
  letter-spacing: 0.15em;
  color: #000;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li {
  width: 50%;
  margin: 0;
  padding: 0;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li label, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li label {
  display: block;
  width: 100%;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li.prezzo_consigliato, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato {
  color: #666;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li.prezzo_consigliato strong, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato strong {
  color: #666;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li.prezzo_vendita, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li.prezzo_vendita {
  color: #000;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li.prezzo_vendita strong, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li.prezzo_vendita strong {
  color: #000;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo .prices_b2b li.prezzo_vendita em, #carousel .home_carousel .swiper-slide .cnt .prezzo_nd .prices_b2b li.prezzo_vendita em {
  color: #f00;
}

#carousel .home_carousel .swiper-slide .cnt .prezzo_nd {
  font-weight: 600;
  color: #cccccc;
}

#carousel .home_carousel .swiper-slide:hover {
  text-decoration: none !important;
}

#carousel .home_carousel .swiper-slide:hover .marca {
  color: #cccccc !important;
}

#carousel .home_carousel .swiper-slide:hover .taglia_catalogo {
  display: block;
}

#carousel .home_carousel .swiper-slide:hover .prodotto {
  display: none;
}

#carousel .home_carousel .swiper-slide:hover .prodotto.b2b {
  display: block;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy {
  width: calc(100% + 7.5px);
  position: relative;
  margin: -5px -7.5px 30px;
  font-size: 0.8em;
  width: 100%;
  max-height: 128px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  list-style: none;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy li {
  width: auto;
  margin: 0 7.5px 15px;
  border: solid 1px #cccccc;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy li span, #carousel .home_carousel .swiper-slide ul.b2b_buy li a {
  width: 30px;
  padding: 5px;
  background: #ffffff;
  text-align: center;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy li span strong, #carousel .home_carousel .swiper-slide ul.b2b_buy li a strong {
  display: block;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy li span.empty, #carousel .home_carousel .swiper-slide ul.b2b_buy li a.empty {
  background: #f00;
  color: #ffffff;
}

#carousel .home_carousel .swiper-slide ul.b2b_buy li a {
  background: #fafafa;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  #carousel .home_carousel .swiper-slide .cnt, #carousel .home_carousel .swiper-slide .prices_b2b {
    font-size: 0.9em;
  }
}

#carousel .home_carousel .swiper-pagination {
  position: relative;
  text-align: center;
  z-index: 100;
}

#carousel .home_carousel .swiper-pagination .swiper-pagination-bullet {
  border-radius: 100%;
  border: solid 1px #000;
  background: rgba(255, 255, 255, 0);
  width: 12px;
  height: 12px;
  opacity: 1;
  color: rgba(255, 255, 255, 0);
}

#carousel .home_carousel .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  background: rgba(255, 255, 255, 0);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin: 2px;
}

#carousel .home_carousel .swiper-pagination .swiper-pagination-bullet-active:before {
  background: #f1f1f1;
}

#carousel .home_carousel .swiper-button-black {
  z-index: 100;
}

#carousel .home_carousel .swiper-button-black.swiper-button-disabled {
  display: none;
}

@media screen and (max-width: 992px) {
  #e-service h2, #carousel h2 {
    text-align: center;
  }
  #e-service h2 span, #e-service h2 ul, #carousel h2 span, #carousel h2 ul {
    margin: 0 auto !important;
  }
  #e-service .col-sm-6, #carousel .col-sm-6 {
    max-width: 50%;
    margin-bottom: 15px;
  }
  #e-service .col-sm-6 a .txt, #carousel .col-sm-6 a .txt {
    min-height: 11vw;
    font-size: 1.5vw;
    padding-bottom: 5vw;
  }
  #e-service .col-sm-6 a .txt .tit, #carousel .col-sm-6 a .txt .tit {
    font-size: 1.8vw;
  }
  #e-service .col-sm-6 a .txt .btn, #carousel .col-sm-6 a .txt .btn {
    font-size: 1.15vw !important;
    white-space: nowrap;
  }
  #e-service #scalapay img, #carousel #scalapay img {
    max-width: 83% !important;
  }
}

@media screen and (max-width: 720px) {
  #home_head {
    margin-top: 60px;
  }
  #home_head a h3 {
    font-size: 5.5vw !important;
    top: 67vw !important;
  }
  #home_head a h3 em {
    font-size: 3.5vw !important;
  }
  #home_head a span {
    top: 83vw !important;
    font-size: 3.5vw !important;
  }
  #e-service h2, #carousel h2, #boutique h2 {
    font-size: 6vw;
    text-align: center;
    padding: 0 !important;
  }
  #e-service h2 span, #e-service h2 ul, #carousel h2 span, #carousel h2 ul, #boutique h2 span, #boutique h2 ul {
    margin: 0 auto !important;
  }
  #e-service h2 span, #carousel h2 span, #boutique h2 span {
    padding: 20px 10px;
  }
  #e-service .col-sm-6, #carousel .col-sm-6, #boutique .col-sm-6 {
    max-width: 50%;
    margin-bottom: 15px;
  }
  #e-service .col-sm-6 a img, #carousel .col-sm-6 a img, #boutique .col-sm-6 a img {
    max-width: 30%;
    height: auto;
  }
  #e-service .col-sm-6 a .txt, #carousel .col-sm-6 a .txt, #boutique .col-sm-6 a .txt {
    min-height: 22vw;
    font-size: 3vw;
    padding-bottom: 10vw;
  }
  #e-service .col-sm-6 a .txt .tit, #carousel .col-sm-6 a .txt .tit, #boutique .col-sm-6 a .txt .tit {
    font-size: 3.6vw;
  }
  #e-service .col-sm-6 a .txt .btn, #carousel .col-sm-6 a .txt .btn, #boutique .col-sm-6 a .txt .btn {
    font-size: 2.3vw !important;
    white-space: nowrap;
  }
  #e-service #scalapay img, #carousel #scalapay img, #boutique #scalapay img {
    margin: 4.653vw auto !important;
  }
  #home_corpo h3 {
    font-size: 6vw !important;
  }
  #home_corpo em {
    font-size: 3vw !important;
  }
  .home_gallery .swiper-slide h3 {
    font-size: 1.8em !important;
  }
}

/*******************************************/
#breadcrumb {
  width: 100%;
  padding: 0;
  background: #ffffff;
  position: relative;
  line-height: 1.2em;
  text-align: center;
  overflow: hidden;
}

#breadcrumb h1, #breadcrumb .h1 {
  display: inline-block;
  margin: 15px auto;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.250rem;
  color: #000;
}

#breadcrumb .txt_bread {
  display: block;
  width: 100%;
  text-align: justify;
  padding: 0 15px;
  margin: 0 0 5px;
}

#breadcrumb .h6 {
  margin: 15px auto;
  font-size: 0.7em;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
}

#breadcrumb .h6 strong {
  font-style: italic;
}

#breadcrumb #bred {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0;
  padding: 15px 0;
  font-size: 0.8em;
  font-weight: 300;
  list-style: none;
}

#breadcrumb #bred li {
  width: auto;
  margin: 0;
}

#breadcrumb #bred strong {
  font-style: italic;
}

#breadcrumb ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-flow: row;
  margin: 0 0 15px;
  padding: 0;
}

#breadcrumb ul li {
  text-align: justify;
  font: 100 0.8em/1.4em 'Lato', sans-serif;
  color: #000;
  padding: 0 0 0 30px;
}

#breadcrumb ul li.img {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  max-height: 100px;
  overflow: hidden;
}

#breadcrumb ul li.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#top-filter {
  background: #ffffff;
  width: 100%;
  position: sticky;
  left: 0;
  z-index: 1000;
  padding: 0;
  text-transform: uppercase;
  border-bottom: solid 5px #fafafa;
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 0.7em;
}

#top-filter .active_filter {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
}

#top-filter .active_filter * {
  color: #000;
}

#top-filter .active_filter li {
  line-height: 35px;
  margin: 0 10px 0px 0;
}

#top-filter #filter_toggle {
  display: none;
}

#top-filter .col-xl-6:last-of-type {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}

#top-filter .col-xl-6:last-of-type div {
  margin: 0 15px;
}

#top-filter .col-xl-6:last-of-type div select {
  border-bottom: 0;
  text-transform: uppercase;
}

@media screen and (max-width: 1080px) {
  #breadcrumb ul {
    flex-flow: column;
  }
  #breadcrumb li {
    padding: 15px !important;
  }
  #breadcrumb li.img {
    padding: 15px !important;
    height: auto !important;
    max-height: none;
    padding: 0 !important;
  }
  #top-filter .col-xl-6:first-of-type {
    order: 1;
  }
  #top-filter .col-xl-6:last-of-type {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    border-bottom: solid 5px #fafafa;
    order: 0;
  }
  #top-filter .col-xl-6:last-of-type div, #top-filter .col-xl-6:last-of-type #filter_toggle {
    display: inline-flex !important;
    margin: 0 15px;
    line-height: 35px;
  }
  #top-filter .col-xl-6:last-of-type div select, #top-filter .col-xl-6:last-of-type #filter_toggle select {
    border-bottom: 0;
    text-transform: uppercase;
  }
  #top-filter .col-xl-6:last-of-type .season_type, #top-filter .col-xl-6:last-of-type .filters_type {
    display: none !important;
  }
}

@media screen and (max-width: 720px) {
  #breadcrumb .col-md-3 {
    order: 1;
  }
  #breadcrumb p {
    padding: 15px !important;
  }
  #top-filter .col-xl-6:last-of-type {
    flex-flow: row wrap !important;
  }
  #top-filter .col-xl-6:last-of-type div, #top-filter .col-xl-6:last-of-type #filter_toggle {
    width: 50% !important;
    margin: 0;
  }
  #top-filter .col-xl-6:last-of-type div#filter_toggle, #top-filter .col-xl-6:last-of-type #filter_toggle#filter_toggle {
    padding: 0 10px;
  }
}

/******************catalog*******************/
/*center*/
section#catalog {
  margin: 0 auto;
  padding: 0;
  background: #ffffff;
  width: 100%;
  position: relative;
  /*********elenco**********/
  /*media query per catalogo e dettaglio */
  /*********dettaglio**********/
}

section#catalog .h1 {
  display: block;
  margin: 15px auto;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.250rem;
  color: #000;
  text-align: center;
}

section#catalog .paginazione {
  margin: 30px 0;
  border-bottom: solid 5px #fafafa;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.8em;
}

section#catalog .paginazione div {
  margin-bottom: 15px;
}

section#catalog .paginazione ul {
  width: auto;
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
}

section#catalog .paginazione ul li {
  display: inline-block;
  width: auto;
  margin: 0 5px;
}

section#catalog .paginazione ul li a {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  font-weight: 200;
  color: #000;
}

section#catalog .paginazione ul li a:hover {
  font-weight: 600;
  color: #f1f1f1;
}

section#catalog .paginazione ul li a.act {
  font-weight: 600;
  color: #f1f1f1;
}

section#catalog .paginazione ul li span.act {
  font-weight: 600;
  color: #000;
}

section#catalog .paginazione a:hover {
  color: #f1f1f1;
  text-decoration: none;
}

section#catalog .paginazione a i {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #000;
  mask: url("../img/icon/chevron-up.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/chevron-up.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
  margin-bottom: -8px;
}

section#catalog .paginazione a i:hover {
  background: #f1f1f1;
}

@media screen and (max-width: 1080px) {
  section#catalog .paginazione {
    text-align: center;
  }
  section#catalog .paginazione ul li a {
    width: 30px;
  }
}

section#catalog #center {
  margin-top: 0;
  /*********fine elenco**********/
}

section#catalog #center .sx {
  padding: 0;
  margin: 0;
  max-width: 300px;
  /*filter*/
  /*fine filter*/
}

section#catalog #center .sx #filter_container {
  position: sticky;
  left: 0;
  z-index: 0;
  padding: 0px 0px 15px;
  list-style: none;
  width: 100%;
  margin: 0;
  font-size: 1.2em;
}

section#catalog #center .sx #filter_close {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  font-weight: 500;
}

section#catalog #center .sx #export_csv {
  display: block;
  width: calc(100% - 30px);
  border: solid 1px #000;
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  padding: 8px 15px;
  margin: 30px auto;
}

section#catalog #center .sx ul#filter {
  display: block;
  padding: 0px 0px 15px;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  font-size: 0.7em;
  text-transform: uppercase !important;
}

section#catalog #center .sx ul#filter li {
  /*background: rgb(238,238,238);
            background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);*/
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #f1f1f1;
}

section#catalog #center .sx ul#filter li .h4 {
  font-size: 1em;
  font-weight: 500;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
  transition: transform 0.5s linear;
  margin: 0 0 1px;
  padding: 10px 15px;
  cursor: pointer;
  color: #000;
  position: relative;
  background: #ffffff !important;
}

section#catalog #center .sx ul#filter li .h4 span {
  display: block;
  width: 9px;
  height: 9px;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  /* Vertical line */
  /* horizontal line */
}

section#catalog #center .sx ul#filter li .h4 span:before, section#catalog #center .sx ul#filter li .h4 span:after {
  content: "";
  position: absolute;
  background-color: #000;
  transition: transform 0.25s ease-out;
}

section#catalog #center .sx ul#filter li .h4 span:before {
  top: 0;
  left: 4.48px;
  width: 1px;
  height: 9px;
}

section#catalog #center .sx ul#filter li .h4 span:after {
  top: 4.48px;
  left: 0;
  width: 9px;
  height: 1px;
}

section#catalog #center .sx ul#filter li .h4 span.ui-accordion-header-icon {
  display: none !important;
}

section#catalog #center .sx ul#filter li .h4.ui-state-active {
  background: bianco !important;
}

section#catalog #center .sx ul#filter li .h4.ui-state-active span:before {
  transform: rotate(90deg);
}

section#catalog #center .sx ul#filter li .h4.ui-state-active span:after {
  transform: rotate(180deg);
}

section#catalog #center .sx ul#filter li ul {
  margin: 10px 0 30px;
  padding: 0 15px;
  list-style: none;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

section#catalog #center .sx ul#filter li ul::-webkit-scrollbar {
  width: 5px;
}

section#catalog #center .sx ul#filter li ul::-webkit-scrollbar-track {
  background: transparent;
}

section#catalog #center .sx ul#filter li ul::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

section#catalog #center .sx ul#filter li ul::-webkit-resizer {
  width: 5px;
  background: transparent;
}

section#catalog #center .sx ul#filter li ul li {
  background: transparent !important;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

section#catalog #center .sx ul#filter li ul li .h5 {
  font-size: 0.9em;
  font-weight: 300;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
  transition: transform 0.5s linear;
  margin: 0 0 10px;
  padding: 0  0 0 15px;
  cursor: pointer;
  color: #000;
  font-weight: 500;
}

section#catalog #center .sx ul#filter li ul li .h5.ui-accordion-header {
  background: transparent;
}

section#catalog #center .sx ul#filter li ul li .h5:before {
  content: '';
  background: url("../img/icon/chevron-right.svg") no-repeat top left;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

section#catalog #center .sx ul#filter li ul li .h5 span {
  display: none;
  width: 9px;
  height: 10px;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  /* Vertical line */
  /* horizontal line */
}

section#catalog #center .sx ul#filter li ul li .h5 span:before, section#catalog #center .sx ul#filter li ul li .h5 span:after {
  content: "";
  position: absolute;
  background-color: #000;
  transition: transform 0.25s ease-out;
}

section#catalog #center .sx ul#filter li ul li .h5 span:before {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
}

section#catalog #center .sx ul#filter li ul li .h5 span:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
}

section#catalog #center .sx ul#filter li ul li .h5 span.ui-accordion-header-icon {
  display: none !important;
}

section#catalog #center .sx ul#filter li ul li .h5.ui-state-active:before {
  transform: translateY(-50%) rotate(90deg);
}

section#catalog #center .sx ul#filter li ul li .h5.ui-state-active span:before {
  transform: rotate(90deg);
}

section#catalog #center .sx ul#filter li ul li .h5.ui-state-active span:after {
  transform: rotate(180deg);
}

section#catalog #center .sx ul#filter li ul li a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 2px 2px 2px 20px;
  margin: 0;
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.5em;
}

section#catalog #center .sx ul#filter li ul li a:before {
  content: "\f45c";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  border: solid 1px #000;
  background: #ffffff;
  width: 12px;
  height: 12px;
  font: 900 6px/10px "Font Awesome 5 Free";
  text-align: center;
  color: #ffffff;
}

section#catalog #center .sx ul#filter li ul li a:hover, section#catalog #center .sx ul#filter li ul li a.active {
  color: #000;
}

section#catalog #center .sx ul#filter li ul li a:hover:before, section#catalog #center .sx ul#filter li ul li a.active:before {
  color: #000;
}

section#catalog #center .sx ul#filter li #categorie {
  max-height: none;
}

section#catalog #center .sx ul#filter li #categorie li ul {
  margin: 0 0 10px;
  padding: 0 15px;
  list-style: none;
  font-size: 1em;
  font-weight: 300;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

section#catalog #center .sx ul#filter li #categorie li ul::-webkit-scrollbar {
  width: 5px;
}

section#catalog #center .sx ul#filter li #categorie li ul::-webkit-scrollbar-track {
  background: transparent;
}

section#catalog #center .sx ul#filter li #categorie li ul::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

section#catalog #center .sx ul#filter li #categorie li ul::-webkit-resizer {
  width: 5px;
  background: transparent;
}

section#catalog #center .sx ul#filter li #categorie li ul li {
  text-transform: uppercase;
}

section#catalog #center .sx ul#filter li #categorie li ul li a {
  font-size: 0.8em;
}

section#catalog #center .sx ul#filter li #taglia {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 15px 0 5px 0;
  padding: 0 10px;
  list-style: none;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  text-align: center;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

section#catalog #center .sx ul#filter li #taglia::-webkit-scrollbar {
  width: 5px;
}

section#catalog #center .sx ul#filter li #taglia::-webkit-scrollbar-track {
  background: transparent;
}

section#catalog #center .sx ul#filter li #taglia::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

section#catalog #center .sx ul#filter li #taglia::-webkit-resizer {
  width: 5px;
  background: transparent;
}

section#catalog #center .sx ul#filter li #taglia li {
  width: 35px;
  overflow: hidden;
  margin: 0px 10px 10px 0;
}

section#catalog #center .sx ul#filter li #taglia li a {
  display: block;
  width: 35px;
  height: 35px;
  border: solid 1px #666;
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 35px;
  padding: 0;
  color: #000;
}

section#catalog #center .sx ul#filter li #taglia li a:before {
  display: none;
}

section#catalog #center .sx ul#filter li #taglia li a:hover, section#catalog #center .sx ul#filter li #taglia li a.active {
  background: #000;
  color: #ffffff;
  text-decoration: none;
}

section#catalog #center .sx ul#filter li #range_price {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 30px 15px;
}

section#catalog #center .sx ul#filter li #range_price #cursor_valuta, section#catalog #center .sx ul#filter li #range_price #cursor_price, section#catalog #center .sx ul#filter li #range_price #filter_url {
  display: none;
}

section#catalog #center .sx ul#filter li #range_price #min_price,
section#catalog #center .sx ul#filter li #range_price #max_price {
  position: absolute !important;
  width: 40px !important;
  top: 40px;
  z-index: 0;
  text-align: right;
  font-size: 1em;
}

section#catalog #center .sx ul#filter li #range_price #min_price input,
section#catalog #center .sx ul#filter li #range_price #max_price input {
  background: transparent !important;
  display: block !important;
  font-size: 0.9em;
  width: 30px !important;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

section#catalog #center .sx ul#filter li #range_price #max_price {
  right: 10px;
  left: auto;
}

section#catalog #center .sx ul#filter li #range_price #slider-range-min {
  display: block;
  width: calc(100% - 100px);
  height: 3em;
  position: relative;
  margin: 0 auto;
  overflow: visible;
}

section#catalog #center .sx ul#filter li #range_price #slider-range-min:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #666;
}

section#catalog #center .sx ul#filter li #range_price #slider-range-min #custom-handle {
  width: 40px;
  background: url("../img/icon/chevron-up.svg") no-repeat center 20px/25px auto;
  position: absolute;
  z-index: 2;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  height: 40px;
  top: 0;
  padding-bottom: 0;
  margin-top: -2.5px;
  margin-left: -15px;
  text-align: center;
  line-height: 1.6em;
  white-space: nowrap;
}

section#catalog #center .prodotti {
  padding: 0;
}

section#catalog #center .prodotti .line {
  display: none;
  flex: 0 0 100%;
  max-width: 100%;
  height: 1px;
  position: relative;
  text-align: center;
  margin: 15px 0;
}

section#catalog #center .prodotti .line:before {
  content: "";
  display: block;
  width: 50%;
  margin: 0 auto;
  background: #cccccc;
  height: 1px;
}

section#catalog #center .prodotti .item {
  cursor: pointer;
  position: relative;
}

section#catalog #center .prodotti .item .add_wl {
  display: block;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 100;
}

section#catalog #center .prodotti .item .add_wl i:hover {
  background: #000;
}

section#catalog #center .prodotti .item .quickview {
  display: none;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 60px;
  right: 10px;
  z-index: 100;
}

section#catalog #center .prodotti .item .tag {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 100;
  font-size: 0.8em;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  flex-flow: row;
  max-width: 50%;
  margin: 0;
  padding: 0;
}

section#catalog #center .prodotti .item .tag li {
  display: inline-flex;
  width: auto;
  padding: 3px 5px;
  margin: 0 5px 5px 0;
  white-space: nowrap;
  text-transform: uppercase;
  color: #cccccc;
  background: #ffffff;
}

section#catalog #center .prodotti .item .tag .last_arrive {
  color: #000;
}

section#catalog #center .prodotti .item .tag .sale {
  color: #f00;
}

section#catalog #center .prodotti .item .frame {
  display: block;
  overflow: hidden;
  padding: 0 0px 5px;
  text-align: left;
  position: relative;
  transition: .5s;
  transition-delay: .15s;
}

section#catalog #center .prodotti .item .box_img {
  border: solid 1px #ffffff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

section#catalog #center .prodotti .item .gal_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

section#catalog #center .prodotti .item .gal_img .swiper-slide {
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}

section#catalog #center .prodotti .item .gal_img img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  mix-blend-mode: multiply;
  object-fit: contain;
}

section#catalog #center .prodotti .item .cnt {
  text-transform: lowercase;
  margin: 0 0 10px;
  padding: 15px 0 0;
  text-align: left;
  font-size: 0.8em;
  text-decoration: none !important;
  /*.taglia_catalogo{
				display: none;
				width:100%;
				margin:0 ;	
				font-size:0.9em;
				text-transform: uppercase;
				line-height: 1.2em;
				height: 2.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px;
				font-weight: 300;
				i{
					display:block;
					font-style: normal;
				}

			}*/
}

section#catalog #center .prodotti .item .cnt span {
  display: block;
}

section#catalog #center .prodotti .item .cnt .marca {
  display: block;
  width: 100%;
  font-weight: 500;
  letter-spacing: 0;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
  text-transform: uppercase;
}

section#catalog #center .prodotti .item .cnt .prodotto, section#catalog #center .prodotti .item .cnt .taglia_catalogo {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
}

section#catalog #center .prodotti .item .cnt .taglia_catalogo {
  display: none;
}

section#catalog #center .prodotti .item .cnt .prezzo, section#catalog #center .prodotti .item .cnt .prezzo_nd {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0 0 15px;
  font-size: 1em;
  min-height: 2.5em;
  font-weight: 600;
  /*gestione dei prezzi per il b2b*/
}

section#catalog #center .prodotti .item .cnt .prezzo span, section#catalog #center .prodotti .item .cnt .prezzo_nd span {
  display: inline-block;
  position: relative;
  width: auto;
  margin: 0 5px 0 0;
}

@media screen and (max-width: 768px) {
  section#catalog #center .prodotti .item .cnt .prezzo span, section#catalog #center .prodotti .item .cnt .prezzo_nd span {
    display: block;
    margin: 0 0 5px 0;
    height: 1em;
  }
}

section#catalog #center .prodotti .item .cnt .prezzo del, section#catalog #center .prodotti .item .cnt .prezzo_nd del {
  color: #666;
}

section#catalog #center .prodotti .item .cnt .prezzo i, section#catalog #center .prodotti .item .cnt .prezzo_nd i {
  color: #f00;
  font-weight: 500;
  font-style: normal;
}

section#catalog #center .prodotti .item .cnt .prezzo em, section#catalog #center .prodotti .item .cnt .prezzo_nd em {
  display: inline-block;
  font-style: normal;
  letter-spacing: 0.15em;
  color: #000;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li {
  width: 50%;
  margin: 0;
  padding: 0;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li label, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li label {
  display: block;
  width: 100%;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li.prezzo_consigliato, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato {
  color: #666;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li.prezzo_consigliato strong, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato strong {
  color: #666;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li.prezzo_vendita, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita {
  color: #000;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li.prezzo_vendita strong, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita strong {
  color: #000;
}

section#catalog #center .prodotti .item .cnt .prezzo .prices_b2b li.prezzo_vendita em, section#catalog #center .prodotti .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita em {
  color: #f00;
}

section#catalog #center .prodotti .item .cnt .prezzo_nd {
  font-weight: 600;
  color: #cccccc;
}

section#catalog #center .prodotti .item:hover {
  text-decoration: none !important;
}

section#catalog #center .prodotti .item:hover .marca {
  color: #cccccc !important;
}

section#catalog #center .prodotti .item:hover .taglia_catalogo {
  display: block;
}

section#catalog #center .prodotti .item:hover .prodotto {
  display: none;
}

section#catalog #center .prodotti .item:hover .prodotto.b2b {
  display: block;
}

section#catalog #center .prodotti .item ul.b2b_buy {
  width: calc(100% + 7.5px);
  position: relative;
  margin: -5px -7.5px 30px;
  font-size: 0.8em;
  width: 100%;
  max-height: 128px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  list-style: none;
}

section#catalog #center .prodotti .item ul.b2b_buy li {
  width: auto;
  margin: 0 7.5px 15px;
  border: solid 1px #cccccc;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

section#catalog #center .prodotti .item ul.b2b_buy li span, section#catalog #center .prodotti .item ul.b2b_buy li a {
  width: 30px;
  padding: 5px;
  background: #ffffff;
  text-align: center;
}

section#catalog #center .prodotti .item ul.b2b_buy li span strong, section#catalog #center .prodotti .item ul.b2b_buy li a strong {
  display: block;
}

section#catalog #center .prodotti .item ul.b2b_buy li span.empty, section#catalog #center .prodotti .item ul.b2b_buy li a.empty {
  background: #f00;
  color: #ffffff;
}

section#catalog #center .prodotti .item ul.b2b_buy li a {
  background: #fafafa;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  section#catalog #center .prodotti .item .cnt, section#catalog #center .prodotti .item .prices_b2b {
    font-size: 0.9em;
  }
}

section#catalog #center .prodotti .banner {
  display: block;
  width: 100%;
  overflow: hidden;
}

section#catalog #center .prodotti .banner img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1080px) {
  section#catalog .sx {
    max-width: 0 !important;
    flex: 0 0 0 !important;
    border: none !important;
  }
  section#catalog .sx #filter_container {
    display: none;
    position: fixed !important;
    background: #ffffff;
    max-width: none !important;
    left: 0 !important;
    overflow: auto !important;
    border-top: solid 2px #e5e5e5;
    z-index: 10001 !important;
    padding: 40px 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #000 transparent;
  }
  section#catalog .sx #filter_container::-webkit-scrollbar {
    width: 7px;
  }
  section#catalog .sx #filter_container::-webkit-scrollbar-track {
    background: transparent;
  }
  section#catalog .sx #filter_container::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0;
    border: 1px solid transparent;
  }
  section#catalog .sx #filter_container::-webkit-resizer {
    width: 7px;
    background: transparent;
  }
  section#catalog .sx #filter_container #filter_close {
    display: inline-block !important;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.7em;
    right: 10px;
  }
  section#catalog .sx #filter_container #filter {
    max-width: none;
    width: 100%;
    padding: 15px;
  }
  section#catalog .sx #filter_container ul {
    max-height: 150px !important;
  }
  section#catalog .sx #filter_container ul#categorie {
    max-height: none !important;
  }
  section#catalog .sx #filter_container ul#categorie li {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-bottom: solid 1px #cccccc;
  }
  section#catalog .sx #filter_container ul#categorie li h5 {
    margin: 0 !important;
  }
  section#catalog .sx #filter_container ul#categorie li ul {
    margin: 0 !important;
    max-height: 150px !important;
  }
  section#catalog .sx #filter_container ul#categorie li ul li {
    border-bottom: dotted 1px #cccccc;
  }
  section#catalog .sx #filter_container ul#categorie li ul li:last-child {
    border-bottom: none;
  }
  section#catalog .sx #filter_container ul#brands li {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-bottom: dotted 1px #cccccc;
  }
  section#catalog .sx #filter_container ul#brands li:last-child {
    border-bottom: none;
  }
  section#catalog .prodotti {
    padding-top: 50px;
    flex: 0 0 100%;
    max-width: 100% !important;
  }
  section#catalog .prodotti .item {
    width: 50% !important;
  }
  section#catalog .prodotti .banner {
    max-width: 300px;
    margin: 0 auto 7.5px;
  }
  section#catalog .paginazione .text-right {
    text-align: center !important;
  }
}

section#catalog.dettaglio {
  /*total look*/
}

section#catalog.dettaglio #breadcrumb {
  position: relative;
  z-index: 1000;
  border-bottom: solid 1px #000;
  margin-bottom: 30px;
}

section#catalog.dettaglio #corpo_prod {
  text-align: center;
  /*descrizione prodotto*/
}

section#catalog.dettaglio #corpo_prod .imgb {
  padding: 0;
  margin: 0 auto 30px;
  position: relative;
}

section#catalog.dettaglio #corpo_prod .gal_tmb {
  width: 100%;
  max-width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
}

section#catalog.dettaglio #corpo_prod .gal_tmb .swiper-wrapper {
  align-items: center;
}

section#catalog.dettaglio #corpo_prod .gal_tmb .swiper-slide {
  width: 150px;
  margin: 0 30px;
  overflow: hidden;
  padding: 0;
  opacity: 0.7;
  align-items: center;
  cursor: pointer;
}

section#catalog.dettaglio #corpo_prod .gal_tmb .swiper-slide img {
  width: 150px;
  height: 200px;
  object-fit: cover;
}

section#catalog.dettaglio #corpo_prod .gal_tmb .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

section#catalog.dettaglio #corpo_prod .prev_tmb, section#catalog.dettaglio #corpo_prod .next_tmb {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 150px;
  height: 28px;
  z-index: 1000;
  background: #fafafa;
  background-size: 100% auto;
  right: 0;
  cursor: pointer;
}

section#catalog.dettaglio #corpo_prod .prev_tmb.swiper-button-disabled, section#catalog.dettaglio #corpo_prod .next_tmb.swiper-button-disabled {
  display: none !important;
}

section#catalog.dettaglio #corpo_prod .prev_tmb:before, section#catalog.dettaglio #corpo_prod .next_tmb:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

section#catalog.dettaglio #corpo_prod .prev_tmb {
  top: 0;
}

section#catalog.dettaglio #corpo_prod .prev_tmb:before {
  background: url("../img/icon/linearicons/chevron-up.svg") no-repeat center center/contain;
}

section#catalog.dettaglio #corpo_prod .next_tmb {
  top: auto;
  bottom: -14px;
}

section#catalog.dettaglio #corpo_prod .next_tmb:before {
  background: url("../img/icon/linearicons/chevron-down.svg") no-repeat center center/contain;
}

section#catalog.dettaglio #corpo_prod .gal_det {
  width: 100%;
  max-width: 600px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 0;
}

section#catalog.dettaglio #corpo_prod .gal_det .swiper-wrapper {
  align-items: center;
}

section#catalog.dettaglio #corpo_prod .gal_det .swiper-slide a {
  cursor: zoom-in;
}

section#catalog.dettaglio #corpo_prod .gal_det .swiper-slide a img {
  width: 100%;
  height: auto;
}

section#catalog.dettaglio #corpo_prod .gal_det .swiper-zoom-container {
  height: auto !important;
}

section#catalog.dettaglio #corpo_prod .txt {
  background: #fafafa;
  margin: 0 auto 30px;
  text-align: left;
  position: sticky;
  top: 0;
  padding: 30px;
  /****************************************Add to cart mixin **********************
* 						blu		grigio_chiaro		blu           grigio			bianco		sfondo		 100%    315px       0
* @include add_to_cart($Color, $ColorHover, $BorderColor,$BorderColorHover, $bgColor, $bgColorHover, $Width, $MaxWidth, $Radius);
* */
  /****************************************new cart section***********************/
  /****************************************end new cart section***********************/
  /****************************************descrizione prodotto***********************/
  /**************************************** fine  descrizione prodotto***********************/
}

section#catalog.dettaglio #corpo_prod .txt h1, section#catalog.dettaglio #corpo_prod .txt .h1 {
  font-size: 2em;
  margin: 0 0 30px;
}

section#catalog.dettaglio #corpo_prod .txt .h2 {
  font-weight: 600;
  font-size: 1.3em;
  margin: 0 0 30px;
  color: #000;
  padding: 0;
  text-align: left;
}

section#catalog.dettaglio #corpo_prod .txt .h6 {
  font-weight: 400;
  font-size: 0.875em;
  margin: 10px 0 30px;
  color: #666;
  text-transform: uppercase;
  text-align: left;
}

section#catalog.dettaglio #corpo_prod .txt .h6.scalapay {
  font-weight: 300;
  text-align: left;
  color: #000;
  text-transform: none;
}

section#catalog.dettaglio #corpo_prod .txt .h6.scalapay img {
  width: 100%;
  max-width: 63px;
  height: auto;
}

section#catalog.dettaglio #corpo_prod .txt .h3.price {
  margin: 0 0 3 0px;
  font-weight: 300;
  font-size: 1.3em;
}

section#catalog.dettaglio #corpo_prod .txt .h3.price del {
  color: #cccccc;
  text-decoration: line-through;
  margin: 0 8px 0 0;
}

section#catalog.dettaglio #corpo_prod .txt .h3.price i {
  font-style: normal;
  margin: 0 8px 0 0;
}

section#catalog.dettaglio #corpo_prod .txt .h3.price em {
  font-style: normal;
  font-weight: 600;
  color: #000;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li {
  width: 50%;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li label {
  display: block;
  width: 100%;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li.prezzo_consigliato {
  color: #666;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li.prezzo_consigliato strong {
  color: #666;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li.prezzo_vendita {
  color: #000;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li.prezzo_vendita strong {
  color: #000;
}

section#catalog.dettaglio #corpo_prod .txt .prices_b2b li.prezzo_vendita em {
  color: #f00;
}

section#catalog.dettaglio #corpo_prod .txt .h5 {
  display: block;
  width: 100%;
  padding: 0;
  position: relative;
  font-weight: 600;
  font-size: 0.9em;
  overflow: hidden;
  color: #000;
  margin: 0 0 30px;
  text-transform: uppercase;
  background: transparent !important;
}

section#catalog.dettaglio #corpo_prod .txt .h5 span {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 0.8em;
  text-transform: uppercase;
  transform: translateY(-50%);
}

section#catalog.dettaglio #corpo_prod .txt #varianti {
  margin: -10px 0 0;
}

section#catalog.dettaglio #corpo_prod .txt #varianti .h5 {
  border-bottom: solid 1px #666;
  margin-bottom: 0;
}

section#catalog.dettaglio #corpo_prod .txt #varianti ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  text-align: center;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt #varianti ul li {
  width: calc((100% / 3) - 10px);
  margin: 0 10px 10px 0;
}

section#catalog.dettaglio #corpo_prod .txt #varianti ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none !important;
  font-size: 0.8em;
  font-weight: 600;
  border: solid 1px #cccccc;
  padding: 5px;
  background: #ffffff;
}

section#catalog.dettaglio #corpo_prod .txt #varianti ul li a img {
  display: block;
  width: 80%;
  height: auto;
  transition: all 0.5s ease-in;
  margin: 0 auto;
}

section#catalog.dettaglio #corpo_prod .txt #varianti ul li a:hover {
  border: solid 1px #000;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b {
  width: 100%;
  overflow: hidden;
  position: relative;
  /*taglie b2b*/
}

section#catalog.dettaglio #corpo_prod .txt #cart_section a.size_info, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b a.size_info {
  display: block;
  width: 100%;
  text-align: right;
  font-weight: 400;
  font-size: 0.83em;
  margin: 0px;
  padding: 0 22px;
  background: url("../img/icon/linearicons/info.svg") no-repeat center right/15px auto;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section .h5, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5 {
  width: 100%;
  position: relative;
  border-bottom: solid 1px #000;
  text-transform: uppercase;
  margin-bottom: 0;
  min-height: 33px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section .h5 span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5 span {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section .h5.collapsed, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5.collapsed {
  cursor: pointer;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section .h5.collapsed span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5.collapsed span {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  width: 33px;
  height: 33px;
  background: #fafafa url("../img/select_chevron.png") no-repeat center center;
  background-size: 10px auto;
  transform: translateY(0) !important;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section .h5:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section .h5.active, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b .h5.active {
  color: #666;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap {
  background: #ffffff;
  border: solid 1px #000;
  width: 100%;
  padding: 0;
  margin: 0px 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.collapsed, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.collapsed {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap a.taglia, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap a.taglia {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px #000;
  text-align: center;
  margin: 0;
  font-size: 1em;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap a.taglia.not_av, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap a.taglia.not_av {
  color: #cccccc;
  background: #fafafa;
  cursor: help;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap a.taglia:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap a.taglia.selected, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap a.taglia:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap a.taglia.selected {
  border-color: #666;
  color: #f1f1f1;
  font-weight: 600;
  background: #666;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit {
  padding: 10px;
  border: solid 1px #000;
  max-height: 300px;
  padding: 0;
  margin: 0px 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 10px;
  border-bottom: solid 1px #000;
  margin: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li span.img, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li span.img {
  width: 100%;
  max-width: 70px;
  height: auto;
  border: solid 1px #000;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li span.img img, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li span.img img {
  display: block;
  width: 100%;
  height: auto;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li strong, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li strong {
  width: calc(100% - 80px);
  text-transform: capitalize;
  margin: 0 0 5px 10px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li a {
  width: auto;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  border: solid 1px #000;
  text-align: center;
  margin: 10px 10px 10px 0;
  font-size: 1em;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li a:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section #taglia_wrap.kit li a.selected, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li a:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b #taglia_wrap.kit li a.selected {
  border-color: #666;
  color: #f1f1f1;
  font-weight: 600;
  background: #666;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap {
  width: 100%;
  border: solid 0px #000;
  border-collapse: collapse;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap thead th, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap thead th {
  padding: 5px 10px;
  border-bottom: solid 1px #000;
  text-align: left;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap thead th:last-child, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap thead th:last-child {
  text-align: right;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr {
  /*&:hover{
							background: $nero;
							
							color:$bianco;
							*{
								color:$bianco;
							}
						}*/
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr:nth-child(even), section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr:nth-child(even) {
  background: #fafafa;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td {
  padding: 5px 10px;
  text-align: center;
  /* Per Webkit (Chrome, Safari, Edge) */
  /* Per Firefox */
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td:first-child, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td:first-child {
  text-align: left;
  width: 40px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td:nth-child(2), section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td:nth-child(2) {
  width: 40px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td:last-child, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td:last-child {
  text-align: right;
  width: 40px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .empty, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .empty {
  background: #f00;
  color: #ffffff;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .qty_select, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .qty_select {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .qty_input, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .qty_input {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .qty_input span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .qty_input span {
  width: 30px;
  height: 30px;
  font-size: 15px;
  cursor: pointer;
  border: solid 1px #cccccc;
  font-weight: 600;
  margin: 5px;
  padding: 0;
  line-height: 30px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td input, section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td select, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td input, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td select {
  background-color: transparent;
  max-width: 60px;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td input, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td input {
  text-align: center;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td input[type="number"]::-webkit-outer-spin-button,
section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td input[type="number"]::-webkit-inner-spin-button, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td input[type="number"]::-webkit-outer-spin-button,
section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td input[type="number"], section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td input[type="number"] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 992px) {
  section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .qty_select, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .qty_select {
    display: block;
  }
  section#catalog.dettaglio #corpo_prod .txt #cart_section table#size_wrap tbody tr td .qty_input, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b table#size_wrap tbody tr td .qty_input {
    display: none;
  }
}

section#catalog.dettaglio #corpo_prod .txt #cart_section p, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b p {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  margin: 15px 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section p span.item_row, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b p span.item_row {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  font-size: 0.8em;
  font-weight: 300;
  border-bottom: dotted 1px #000;
  padding: 5px 0;
  margin: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section p span.item_row span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b p span.item_row span {
  margin: 0 10px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section p span.item_row span.msg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b p span.item_row span.msg {
  font-weight: 600;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul {
  list-style: none;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li {
  width: calc(50% - 10px);
  overflow: hidden;
  margin: 0 0 15px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a {
  display: block;
  background: #ffffff;
  margin: 0;
  width: 100%;
  border: solid 1px #000;
  padding: 0px 10px;
  height: 35px;
  font-size: 1vw;
  line-height: 35px;
  letter-spacing: 0.01em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  color: #000;
}

@media screen and (min-width: 1680px) {
  section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a {
    font-size: 1em;
  }
}

@media screen and (max-width: 1024px) {
  section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a {
    font-size: 1em;
  }
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a i, section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a svg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a svg {
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #ffffff;
  margin: 5px auto;
  position: absolute;
  top: 5px;
  right: 15px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a:hover {
  background: #ffffff;
  color: #000;
  text-decoration: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a:hover span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a:hover span {
  background: #ffffff;
  color: #000;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li a:hover span i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li a:hover span i {
  background: #000;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty {
  display: none !important;
  width: 100%;
  max-width: 70px;
  border: solid 1px #000;
  padding: 0 20px;
  position: relative;
  background: #ffffff;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty .qty, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty .qty {
  border-width: 0px;
  width: 100%;
  padding: 8.4px 0;
  line-height: 1;
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-appearance: textfield;
  text-align: center;
  font-weight: 400;
  color: #000;
  display: inline-block;
  background-color: transparent;
  font-size: 0.9em;
  border: none;
  margin: 0;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  cursor: pointer;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span:before, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span:before {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  font-size: 0.8em;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span.decrease, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span.decrease {
  left: 5px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span.decrease:before, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span.decrease:before {
  content: "\f068";
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span.increase, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span.increase {
  right: 5px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#qty span.increase:before, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#qty span.increase:before {
  content: "\f067";
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#add a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#add a {
  background: #000;
  color: #f1f1f1;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#add a i, section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#add a svg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#add a i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#add a svg {
  display: none;
  /*mask: url("../img/icon/linearicons/shopping-bag.svg") no-repeat center / contain;
								-webkit-mask: url("../img/icon/linearicons/shopping-bag.svg") no-repeat center / contain;
								background:$Color; 
								text-indent: -9000em;
								margin-bottom:-8px;
							*/
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#add a:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#add a:hover {
  background: #f1f1f1;
  color: #000;
  text-decoration: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#add a:hover i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#add a:hover i {
  background: #f1f1f1;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#wish a, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#wish a {
  text-transform: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#wish a i, section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#wish a svg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#wish a i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#wish a svg {
  mask: url("../img/icon/linearicons/heart.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/heart.svg") no-repeat center/contain;
  background: #000;
  text-indent: -9000em;
  margin-bottom: -8px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#wish a:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#wish a:hover {
  background: #000;
  color: #f1f1f1;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#wish a:hover i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#wish a:hover i {
  background: #f1f1f1;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#cart, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#cart {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#cart a span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#cart a span {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#cart a i, section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#cart a svg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#cart a i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#cart a svg {
  mask: url("../img/icon/linearicons/arrow-right-circle.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/arrow-right-circle.svg") no-repeat center/contain;
  background: #f1f1f1;
  text-indent: -9000em;
  margin-bottom: -8px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#back, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#back {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#back a span, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#back a span {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#back a i, section#catalog.dettaglio #corpo_prod .txt #cart_section ul li#back a svg, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#back a i, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b ul li#back a svg {
  mask: url("../img/icon/linearicons/arrow-left-circle.svg") no-repeat center/contain;
  -webkit-mask: url("../img/icon/linearicons/arrow-left-circle.svg") no-repeat center/contain;
  background: #f1f1f1;
  text-indent: -9000em;
  margin-bottom: -8px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section form, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b form {
  margin: 0 0 30px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section form input[type=email], section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b form input[type=email] {
  display: block;
  color: #000;
  padding: 10px 0;
  margin: 0 0 15px;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section form button, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b form button {
  display: block;
  color: #f1f1f1;
  background: #000;
  padding: 0px 15px;
  line-height: 35px;
  margin: 0 0 15px;
  text-transform: uppercase;
  border: solid 1px #000;
}

section#catalog.dettaglio #corpo_prod .txt #cart_section form button:hover, section#catalog.dettaglio #corpo_prod .txt #cart_section_b2b form button:hover {
  color: #000;
  background: #f1f1f1;
}

section#catalog.dettaglio #corpo_prod .txt .dscr {
  margin-bottom: 30px;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle {
  display: block;
  position: relative;
  width: 225px;
  text-align: left;
  padding: 0 20px 0 0;
  cursor: pointer;
  color: #000;
  margin: 0 0 10px;
  letter-spacing: 0.2em;
  opacity: 1 !important;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle span.icon_plus {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  /* Vertical line */
  /* horizontal line */
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle span.icon_plus:before, section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle span.icon_plus:after {
  content: "";
  position: absolute;
  background-color: #000;
  transition: transform 0.25s ease-out;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle span.icon_plus:before {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  margin-left: -0.5px;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle span.icon_plus:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -0.5px;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle.close {
  float: none !important;
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle.close span:before {
  transform: rotate(90deg);
}

section#catalog.dettaglio #corpo_prod .txt .dscr .h5.toggle.close span:after {
  transform: rotate(180deg);
}

section#catalog.dettaglio #corpo_prod .txt .dscr div {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

section#catalog.dettaglio #corpo_prod .txt .dscr div .h6 {
  margin: 5px 0;
  width: 100%;
  display: block;
  color: #cccccc;
}

section#catalog.dettaglio #corpo_prod .txt .dscr div p {
  margin: 5px 0;
  width: 100%;
  display: block;
}

section#catalog.dettaglio #corpo_prod .txt .dscr div ul {
  width: 100%;
  display: block;
  width: auto;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: circle;
}

section#catalog.dettaglio #corpo_prod .txt .dscr div ul br {
  display: none;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  margin: 30px 0;
  padding: 10px 0;
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
  color: #000;
  border-top: solid 1px #000;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk ul {
  list-style: none;
  width: auto;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk ul li {
  margin: 0 10px;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk ul li:first-child, section#catalog.dettaglio #corpo_prod .txt #social_lnk ul li:nth-child(6) {
  letter-spacing: 0.2em;
  margin: 0;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk ul li a {
  color: #cccccc;
}

section#catalog.dettaglio #corpo_prod .txt #social_lnk ul li a:hover {
  color: #666;
}

section#catalog.dettaglio #total_look, section#catalog.dettaglio #correlati {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #fafafa;
}

section#catalog.dettaglio #total_look h3, section#catalog.dettaglio #correlati h3 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.143em;
  line-height: 1em;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

section#catalog.dettaglio #total_look .img img, section#catalog.dettaglio #correlati .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section#catalog.dettaglio #total_look .item, section#catalog.dettaglio #correlati .item {
  cursor: pointer;
  position: relative;
  border-color: #fafafa;
}

section#catalog.dettaglio #total_look .item .add_wl, section#catalog.dettaglio #correlati .item .add_wl {
  display: block;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 5px;
  right: 20px;
  z-index: 100;
}

section#catalog.dettaglio #total_look .item .add_wl i:hover, section#catalog.dettaglio #correlati .item .add_wl i:hover {
  background: #000;
}

section#catalog.dettaglio #total_look .item .quickview, section#catalog.dettaglio #correlati .item .quickview {
  display: none;
  width: 25px;
  color: #000;
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 auto;
  position: absolute;
  top: 60px;
  right: 10px;
  z-index: 100;
}

section#catalog.dettaglio #total_look .item .tag, section#catalog.dettaglio #correlati .item .tag {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 100;
  font-size: 0.8em;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  flex-flow: row;
  max-width: 50%;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #total_look .item .tag li, section#catalog.dettaglio #correlati .item .tag li {
  display: inline-flex;
  width: auto;
  padding: 3px 5px;
  margin: 0 5px 5px 0;
  white-space: nowrap;
  text-transform: uppercase;
  color: #cccccc;
  background: #ffffff;
}

section#catalog.dettaglio #total_look .item .tag .last_arrive, section#catalog.dettaglio #correlati .item .tag .last_arrive {
  color: #000;
}

section#catalog.dettaglio #total_look .item .tag .sale, section#catalog.dettaglio #correlati .item .tag .sale {
  color: #f00;
}

section#catalog.dettaglio #total_look .item .frame, section#catalog.dettaglio #correlati .item .frame {
  display: block;
  overflow: hidden;
  padding: 0 0px 5px;
  text-align: left;
  position: relative;
  transition: .5s;
  transition-delay: .15s;
}

section#catalog.dettaglio #total_look .item .box_img, section#catalog.dettaglio #correlati .item .box_img {
  border: solid 1px #ffffff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

section#catalog.dettaglio #total_look .item .gal_img, section#catalog.dettaglio #correlati .item .gal_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

section#catalog.dettaglio #total_look .item .gal_img .swiper-slide, section#catalog.dettaglio #correlati .item .gal_img .swiper-slide {
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}

section#catalog.dettaglio #total_look .item .gal_img img, section#catalog.dettaglio #correlati .item .gal_img img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  mix-blend-mode: multiply;
  object-fit: contain;
}

section#catalog.dettaglio #total_look .item .cnt, section#catalog.dettaglio #correlati .item .cnt {
  text-transform: lowercase;
  margin: 0 0 10px;
  padding: 15px 0 0;
  text-align: left;
  font-size: 0.8em;
  text-decoration: none !important;
  /*.taglia_catalogo{
				display: none;
				width:100%;
				margin:0 ;	
				font-size:0.9em;
				text-transform: uppercase;
				line-height: 1.2em;
				height: 2.5em;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 0 0 5px;
				font-weight: 300;
				i{
					display:block;
					font-style: normal;
				}

			}*/
}

section#catalog.dettaglio #total_look .item .cnt span, section#catalog.dettaglio #correlati .item .cnt span {
  display: block;
}

section#catalog.dettaglio #total_look .item .cnt .marca, section#catalog.dettaglio #correlati .item .cnt .marca {
  display: block;
  width: 100%;
  font-weight: 500;
  letter-spacing: 0;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
  text-transform: uppercase;
}

section#catalog.dettaglio #total_look .item .cnt .prodotto, section#catalog.dettaglio #total_look .item .cnt .taglia_catalogo, section#catalog.dettaglio #correlati .item .cnt .prodotto, section#catalog.dettaglio #correlati .item .cnt .taglia_catalogo {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 5px;
}

section#catalog.dettaglio #total_look .item .cnt .taglia_catalogo, section#catalog.dettaglio #correlati .item .cnt .taglia_catalogo {
  display: none;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd, section#catalog.dettaglio #correlati .item .cnt .prezzo, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0 0 15px;
  font-size: 1em;
  min-height: 2.5em;
  font-weight: 600;
  /*gestione dei prezzi per il b2b*/
}

section#catalog.dettaglio #total_look .item .cnt .prezzo span, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd span, section#catalog.dettaglio #correlati .item .cnt .prezzo span, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd span {
  display: inline-block;
  position: relative;
  width: auto;
  margin: 0 5px 0 0;
}

@media screen and (max-width: 768px) {
  section#catalog.dettaglio #total_look .item .cnt .prezzo span, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd span, section#catalog.dettaglio #correlati .item .cnt .prezzo span, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd span {
    display: block;
    margin: 0 0 5px 0;
    height: 1em;
  }
}

section#catalog.dettaglio #total_look .item .cnt .prezzo del, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd del, section#catalog.dettaglio #correlati .item .cnt .prezzo del, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd del {
  color: #666;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo i, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd i, section#catalog.dettaglio #correlati .item .cnt .prezzo i, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd i {
  color: #f00;
  font-weight: 500;
  font-style: normal;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo em, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd em, section#catalog.dettaglio #correlati .item .cnt .prezzo em, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd em {
  display: inline-block;
  font-style: normal;
  letter-spacing: 0.15em;
  color: #000;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li {
  width: 50%;
  margin: 0;
  padding: 0;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li label, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li label, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li label, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li label {
  display: block;
  width: 100%;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li.prezzo_consigliato, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li.prezzo_consigliato, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato {
  color: #666;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li.prezzo_consigliato strong, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato strong, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li.prezzo_consigliato strong, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li.prezzo_consigliato strong {
  color: #666;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li.prezzo_vendita, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li.prezzo_vendita, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita {
  color: #000;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li.prezzo_vendita strong, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita strong, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li.prezzo_vendita strong, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita strong {
  color: #000;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo .prices_b2b li.prezzo_vendita em, section#catalog.dettaglio #total_look .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita em, section#catalog.dettaglio #correlati .item .cnt .prezzo .prices_b2b li.prezzo_vendita em, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd .prices_b2b li.prezzo_vendita em {
  color: #f00;
}

section#catalog.dettaglio #total_look .item .cnt .prezzo_nd, section#catalog.dettaglio #correlati .item .cnt .prezzo_nd {
  font-weight: 600;
  color: #cccccc;
}

section#catalog.dettaglio #total_look .item:hover, section#catalog.dettaglio #correlati .item:hover {
  text-decoration: none !important;
}

section#catalog.dettaglio #total_look .item:hover .marca, section#catalog.dettaglio #correlati .item:hover .marca {
  color: #cccccc !important;
}

section#catalog.dettaglio #total_look .item:hover .taglia_catalogo, section#catalog.dettaglio #correlati .item:hover .taglia_catalogo {
  display: block;
}

section#catalog.dettaglio #total_look .item:hover .prodotto, section#catalog.dettaglio #correlati .item:hover .prodotto {
  display: none;
}

section#catalog.dettaglio #total_look .item:hover .prodotto.b2b, section#catalog.dettaglio #correlati .item:hover .prodotto.b2b {
  display: block;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy, section#catalog.dettaglio #correlati .item ul.b2b_buy {
  width: calc(100% + 7.5px);
  position: relative;
  margin: -5px -7.5px 30px;
  font-size: 0.8em;
  width: 100%;
  max-height: 128px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  list-style: none;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy li, section#catalog.dettaglio #correlati .item ul.b2b_buy li {
  width: auto;
  margin: 0 7.5px 15px;
  border: solid 1px #cccccc;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy li span, section#catalog.dettaglio #total_look .item ul.b2b_buy li a, section#catalog.dettaglio #correlati .item ul.b2b_buy li span, section#catalog.dettaglio #correlati .item ul.b2b_buy li a {
  width: 30px;
  padding: 5px;
  background: #ffffff;
  text-align: center;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy li span strong, section#catalog.dettaglio #total_look .item ul.b2b_buy li a strong, section#catalog.dettaglio #correlati .item ul.b2b_buy li span strong, section#catalog.dettaglio #correlati .item ul.b2b_buy li a strong {
  display: block;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy li span.empty, section#catalog.dettaglio #total_look .item ul.b2b_buy li a.empty, section#catalog.dettaglio #correlati .item ul.b2b_buy li span.empty, section#catalog.dettaglio #correlati .item ul.b2b_buy li a.empty {
  background: #f00;
  color: #ffffff;
}

section#catalog.dettaglio #total_look .item ul.b2b_buy li a, section#catalog.dettaglio #correlati .item ul.b2b_buy li a {
  background: #fafafa;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  section#catalog.dettaglio #total_look .item .cnt, section#catalog.dettaglio #total_look .item .prices_b2b, section#catalog.dettaglio #correlati .item .cnt, section#catalog.dettaglio #correlati .item .prices_b2b {
    font-size: 0.9em;
  }
}

section#catalog.dettaglio #total_look .item .img, section#catalog.dettaglio #correlati .item .img {
  width: 100%;
  background-color: #fafafa;
}

section#catalog.dettaglio #total_look .item .img img, section#catalog.dettaglio #correlati .item .img img {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section#catalog.dettaglio #total_look#total_look, section#catalog.dettaglio #correlati#total_look {
  background-color: #ffffff;
  margin: 30px auto 0;
  color: #ffffff;
}

section#catalog.dettaglio #total_look#total_look h3, section#catalog.dettaglio #correlati#total_look h3 {
  color: #ffffff;
}

section#catalog.dettaglio #total_look#total_look .item .img, section#catalog.dettaglio #correlati#total_look .item .img {
  background-color: #ffffff;
}

section#catalog.dettaglio #total_look#total_look .item span, section#catalog.dettaglio #total_look#total_look .item a, section#catalog.dettaglio #total_look#total_look .item em, section#catalog.dettaglio #correlati#total_look .item span, section#catalog.dettaglio #correlati#total_look .item a, section#catalog.dettaglio #correlati#total_look .item em {
  color: #ffffff;
}

section#catalog.dettaglio #total_look#total_look .item del, section#catalog.dettaglio #total_look#total_look .item i, section#catalog.dettaglio #correlati#total_look .item del, section#catalog.dettaglio #correlati#total_look .item i {
  color: #fafafa;
}

section#catalog.dettaglio .swiper-pagination_total_look, section#catalog.dettaglio .swiper-pagination_correlati {
  display: block;
  position: relative;
  text-align: center;
  z-index: 100;
  opacity: 0;
}

section#catalog.dettaglio .swiper-pagination_total_look .swiper-pagination-bullet, section#catalog.dettaglio .swiper-pagination_correlati .swiper-pagination-bullet {
  border-radius: 100%;
  border: solid 1px #000;
  background: rgba(255, 255, 255, 0);
  width: 12px;
  height: 12px;
  opacity: 1;
  color: rgba(255, 255, 255, 0);
}

section#catalog.dettaglio .swiper-pagination_total_look .swiper-pagination-bullet:before, section#catalog.dettaglio .swiper-pagination_correlati .swiper-pagination-bullet:before {
  content: '';
  background: rgba(255, 255, 255, 0);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin: 2px;
}

section#catalog.dettaglio .swiper-pagination_total_look .swiper-pagination-bullet-active:before, section#catalog.dettaglio .swiper-pagination_correlati .swiper-pagination-bullet-active:before {
  background: #000;
}

section#catalog.dettaglio .swiper-pagination_total_look.swiper-pagination_total_look .swiper-pagination-bullet, section#catalog.dettaglio .swiper-pagination_correlati.swiper-pagination_total_look .swiper-pagination-bullet {
  border: solid 1px #ffffff;
}

@media screen and (max-width: 1200px) {
  section#catalog.dettaglio {
    padding: 0;
  }
}

@media screen and (max-width: 992px) {
  section#catalog.dettaglio #breadcrumb {
    line-height: 1em;
    background: #ffffff;
    margin-bottom: 0;
    border: none;
  }
  section#catalog.dettaglio #breadcrumb p {
    display: none;
    margin: 10px 0;
  }
  section#catalog.dettaglio #breadcrumb h2 {
    font-size: 1.4em;
  }
  section#catalog.dettaglio #corpo_prod .row .imgb {
    order: 0;
  }
  section#catalog.dettaglio #corpo_prod .row .imgb .gal_det {
    padding: 0 0 30px;
  }
  section#catalog.dettaglio #corpo_prod .row .imgb .gal_tmb, section#catalog.dettaglio #corpo_prod .row .imgb .next_tmb, section#catalog.dettaglio #corpo_prod .row .imgb .prev_tmb {
    display: none;
  }
  section#catalog.dettaglio #corpo_prod .row .txt {
    order: 2;
    text-align: left;
  }
  section#catalog.dettaglio #corpo_prod .row .txt .h1 {
    font-size: 1.7em !important;
  }
  section#catalog.dettaglio #corpo_prod .row .txt .h2 {
    text-align: left;
    font-size: 1.4em !important;
  }
  section#catalog.dettaglio #corpo_prod .row .txt .h3.price {
    font-size: 1.7em !important;
  }
  section#catalog.dettaglio #corpo_prod .row .txt #tabellataglie {
    margin: 0 auto;
    padding: 0;
    text-align: left;
  }
  section#catalog.dettaglio #corpo_prod .row .txt #taglia_wrap {
    margin: 0px auto 15px;
  }
  section#catalog.dettaglio #corpo_prod #cart_lnk {
    max-width: none;
    justify-content: space-between !important;
    padding: 0;
  }
  section#catalog.dettaglio #corpo_prod #cart_lnk li {
    margin: 0 0 15px !important;
    width: 100% !important;
    text-align: center;
  }
  section#catalog.dettaglio #corpo_prod #cart_lnk li#ac {
    width: calc(100% - 60px) !important;
  }
  section#catalog.dettaglio #corpo_prod #cart_lnk li#wl {
    width: 50px !important;
  }
  section#catalog.dettaglio #corpo_prod #social_lnk {
    flex-flow: column;
  }
  section#catalog.dettaglio #corpo_prod #social_lnk ul {
    justify-content: flex-start;
    margin: 0 0 15px;
  }
  section#catalog.dettaglio #correlati .h3, section#catalog.dettaglio #total_look .h3 {
    font-size: 1.4em;
  }
  section#catalog.dettaglio #correlati .item, section#catalog.dettaglio #total_look .item {
    width: 50%;
  }
  section#catalog.dettaglio #correlati a.add_wl, section#catalog.dettaglio #total_look a.add_wl {
    bottom: 20px !important;
  }
  section#catalog.dettaglio #correlati a.add_wl i, section#catalog.dettaglio #total_look a.add_wl i {
    width: 20px !important;
    height: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  section#catalog.dettaglio #corpo_prod .row .imgb {
    order: 0;
  }
  section#catalog.dettaglio #corpo_prod .row .txt {
    order: 2;
  }
  section#catalog.dettaglio #corpo_prod .gal_det {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 30px;
    cursor: zoom-in;
    padding: 30px 0;
  }
  section#catalog.dettaglio #corpo_prod .gal_det .swiper-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }
  section#catalog.dettaglio #corpo_prod .gal_det .swiper-slide img {
    width: 100%;
    height: auto;
  }
  section#catalog.dettaglio #corpo_prod .gal_det .swiper-zoom-container {
    height: auto !important;
  }
  section#catalog.dettaglio #corpo_prod .gal_det .swiper-pagination {
    display: block;
  }
}

body.search .prodotti .container {
  transform: none !important;
}

/*********************elenco brand**************************/
section#designers {
  background: #ffffff;
  position: relative;
  z-index: 2;
  border-bottom: solid 1px #cccccc;
}

section#designers #breadcrumb {
  background: #ffffff;
  position: fixed !important;
  z-index: 50;
  top: 100px;
}

section#designers #breadcrumb .h1 {
  line-height: 1em !important;
}

section#designers #breadcrumb ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

section#designers .elenco {
  padding-bottom: 100px;
}

section#designers .elenco .row {
  padding: 300px 0 0;
  margin-top: -250px;
  position: relative;
}

section#designers .elenco .row:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 0;
}

section#designers .elenco .row:last-child:after {
  display: none;
}

section#designers .elenco .row:nth-child(1) {
  z-index: 30;
  margin-top: -150px;
}

section#designers .elenco .row:nth-child(2) {
  z-index: 29;
}

section#designers .elenco .row:nth-child(3) {
  z-index: 28;
}

section#designers .elenco .row:nth-child(4) {
  z-index: 27;
}

section#designers .elenco .row:nth-child(5) {
  z-index: 26;
}

section#designers .elenco .row:nth-child(6) {
  z-index: 25;
}

section#designers .elenco .row:nth-child(7) {
  z-index: 24;
}

section#designers .elenco .row:nth-child(8) {
  z-index: 23;
}

section#designers .elenco .row:nth-child(9) {
  z-index: 22;
}

section#designers .elenco .row:nth-child(10) {
  z-index: 21;
}

section#designers .elenco .row:nth-child(11) {
  z-index: 20;
}

section#designers .elenco .row:nth-child(12) {
  z-index: 19;
}

section#designers .elenco .row:nth-child(13) {
  z-index: 18;
}

section#designers .elenco .row:nth-child(14) {
  z-index: 17;
}

section#designers .elenco .row:nth-child(15) {
  z-index: 16;
}

section#designers .elenco .row:nth-child(16) {
  z-index: 15;
}

section#designers .elenco .row:nth-child(17) {
  z-index: 14;
}

section#designers .elenco .row:nth-child(18) {
  z-index: 13;
}

section#designers .elenco .row:nth-child(19) {
  z-index: 12;
}

section#designers .elenco .row:nth-child(20) {
  z-index: 11;
}

section#designers .elenco .row:nth-child(21) {
  z-index: 10;
}

section#designers .elenco .row:nth-child(22) {
  z-index: 9;
}

section#designers .elenco .row:nth-child(23) {
  z-index: 8;
}

section#designers .elenco .row:nth-child(24) {
  z-index: 7;
}

section#designers .elenco .row:nth-child(25) {
  z-index: 6;
}

section#designers .elenco .row:nth-child(26) {
  z-index: 5;
}

section#designers .elenco .row:nth-child(27) {
  z-index: 4;
}

section#designers .elenco .row:nth-child(28) {
  z-index: 3;
}

section#designers .elenco .row:nth-child(29) {
  z-index: 2;
}

section#designers .elenco .row:nth-child(30) {
  z-index: 1;
}

section#designers .elenco .row .h2 {
  text-transform: lowercase;
  margin-top: 10px;
  color: #cccccc;
}

section#designers .elenco .row .h2 a {
  color: #cccccc;
  text-decoration: none !important;
  text-transform: uppercase;
}

section#designers .elenco .row ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
  list-style: none;
}

section#designers .elenco .row ul li {
  width: calc(100% / 3);
  margin: 10px 0;
}

@media screen and (max-width: 768px) {
  section#designers #breadcrumb {
    top: 58px;
    line-height: 1em;
    background: #ffffff;
  }
  section#designers #breadcrumb .h1 {
    padding: 15px 0 !important;
    margin: 0 !important;
  }
  section#designers #breadcrumb .row:last-child {
    display: none;
  }
  section#designers .elenco .row {
    position: relative;
  }
  section#designers .elenco .row .h2 {
    text-transform: uppercase;
    margin-top: 10px;
  }
  section#designers .elenco .row ul {
    padding: 0;
  }
  section#designers .elenco .row ul li {
    width: calc((100% / 2) - 20px);
    margin: 10px 0 0 20px;
  }
}

section#countries {
  background: #ffffff;
}

section#countries .elenco .col-sm-12 {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

section#countries .elenco .col-sm-12 .h1, section#countries .elenco .col-sm-12 p, section#countries .elenco .col-sm-12 .h4 {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 300;
  line-height: 1.3em;
}

section#countries .elenco .col-sm-12 .h1 {
  font-weight: 600;
  font-size: 2.500em;
  text-transform: uppercase;
}

section#countries .elenco .col-sm-12 h4 {
  font-size: 1.714em;
  font-weight: 400;
}

section#countries .elenco .col-sm-12 .active {
  color: #000;
}

section#countries .elenco .col-sm-12 #filter {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  padding: 0 15px 30px;
}

section#countries .elenco .col-sm-12 #filter div {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  margin: 0 30px 0 0;
}

section#countries .elenco .col-sm-12 #filter div p {
  white-space: nowrap;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 10px 0 0;
  line-height: 35px;
}

section#countries .elenco .col-sm-12 #filter div select {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1em;
  border-bottom: solid 1px #000;
}

section#countries .elenco .col-sm-12 .cols {
  width: calc((100% / 5) - 30px);
  margin: 0 15px 30px;
}

section#countries .elenco .col-sm-12 .cols .h6 {
  font: 400 2.188em 'Montserrat', sans-serif;
  border-bottom: solid 1px #000;
  text-align: center;
}

section#countries .elenco .col-sm-12 .cols ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

section#countries .elenco .col-sm-12 .cols ul li {
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  section#countries #filter {
    justify-content: center !important;
    padding: 0 15px 30px;
  }
  section#countries #filter div {
    font-size: 0.7em;
    flex-flow: column !important;
    justify-content: space-around !important;
    margin: 0 5px !important;
  }
  section#countries #filter div p {
    margin: 0 !important;
    line-height: 1em !important;
  }
  section#countries #filter div select {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: solid 1px #000;
  }
  section#countries .elenco .col-sm-12 {
    max-height: none;
    justify-content: center !important;
  }
  section#countries .elenco .col-sm-12 .h6 {
    font-size: 1.5em !important;
  }
  section#countries .elenco .col-sm-12 .cols {
    width: calc(100%  - 30px) !important;
    max-width: 200px !important;
    margin: 0 auto;
  }
}

/******************general*******************/
#general {
  margin: 0 auto;
  padding: 0 0 30px;
  background: #ffffff;
  width: 100%;
  position: relative;
  border-bottom: solid 1px #cccccc;
}

#general #breadcrumb {
  border-bottom: solid 5px #f1f1f1;
  margin-bottom: 30px;
}

#general #breadcrumb h2 {
  font-size: 2em;
}

#general .side {
  list-style: circle;
  position: sticky;
  top: 200px;
  margin: 0;
  padding: 0;
}

#general .side li a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-bottom: dotted 1px #cccccc;
  font-size: 1.1em;
  color: #666;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

#general .side li a:hover {
  border-bottom-color: #000;
  color: #000;
}

#general .side li a.current {
  color: #000;
}

#general .content .imgh {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 500px;
  margin-bottom: 40px;
}

#general .content .imgh img {
  width: 100%;
  height: auto;
}

#general .content .img_container {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
}

#general .content .img_container:before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  max-height: 427px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5e5;
}

#general .content .img_container li {
  margin: 0;
  padding: 0;
  width: calc(50% - 60px);
}

#general .accordion .ui-accordion-header {
  font-size: 1.2em;
  border-bottom: dotted 1px #666;
  padding: 0 0 10px 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

#general .accordion .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  background: url("../img/plus.gif") no-repeat top left;
  background-size: 16px 16px;
}

#general .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  background-image: url("../img/minus.gif");
}

#general .accordion .ui-accordion-content {
  padding: 0 0 20px;
}

#general #contact_form {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: solid 1px #f1f1f1;
  padding: 15px 10px;
}

#general #contact_form label {
  display: block;
  width: 50%;
  float: left;
  overflow: hidden;
  padding: 0 5px;
  margin: 0 0 15px;
}

#general #contact_form label[for="privacy_cont"], #general #contact_form label[for="messaggio"] {
  width: 100%;
  float: none;
}

#general #contact_form label input, #general #contact_form label textarea {
  display: block;
  width: 100%;
  margin: 5px 0 0 0;
}

#general #contact_form label input[type="checkbox"] {
  display: inline-block;
  margin: 0 5px 0 0;
  width: auto;
}

#general #contact_form button {
  display: inline-block;
  text-align: center;
  border: solid 1px #cccccc;
  width: auto;
  background: rgba(241, 241, 241, 0.3);
  color: #000;
  margin: 0 auto;
  padding: 3px 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
}

#general .paginazione {
  text-align: right;
  margin-bottom: 50px;
}

#general .paginazione ul {
  width: auto;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

#general .paginazione ul li {
  display: inline-block;
  width: auto;
  margin: 0 5px;
}

#general .paginazione ul li a {
  display: block;
  width: auto;
  text-align: center;
  padding: 0;
  font-weight: 200;
}

#general .paginazione ul li a:hover {
  font-weight: 600;
}

#general .paginazione ul li a.act {
  font-weight: 600;
}

#general .paginazione ul li span.act {
  font-weight: 600;
  color: #000;
}

@media screen and (max-width: 1080px) {
  #general .paginazione {
    text-align: center;
  }
  #general .paginazione ul li a {
    width: 30px;
  }
}

@media screen and (max-width: 1080px) {
  #general {
    padding-top: 50px;
    border-bottom: none;
  }
  #general #breadcrumb h2 {
    font-size: 1.4em !important;
  }
  #general .side {
    padding: 0px 0px 0;
    margin: 15px 0;
    z-index: 10;
    list-style: none;
    max-height: 70px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin !important;
    scrollbar-color: #000 transparent;
  }
  #general .side::-webkit-scrollbar {
    width: 5px;
  }
  #general .side::-webkit-scrollbar-track {
    background: transparent;
  }
  #general .side::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 0;
    border: 1px solid transparent;
  }
  #general .side::-webkit-resizer {
    width: 5px;
    background: transparent;
  }
  #general .side li a {
    font-size: 1.1em;
    padding: 5px 0px;
    margin: 0;
  }
}

/*magazine elenco*/
#mag {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#mag li {
  width: calc((100% / 5) - 15px);
  min-width: 200px;
  margin: 0px 0 15px 15px;
  border: solid 1px;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  border-bottom-color: rgba(204, 204, 204, 0.5);
  border-right-color: rgba(204, 204, 204, 0.5);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  cursor: pointer;
}

#mag li .img {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 500px;
  margin-bottom: 5px;
}

#mag li .img img {
  width: 100%;
  height: auto;
}

#mag li .txt, #mag li h4 {
  display: block;
  padding: 10px;
  margin: 0;
}

#mag li .leggi {
  display: block;
  text-align: right;
  color: #cccccc;
  margin: 15px 10px;
}

#mag li:hover {
  border-top-color: rgba(204, 204, 204, 0.5);
  border-left-color: rgba(204, 204, 204, 0.5);
  border-bottom-color: #cccccc;
  border-right-color: #cccccc;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

#mag li:hover .leggi {
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  #mag li {
    width: calc(100% - 30px);
  }
}

/******************login******************

#login{
	margin:0 auto;
	padding: 50px 0  !important;
	background: $bianco;
	width:100%;
	text-align: center;
	position: relative;
	.spacer{
		width:1px;
		background: $grigio_chiaro2;
		height: 100%;
		min-height: 200px;
		max-height: none;
		position: absolute;
		top:0px;
		left: 50%;
		transform: translateX(-50% )
	}
	h2{
		width:100%;
		text-align: center;
		font-weight: 100;
		text-transform: uppercase;
	}
	form{
		width:50%;
		display: flex;
		flex-flow: column;
		text-transform: uppercase;
		margin: 50px auto;
		label{
			display:block;
			width:100%;
			max-width: 200px;
			margin:0 auto 20px;
			position: relative;
			white-space: nowrap;
			
				&.check{
					display: inline-block;
					width:auto;
					padding: 0 20px !important;
					white-space: normal;
					text-align: left;
					text-transform: none; 
				}
				input{
					display: block;
					width: calc(100% + 1px);
					background:transparent;
					
					margin: 0 auto;
					text-align: center;
					&[type=checkbox]{
						position: absolute;
						top:3px;
						left: 0;
						width:10px;
					}
				}
			select{
				display: block;
			}
				/*span{
					display: block;
					width:12px;
					height: 12px;
					background: $bianco;
					border:solid 1px $grigio;
					position: absolute;
					top:0;
					left: 0;

				}
				input:checked ~ span {
							  background-color: $nero;
							  border-color:$nero;		
							}*/
/*}

		.g-recaptcha{
			max-width: 310px;
			margin: 0 auto;
		}

		button{
		display: block;
		width:200px;
		clear: both;
		//border: solid 1px $grigio;
		font-size: 0.9em;
		text-transform: uppercase;
		margin: 10px auto;
		padding: 10px 15px;
		position: relative;
		font-weight: 300;
		text-align: center;
		
		span{
			font-size: 1em;
			position: absolute;
			top:9px;
			right: 15px;
			}
			&:hover{
				background: $bianco;
		color:$nero;
				font-weight:600;
			}	
		}
	}
	#rescue_button{
		margin: 30px auto 0;
		font-size: 0.9em;
	}
	#rescue_form{
		display: none;
		margin-top:30px;	
		
	}
.msg{
display: block;
position: fixed;
top: 50%;
left: 50%;
width: 100%;
max-width: 500px;
transform: translate(-50% , -800%);
border: solid 1px #000;
padding: 15px;
background: $bianco;
z-index: 100;	
}
@media screen and (max-width:$break-xlarge-plus){
	.msg{
		transform: translate(-50% , -350%);	
	}
	
}	
@media screen and (max-width:$break-large-plus){
	margin-top:65px;
		.spacer{
			display: none;
		}
	.msg{
		position: relative;
		transform: none;
		top:auto;
		left: auto;
		margin: 30px auto;
		border:none;
	}
		
	}	
	
}
/*******************************/
body.selection .testo_selezione img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1080px) {
  body.selection .h1 {
    margin-top: 130px !important;
  }
}

section#quickview {
  background: #ffffff;
  padding: 15px 0;
  /*descrizione prodotto*/
}

section#quickview .quick_gal {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 auto;
}

section#quickview .quick_gal .swiper-wrapper {
  align-items: center;
}

section#quickview .quick_gal .swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: 540px;
  object-fit: contain;
}

section#quickview .quick_gal .prev, section#quickview .quick_gal .next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  z-index: 100;
  opacity: 0.1;
  text-align: left;
}

section#quickview .quick_gal .prev img, section#quickview .quick_gal .next img {
  width: 75%;
  height: auto;
  margin: 0 auto;
}

section#quickview .quick_gal .prev:hover, section#quickview .quick_gal .next:hover {
  opacity: 1;
}

section#quickview .quick_gal .next {
  right: 15px;
  left: auto;
  text-align: right;
}

section#quickview .txt {
  text-align: left;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

section#quickview .txt #txt_top .h2 {
  margin: 15px 0;
  font-weight: 600;
  font-size: 1.500em;
  color: #000;
  padding: 0;
  line-height: 1.6em;
  text-transform: capitalize;
}

section#quickview .txt #txt_top .h3 {
  font-size: 1.250em;
  margin: 15px 0;
  font-weight: 600;
  color: #000;
  padding: 0;
  line-height: 1.3em;
}

section#quickview .txt #txt_top .h4.price {
  margin: 30px 0;
  font: 600  1.563em  "Inria Sans", sans-serif;
}

section#quickview .txt #txt_top .h4.price del {
  color: #cccccc;
  text-decoration: line-through;
  font-weight: 300;
  margin: 0 8px 0 0;
  font-size: 0.9em;
}

section#quickview .txt #txt_top .h4.price em, section#quickview .txt #txt_top .h4.price i {
  font-style: normal;
}

section#quickview .txt #txt_top .h4.price i {
  color: #000;
  font-weight: 300;
  font-size: 0.9em;
}

section#quickview .txt #txt_top .h5 {
  width: 100%;
  padding: 0;
  position: relative;
  font-size: 1em;
  font-weight: 200;
  overflow: hidden;
}

section#quickview .txt #txt_top .h5 span {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 0.8em;
  text-transform: uppercase;
  transform: translateY(-50%);
}

section#quickview .txt #txt_bottom #taglia_wrap {
  background: #fafafa;
  border: solid 1px #ffffff;
  padding: 10px;
  margin: 0px 0 15px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  top: 0;
}

section#quickview .txt #txt_bottom #taglia_wrap.collapsed {
  display: none;
}

section#quickview .txt #txt_bottom #taglia_wrap a.taglia {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: solid 1px #cccccc;
  text-align: center;
  margin: 5px 5px 5px 0;
  font-size: 1em;
  padding: 0;
}

section#quickview .txt #txt_bottom #taglia_wrap a.taglia:hover {
  border-color: #666;
  color: #ffffff;
  font-weight: 600;
  background: #000;
}

section#quickview .txt #txt_bottom #taglia_wrap a.taglia.selected {
  border-color: #000;
  font-weight: 600;
  color: #000;
  background: #ffffff;
}

section#quickview .txt #txt_bottom #tabellataglie {
  display: none;
}

section#quickview .txt #txt_bottom #tabellataglie_mobile {
  display: block;
  width: 100%;
  max-width: 310px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 0.83em;
  margin: -10px 0 10px;
}

section#quickview .txt #txt_bottom .size_result {
  text-transform: uppercase;
  color: #000;
}

section#quickview .txt #txt_bottom #cart_lnk {
  list-style: none;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
}

section#quickview .txt #txt_bottom #cart_lnk li {
  width: 100%;
  overflow: hidden;
  margin: 0;
}

section#quickview .txt #txt_bottom #cart_lnk li a {
  display: block;
  background: #ffffff;
  margin: 30px 0 0 0;
  width: 100%;
  border: solid 1px #cccccc;
  padding: 0;
  font-size: 1em;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  color: #666;
}

section#quickview .txt #txt_bottom #cart_lnk li a:hover {
  border-color: #666;
  color: #666;
  text-decoration: none;
}

section#quickview .txt #txt_bottom #cart_lnk li a.add_cart {
  border-color: #000;
  color: #000;
}

/* CSS Document */
#icons {
  margin: 0 0 30px;
}

#icons .col {
  text-align: center;
  font-weight: 600;
  font-size: 1.5rem;
  text-transform: uppercase;
}

#icons .col svg {
  display: block;
  width: 70px;
  height: auto;
  margin: 0 auto 15px;
}

#newsletter_footer {
  width: 100%;
  background: #fafafa;
  color: #000;
  text-align: center;
  padding: 30px 15px;
  margin: 0 0 30px;
}

#newsletter_footer form.content {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
}

#newsletter_footer form.content .h4 {
  width: 100%;
  color: #000;
  text-align: left;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 900;
}

#newsletter_footer form.content label {
  width: 100%;
  text-align: left;
}

#newsletter_footer form.content label input {
  display: block;
  width: calc(100% - 145px);
  background: #ffffff;
  border: solid 1px #cccccc;
  height: 38px;
  line-height: 38px;
  margin: 0;
}

#newsletter_footer form.content label.check {
  font-size: 7px;
}

#newsletter_footer form.content button {
  display: block;
  background: #000;
  color: #ffffff;
  width: 120px;
  height: 38px;
  line-height: 34px;
  border: solid 1px #000;
  position: absolute;
  bottom: 35px;
  right: 0;
  margin: 0;
  transition: all 0.5s ease-in;
}

#newsletter_footer form.content button:hover {
  background: #ffffff;
  color: #000;
}

footer {
  position: relative;
  margin: 0 auto;
  padding: 15px 0 0;
  background: #ffffff;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  font-size: 1em;
}

footer .h4 {
  font-size: 0.9em;
  margin: 0;
  text-transform: uppercase;
}

footer ul {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 500;
}

footer ul li {
  width: 100%;
  padding: 5px 15px;
}

footer #sub-footer {
  width: 100%;
  margin: 0;
  padding: 50px 0;
  border-top: solid 1px #cccccc;
}

footer #sub-footer .img {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin: 0  0 50px;
}

footer #sub-footer .img img {
  width: auto;
  height: 20px;
  object-fit: contain;
}

@media screen and (max-width: 992px) {
  #icons {
    margin: 0 0 30px;
  }
  #icons .col {
    font-size: 1.1rem;
  }
  #newsletter_footer form.content .h4 {
    font-size: 2em;
    font-weight: 600;
  }
  #newsletter_footer form.content label input {
    display: block;
    width: calc(100% - 125px);
  }
  footer {
    position: relative;
    margin: 0 auto;
    padding: 15px 0 0;
    background: #ffffff;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    font-size: 1em;
  }
  footer .col-md-4 {
    order: 1;
    width: 100% !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer .col-md-4:nth-of-type(2) {
    order: 0;
  }
  footer .h4 {
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    border-top: solid 1px #cccccc;
    position: relative;
  }
  footer .h4 .ui-icon {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  footer .h4 .ui-icon:before {
    content: '+';
    font-size: 1em;
    font-weight: 900;
  }
  footer .h4 .ui-icon.ui-icon-triangle-1-s:before {
    content: '-';
  }
  footer ul {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 500;
  }
  footer ul li {
    width: 100%;
    padding: 5px 15px;
  }
  footer #sub-footer {
    width: 100%;
    margin: 0;
    padding: 50px 0;
    border-top: solid 1px #cccccc;
    text-align: center;
    font-size: 0.7em;
  }
  footer #sub-footer .img {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    margin: 15px  0;
  }
  footer #sub-footer .img img {
    width: auto;
    height: 20px;
    object-fit: contain;
  }
  footer #sub-footer .col-sm-12 {
    order: 1;
  }
  footer #sub-footer .col-sm-12.col-md-6 {
    order: 0;
  }
}

/******************login*******************/
#login {
  margin: 0 auto;
  padding: 50px 0  !important;
  background: #ffffff;
  width: 100%;
  text-align: center;
  position: relative;
}

#login .spacer {
  display: block;
  width: 1px;
  background: #e5e5e5;
  height: 100%;
  min-height: 200px;
  max-height: none;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

#login h2 {
  width: 100%;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}

#login p {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 15px;
  font-size: 0.9em;
  text-align: center;
}

#login form {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  text-transform: uppercase;
  margin: 50px auto;
  text-align: left;
}

#login form fieldset {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#login form fieldset legend {
  font-size: 1em;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #cccccc;
}

#login form label {
  width: 100%;
  margin: 0 7.5px 20px;
  position: relative;
  white-space: nowrap;
  font-size: 0.8em;
  /*span{
					display: block;
					width:12px;
					height: 12px;
					background: $bianco;
					border:solid 1px $grigio;
					position: absolute;
					top:0;
					left: 0;

				}
				input:checked ~ span {
							  background-color: $nero;
							  border-color:$nero;		
							}*/
}

#login form label[for=email] {
  order: 0;
}

#login form label[for=username] {
  order: 0;
}

#login form label[for=password] {
  order: 0;
}

#login form label[for=password2] {
  order: 0;
}

#login form label[for=data] {
  order: 0;
}

#login form label[for=nome_spedizione] {
  order: 1;
}

#login form label[for=cognome_spedizione] {
  order: 2;
}

#login form label[for=indirizzo_spedizione] {
  order: 3;
}

#login form label[for=civico_spedizione] {
  order: 4;
}

#login form label[for=nazione_spedizione] {
  order: 5;
}

#login form label[for=citta_spedizione] {
  order: 6;
}

#login form label[for=provincia_spedizione] {
  order: 7;
}

#login form label[for=cap_spedizione] {
  order: 8;
}

#login form label[for=tel] {
  order: 9;
}

#login form label[for=mobile] {
  order: 10;
}

#login form label[for=ragione_sociale] {
  order: 11;
}

#login form label[for=codice_fiscale] {
  order: 12;
}

#login form label[for=indirizzo_fatturazione] {
  order: 13;
}

#login form label[for=civico_fatturazione] {
  order: 14;
}

#login form label[for=nazione_fatturazione] {
  order: 15;
}

#login form label[for=citta_fatturazione] {
  order: 16;
}

#login form label[for=provincia_fatturazione] {
  order: 17;
}

#login form label[for=cap_fatturazione] {
  order: 18;
}

#login form label[for=mobile_fatturazione] {
  order: 19;
}

#login form label.recaptcha {
  order: 89;
  width: 100% !important;
}

#login form label.check {
  display: inline-block;
  width: auto;
  padding: 0 20px !important;
  white-space: normal;
  text-align: left;
  text-transform: none;
}

#login form label input {
  display: block;
  width: 100%;
  background: transparent;
  border: solid 1px #cccccc;
  margin: 5px auto 0;
  text-align: left;
  font-size: 1.3em;
}

#login form label input[type=checkbox] {
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
}

#login form label select {
  display: block;
}

#login form .g-recaptcha {
  max-width: 310px;
  margin: 0 auto;
}

#login form button {
  display: block;
  width: 200px;
  clear: both;
  border: solid 1px #cccccc;
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 10px auto;
  padding: 10px 15px;
  position: relative;
  font-weight: 300;
  text-align: center;
  order: 90;
}

#login form button span {
  font-size: 1em;
  position: absolute;
  top: 9px;
  right: 15px;
}

#login form button:hover {
  background: #ffffff;
  color: #000;
  font-weight: 600;
}

#login form#form_registrazione label {
  width: calc(50% - 15px);
}

#login #rescue_button {
  margin: 30px auto 0;
  font-size: 0.9em;
  order: 91;
  cursor: pointer;
}

#login #rescue_form {
  display: none;
  margin-top: 30px;
}

#login .msg {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 500px;
  transform: translate(-50%, -800%);
  border: solid 1px #000;
  padding: 15px;
  background: #ffffff;
  z-index: 100;
}

@media screen and (max-width: 1280px) {
  #login .msg {
    transform: translate(-50%, -350%);
  }
}

@media screen and (max-width: 1080px) {
  #login {
    margin-top: 65px;
  }
  #login .spacer {
    display: none;
  }
  #login .msg {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    margin: 30px auto;
    border: none;
  }
}

#aris {
  margin: 0 auto 0px;
  padding: 50px 0;
  background: #ffffff;
  width: 100%;
  border-bottom: solid 1px #cccccc;
}

#aris .col-md-12 {
  margin-bottom: 30px;
}

#aris .side {
  list-style: circle;
  position: sticky;
  top: 200px;
  margin: 0;
  padding: 0 15px 0 0;
  border-right: solid 1px #000;
  display: flex;
  flex-flow: column;
}

#aris .side li a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-bottom: dotted 1px #cccccc;
  font-size: 1.1em;
  font-weight: 300;
  color: #666;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

#aris .side li a:hover {
  border-bottom-color: #000;
  color: #000;
}

#aris .side li a.active {
  color: #000;
  font-weight: 600;
}

#aris .side li#menuris_home {
  order: 0;
}

#aris .side li#menuris_my-orders {
  order: 1;
}

#aris .side li#menuris_wishlist {
  order: 2;
}

#aris .side li#menuris_carts {
  order: 3;
}

#aris .side li#menuris_modify-profile {
  order: 4;
}

#aris .side li#menuris_billing {
  order: 5;
}

#aris .side li#menuris_shipping {
  order: 6;
}

#aris .side li#menuris_settings {
  order: 7;
}

#aris .side li#menuris_coupon {
  order: 8;
}

#aris .side li#menuris_giftcard {
  order: 9;
}

#aris .side li:last-child {
  order: 100;
}

#aris h2 {
  width: 100%;
  font-weight: 100;
  text-transform: uppercase;
  padding: 10px 0;
}

#aris h2 .no-print {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  border: solid 1px #000;
  padding: 0 15px 0 35px;
  max-width: 160px;
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
}

#aris h2 .no-print i {
  position: absolute;
  top: 0;
  left: 10px;
}

#aris p.msg {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  border: solid 1px #000;
  border-radius: 5px;
  padding: 15px;
}

#aris form {
  width: 100% !important;
  max-width: 960px;
  display: flex;
  flex-flow: row wrap;
  text-transform: uppercase;
  margin: 0 auto;
  padding-bottom: 80px;
  position: relative;
}

#aris form fieldset {
  margin: 0 30px 20px 0 !important;
  width: 100%;
  max-width: 300px;
}

#aris form fieldset:last-of-type {
  margin-right: 0;
}

#aris form fieldset.mod_profile {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc((100% / 3) - 30px);
  /*gestiamo gli ordini dei campi di fatturazione*/
  /*gestiamo gli ordini dei campi di spedizione*/
}

#aris form fieldset.mod_profile h4 {
  padding: 30px 0;
}

#aris form fieldset.mod_profile label {
  width: 100%;
}

#aris form fieldset.mod_profile label[for=email_fatturazione] {
  order: 0;
}

#aris form fieldset.mod_profile label[for=nome_fatturazione] {
  order: 1;
}

#aris form fieldset.mod_profile label[for=ragione_sociale] {
  order: 2;
}

#aris form fieldset.mod_profile label[for=indirizzo_fatturazione] {
  order: 3;
}

#aris form fieldset.mod_profile label[for=civico_fatturazione] {
  order: 4;
}

#aris form fieldset.mod_profile label[for=SI_ID_fatturazione] {
  order: 5;
}

#aris form fieldset.mod_profile label[for=citta_fatturazione] {
  order: 6;
}

#aris form fieldset.mod_profile label[for=provincia_fatturazione] {
  order: 7;
}

#aris form fieldset.mod_profile label[for=cap_fatturazione] {
  order: 8;
}

#aris form fieldset.mod_profile label[for=codice_fiscale] {
  order: 9;
}

#aris form fieldset.mod_profile label[for=mobile_fatturazione] {
  order: 10;
}

#aris form fieldset.mod_profile label[for=shipping_email] {
  order: 1;
}

#aris form fieldset.mod_profile label[for=nome_spedizione] {
  order: 2;
}

#aris form fieldset.mod_profile label[for=cognome_spedizione] {
  order: 3;
}

#aris form fieldset.mod_profile label[for=indirizzo_spedizione] {
  order: 4;
}

#aris form fieldset.mod_profile label[for=civico_spedizione] {
  order: 5;
}

#aris form fieldset.mod_profile label[for=SI_ID_spedizione] {
  order: 6;
}

#aris form fieldset.mod_profile label[for=citta_spedizione] {
  order: 7;
}

#aris form fieldset.mod_profile label[for=provincia_spedizione] {
  order: 7;
}

#aris form fieldset.mod_profile label[for=cap_spedizione] {
  order: 8;
}

#aris form fieldset.mod_profile label[for=tel] {
  order: 9;
}

#aris form fieldset.mod_profile label[for=mobile] {
  order: 10;
}

#aris form fieldset h4 {
  font-size: 1em;
}

#aris form label {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 20px;
  font-size: 0.7em;
  position: relative;
  cursor: pointer;
}

#aris form label.check {
  padding: 0 20px;
}

#aris form label input {
  display: block;
  width: calc( 100% + 1px);
  margin: 0 auto;
  font-size: 1.3em;
}

#aris form label input[type=checkbox] {
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
}

#aris form label select {
  font-size: 1.3em;
}

#aris form .form_button {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 30px 0 0;
}

#aris form .form_button button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

#aris form button {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 5px 15px;
  border-radius: 5px;
  background: #000;
  color: #ffffff;
  font-size: 0.857em;
  font-weight: 600;
  border: solid 1px #000;
  text-transform: uppercase;
  box-shadow: 0 0 2px #000;
}

#aris form button span {
  display: none !important;
}

#aris .paginazione {
  border-top: solid 1px #000;
  margin: 20px 0;
  padding: 15px 0;
}

#aris .paginazione ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

#aris .paginazione ul li {
  margin: 0 5px;
}

#aris .paginazione ul li.disabled {
  color: #cccccc;
  padding: 5px;
}

#aris .paginazione ul li strong, #aris .paginazione ul li a {
  display: block;
  padding: 5px;
}

#aris table#orders, #aris table#giftcards {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

#aris table#orders th, #aris table#giftcards th {
  background: #ffffff;
  padding: 10px 15px;
  border-bottom: solid 1px #000;
}

#aris table#orders td, #aris table#giftcards td {
  padding: 10px 15px;
  border-bottom: solid 1px #000;
}

#aris table#orders td a, #aris table#giftcards td a {
  color: #000;
  font-weight: 600;
}

#aris table#orders tr:last-child td, #aris table#giftcards tr:last-child td {
  border-bottom: none;
}

#aris #order_detail {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  width: 100%;
  padding: 0;
  color: #000;
  z-index: 10000;
  overflow: hidden;
}

#aris #order_detail .wrapper {
  width: 100%;
  height: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
}

#aris #order_detail .wrapper .item {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 10px;
  border-bottom: solid 1px #cccccc;
}

#aris #order_detail .wrapper .item:last-child {
  border-bottom: none;
}

#aris #order_detail .wrapper .item img {
  width: 70px;
  height: auto;
}

#aris #order_detail .wrapper .item .txt {
  width: 50%;
  margin: 0 0 0 10px;
  text-transform: uppercase;
  font-size: 0.7em;
  position: relative;
}

#aris #order_detail .wrapper .item .txt span {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  position: relative;
}

#aris #order_detail .wrapper .item .txt .elimina {
  position: absolute;
  bottom: 0;
  margin: 0;
}

#aris #order_detail #info_sped, #aris #order_detail #info_fatt, #aris #order_detail #riepilogo {
  width: calc((100% / 3) - 30px);
  margin: 0 0 20px;
}

#aris #order_detail h4, #aris #order_detail h3 {
  font-size: 1.1em;
  display: block;
  width: 100%;
  position: relative;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 10px 0;
}

#aris #order_detail h3 {
  font-size: 1.3em;
  margin: 11px 0;
  position: relative;
  overflow: hidden;
}

#aris #order_detail h3 strong {
  position: relative;
  float: right;
}

#aris #order_detail p {
  font-size: 0.9em;
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: solid 1px #000;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

#aris #order_detail p strong {
  position: relative;
  float: right;
}

#aris #order_detail p.stato {
  text-align: center;
  font-weight: 600;
  border-bottom: none;
}

#aris #order_detail p.stato:last-of-type {
  border-bottom: none;
}

#aris #coupon_list, #aris #shipping_list, #aris #billing_list {
  width: 100%;
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}

#aris #coupon_list li, #aris #shipping_list li, #aris #billing_list li {
  margin: 10px 20px 10px 0;
  border: solid 1px #000;
  border-radius: 5px;
  max-width: 200px;
  padding: 15px;
  text-align: center;
}

#aris #coupon_list li h3, #aris #shipping_list li h3, #aris #billing_list li h3 {
  font-size: 0.9em;
  text-transform: lowercase;
  color: #000;
}

#aris #coupon_list li h3 strong, #aris #shipping_list li h3 strong, #aris #billing_list li h3 strong {
  font-size: 1.3em;
  display: block;
  margin: 10px 0;
  color: nero;
  text-transform: uppercase;
}

#aris #coupon_list li h4, #aris #shipping_list li h4, #aris #billing_list li h4 {
  font-size: 1em;
  text-transform: lowercase;
  color: #000;
}

#aris #coupon_list li h4 strong, #aris #shipping_list li h4 strong, #aris #billing_list li h4 strong {
  color: #000;
  text-transform: uppercase;
}

#aris #coupon_list li h5, #aris #shipping_list li h5, #aris #billing_list li h5 {
  font-size: 0.9em;
  text-transform: lowercase;
  color: #000;
}

#aris #coupon_list li h5 strong, #aris #shipping_list li h5 strong, #aris #billing_list li h5 strong {
  color: #000;
  text-transform: uppercase;
}

#aris #shipping_list, #aris #billing_list {
  align-items: stretch;
  max-width: none;
}

#aris #shipping_list li, #aris #billing_list li {
  width: calc(100% / 4);
  max-width: none;
  padding: 50px 15px 15px;
  overflow: hidden;
  position: relative;
}

#aris #shipping_list li:first-child, #aris #billing_list li:first-child {
  max-width: none;
  width: 100%;
  align-self: center;
  text-transform: uppercase;
  overflow: hidden;
  padding: 15px;
}

#aris #shipping_list li:first-child h3, #aris #billing_list li:first-child h3 {
  margin: 0;
}

#aris #shipping_list li#default, #aris #billing_list li#default {
  background: #fafafa;
}

#aris #shipping_list li#default .default, #aris #billing_list li#default .default {
  font-size: 0.7em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #000;
  color: #fff;
  padding: 3px;
  transform: rotate(-45deg);
  position: absolute;
  top: 30px;
  left: -30px;
  display: block;
  width: 130px;
}

#aris #shipping_list li h3, #aris #billing_list li h3 {
  text-transform: uppercase;
  font-size: 1.2em;
}

#aris #shipping_list li ul, #aris #billing_list li ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

#aris #shipping_list li ul li, #aris #billing_list li ul li {
  width: calc(50% - 5px) !important;
  margin: 0 0 10px;
  padding: 0 !important;
  border: none;
  border-radius: 0;
  /*&:last-child{
						width:100% !important;
						margin: 0;
					}*/
}

#aris #shipping_list li ul li a, #aris #billing_list li ul li a {
  display: block;
  width: 100%;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px;
  background: #ffffff;
  color: #000;
  border: solid 1px #000;
  border-radius: 3px;
}

#aris #shipping_list li ul li a:hover, #aris #billing_list li ul li a:hover {
  filter: invert(100%);
}

#aris #shipping_list li ul li:first-child, #aris #billing_list li ul li:first-child {
  width: calc(50% - 5px) !important;
}

#aris #shipping_list li ul li:first-child a, #aris #billing_list li ul li:first-child a {
  background: #fafafa;
}

#aris #settings {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: stretch;
}

#aris #settings li {
  margin: 10px 15px 10px 0;
  width: calc((100% / 3) - 30px);
  max-width: 300px;
  padding: 15px 15px 15px 0;
  text-align: center;
  border-right: solid 1px #000;
}

#aris #settings li:last-child {
  border-right: none;
  margin: 10px 0px;
  padding: 15px  0;
}

#aris #settings li h4 {
  white-space: nowrap;
}

#aris #settings li form {
  height: 100%;
  text-align: center;
  margin: 0;
}

#aris #settings li form fieldset {
  margin: 0 auto !important;
}

#aris table#wishlist {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

#aris table#wishlist th {
  background: #ffffff;
  padding: 10px 15px;
  border-bottom: solid 1px #000;
}

#aris table#wishlist td {
  padding: 10px 15px;
  border-bottom: solid 1px #000;
}

#aris table#wishlist td a {
  display: block;
  border: solid 1px #000;
  border-radius: 5px;
  padding: 10px 0px;
  background: #ffffff;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 600;
}

#aris table#wishlist td img {
  width: 100%;
  height: auto;
  max-width: 80px;
}

#aris table#wishlist tr:last-child td {
  border-bottom: none;
}

@media screen and (max-width: 1080px) {
  #aris {
    margin-top: 140px;
    padding: 0;
    /*.side{
			border:solid 1px $grigio;
			background: $sfondo;
			list-style: none;
			padding: 0 10px;
			display: flex;
			flex-flow: row wrap;
			li{
				width:50%;
				margin:0;
				padding: 0;
				a{margin:0;
				padding: 10px;}
				&:last-child{
					a{
						border:none;
					}
				}
			}
		}*/
  }
  #aris .side {
    width: 100%;
    background: #fafafa;
    border: none;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: fixed;
    z-index: 1000;
    top: 73px;
    left: 0;
  }
  #aris .side li {
    width: auto;
    margin: 0;
    padding: 0;
  }
  #aris .side li a {
    margin: 0;
    padding: 10px;
    font-size: 10px;
    border: none;
  }
  #aris .side li a.active {
    font-weight: 600;
  }
  #aris .side li:last-child {
    width: 100%;
  }
  #aris .side li:last-child a {
    background: #000;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
  }
  #aris form {
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #aris form fieldset {
    margin: 0 0 20px;
    max-width: none;
  }
  #aris form fieldset .check {
    padding-left: 15px;
  }
  #aris #orders, #aris table#giftcards {
    font-size: 0.7em;
  }
  #aris #orders td, #aris #orders th, #aris table#giftcards td, #aris table#giftcards th {
    padding: 10px 0 !important;
    width: calc( 100%/ 6);
  }
  #aris #order_detail #info_sped, #aris #order_detail #info_fatt, #aris #order_detail #riepilogo {
    width: 100%;
    margin: 0 0 20px;
  }
  #aris #coupon_list li, #aris #shipping_list li, #aris #billing_list li {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 50px;
  }
  #aris #settings form {
    padding-bottom: 30px;
  }
  #aris #settings li {
    width: 100%;
    margin: 0 0 20px;
    max-width: none;
    padding: 0;
    text-align: center;
    border-right: none;
  }
  #aris table#wishlist * {
    display: block;
  }
  #aris table#wishlist tr {
    width: 100%;
    overflow: hidden;
    text-align: right;
    position: relative;
    border-bottom: solid 1px #000;
    padding: 10px 0;
  }
  #aris table#wishlist tr:first-child {
    display: none;
  }
  #aris table#wishlist tr:last-child {
    border-bottom: 0;
  }
  #aris table#wishlist tr td {
    width: 50% !important;
    margin: 0 0 0 auto;
    border: none;
    text-align: left;
  }
  #aris table#wishlist tr td:first-child {
    position: absolute;
    top: 0;
    left: 0;
  }
  #aris table#wishlist tr td:first-child img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
  }
  #aris table#wishlist tr td a {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  #aris {
    margin-top: 180px;
  }
  #aris form fieldset {
    width: 100% !important;
    margin: 0 0 20px !important;
  }
}

/*********modify shipping / billing ***********/
body.modify-billing #aris form fieldset.mod_profile, body.modify-shipping #aris form fieldset.mod_profile {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  /*gestiamo gli ordini dei campi di fatturazione*/
  /*gestiamo gli ordini dei campi di spedizione*/
}

body.modify-billing #aris form fieldset.mod_profile label[for=email_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=email_fatturazione] {
  order: 0;
}

body.modify-billing #aris form fieldset.mod_profile label[for=nome_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=nome_fatturazione] {
  order: 1;
}

body.modify-billing #aris form fieldset.mod_profile label[for=ragione_sociale], body.modify-shipping #aris form fieldset.mod_profile label[for=ragione_sociale] {
  order: 2;
}

body.modify-billing #aris form fieldset.mod_profile label[for=indirizzo_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=indirizzo_fatturazione] {
  order: 3;
}

body.modify-billing #aris form fieldset.mod_profile label[for=civico_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=civico_fatturazione] {
  order: 4;
}

body.modify-billing #aris form fieldset.mod_profile label[for=SI_ID_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=SI_ID_fatturazione] {
  order: 5;
}

body.modify-billing #aris form fieldset.mod_profile label[for=citta_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=citta_fatturazione] {
  order: 6;
}

body.modify-billing #aris form fieldset.mod_profile label[for=provincia_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=provincia_fatturazione] {
  order: 7;
}

body.modify-billing #aris form fieldset.mod_profile label[for=cap_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=cap_fatturazione] {
  order: 8;
}

body.modify-billing #aris form fieldset.mod_profile label[for=codice_fiscale], body.modify-shipping #aris form fieldset.mod_profile label[for=codice_fiscale] {
  order: 9;
}

body.modify-billing #aris form fieldset.mod_profile label[for=shipping_email], body.modify-shipping #aris form fieldset.mod_profile label[for=shipping_email] {
  order: 1;
}

body.modify-billing #aris form fieldset.mod_profile label[for=nome_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=nome_spedizione] {
  order: 2;
}

body.modify-billing #aris form fieldset.mod_profile label[for=cognome_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=cognome_spedizione] {
  order: 3;
}

body.modify-billing #aris form fieldset.mod_profile label[for=indirizzo_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=indirizzo_spedizione] {
  order: 4;
}

body.modify-billing #aris form fieldset.mod_profile label[for=civico_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=civico_spedizione] {
  order: 5;
}

body.modify-billing #aris form fieldset.mod_profile label[for=SI_ID_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=SI_ID_spedizione] {
  order: 6;
}

body.modify-billing #aris form fieldset.mod_profile label[for=citta_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=citta_spedizione] {
  order: 7;
}

body.modify-billing #aris form fieldset.mod_profile label[for=provincia_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=provincia_spedizione] {
  order: 7;
}

body.modify-billing #aris form fieldset.mod_profile label[for=cap_spedizione], body.modify-shipping #aris form fieldset.mod_profile label[for=cap_spedizione] {
  order: 8;
}

body.modify-billing #aris form fieldset.mod_profile label[for=tel], body.modify-shipping #aris form fieldset.mod_profile label[for=tel] {
  order: 9;
}

body.modify-billing #aris form fieldset.mod_profile label[for=mobile_fatturazione], body.modify-shipping #aris form fieldset.mod_profile label[for=mobile_fatturazione] {
  order: 10;
}

body.modify-billing #aris form fieldset.mod_profile h4, body.modify-shipping #aris form fieldset.mod_profile h4 {
  width: 100%;
}

body.modify-billing #aris form fieldset.mod_profile input, body.modify-shipping #aris form fieldset.mod_profile input {
  min-height: 35px;
}

body.modify-billing #aris form fieldset.mod_profile input:disabled, body.modify-shipping #aris form fieldset.mod_profile input:disabled {
  background: #fafafa;
  cursor: default;
}

/*******************carrelli salvati***********************/
body.carts table#carts, body.carts table#carts_detail {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

body.carts table#carts th, body.carts table#carts_detail th {
  background: #ffffff;
  padding: 10px 15px;
  border-bottom: solid 1px #000;
  text-transform: lowercase;
}

body.carts table#carts th::first-letter, body.carts table#carts_detail th::first-letter {
  text-transform: uppercase;
}

body.carts table#carts td, body.carts table#carts_detail td {
  padding: 10px 15px;
  border-bottom: dotted 1px #000;
}

body.carts table#carts td a, body.carts table#carts_detail td a {
  display: block;
  font-weight: 600;
  color: #666;
  margin: 0 2.5px;
}

body.carts table#carts td a.btn, body.carts table#carts td a.btn_inv, body.carts table#carts_detail td a.btn, body.carts table#carts_detail td a.btn_inv {
  display: inline-block;
  line-height: 1.5em;
  color: #ffffff;
  font-weight: 400;
}

body.carts table#carts td a.btn:hover, body.carts table#carts td a.btn_inv:hover, body.carts table#carts_detail td a.btn:hover, body.carts table#carts_detail td a.btn_inv:hover {
  color: #000;
}

body.carts table#carts td a.btn_inv, body.carts table#carts_detail td a.btn_inv {
  color: #000;
}

body.carts table#carts td a.btn_inv:hover, body.carts table#carts_detail td a.btn_inv:hover {
  color: #ffffff;
}

body.carts table#carts td input, body.carts table#carts_detail td input {
  border: solid 1px #cccccc;
  background: #fafafa;
  padding: 8px;
  max-width: 200px;
}

body.carts table#carts td input:focus, body.carts table#carts_detail td input:focus {
  background: #ffffff;
}

body.carts table#carts td span.hidden, body.carts table#carts_detail td span.hidden {
  display: none;
}

body.carts table#carts tr:last-child td, body.carts table#carts_detail tr:last-child td {
  border-bottom: none;
}

body.carts table#carts_detail td.img, body.carts table#carts_detail th.img {
  width: 100px;
}

body.carts table#carts_detail td.img img, body.carts table#carts_detail th.img img {
  width: 100%;
  height: auto;
}

body.carts table#carts_detail td.description, body.carts table#carts_detail th.description {
  width: 400px;
}

body.carts table#carts_detail td.price {
  width: 240px;
  padding: 0;
  margin: 0 0 15px;
  font-size: 1em;
  min-height: 2.5em;
}

body.carts table#carts_detail td.price span {
  display: inline-block;
  position: relative;
  width: auto;
  margin: 0 5px 0 0;
}

body.carts table#carts_detail td.price span.hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  body.carts table#carts_detail td.price span {
    display: block;
    margin: 0 0 5px 0;
    height: 1em;
  }
}

body.carts table#carts_detail td.price del {
  color: #666;
}

body.carts table#carts_detail td.price i {
  color: #f00;
  font-weight: 500;
  font-style: normal;
}

body.carts table#carts_detail td.price em {
  display: inline-block;
  font-style: normal;
  letter-spacing: 0.15em;
  color: #000;
}

body.carts table#carts_detail td.price .prices_b2b {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

body.carts table#carts_detail td.price .prices_b2b li {
  width: 50%;
  margin: 0;
  padding: 0;
}

body.carts table#carts_detail td.price .prices_b2b li label {
  display: block;
  font-size: 0.8em;
  width: 100%;
}

body.carts table#carts_detail td.price .prices_b2b li.prezzo_consigliato {
  color: #666;
}

body.carts table#carts_detail td.price .prices_b2b li.prezzo_consigliato strong {
  color: #666;
}

body.carts table#carts_detail td.price .prices_b2b li.prezzo_vendita {
  color: #000;
}

body.carts table#carts_detail td.price .prices_b2b li.prezzo_vendita strong {
  color: #000;
}

body.carts table#carts_detail td.price .prices_b2b li.prezzo_vendita em {
  color: #f00;
}

body.carts table#carts_detail td.total {
  font-weight: 600;
}

body.carts table#carts_detail td.total span.hidden {
  width: auto !important;
}

body.carts ul.cart_summary {
  background: rgba(250, 250, 250, 0.5);
  display: flex;
  padding: 10px;
  list-style: none;
  flex-flow: row wrap;
  justify-content: space-between;
  border: solid 1px #cccccc;
  align-items: center;
}

body.carts ul.cart_summary li {
  padding: 10px 0;
}

body.carts ul.cart_summary li input {
  border: solid 1px #cccccc;
  background: #fafafa;
  padding: 8px;
  max-width: 200px;
}

body.carts ul.cart_summary li input:focus {
  background: #ffffff;
}

body.carts ul.cart_summary li a {
  display: block;
  font-weight: 600;
  color: #666;
  margin: 0 2.5px;
}

body.carts ul.cart_summary li a.btn, body.carts ul.cart_summary li a.btn_inv {
  display: inline-block;
  line-height: 1.5em;
  color: #ffffff;
  font-weight: 400;
}

body.carts ul.cart_summary li a.btn:hover, body.carts ul.cart_summary li a.btn_inv:hover {
  color: #000;
}

body.carts ul.cart_summary li a.btn_inv {
  color: #000;
}

body.carts ul.cart_summary li a.btn_inv:hover {
  color: #ffffff;
}

@media screen and (max-width: 1080px) {
  body.carts table#carts *, body.carts table#carts_detail * {
    display: block;
  }
  body.carts table#carts thead, body.carts table#carts_detail thead {
    display: none;
  }
  body.carts table#carts tr, body.carts table#carts_detail tr {
    width: 100%;
    overflow: hidden;
    text-align: right;
    position: relative;
    border-bottom: solid 1px #000;
    padding: 10px 0;
  }
  body.carts table#carts tr:last-child, body.carts table#carts_detail tr:last-child {
    border-bottom: 0;
  }
  body.carts table#carts tr td, body.carts table#carts_detail tr td {
    width: 100% !important;
    margin: 0;
    border: none;
    text-align: left;
    border-bottom: dotted 1px #cccccc;
  }
  body.carts table#carts tr td a, body.carts table#carts_detail tr td a {
    margin-bottom: 15px;
  }
  body.carts table#carts tr td span.hidden, body.carts table#carts_detail tr td span.hidden {
    display: block;
    font-weight: 600;
    width: 100%;
    margin: 0 0 15px;
  }
  body.carts table#carts tr td:first-child span.hidden, body.carts table#carts_detail tr td:first-child span.hidden {
    display: inline-block;
    font-weight: 600;
    width: auto;
    margin: 0 0 0;
  }
  body.carts table#carts tr td:last-child, body.carts table#carts_detail tr td:last-child {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }
  body.carts table#carts tr td.price, body.carts table#carts_detail tr td.price {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding: 10px 15px;
  }
  body.carts table#carts tr td.price span:not(.hidden), body.carts table#carts_detail tr td.price span:not(.hidden) {
    display: flex;
    width: auto;
    margin: 0 5px 0 0;
  }
  body.carts table#carts tr td.price span:not(.hidden) del, body.carts table#carts_detail tr td.price span:not(.hidden) del {
    margin: 0 5px 0 0;
  }
  body.carts table#carts tr td.price .prices_b2b li.prezzo_vendita, body.carts table#carts_detail tr td.price .prices_b2b li.prezzo_vendita {
    text-align: right;
  }
}

h2.print {
  display: none;
}

/* CSS Document */
/************************/
/*configurazione pagine
/************************/
section#cart {
  margin: 20px auto 0px;
}

@media screen and (max-width: 768px) {
  section#cart {
    margin: 50px auto;
  }
}

section#cart #cart_summary {
  top: 170px;
}

@media screen and (max-width: 768px) {
  section#cart #cart_summary {
    top: auto;
  }
}

section#cart_shipping {
  margin: 20px auto 0px;
}

@media screen and (max-width: 768px) {
  section#cart_shipping {
    margin: 50px auto;
  }
}

#checkout {
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  #checkout {
    margin: 50px auto;
  }
}

#thanks {
  margin: 20px auto  !important;
}

@media screen and (max-width: 768px) {
  #thanks {
    margin: 50px auto 0px !important;
  }
}

#nlpopup {
  display: none !important;
}

/************************/
/*stili generici
/************************/
body {
  margin: 0;
  padding: 0;
}

section#cart, section#checkout, #modal, section#thanks {
  color: #000;
  box-sizing: content-box;
  font-size: 0.8em;
}

section#cart *, section#checkout *, #modal *, section#thanks * {
  box-sizing: content-box;
}

section#cart *:after, section#cart *:before, section#checkout *:after, section#checkout *:before, #modal *:after, #modal *:before, section#thanks *:after, section#thanks *:before {
  box-sizing: content-box;
}

section#cart h1, section#cart h2, section#cart h3, section#cart h4, section#checkout h1, section#checkout h2, section#checkout h3, section#checkout h4, #modal h1, #modal h2, #modal h3, #modal h4, section#thanks h1, section#thanks h2, section#thanks h3, section#thanks h4 {
  font-weight: 400;
  line-height: 1em;
  padding: 0;
  margin: 0 0 30px;
  color: #000;
}

section#cart h1, section#checkout h1, #modal h1, section#thanks h1 {
  font-size: 1.8em;
  line-height: 2em;
}

section#cart h2, section#checkout h2, #modal h2, section#thanks h2 {
  font-size: 1.6em;
}

section#cart h3, section#checkout h3, #modal h3, section#thanks h3 {
  font-size: 1.4em;
}

section#cart h4, section#checkout h4, #modal h4, section#thanks h4 {
  font-size: 1.2em;
}

section#cart h5, section#checkout h5, #modal h5, section#thanks h5 {
  font-size: 1em;
}

section#cart h6, section#checkout h6, #modal h6, section#thanks h6 {
  font-size: 0.83em;
  font-weight: 400;
  color: #000;
  margin: 0 0 10px;
}

section#cart *, section#checkout *, #modal *, section#thanks * {
  outline: none !important;
}

section#cart a, section#checkout a, #modal a, section#thanks a {
  text-decoration: none !important;
  outline: none !important;
  color: #000;
}

section#cart a:hover, section#checkout a:hover, #modal a:hover, section#thanks a:hover {
  color: #000;
}

section#cart input, section#cart textarea, section#cart button, section#checkout input, section#checkout textarea, section#checkout button, #modal input, #modal textarea, #modal button, section#thanks input, section#thanks textarea, section#thanks button {
  outline: none !important;
  border: none;
  border-bottom: dotted 1px #000;
  padding: 0.2em 0;
  color: #000;
  background: transparent;
  font-weight: 300;
  font-size: 1.1em;
}

section#cart input[type="submit"], section#cart button, section#checkout input[type="submit"], section#checkout button, #modal input[type="submit"], #modal button, section#thanks input[type="submit"], section#thanks button {
  color: #000;
  font-weight: 700;
}

section#cart input[type="checkbox"], section#cart input[type="radio"], section#checkout input[type="checkbox"], section#checkout input[type="radio"], #modal input[type="checkbox"], #modal input[type="radio"], section#thanks input[type="checkbox"], section#thanks input[type="radio"] {
  width: auto;
}

section#cart select, section#checkout select, #modal select, section#thanks select {
  width: 100%;
  text-align: right;
  font-weight: 300;
  font-size: 1em;
  max-width: 150px;
  padding: 0px 35px 0px 0px;
  border-bottom: 1px dotted #000;
  height: auto;
  background: url("../img/chevron_dwn.png") no-repeat calc(100% - 5px) center !important;
  background-size: 16px auto !important;
  cursor: pointer;
}

section#cart select optgroup, section#checkout select optgroup, #modal select optgroup, section#thanks select optgroup {
  border: solid 1px #000;
  background: #ffffff;
}

section#cart button, section#checkout button, #modal button, section#thanks button {
  border: none;
  background: transparent;
  font-weight: 700;
}

section#cart strong, section#checkout strong, #modal strong, section#thanks strong {
  color: #000;
  font-weight: 400;
}

.cart_summary_body {
  font-size: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  color: #000;
}

.polo_alert span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px 0;
  font-size: 1.2em;
  color: #666;
}

.las {
  max-width: 15px;
}

.la-sync {
  background: #ffffff;
}

#statebar {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  list-style: none;
  padding: 0;
  margin: -30px 0 30px;
}

#statebar li {
  width: calc(100% / 4);
  margin: 0;
  padding: 15px 0;
  border-bottom: solid 2px #cccccc;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-transform: lowercase;
  white-space: nowrap;
  color: #cccccc;
}

#statebar li:first-letter {
  text-transform: uppercase;
}

#statebar li.active {
  border-bottom-color: #000;
  font-weight: 600;
  background-color: #fafafa;
  color: #000;
}

@media screen and (max-width: 1080px) {
  #statebar li {
    width: calc(100% / 2);
  }
}

/************************/
/*carrello
/************************/
section#cart {
  width: calc(100% - 30px);
  max-width: 1440px;
  background: #ffffff;
  padding: 0;
  position: relative;
}

section#cart h1 {
  border-bottom: solid 1px #000;
  padding: 0 15px 5px;
  margin-bottom: 30px;
  text-transform: capitalize;
  display: block;
  width: calc(100% - 30px);
  overflow: hidden;
  position: relative;
}

section#cart h1 ul {
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 15px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 0;
  text-transform: uppercase;
}

section#cart h1 ul li {
  display: inline-block;
  margin: 0 0 0 15px;
}

section#cart h1 ul li a#svuota:hover {
  color: #666 !important;
}

section#cart h1 ul li a#svuota svg {
  margin: 0 10px 0 0;
}

section#cart h1 ul li i {
  display: inline-block;
  margin: 0 10px 0 0;
}

section#cart h1.noprod {
  max-width: 1280px;
  margin: 50px auto 30px;
}

section#cart h3.noprod {
  text-align: center;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  padding: 30px;
  width: calc( 100% - 60px);
  font-weight: 100;
}

section#cart #option_toggle, section#cart #svuota_cart {
  display: none;
}

section#cart #cart_list {
  width: calc(70% - 30px);
  max-width: 850px;
  margin: 0 0;
  padding: 15px 0;
  z-index: 1;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

section#cart #cart_list .item_cart {
  display: block;
  width: calc(100% - 2px);
  min-height: 0 !important;
  margin: 0 0px 50px 0px;
  padding: 0px;
  position: relative;
  border-bottom: solid 1px #000;
  background: #f1f1f1;
}

section#cart #cart_list .item_cart .elimina {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #f1f1f1;
  padding: 15px;
  text-transform: uppercase;
  z-index: 1;
  font-size: 0.9em;
}

section#cart #cart_list .item_cart .elimina i, section#cart #cart_list .item_cart .elimina svg {
  margin-right: 10px;
}

section#cart #cart_list .item_cart .elimina:hover {
  color: #666;
}

section#cart #cart_list .item_cart .img {
  width: 100%;
  max-height: 170px;
  max-width: 100px;
  display: block;
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 10px;
  z-index: 10;
}

section#cart #cart_list .item_cart .img img {
  width: 100%;
  height: auto;
}

section#cart #cart_list .item_cart .txt {
  display: block;
  width: calc(100% - 515px);
  border-top: none;
  position: relative;
  bottom: auto;
  padding: 15px 15px 15px 150px;
  min-height: 100px;
  margin-bottom: 40px;
  float: left;
  text-align: right;
  /************************gestione quantità b2b************************/
  /************************fine gestione quantità b2b************************/
}

section#cart #cart_list .item_cart .txt:before {
  display: none;
}

section#cart #cart_list .item_cart .txt:after {
  display: none;
}

section#cart #cart_list .item_cart .txt h6 {
  font-size: 1.1em;
  text-align: left;
}

section#cart #cart_list .item_cart .txt p {
  margin: 0 10px 10px 0;
  color: #000;
  float: left;
  font-size: 0.9em;
  text-align: left;
}

section#cart #cart_list .item_cart .txt ul.qnt_b2b {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0px 0 10px;
  padding: 0;
  flex-flow: row wrap;
  list-style: none;
  background: rgba(255, 255, 255, 0.5) !important;
  border: solid 1px #cccccc;
}

section#cart #cart_list .item_cart .txt ul.qnt_b2b li {
  width: calc((100% / 5) - 10px);
  margin: 0;
  padding: 5px;
  text-align: center;
}

section#cart #cart_list .item_cart .txt ul.qnt_b2b li input {
  margin: 5px 0 0 0;
  width: 40px;
  text-align: center;
}

section#cart #cart_list .item_cart .txt button {
  width: auto !important;
  color: #000;
  margin: 0 0 0  auto;
}

section#cart #cart_list .item_cart .txt button .las.la-sync {
  background: #666;
}

section#cart #cart_list .item_cart .txt button:hover {
  color: #666;
}

section#cart #cart_list .item_cart .txt button:hover .las.la-sync {
  background: #000;
}

section#cart #cart_list .item_cart .qnt {
  width: 250px;
  color: #000;
  text-align: right;
  padding: 9px 15px;
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 430px;
  text-align: left;
  overflow: hidden;
  margin: 0;
}

section#cart #cart_list .item_cart .qnt label {
  display: block;
  margin: 0;
}

section#cart #cart_list .item_cart .qnt .no_input {
  display: block;
  padding: 3px 0 !important;
}

section#cart #cart_list .item_cart .qnt input {
  width: 50px;
  margin: 0 15px;
}

section#cart #cart_list .item_cart .qnt button {
  display: inline-block;
  width: auto;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.83em;
}

section#cart #cart_list .item_cart h6.val_coupon {
  position: absolute;
  display: block;
  width: 170px;
  bottom: 0;
  right: 220px;
  margin: 0;
  padding: 13px 15px;
  font-weight: 300;
  border-left: none;
  font-size: 0.9em;
}

section#cart #cart_list .item_cart h6.val_coupon.nogood {
  color: #000;
}

section#cart #cart_list .item_cart h6.val_coupon i {
  float: right;
  font-style: normal;
  color: #000;
}

section#cart #cart_list .item_cart h3 {
  width: 190px;
  background: #f1f1f1;
  color: #000;
  padding: 15px 15px 5px;
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 0;
  margin: 0;
  text-align: right;
  font-size: 1.2em;
}

section#cart #cart_list .item_cart h3 span {
  display: inline-block;
  margin: 0 0 10px 10px;
}

section#cart #cart_list .item_cart h3 del {
  display: inline-block;
  color: #000;
  margin: 0 10px 10px 0;
  font-weight: 300;
  font-size: 0.9em;
}

section#cart #cart_summary {
  display: block;
  width: 30%;
  margin: 0;
  padding: 0;
  position: sticky;
  right: 0;
  float: right;
  z-index: 100;
  border: none;
  border-left: solid 1px #000;
  padding: 0 0 0 7.5px;
  margin: 15px 0 30px -7.5px;
  background: #ffffff;
}

section#cart #cart_summary h2 {
  display: block;
  width: 100%;
  padding: 10px 15px;
  position: relative;
  margin-bottom: 0;
  color: #000;
  white-space: nowrap;
  font-size: 1.5em;
  line-height: 1.2em;
  background: #ffffff;
}

section#cart #cart_summary h2:before {
  display: none;
}

section#cart #cart_summary h2:after {
  display: none;
}

section#cart #cart_summary h2 span {
  margin: 0 0 10px;
  color: #ffffff;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  font-size: 2.5em;
  width: 45px;
  height: 50px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  text-align: right;
  text-indent: 10px;
  padding: 10px 0 0 15px;
  opacity: 0.2;
}

section#cart #cart_summary .wrapper {
  width: 100%;
  margin: 30px auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-transform: uppercase;
}

section#cart #cart_summary .wrapper .polo_alert {
  width: 100%;
  position: relative;
  text-align: center;
  color: #666;
  overflow: hidden;
  padding: 15px;
}

section#cart #cart_summary .wrapper .cols {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(100%  - 30px);
  margin: 0 15px;
  padding: 0px;
}

section#cart #cart_summary .wrapper .cols #coupon_summary, section#cart #cart_summary .wrapper .cols #giftcard_summary {
  width: 100%;
  font-size: 1em;
  font-weight: 100;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  position: relative;
  margin: 0 0 15px;
}

section#cart #cart_summary .wrapper .cols #coupon_summary input, section#cart #cart_summary .wrapper .cols #giftcard_summary input {
  border: none;
  background: #fafafa;
  margin: 0;
  min-height: 30px;
  width: 100%;
}

section#cart #cart_summary .wrapper .cols #coupon_summary button, section#cart #cart_summary .wrapper .cols #giftcard_summary button {
  /*position:absolute;
					top:0;
					right:5px;
					border-bottom:none;
					background: $bianco;
					color:$nero;
					cursor:pointer;
					margin-right: 0;
					font-size:0.83em;
					width:auto !important;
					padding: 5px 10px*/
  display: inline-block;
  padding: 7px 0;
  margin: 0;
  position: absolute;
  top: -7px;
  right: 0px;
  font-size: 0.8em;
  color: #000;
  text-transform: uppercase;
  font-weight: 300;
  width: auto;
}

section#cart #cart_summary .wrapper .cols #coupon_summary .elimina, section#cart #cart_summary .wrapper .cols #giftcard_summary .elimina {
  display: inline-block;
  padding: 7px;
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 0.8em;
  color: #666;
  text-transform: uppercase;
  font-weight: 100;
  width: auto;
}

section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon, section#cart #cart_summary .wrapper .cols #coupon_summary #importo_giftcard, section#cart #cart_summary .wrapper .cols #giftcard_summary #importo_coupon, section#cart #cart_summary .wrapper .cols #giftcard_summary #importo_giftcard {
  width: 100%;
  color: #000;
  font-size: 0.9em;
  padding: 20px 0 0;
}

section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon strong, section#cart #cart_summary .wrapper .cols #coupon_summary #importo_giftcard strong, section#cart #cart_summary .wrapper .cols #giftcard_summary #importo_coupon strong, section#cart #cart_summary .wrapper .cols #giftcard_summary #importo_giftcard strong {
  float: right;
}

section#cart #cart_summary .wrapper .cols #spedizione {
  border-bottom: solid 1px #000;
  position: relative;
  padding-bottom: 10px;
  margin: 0 0 15px;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 {
  width: 100%;
  font-weight: 400;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 strong {
  margin: 10px 0 0;
  display: block;
  width: 100%;
  position: relative;
  color: #666;
}

section#cart #cart_summary .wrapper .cols #spedizione h5 strong span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_toggle {
  display: block;
  padding: 7px 0;
  margin: 0;
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 0.8em;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_toggle.active {
  background: #000;
  color: #ffffff;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list {
  display: none;
  width: calc(100% - 2px);
  border: solid 1px #000;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ffffff;
  position: absolute;
  top: 23px;
  z-index: 10;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list h6 {
  background: #fafafa;
  border-bottom: dotted 1px #cccccc;
  font-size: 0.9em;
  padding: 10px;
  margin: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a {
  display: block;
  border-bottom: dotted 1px #cccccc;
  font-size: 0.9em;
  padding: 10px 10px 10px 30px;
  position: relative;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: solid 1px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid 0px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a:hover {
  background: #fafafa;
  font-weight: 600;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a.ec_active_square {
  background: #fafafa;
  font-weight: 600;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #spedizione #country_list a.ec_active_square:after {
  background: #cccccc;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type {
  width: 100%;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 15px 0 0;
  padding: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  position: relative;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li:last-child {
  margin: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li label {
  width: 100%;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li label strong {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 600;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li .checkmark {
  top: 0;
  width: 11px;
  height: 11px;
  border-radius: 100% !important;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li .checkmark:after {
  width: 7px;
  height: 7px;
  top: 2px;
  left: 2px;
  border-radius: 100% !important;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede {
  flex-flow: row wrap;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi {
  display: none;
  width: 100%;
  margin: 15px 0 0 35px;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi li {
  display: block;
  margin: 0 0 15px;
  padding: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi li h6 {
  text-transform: uppercase;
  padding: 0 10px;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi li label {
  margin: 0;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi li label strong {
  display: block;
}

section#cart #cart_summary .wrapper .cols #spedizione #shipping_type li#s_ritiro_sede #sedi li a {
  display: block;
  padding: 10px 10px 10px 35px;
  color: #3b3a38;
}

section#cart #cart_summary .wrapper .cols #subtotale, section#cart #cart_summary .wrapper .cols #totale, section#cart #cart_summary .wrapper .cols #buttons_cart, section#cart #cart_summary .wrapper .cols #costo_spedizione, section#cart #cart_summary .wrapper .cols #continua_shop {
  font-size: 1em;
  margin: 0 0 15px;
  border-bottom: solid 1px #000;
  padding: 0 0 10px;
}

section#cart #cart_summary .wrapper .cols #subtotale h5, section#cart #cart_summary .wrapper .cols #totale h5, section#cart #cart_summary .wrapper .cols #buttons_cart h5, section#cart #cart_summary .wrapper .cols #costo_spedizione h5, section#cart #cart_summary .wrapper .cols #continua_shop h5 {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 1em;
}

section#cart #cart_summary .wrapper .cols #subtotale h5 span, section#cart #cart_summary .wrapper .cols #totale h5 span, section#cart #cart_summary .wrapper .cols #buttons_cart h5 span, section#cart #cart_summary .wrapper .cols #costo_spedizione h5 span, section#cart #cart_summary .wrapper .cols #continua_shop h5 span {
  display: inline-block;
  font-weight: 600;
  float: right;
}

section#cart #cart_summary .wrapper .cols #subtotale #scalapay_wid, section#cart #cart_summary .wrapper .cols #totale #scalapay_wid, section#cart #cart_summary .wrapper .cols #buttons_cart #scalapay_wid, section#cart #cart_summary .wrapper .cols #costo_spedizione #scalapay_wid, section#cart #cart_summary .wrapper .cols #continua_shop #scalapay_wid {
  border-top: solid 1px #cccccc;
  padding: 5px 5px 0;
  margin: 15px 0 0;
}

section#cart #cart_summary .wrapper .cols #totale h5 {
  font-weight: 600;
  font-size: 1.2em;
  color: #000;
}

section#cart #cart_summary .wrapper .cols #totale span {
  color: #000;
}

section#cart #cart_summary .wrapper .cols #buttons_cart {
  width: 100%;
  margin: 10px 0 20px;
  border: none;
}

section#cart #cart_summary .wrapper .cols #buttons_cart button {
  width: 100%;
  background: #000;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1em;
  border: none;
  border-right: none;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 0;
  position: relative;
  cursor: pointer;
}

section#cart #cart_summary .wrapper .cols #paymethod_cart {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

section#cart #cart_summary .wrapper .cols #paymethod_cart li {
  margin: 0 0 20px;
  font-weight: 500;
  text-transform: none;
  text-decoration: underline;
}

section#cart #cart_summary .wrapper .cols #paymethod_cart li img {
  display: block;
  width: 100%;
  margin: 5px 0;
}

section#cart #cart_summary .wrapper .cols #paymethod_cart li:first-child {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}

@media screen and (max-width: 1080px) {
  section#cart {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
  }
  section#cart #cart_list {
    width: calc(100% - 30px);
    max-width: none;
    margin: 0 auto;
    padding: 0;
  }
  section#cart #cart_list .item_cart {
    display: block !important;
    width: calc(100% - 2px);
    min-height: 0 !important;
    margin: 0 0px 15px 0;
    padding: 0px 10px 0 0;
    position: relative;
    border-bottom: solid 1px #000;
    background: #ffffff;
    overflow: hidden;
  }
  section#cart #cart_list .item_cart .elimina {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    background: #ffffff;
    padding: 3px 5px;
    text-transform: uppercase;
    z-index: 1;
  }
  section#cart #cart_list .item_cart .elimina svg, section#cart #cart_list .item_cart .elimina i {
    margin-right: 10px;
  }
  section#cart #cart_list .item_cart .elimina:hover {
    color: #000;
  }
  section#cart #cart_list .item_cart .img {
    width: 100%;
    max-height: 70px;
    max-width: 70px;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 10px;
    left: 10px;
    z-index: 10;
  }
  section#cart #cart_list .item_cart .img img {
    width: 100%;
    height: auto;
  }
  section#cart #cart_list .item_cart .txt {
    display: inline-block;
    width: calc(100% - 90px);
    border-top: none;
    position: relative;
    bottom: auto;
    padding: 40px 5px 15px 90px;
    min-height: 90px;
    margin-bottom: 40px;
    float: left;
  }
  section#cart #cart_list .item_cart .txt.polo_cp {
    width: calc(100% - 90px);
  }
  section#cart #cart_list .item_cart .txt:before {
    display: none;
  }
  section#cart #cart_list .item_cart .txt:after {
    display: none;
  }
  section#cart #cart_list .item_cart .txt h6 {
    display: none;
    font-size: 1.2em;
  }
  section#cart #cart_list .item_cart .txt p {
    margin: 0 10px 10px 0;
    color: #000;
    float: left;
  }
  section#cart #cart_list .item_cart .txt p:nth-of-type(3) {
    display: none;
  }
  section#cart #cart_list .item_cart .qnt {
    display: block;
    width: 170px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    text-align: right;
    padding: 3px 5px;
    position: absolute;
    bottom: 37px;
    left: 0;
    right: auto;
    text-align: left;
    overflow: hidden;
  }
  section#cart #cart_list .item_cart .qnt input {
    color: #000;
    font-size: 1em;
  }
  section#cart #cart_list .item_cart .qnt button {
    color: #000;
    position: relative;
    text-indent: -9000em;
    width: 15px;
    height: 15px;
  }
  section#cart #cart_list .item_cart .qnt button svg, section#cart #cart_list .item_cart .qnt button i {
    position: absolute;
    top: 5px;
    left: 0;
    text-indent: 0em;
  }
  section#cart #cart_list .item_cart .qnt.polo_cp {
    padding: 3px 5px;
    bottom: 0px;
  }
  section#cart #cart_list .item_cart h6.val_coupon {
    display: block;
    width: calc(100% - 10px);
    bottom: 40px;
    right: 0;
    padding: 3px 5px;
    font-size: 1em;
    border-bottom: none;
    border-right: none;
    text-align: right;
  }
  section#cart #cart_list .item_cart h6.val_coupon i {
    margin-left: 10px;
  }
  section#cart #cart_list .item_cart h3 {
    width: 170px;
    background: white;
    color: #000;
    padding: 10px 5px 0;
    position: absolute;
    bottom: 0px;
    left: auto;
    right: 0;
    margin: 0;
    font-size: 1.1em;
  }
  section#cart #cart_list .item_cart h3:after {
    display: none;
  }
  section#cart #cart_list .item_cart h3 del {
    margin-right: 0;
  }
  section#cart #cart_summary {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
    order: 3;
    background: white;
    top: 30px;
  }
  section#cart #cart_summary .cols {
    width: calc((100% / 2) - 32px);
  }
  section#cart #cart_summary #paymethod_cart {
    margin: 0 0 50px !important;
  }
}

@media screen and (max-width: 768px) {
  section#cart h1 {
    font-size: 1.9em;
    margin: 30px 0;
    padding: 5px 0;
    width: 100%;
  }
  section#cart h1 ul {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 0.4em;
    line-height: 0;
    text-transform: uppercase;
  }
  section#cart h1 ul li {
    display: inline-block;
    margin: 0 0 0 20px;
  }
  section#cart h1 ul li a {
    display: block;
    width: 140px;
    height: 25px;
    overflow: hidden;
    text-indent: -0;
    position: relative;
    border: solid 1px #000;
    padding: 0 5px;
    line-height: 27px;
  }
  section#cart h1 ul li a#svuota:hover {
    color: #666 !important;
  }
  section#cart h1 ul li svg, section#cart h1 ul li i {
    display: block;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    right: 10px;
    text-indent: 0;
    transform: translateY(-50%);
  }
  section#cart #option_toggle, section#cart #svuota_cart {
    display: block;
    width: 100%;
    padding: 0px 0 5px;
    border-bottom: solid 1px #000;
    margin: 0 0 15px;
    text-align: right;
  }
  section#cart #option_toggle svg, section#cart #option_toggle i, section#cart #svuota_cart svg, section#cart #svuota_cart i {
    margin: 0 10px;
  }
  section#cart #cart_list {
    width: 100%;
  }
  section#cart #cart_summary {
    float: none;
    width: 100%;
    font-size: 0.83em;
    padding: 0;
    margin: 0;
    border: none;
  }
  section#cart #cart_summary h2 {
    margin: 20px 0;
    padding: 0;
  }
  section#cart #cart_summary .wrapper {
    width: 100%;
    flex-direction: column;
    padding: 0px;
    margin: 0;
  }
  section#cart #cart_summary .wrapper .cols {
    width: calc((100% / 1) - 2px);
    margin: 0;
  }
  section#cart #cart_summary .wrapper .cols.col1 {
    width: calc((100% / 1) - 2px);
    display: block;
    border-bottom: none;
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary {
    border-bottom: solid 1px #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*input#coupon{
							width:calc(50% - 0.4em);
							}*/
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary input[type='button'] {
    float: right;
    padding: 0;
    margin: 10px 0;
  }
  section#cart #cart_summary .wrapper .cols #coupon_summary #importo_coupon {
    font-size: 1em;
  }
  section#cart #cart_summary .wrapper .cols #spedizione {
    padding: 0 0  10px;
    margin-bottom: 10px;
    overflow: visible;
  }
  section#cart #cart_summary .wrapper .cols #spedizione #country_toggle {
    margin-top: 0;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  section#cart #cart_summary .wrapper .cols #spedizione #country_list {
    font-size: 1.2em;
    top: 25px;
  }
  section#cart #cart_summary .wrapper .cols #subtotale, section#cart #cart_summary .wrapper .cols #totale {
    width: 100%;
    border-bottom: solid 1px #000;
    margin-bottom: 10px;
  }
  section#cart #cart_summary .wrapper .cols #subtotale {
    padding: 10px 0px;
  }
  section#cart #cart_summary .wrapper .cols #totale {
    padding: 5px 0;
    font-size: 1.6em !important;
  }
  section#cart #cart_summary .wrapper .cols.col4 {
    flex-direction: column;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop {
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
    padding: 5px 0 10px;
    width: 100%;
    margin-bottom: 0;
    border: none;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    margin: 0 5px 0 0;
    font-size: 0.9em;
    line-height: 1.8em;
    white-space: nowrap;
  }
  section#cart #cart_summary .wrapper .cols #continua_shop a:hover {
    background: #000;
    color: #ffffff;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart {
    position: relative;
    text-align: center;
    margin: 10px -6px 0 0;
    width: 100%;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart button {
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px 0px !important;
    font-size: 1.5em !important;
    white-space: nowrap;
  }
  section#cart #cart_summary .wrapper .cols #buttons_cart button:hover {
    border-color: #289925;
  }
}

/************************/
/*checkout
/************************/
section#checkout {
  width: calc(100% - 30px);
  max-width: 1440px;
  min-height: 100vh;
  padding: 15px;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
}

section#checkout input {
  width: 100%;
  margin: 0 !important;
}

section#checkout h1 {
  border-bottom: solid 1px #000 !important;
  padding: 0 0 5px;
  margin-bottom: 30px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

section#checkout h1 ul {
  display: inline-flex;
  flex-flow: row;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 1em;
  text-transform: uppercase;
}

section#checkout h1 ul li {
  margin: 0 0 0 15px;
}

section#checkout h1 ul li a {
  display: block;
  width: 100%;
}

section#checkout h1 ul li a#svuota:hover {
  color: #666 !important;
}

section#checkout h1 ul li i {
  display: none;
  margin: 0 10px 0 0;
}

section#checkout h1.noprod {
  max-width: 1440px;
  margin: 50px auto 30px;
}

section#checkout center {
  width: calc(100% - 30px);
  display: block;
  padding: 0 15px 15px;
  text-align: center;
}

section#checkout center strong {
  color: inherit !important;
  font-weight: 600;
}

section#checkout form#cart_form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  color: #000;
  position: relative;
}

section#checkout form#cart_form .cols {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: calc(100% - ((100% / 3) + 30px));
  margin: 0;
  padding: 0px 10px 0 0;
  /**********nuova gestione campi fatturazione b2c**********************/
  /*visualizzazione utenti multipli*/
}

section#checkout form#cart_form .cols:last-of-type {
  border-right: none;
  width: calc((100% / 3) - 17.5px);
  position: absolute;
  top: 0;
  right: 0;
  border-left: solid 1px #000;
  padding: 0px 10px;
}

section#checkout form#cart_form .cols h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 30px;
  color: #ffffff;
  white-space: nowrap;
  font-size: 1.125em;
  font-weight: 600;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols h2:before {
  display: none;
}

section#checkout form#cart_form .cols h2:after {
  display: none;
}

section#checkout form#cart_form .cols h2 span {
  display: none;
}

section#checkout form#cart_form .cols h3 {
  font-weight: 600;
  font-size: 1.125em;
  width: calc(100% - 20px);
  margin: 15px 0;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols #anagrafica, section#checkout form#cart_form .cols #pwd {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

section#checkout form#cart_form .cols #nazione {
  width: 100%;
  margin: 0 0 10px;
}

section#checkout form#cart_form .cols #pwd {
  display: none;
}

section#checkout form#cart_form .cols #pwd #password_alert {
  width: 100%;
}

section#checkout form#cart_form .cols label {
  width: calc(25% - 20px);
  padding: 0;
  margin: 0 20px 20px 0;
}

section#checkout form#cart_form .cols label.check {
  width: calc(100% - 45px);
  font-size: 1em;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding: 0 10px 0 35px;
}

section#checkout form#cart_form .cols label.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 10px;
  width: 10px;
  top: 15px;
  left: 15px;
}

section#checkout form#cart_form .cols label.check .checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: #ffffff;
  border: solid 1px;
}

section#checkout form#cart_form .cols label.check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 1px;
  top: 1px;
  width: 11px;
  height: 11px;
}

section#checkout form#cart_form .cols label.check .checkmark.warn {
  border: solid 1px #f00;
}

section#checkout form#cart_form .cols label.check:hover input ~ .checkmark {
  background-color: #ffffff;
}

section#checkout form#cart_form .cols label.check input:checked ~ .checkmark {
  background-color: #ffffff;
}

section#checkout form#cart_form .cols label.check input:checked ~ .checkmark:after {
  display: block;
}

section#checkout form#cart_form .cols label.wide {
  width: 100%;
}

section#checkout form#cart_form .cols p {
  width: 100%;
  margin: 0 0 10px;
}

section#checkout form#cart_form .cols p.nazione {
  border-bottom: dotted 1px #000;
  text-transform: uppercase;
  padding: 0 0px 7px;
  margin: 0 0 10px;
}

section#checkout form#cart_form .cols select {
  background: transparent;
  text-align: left;
  border-bottom: dotted 1px #000;
  padding-bottom: 5px;
}

section#checkout form#cart_form .cols select#bank {
  display: none;
}

section#checkout form#cart_form .cols #ship_method.multi_shipping {
  order: 10;
}

section#checkout form#cart_form .cols #informazioni_spedizione {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: 100%;
}

section#checkout form#cart_form .cols #informazioni_spedizione .warn {
  color: #f00;
  font-weight: 600;
  display: block;
  margin: 0 0 15px;
}

section#checkout form#cart_form .cols #fatturazione_elettronica, section#checkout form#cart_form .cols #altri_campi_fatturazione {
  display: none;
  flex-flow: row wrap;
  width: 100%;
}

section#checkout form#cart_form .cols #fatturazione_elettronica label#piva_fatturazione, section#checkout form#cart_form .cols #altri_campi_fatturazione label#piva_fatturazione {
  order: 0;
}

section#checkout form#cart_form .cols #fatturazione_elettronica label#label_sdi_fatturazione, section#checkout form#cart_form .cols #altri_campi_fatturazione label#label_sdi_fatturazione {
  order: 1;
}

section#checkout form#cart_form .cols #fatturazione_elettronica label#label_pec_fatturazione, section#checkout form#cart_form .cols #altri_campi_fatturazione label#label_pec_fatturazione {
  order: 2;
}

section#checkout form#cart_form .cols #fatturazione_elettronica label.check, section#checkout form#cart_form .cols #altri_campi_fatturazione label.check {
  order: 3;
}

section#checkout form#cart_form .cols #fatturazione_elettronica .warn, section#checkout form#cart_form .cols #altri_campi_fatturazione .warn {
  color: #f00;
  font-weight: 600;
}

section#checkout form#cart_form .cols #shipping_addresses, section#checkout form#cart_form .cols #billing_users {
  width: calc(50% - 50px);
  position: relative;
  border: solid 1px #cccccc;
  border-radius: 5px;
  padding: 15px;
  font-size: 1.1em;
  margin: 15px auto 15px 0;
  display: flex;
  flex-flow: row wrap;
}

section#checkout form#cart_form .cols #shipping_addresses h3, section#checkout form#cart_form .cols #billing_users h3 {
  position: absolute;
  top: -14px;
  margin: 0;
  background: #ffffff;
  padding: 5px;
  border: solid 1px #cccccc;
  display: inline-block;
  width: auto;
  border-radius: 5px;
}

section#checkout form#cart_form .cols #shipping_addresses p, section#checkout form#cart_form .cols #billing_users p {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  margin: 0;
  padding: 10px 0;
  border-bottom: solid 1px #cccccc;
}

section#checkout form#cart_form .cols #shipping_addresses p:last-child, section#checkout form#cart_form .cols #billing_users p:last-child {
  border: none;
}

section#checkout form#cart_form .cols #shipping_addresses p strong, section#checkout form#cart_form .cols #billing_users p strong {
  width: 150px;
  font-weight: 600;
  text-transform: lowercase;
}

section#checkout form#cart_form .cols #shipping_addresses p strong::first-letter, section#checkout form#cart_form .cols #billing_users p strong::first-letter {
  text-transform: uppercase;
}

section#checkout form#cart_form .cols #shipping_addresses {
  background: #fafafa;
  order: 1;
}

section#checkout form#cart_form .cols.col1 {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col1 h2 {
  background: #ffffff;
  color: #000;
}

section#checkout form#cart_form .cols.col1 h2:before {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col1 h2 span {
  color: #a3a3a3;
}

section#checkout form#cart_form .cols.col1 h3 {
  color: #000;
}

section#checkout form#cart_form .cols.col1 .checkmark {
  border-color: #000;
}

section#checkout form#cart_form .cols.col1 .checkmark:after {
  background: #000;
}

section#checkout form#cart_form .cols.col1 p:not(.nazione) {
  margin-bottom: 30px;
}

section#checkout form#cart_form .cols.col2 {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col2 h2 {
  background: #ffffff;
  color: #000;
}

section#checkout form#cart_form .cols.col2 h2:before {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col2 h2 span {
  color: #e5e4e2;
}

section#checkout form#cart_form .cols.col2 h3 {
  color: #000;
}

section#checkout form#cart_form .cols.col2 .checkmark {
  border-color: #000;
}

section#checkout form#cart_form .cols.col2 .checkmark:after {
  background: #000;
}

section#checkout form#cart_form .cols.col2 #pay_method {
  width: calc(100% - 0);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 15px;
  padding: 0;
  overflow: visible;
}

section#checkout form#cart_form .cols.col2 #pay_method #pay_item_selected {
  width: 100%;
  padding: 10px;
  font-size: 1.1em;
  border: solid 1px #000;
  margin: 0 0 20px;
  position: relative;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols.col2 #pay_method #pay_item_selected strong {
  font-weight: 600;
  position: absolute;
  right: 10px;
  color: #289925;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item {
  width: calc(( 100% / 7) - 30px);
  overflow: hidden;
  position: relative;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  cursor: pointer;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item .img {
  display: inline-block;
  background: #ffffff;
  width: 30px;
  height: 30px;
  padding: 10px;
  border: solid 1px #000;
  position: relative;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item .img img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item input[type="radio"] {
  display: block;
  width: 10px;
  height: 10px;
  opacity: 0;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.act {
  font-weight: 600;
  color: #289925;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.act .img {
  border: solid 2px #289925;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.warn {
  font-weight: 600;
  color: #f00;
}

section#checkout form#cart_form .cols.col2 #pay_method .payment_item.warn .img {
  border: solid 1px #f00;
}

section#checkout form#cart_form .cols.col2 #note {
  width: 100%;
  margin: 15px 0;
}

section#checkout form#cart_form .cols.col2 #note textarea {
  width: calc(100% - 20px);
  margin-bottom: 20px;
}

section#checkout form#cart_form .cols.col2 #note label {
  display: block;
}

section#checkout form#cart_form .cols.col2 #note label {
  width: 100%;
}

section#checkout form#cart_form .cols.col3 {
  background: #ffffff;
}

section#checkout form#cart_form .cols.col3 h2 {
  background: #ffffff;
  margin-bottom: 0;
  border-bottom: solid 1px #000;
  color: #000;
}

section#checkout form#cart_form .cols.col3 h2:before {
  background: #6b6b6b;
}

section#checkout form#cart_form .cols.col3 h3 {
  color: #000;
}

section#checkout form#cart_form .cols.col3 .checkmark {
  border-color: #000;
}

section#checkout form#cart_form .cols.col3 .checkmark:after {
  background: #000;
}

section#checkout form#cart_form .cols.col3 .wrapper {
  width: 100%;
  max-height: 478px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
  scrollbar-width: thin !important;
  scrollbar-color: #000 #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper::-webkit-scrollbar {
  width: 5px;
}

section#checkout form#cart_form .cols.col3 .wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper::-webkit-resizer {
  width: 5px;
  background: #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart {
  width: calc(100% - 115px);
  border-bottom: solid 1px #000;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 0 10px 115px;
  position: relative;
  background: #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart:nth-last-of-type(odd) {
  background: #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart:last-of-type {
  border-bottom: none;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .img {
  width: 80px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background: #f1f1f1;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .img img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart .txt {
  padding: 5px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart h3 {
  width: 100%;
  text-align: right;
  margin: 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart h6 {
  width: 100%;
  font-size: 1.1em;
  margin: 0 0 10px;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart p {
  width: calc(50% - 10px);
  margin: 0 10px 10px 0;
  overflow: hidden;
  word-wrap: break-word;
  /*&:nth-child(4){
								width:calc(100% - 10px);
							}*/
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b {
  width: 100%;
  padding: 10px 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b .txt {
  display: flex;
  box-flex: row wrap;
  padding: 0 10px;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b .txt p, section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b .txt h3 {
  width: calc((100% / 3) - 10px);
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b .txt ul {
  list-style: none;
  width: calc((100% / 3) - 10px);
  margin: 0;
  padding: 0;
}

section#checkout form#cart_form .cols.col3 .wrapper .item_cart.b2b .txt h3.prezzo {
  width: 100% !important;
}

section#checkout form#cart_form .cols.col3 #cart_summary {
  background: transparent !important;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
}

section#checkout form#cart_form .cols.col3 #cart_summary div {
  width: calc(100% - 20px);
  padding: 10px;
  margin: 0;
}

section#checkout form#cart_form .cols.col3 #cart_summary div h5 {
  font-size: 1.1em;
  font-weight: 300;
  border-bottom: solid 1px #000;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  margin: 0;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols.col3 #cart_summary div h5 span {
  display: block;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}

section#checkout form#cart_form .cols.col3 #cart_summary div#totale {
  margin-bottom: 20px;
}

section#checkout form#cart_form .cols.col3 #cart_summary div#totale h5 {
  font-size: 14px;
  font-weight: 600;
}

section#checkout form#cart_form .cols.col3 #cart_summary div#totale h5 span {
  line-height: 1em;
  color: #000;
  font-weight: 600;
}

section#checkout form#cart_form .cols.col3 #cart_summary label {
  text-transform: none;
}

section#checkout form#cart_form .cols.col3 #cart_summary label.check {
  margin: 0 15px 20px;
}

section#checkout form#cart_form .cols.col3 #cart_summary a {
  color: #000;
}

section#checkout form#cart_form .cols.col3 #cart_summary a:hover {
  color: #000;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart {
  width: calc(100% - 20px);
  margin-bottom: 30px;
}

section#checkout form#cart_form .cols.col3 #cart_summary #buttons_cart button {
  width: 100%;
  background: #000;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1em;
  border: none;
  border-right: none;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 0;
  position: relative;
  cursor: pointer;
}

section#checkout form#cart_form #text_action_chekout {
  display: block;
  width: 100%;
  border-top: solid 1px #000;
  padding: 30px 0;
  margin: 30px 10px 0;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  overflow: hidden;
}

section#checkout form#cart_form #text_action_chekout h2 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 0 0 30px;
}

section#checkout form#cart_form #text_action_chekout p {
  width: 100%;
  text-align: center;
  margin: 0 0 20px;
}

section#checkout form#cart_form #text_action_chekout a {
  display: block;
  width: calc(100% - 22px);
  text-align: center;
  margin: 0 0 15px;
  padding: 10px;
  border: solid 1px #f1f1f1 !important;
}

@media screen and (max-width: 1080px) {
  section#checkout textarea {
    width: calc(100% - 10px) !important;
  }
  section#checkout input {
    width: calc(100% - 10px);
  }
  section#checkout h1 {
    width: 100%;
  }
  section#checkout h2 {
    margin-bottom: 10px !important;
  }
  section#checkout form#cart_form {
    width: 100%;
    margin: 0;
  }
  section#checkout form#cart_form .cols {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
  }
  section#checkout form#cart_form .cols:last-of-type {
    border-right: none;
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    border-left: none;
    padding: 0px;
  }
  section#checkout form#cart_form .cols #nazione {
    width: 100% !important;
  }
  section#checkout form#cart_form .cols #anagrafica, section#checkout form#cart_form .cols #pwd {
    justify-content: space-between;
  }
  section#checkout form#cart_form .cols label {
    width: calc(50% - 20px);
    margin: 0 0 15px;
  }
  section#checkout form#cart_form .cols #shipping_addresses, section#checkout form#cart_form .cols #billing_users {
    width: 100%;
  }
  section#checkout form#cart_form #pay_method #pay_item_selected strong {
    position: relative !important;
    display: block !important;
    padding: 0 10px !important;
  }
  section#checkout form#cart_form .payment_item {
    width: calc(( 100% / 4) - 30px) !important;
    justify-content: flex-start !important;
  }
  section#checkout #text_action_chekout {
    margin: 30px 0 0 !important;
  }
}

@media screen and (max-width: 768px) {
  section#checkout form#cart_form .cols.col3 .wrapper .item_cart h3 {
    margin: 0 !important;
    width: 100%;
  }
  section#checkout form#cart_form .cols.col3 #cart_summary {
    padding: 15px 0 0 !important;
  }
  section#checkout form#cart_form .cols.col3 #cart_summary div.cart_summary_body {
    padding: 0 0 10px;
    width: 100% !important;
  }
}

#modal {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  box-sizing: content-box;
  z-index: 10000;
}

#modal #modal_wrapper {
  background: #ffffff;
  width: 100%;
  max-width: 500px;
  height: 100%;
  max-height: 270px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
  z-index: 10001;
  border: solid 2px #000 !important;
}

#modal #modal_wrapper h2 {
  display: block;
  width: calc(100% - 20px);
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  color: #000;
  white-space: nowrap;
  font-size: 14px;
  text-transform: uppercase;
  background: #ffffff;
}

#modal #modal_wrapper h2:before {
  display: none;
}

#modal #modal_wrapper h2:after {
  display: none;
}

#modal #modal_wrapper #close_modal {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 1.5em;
  z-index: 2;
  color: #000;
  opacity: 1;
}

#modal #modal_wrapper #login_alert {
  display: block;
  color: red;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 35px;
}

#modal #modal_wrapper #login_alert span {
  display: block;
  margin: 10px auto;
}

#modal #modal_wrapper form#login {
  width: calc(100% - 0);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
  text-align: left;
  margin: 15px 0 !important;
  padding: 0 !important;
  overflow: visible;
}

#modal #modal_wrapper form#login h3 {
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  margin: 10px 10px 20px;
  text-transform: uppercase;
  color: #000;
  text-align: left;
}

#modal #modal_wrapper form#login label {
  width: calc((100% / 3) - 20px);
  margin: 0 0 40px;
  padding: 0 10px;
}

#modal #modal_wrapper form#login label:nth-of-type(3) {
  position: absolute;
  top: 80px;
  left: 0;
}

#modal #modal_wrapper form#login label:nth-of-type(3) #remember_login {
  min-height: auto;
}

#modal #modal_wrapper form#login button {
  width: calc((100% / 4) - 20px);
  background: #000;
  color: #ffffff;
  padding: 0 15px;
  margin: 0 15px;
  line-height: 25px;
  height: 25px;
}

#modal #modal_wrapper form#login button i.las {
  display: none;
}

#modal #modal_wrapper form#login a {
  margin: 30px 10px 5px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #666;
}

#modal #modal_wrapper form#login a:hover {
  color: #000;
}

#modal #modal_wrapper a.ec_button {
  width: calc(100% - 30px);
  background: #fafafa;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1em;
  border: none;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  padding: 15px;
  margin: 0;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  border-top: solid 1px #000 !important;
}

#modal #modal_wrapper a.ec_button:before {
  content: "";
  display: none;
}

#modal #modal_wrapper a.ec_button:after {
  content: "";
  display: none !important;
}

#modal #modal_wrapper a.ec_button:hover {
  background: #000;
  color: #ffffff;
}

#modal #modal_wrapper a.ec_button:hover:before {
  background: #000;
}

@media screen and (max-width: 1080px) {
  #modal {
    /*	a{
				margin: 10px auto !important;
				font-size:0.9em;
			}
			.ec_button{
				padding:0 !important;
			}
			a.ec_button{
				font-size:1em !important;
			}*/
  }
  #modal #modal_wrapper {
    width: 90%;
    max-height: 330px;
    overflow: hidden;
  }
  #modal #modal_wrapper form#login label {
    width: 100%;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 20px !important;
  }
  #modal #modal_wrapper form#login button {
    width: 60px !important;
    padding: 0 5px !important;
    margin: 0 20px !important;
  }
  #modal #modal_wrapper form#login a {
    margin: 5px 20px !important;
  }
  #modal #modal_wrapper form#login #login_alert {
    bottom: 55px !important;
  }
}

/************************/
/*thank you page
/************************/
section#thanks {
  width: calc(100% - 30px);
  max-width: 1440px;
  background: #ffffff;
  padding: 15px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

section#thanks h1 {
  border-bottom: solid 1px #000;
  padding: 0 0 5px;
  margin-bottom: 30px;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: left;
}

section#thanks .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  color: #000;
  text-align: left;
}

section#thanks .cols {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: calc((100% / 2) - 20px);
  margin: 0;
  padding: 0px;
  font-size: 0.83em;
}

section#thanks .cols h2 {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  margin-bottom: 30px;
  color: #ffffff;
  white-space: nowrap;
  font-size: 1.8em;
}

section#thanks .cols h2:before {
  display: none;
}

section#thanks .cols h2:after {
  display: none;
}

section#thanks .cols h3 {
  font-weight: 600;
  font-size: 1.100em;
  width: calc(100% - 20px);
  margin: 30px 10px;
  text-transform: uppercase;
}

section#thanks .cols ul {
  width: 100%;
  width: calc(100% - 50px);
  margin: 0px auto;
  padding: 0;
  list-style: square;
  color: #289925;
}

section#thanks .cols ul li {
  margin: 0 0 15px;
}

section#thanks .cols ul li span {
  color: #000;
}

section#thanks .cols p {
  width: 100%;
  margin: 0 10px 10px;
}

section#thanks .cols.col1 {
  background: #ffffff;
}

section#thanks .cols.col1 h2 {
  background: #ffffff;
  border-bottom: solid 1px #000;
  color: #000;
}

section#thanks .cols.col1 h2:before {
  background: #ffffff;
}

section#thanks .cols.col1 h3 {
  color: #000;
}

section#thanks .cols.col1 ul {
  color: #000;
}

section#thanks .cols.col1.error {
  background: rgba(241, 241, 241, 0.05);
}

section#thanks .cols.col1.error h2 {
  background: #f1f1f1;
}

section#thanks .cols.col1.error h2:before {
  background: #f1f1f1;
}

section#thanks .cols.col1.error h3 {
  color: #666;
}

section#thanks .cols.col1.error ul {
  color: #666;
}

section#thanks .cols.col2 {
  background: #ffffff;
}

section#thanks .cols.col2 h2 {
  background: #ffffff;
  margin-bottom: 0;
  color: #000;
  border-bottom: solid 1px #000;
}

section#thanks .cols.col2 h2:before {
  background: #000;
}

section#thanks .cols.col2 h3 {
  color: #000;
}

section#thanks .wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff;
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
}

section#thanks .wrapper .item_cart {
  width: calc(100% - 115px);
  border-bottom: dotted 1px #000;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 0px 0 0px 115px;
  position: relative;
}

section#thanks .wrapper .item_cart:nth-last-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}

section#thanks .wrapper .item_cart:last-of-type {
  border-bottom: none;
}

section#thanks .wrapper .item_cart .img {
  width: 100px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

section#thanks .wrapper .item_cart .img img {
  width: 100%;
  height: auto;
}

section#thanks .wrapper .item_cart .txt {
  padding: 5px 0;
}

section#thanks .wrapper .item_cart h3 {
  width: calc(100% - 10px);
  clear: both;
  text-align: right;
  margin: 0 10px 0px 0;
}

section#thanks .wrapper .item_cart h6 {
  width: calc(100% - 10px);
  font-size: 1.1em;
  margin: 0 10px 10px 0;
}

section#thanks .wrapper .item_cart p {
  display: block;
  width: calc(50% - 10px);
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
}

section#thanks .wrapper.iframe {
  overflow: hidden;
  min-height: 660px;
  margin-top: 10px;
}

section#thanks #cart_summary {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  background: transparent;
}

section#thanks #cart_summary div {
  width: calc(100% - 20px);
  padding: 0 10px;
  margin: 0 0 20px;
}

section#thanks #cart_summary div h5 {
  font-size: 1em;
  font-weight: 400;
  border-bottom: solid 1px #000;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  margin: 0;
  text-transform: uppercase;
}

section#thanks #cart_summary div h5 span {
  display: block;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0;
}

section#thanks #cart_summary div#totale {
  margin: 0 0 20px auto;
}

section#thanks #cart_summary div#totale h5 span {
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1em;
  color: #000;
}

section#thanks #cart_summary a {
  color: #000;
}

section#thanks #cart_summary a:hover {
  color: #000;
}

section#thanks #back_to_home, section#thanks .iframe_submit {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  border: none;
  margin: 30px auto 0;
  background: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 1.8em;
  line-height: 1em;
  color: #000;
  text-transform: uppercase;
}

@media screen and (max-width: 1080px) {
  section#thanks .container {
    width: 100%;
    margin: 0  auto;
    padding: 0;
  }
  section#thanks .container .cols {
    width: 100%;
    padding-bottom: 30px;
  }
  section#thanks .container .cols h2 {
    font-size: 1.4em;
  }
  section#thanks .container .cols.col2 {
    order: 0;
  }
  section#thanks .container .cols.col2 .wrapper .img {
    top: 0 !important;
    transform: translateY(0) !important;
  }
  section#thanks .container .cols.col2 .wrapper p {
    width: calc(100% - 10px) !important;
  }
  section#thanks .container .cols.col2 #cart_summary div {
    width: calc(100% - 20px);
  }
  section#thanks .container .cols.col2 #cart_summary #coupon_summary {
    order: 0;
  }
  section#thanks .container .cols.col2 #cart_summary #subtotale {
    order: 1;
  }
  section#thanks .container .cols.col2 #cart_summary #spedizione {
    order: 2;
  }
  section#thanks .container .cols.col2 #cart_summary #dati_pagamento {
    order: 3;
  }
  section#thanks .container .cols.col2 #cart_summary #totale {
    order: 4;
  }
  section#thanks .container .cols.col1 {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  section#thanks h1 {
    font-size: 1.9em;
    margin-bottom: 10px;
    padding-top: 5px;
  }
  section#thanks .container .cols h2 {
    font-size: 1.2em;
  }
}

/* AGGIUNTA CAMBIO SPEDIZIONE IN CHECKOUT  22/1/2020 */
section#checkout form#cart_form .cols #nazione {
  width: calc(100% - 20px);
  position: relative;
  overflow: visible;
  border-bottom: dotted 1px #000;
  margin: 0 0 15px;
  padding: 0 0 10px;
}

section#checkout form#cart_form .cols #nazione p {
  margin: 0;
  padding: 0;
}

section#checkout form#cart_form .cols #nazione #country_toggle {
  display: block;
  padding: 7px;
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 0.8em;
  background: #000;
  color: #ffffff;
  text-transform: uppercase;
}

section#checkout form#cart_form .cols #nazione #country_list {
  display: none;
  width: calc(100% - 2px);
  border: solid 1px #000;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ffffff;
  position: absolute;
  top: 23px;
  z-index: 10;
}

section#checkout form#cart_form .cols #nazione #country_list h6 {
  background: #f0f0f0;
  border-bottom: dotted 1px #b7b7b7;
  font-size: 0.9em;
  padding: 10px;
  margin: 0;
}

section#checkout form#cart_form .cols #nazione #country_list a {
  display: block;
  border-bottom: dotted 1px #b7b7b7;
  font-size: 0.9em;
  padding: 10px 10px 10px 30px;
  position: relative;
}

section#checkout form#cart_form .cols #nazione #country_list a:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: solid 1px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

section#checkout form#cart_form .cols #nazione #country_list a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid 0px #000;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
}

section#checkout form#cart_form .cols #nazione #country_list a.active:after,
section#cart #cart_summary .wrapper .cols #spedizione #country_list a.active:after {
  background: black !important;
}

/* AGGIUNTA SCELTA SEDE RITIRO IN CHECKOUT  22/1/2020 */
section#checkout form#cart_form .cols.col1 #ship_method #sedi, section#checkout form#cart_form .cols.col1 #note #sedi {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li, section#checkout form#cart_form .cols.col1 #note #sedi li {
  margin: 0 0 15px;
  padding: 0;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li h6, section#checkout form#cart_form .cols.col1 #note #sedi li h6 {
  text-transform: uppercase;
  padding: 0 10px;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li label, section#checkout form#cart_form .cols.col1 #note #sedi li label {
  margin: 0;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li label strong, section#checkout form#cart_form .cols.col1 #note #sedi li label strong {
  display: block;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li label .checkmark, section#checkout form#cart_form .cols.col1 #note #sedi li label .checkmark {
  border-radius: 100% !important;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li label .checkmark::after, section#checkout form#cart_form .cols.col1 #note #sedi li label .checkmark::after {
  border-radius: 100%;
}

section#checkout form#cart_form .cols.col1 #ship_method #sedi li a, section#checkout form#cart_form .cols.col1 #note #sedi li a {
  display: block;
  padding: 10px 10px 10px 35px;
  color: #3b3a38;
}

/*modifiche checkput 2025_01_23*/
#required_label {
  order: 10;
}

/**********************************/
/*shipping & billing*/
/***************************************/
#cart_shipping {
  width: calc(100% - 30px);
  max-width: 1440px;
  min-height: 100vh;
  padding: 15px;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  margin: 0 15px;
}

#cart_shipping h1 {
  border-bottom: solid 1px #000 !important;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
  padding: 0 0 5px;
  margin: 0 auto 30px;
  text-transform: uppercase;
  display: block;
  width: calc(100% - 30px);
  overflow: hidden;
  position: relative;
}

#cart_shipping h1 ul {
  display: inline-flex;
  flex-flow: row;
  justify-content: flex-end;
  align-content: flex-start;
  align-items: flex-start;
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 1em;
  text-transform: uppercase;
}

#cart_shipping h1 ul li {
  margin: 0 0 0 15px;
}

#cart_shipping h1 ul li a {
  display: block;
  width: 100%;
}

#cart_shipping h1 ul li a#svuota:hover {
  color: #666 !important;
}

#cart_shipping h1 ul li i {
  display: none;
  margin: 0 10px 0 0;
}

#cart_shipping h1.noprod {
  max-width: 1440px;
  margin: 50px auto 30px;
}

#cart_shipping #statebar {
  width: calc(100% - 30px);
  margin: -30px auto 30px;
}

#cart_shipping #statebar li {
  width: calc(100% / 4);
}

#cart_shipping h2 {
  display: block;
  width: calc(100% - 30px);
  font-size: 1.2em;
  font-weight: 400;
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  margin: 15px;
  padding: 0 0 5px;
}

#cart_shipping #hide_shipping {
  display: none;
}

#cart_shipping #default_user {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  max-width: none;
}

#cart_shipping #default_user li {
  width: calc((100% / 4) - 30px);
  padding: 10px 0;
  margin: 0 15px 10px;
  border-bottom: solid 1px #f1f1f1;
  font-size: 0.8em;
}

#cart_shipping #shipping_list, #cart_shipping #billing_list {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  max-width: none;
}

#cart_shipping #shipping_list li, #cart_shipping #billing_list li {
  width: calc((100% / 4) - 30px);
  max-width: none;
  padding: 50px 15px 15px;
  overflow: hidden;
  position: relative;
  margin: 10px 15px 10px;
  border: solid 1px #000;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
}

#cart_shipping #shipping_list li:first-child, #cart_shipping #billing_list li:first-child {
  max-width: none;
  width: 100%;
  align-self: center;
  text-transform: uppercase;
  overflow: hidden;
  padding: 15px;
}

#cart_shipping #shipping_list li:first-child h3, #cart_shipping #billing_list li:first-child h3 {
  margin: 0;
}

#cart_shipping #shipping_list li#default, #cart_shipping #billing_list li#default {
  background: #fafafa;
}

#cart_shipping #shipping_list li#default .default, #cart_shipping #billing_list li#default .default {
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  background: #000;
  color: #fff;
  padding: 3px;
  transform: rotate(-45deg);
  position: absolute;
  top: 30px;
  left: -30px;
  display: block;
  width: 130px;
}

#cart_shipping #shipping_list li h3, #cart_shipping #billing_list li h3 {
  text-transform: uppercase;
  font-size: 1.2em;
  color: #000;
}

#cart_shipping #shipping_list li h3 strong, #cart_shipping #billing_list li h3 strong {
  font-size: 1.3em;
  display: block;
  margin: 10px 0;
  color: nero;
  text-transform: uppercase;
}

#cart_shipping #shipping_list li h4, #cart_shipping #billing_list li h4 {
  font-size: 1em;
  text-transform: lowercase;
  color: #000;
}

#cart_shipping #shipping_list li h4 strong, #cart_shipping #billing_list li h4 strong {
  color: #000;
  text-transform: uppercase;
}

#cart_shipping #shipping_list li h5, #cart_shipping #billing_list li h5 {
  font-size: 0.9em;
  text-transform: lowercase;
  color: #000;
}

#cart_shipping #shipping_list li h5 strong, #cart_shipping #billing_list li h5 strong {
  color: #000;
  text-transform: uppercase;
}

#cart_shipping #shipping_list li ul, #cart_shipping #billing_list li ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

#cart_shipping #shipping_list li ul li, #cart_shipping #billing_list li ul li {
  width: calc(50% - 5px) !important;
  margin: 0 0 10px;
  padding: 0 !important;
  border: none;
  border-radius: 0;
}

#cart_shipping #shipping_list li ul li a, #cart_shipping #billing_list li ul li a {
  display: block;
  width: 100%;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px;
  background: #ffffff;
  color: #000;
  border: solid 1px #000;
  border-radius: 3px;
}

#cart_shipping #shipping_list li ul li a:hover, #cart_shipping #billing_list li ul li a:hover {
  filter: invert(100%);
}

#cart_shipping #shipping_list li ul li:first-child, #cart_shipping #billing_list li ul li:first-child {
  width: calc(50% - 5px) !important;
}

#cart_shipping #shipping_list li ul li:first-child a, #cart_shipping #billing_list li ul li:first-child a {
  background: #fafafa;
}

#cart_shipping #shipping_list li ul li:last-child, #cart_shipping #billing_list li ul li:last-child {
  width: 100% !important;
  margin: 0;
}

#cart_shipping #shipping_list li input[type="radio"], #cart_shipping #billing_list li input[type="radio"] {
  position: absolute;
  top: 20px;
  right: 15px;
}

#cart_shipping .polo_cart_proceed {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 15px 0 auto;
  background: #000;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1em;
  border: none;
  border-right: none;
  text-transform: uppercase;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  text-align: center;
  border: solid 1px #000;
}

#cart_shipping .polo_cart_proceed:hover {
  background: #ffffff;
  color: #000;
}

@media screen and (max-width: 1080px) {
  #cart_shipping h1 {
    width: 100%;
    margin: 30px auto;
  }
  #cart_shipping h2 {
    width: 100%;
    margin: 15px 0;
  }
  #cart_shipping #statebar {
    width: 100%;
  }
  #cart_shipping #statebar li {
    width: calc(100% / 2);
  }
  #cart_shipping #default_user li {
    width: calc((100% / 2) - 30px);
  }
  #cart_shipping #shipping_list li, #cart_shipping #billing_list li {
    width: 100%;
    margin: 10px 0;
  }
  #cart_shipping .polo_cart_proceed {
    margin: 0 0 0 auto;
  }
}

section#giftcard {
  margin: 0 auto 50px;
  padding: 0;
  background: #ffffff;
  width: 100%;
  position: relative;
}

section#giftcard .content, section#giftcard .thankyou {
  align-content: center;
  align-items: center;
}

section#giftcard .content h2, section#giftcard .thankyou h2 {
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2.813em;
  text-align: center;
}

section#giftcard .content .text, section#giftcard .thankyou .text {
  font-size: 1em;
  text-align: center;
}

section#giftcard .content .text ul, section#giftcard .thankyou .text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

section#giftcard .content .imgh, section#giftcard .thankyou .imgh {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 500px;
  margin: 40px 0;
}

section#giftcard .content .imgh img, section#giftcard .thankyou .imgh img {
  width: 100%;
  height: auto;
}

section#giftcard .content .img_container, section#giftcard .thankyou .img_container {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
}

section#giftcard .content .img_container:before, section#giftcard .thankyou .img_container:before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  max-height: 427px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #e5e5e5;
}

section#giftcard .content .img_container li, section#giftcard .thankyou .img_container li {
  margin: 0;
  padding: 0;
  width: calc(50% - 60px);
}

section#giftcard form {
  width: 100%;
  position: relative;
  overflow: hidden;
  border: solid 1px #000;
  border-radius: 35px;
  padding: 20px 40px;
  margin: 40px 0;
  text-align: center;
}

section#giftcard form fieldset {
  width: 100%;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

section#giftcard form fieldset label {
  width: calc(50% - 10px);
  overflow: hidden;
  padding: 0 5px;
  margin: 0 0 15px;
}

section#giftcard form fieldset label[for="payment_method"], section#giftcard form fieldset label[for="message"] {
  width: 100%;
  float: none;
}

section#giftcard form fieldset label input, section#giftcard form fieldset label textarea {
  display: block;
  width: 100%;
  margin: 5px 0 0 0;
  height: 30px;
}

section#giftcard form fieldset label textarea {
  height: 55px;
}

section#giftcard form fieldset label input[type="checkbox"] {
  display: inline-block;
  margin: 0 5px 0 0;
  width: auto;
}

section#giftcard form fieldset label ul#payment_method {
  width: 100%;
  text-align: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

section#giftcard form fieldset label ul#payment_method li {
  width: auto;
  margin: 0 15px 10px 0;
}

section#giftcard form button {
  width: auto;
  padding: 10px 20px;
  margin: 0 auto;
  border-color: #000;
  font-weight: 600;
  font-size: 1em;
  line-height: 1.12em;
  text-transform: uppercase;
}

section#giftcard form button:hover {
  background: #000;
  color: #ffffff;
  border-color: #000;
}

section#giftcard .thankyou #msg {
  width: 100%;
  max-width: 500px;
  border: solid 1px #000;
  border-radius: 35px;
  padding: 20px 40px;
  margin: 40px auto;
  text-align: center;
}

section#giftcard .thankyou #msg h3 {
  color: #000;
}

section#giftcard .thankyou #msg h6 {
  text-transform: uppercase;
  font-size: 0.9em;
}

section#giftcard .thankyou #msg .btn {
  width: auto;
  padding: 10px 20px;
  margin: 0 auto;
  border-color: #000;
  font-weight: 600;
  font-size: 1em;
  line-height: 1.12em;
  text-transform: uppercase;
}

section#giftcard .thankyou #msg .btn:hover {
  background: #000;
  color: #ffffff;
  border-color: #000;
}

@media screen and (max-width: 992px) {
  section#giftcard #breadcrumb {
    top: 142px;
  }
  section#giftcard h2 {
    margin: 80px 0 0;
    font-size: 1.5em !important;
  }
  section#giftcard .col-md-6 {
    max-width: none !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  section#giftcard .imgh {
    max-width: 500px;
    margin: 40px auto 0 !important;
  }
  section#giftcard form {
    padding: 35px;
    max-width: 500px;
    margin: 40px auto 40px !important;
  }
  section#giftcard form label {
    width: 100% !important;
  }
  section#giftcard form label select {
    max-width: none !important;
  }
}

/*modifico l'altezza di cart list e ne gestisco lo scroll*/
#cart_list {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin-bottom: 50px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #000 transparent;
}

#cart_list::-webkit-scrollbar {
  width: 5px;
}

#cart_list::-webkit-scrollbar-track {
  background: transparent;
}

#cart_list::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0;
  border: 1px solid transparent;
}

#cart_list::-webkit-resizer {
  width: 5px;
  background: transparent;
}

#cross_sell {
  display: block;
  background: #ffffff;
  position: relative;
  padding: 0 0 30px;
  width: 100%;
}

#cross_sell .h1 {
  text-transform: lowercase !important;
}

#cross_sell .h1:first-letter {
  text-transform: uppercase !important;
}

#cross_sell .swiper-container .swiper-slide .cnt {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px;
}

#cross_sell .swiper-container .swiper-slide .cnt span {
  display: block;
  width: 100%;
  line-height: 1.4em;
  height: 1.4em;
  overflow: hidden;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 1em;
}

#cross_sell .swiper-container .swiper-slide .cnt span.img {
  height: auto;
  width: 100%;
  margin: 0 auto 10px;
  background: #f1f1f1;
  padding: 10px;
}

#cross_sell .swiper-container .swiper-slide .cnt span.img img {
  margin: 0;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

#cross_sell .swiper-container .swiper-slide .cnt span.marca {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prodotto {
  text-transform: uppercase;
  font-size: 0.8em;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prezzo {
  white-space: nowrap;
  letter-spacing: -0.4px;
  text-overflow: clip;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prezzo span {
  display: inline-block;
  width: auto;
  margin: 0 3px 0 0;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prezzo i, #cross_sell .swiper-container .swiper-slide .cnt span.prezzo em {
  font-style: normal;
  vertical-align: top;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prezzo i {
  color: #cccccc;
}

#cross_sell .swiper-container .swiper-slide .cnt span.prezzo em {
  font-weight: 600;
}

#cross_sell .swiper-container .swiper-slide .cnt span.taglia {
  display: block;
  width: auto;
  height: auto !important;
  text-transform: lowercase;
}

#cross_sell .swiper-container .swiper-slide .cnt span.taglia:first-letter {
  text-transform: uppercase;
}

#cross_sell .swiper-container .swiper-slide .cnt span.taglia select {
  display: block;
  text-align: left;
  width: auto;
  margin: 0 auto;
  font-weight: 600;
}

#cross_sell .swiper-container .swiper-slide .cnt button {
  display: block;
  width: auto;
  max-width: 70%;
  text-align: center;
  margin: 10px auto;
  padding: 10px;
  background: #000;
  color: #ffffff;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
}

#cross_sell .swiper-container .swiper-pagination {
  position: relative;
  text-align: center;
  z-index: 100;
  margin: 20px 0;
}

#cross_sell .swiper-container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 100%;
  border: solid 1px #000;
  background: rgba(255, 255, 255, 0);
  width: 12px;
  height: 12px;
  opacity: 1;
  color: rgba(255, 255, 255, 0);
}

#cross_sell .swiper-container .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  background: rgba(255, 255, 255, 0);
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 2px;
}

#cross_sell .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before {
  background: #f1f1f1;
}

#cross_sell .swiper-container .swiper-pagination .swiper-button-black {
  z-index: 100;
}

#cross_sell .swiper-container .swiper-pagination .swiper-button-black.swiper-button-disabled {
  display: none;
}

#pop_cross_sell {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

#pop_cross_sell .cnt {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  background: #ffffff;
  width: 100%;
  height: 100%;
  max-width: 650px;
  max-height: 420px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

#pop_cross_sell .cnt h1 {
  width: 100%;
  text-transform: lowercase !important;
  font-size: 1.5em;
  font-weight: 500;
  border-bottom: solid 1px #000;
  margin: 0;
  padding: 0 0 10px;
}

#pop_cross_sell .cnt h1:first-letter {
  text-transform: uppercase !important;
}

#pop_cross_sell .cnt input {
  position: absolute;
  top: 0;
  left: 0;
}

#pop_cross_sell .cnt #close_pop_cross_sell {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.2em;
  z-index: 10;
  line-height: 1em;
}

#pop_cross_sell .cnt span {
  display: block;
  width: 100%;
  line-height: 1.4em;
  height: 1.4em;
  overflow: hidden;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 1em;
}

#pop_cross_sell .cnt span.img {
  height: auto;
  width: 40%;
  margin: 0 0 10px;
  background: #f1f1f1;
  padding: 10px;
}

#pop_cross_sell .cnt span.img img {
  margin: 0;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

#pop_cross_sell .cnt div.txt {
  width: 55%;
  margin: 20px 0;
}

#pop_cross_sell .cnt div.txt span.marca {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}

#pop_cross_sell .cnt div.txt span.prodotto {
  text-transform: uppercase;
  font-size: 0.8em;
}

#pop_cross_sell .cnt div.txt span.prezzo {
  white-space: nowrap;
  letter-spacing: -0.4px;
  text-overflow: clip;
}

#pop_cross_sell .cnt div.txt span.prezzo span {
  display: inline-block;
  width: auto;
  margin: 0 3px 0 0;
}

#pop_cross_sell .cnt div.txt span.prezzo i, #pop_cross_sell .cnt div.txt span.prezzo em {
  font-style: normal;
  vertical-align: top;
}

#pop_cross_sell .cnt div.txt span.prezzo i {
  color: #cccccc;
}

#pop_cross_sell .cnt div.txt span.prezzo em {
  font-weight: 600;
}

#pop_cross_sell .cnt div.txt span.taglia {
  display: block !important;
  width: auto !important;
  height: auto !important;
  text-transform: lowercase;
}

#pop_cross_sell .cnt div.txt span.taglia:first-letter {
  text-transform: uppercase;
}

#pop_cross_sell .cnt div.txt span.taglia select {
  display: block;
  text-align: left;
  width: auto;
  margin: 0 auto;
  font-weight: 600;
}

#pop_cross_sell .cnt div.txt button {
  display: block;
  width: auto;
  max-width: 70%;
  text-align: center;
  margin: 10px auto;
  padding: 10px;
  background: #000;
  color: #ffffff;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8em;
}

@media screen and (max-width: 992px) {
  #cart_list {
    max-height: none;
  }
  #cross_sell {
    order: 4;
  }
}

@media print {
  @page {
    size: 250mm 337mm;
    margin: 0;
  }
  body {
    padding: 12pt 0 !important;
    background-color: #ffffff;
  }
  aside#sidebar, header, footer, .btn, .no-print, .side, #ihavecookiesBtn, #whatsappChat, #newsletter_footer, #icons {
    display: none !important;
  }
  #mainwrap {
    width: 100% !important;
    margin: 0px auto !important;
    padding: 0px !important;
  }
  * {
    color: #000 !important;
    background-color: #ffffff;
  }
  /*a:after {
        content: "( "attr(href)" )";
    }*/
  input, textarea, select {
    border: none;
  }
  h1 {
    font-size: 2.1em;
    font-weight: 700;
  }
  h2 {
    font-size: 1.9em;
    font-weight: 600;
  }
  h3 {
    font-size: 1.7em;
    font-weight: 500;
  }
  h4 {
    font-size: 1.5em;
    font-weight: 500;
  }
  h5 {
    font-size: 1.3em;
    font-weight: 500;
  }
  h6 {
    font-size: 1.1em;
    font-weight: 500;
  }
  /*stampa dettaglio ordine*/
  .row {
    display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .row .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #ord h6 {
    font-size: 1.2em;
    border-bottom: solid 1px #f1f1f1;
    white-space: nowrap;
    padding-bottom: 5pt;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff !important;
    box-shadow: 0 0;
    overflow: hidden;
  }
  table tr {
    border: none !important;
  }
  table tr:nth-child(odd) {
    background-color: #ffffff !important;
  }
  table tr:hover {
    background-color: #ffffff !important;
  }
  table th {
    background: #ffffff !important;
    color: #000 !important;
    font-size: 1em;
    font-weight: 600;
    padding: 5px 10px;
    text-align: left;
    border: solid 1px rgba(241, 241, 241, 0.5);
  }
  table th a {
    color: #000 !important;
    text-decoration: underline !important;
  }
  table td {
    padding: 5px 10px;
    font-size: 1em;
    font-weight: 400;
    border: solid 1px rgba(241, 241, 241, 0.5);
    vertical-align: top !important;
  }
  table td sub {
    font-size: 0.7em;
  }
  table.compact td {
    padding: 0px 10px !important;
  }
  table.dettaglio_ordine tr {
    border: none !important;
  }
  table.dettaglio_ordine tr:last-of-type td, table.dettaglio_ordine tr:nth-last-of-type(2) td, table.dettaglio_ordine tr:nth-last-of-type(3) td {
    white-space: nowrap;
  }
  table.dettaglio_ordine tr:last-of-type td *, table.dettaglio_ordine tr:nth-last-of-type(2) td *, table.dettaglio_ordine tr:nth-last-of-type(3) td * {
    color: #000;
  }
  table.dettaglio_ordine tr td {
    border: solid 1px rgba(241, 241, 241, 0.5) !important;
  }
  table#soldoutlist_table td, table#soldoutlist_table th {
    border: none !important;
    border-right: dashed 1px #666 !important;
  }
  table#soldoutlist_table td:last-of-type, table#soldoutlist_table th:last-of-type {
    border-right: dashed 0 #666 !important;
  }
  #boxes {
    width: 100% !important;
    display: flex;
    flex-flow: row wrap;
  }
  #boxes > ul {
    display: none;
  }
  #boxes > div {
    display: block !important;
    background: #ccc;
    width: calc(100% / 3);
    margin: 5px;
  }
  #boxes > div h6 {
    width: 100% !important;
    margin: 15px 0 30px !important;
    padding: 0 0 10px !important;
    font-size: 1em !important;
  }
  .flex {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .flex h4 {
    padding: 15px  0 !important;
  }
  .flex .table_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  /*****************************riepilogo ordine*******************************/
  #logo_print {
    display: block !important;
    width: 100%;
    border-bottom: solid 1px #000;
    padding: 0 30px 20px;
    margin: 0 0 15px;
  }
  #logo_print img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
  }
  #aris {
    padding: 0 30px !important;
  }
  #aris h2 {
    display: none !important;
  }
  #aris #order_detail {
    display: block;
  }
  #aris #order_detail h2.print {
    display: block !important;
  }
  #aris #order_detail .wrapper {
    height: auto !important;
    max-height: none !important;
  }
  #aris #order_detail #info_sped, #aris #order_detail #info_fatt, #aris #order_detail #riepilogo {
    float: left;
    margin: 0 10px 20px;
  }
  #aris #order_detail p.stato {
    clear: both;
    text-align: left;
  }
}