.username {
  overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap;  */ 
    position: relative;   
    
}


.badge {
    position: absolute;
    top:0;
    right:0;   
    color:var(--white-color);
    border-radius: 50%;
    text-align: center;
    font-size:var(--size-x-small);
 }

/*product-item*/

#list-header{
	margin-bottom: calc(var(--section-space) * 0.5);
}

.list-title,
.list-title_2{
	font-size:var(--size-xx-large);
	text-transform:uppercase;
	font-weight:var(--f-Semibold);
}

.products-filter{
    position: relative;
    width: 250px;
    z-index:10;
    margin-right:var(--container-padding);
}



/*.products-body {
   width: calc(100% - 250px + var(--container-padding) );
   
  
}*/


#list-items.row{
	margin: calc(var(--container-padding) * -0.3);

} 


.product-item {
    padding:calc(var(--container-padding)* 0.3);;
    width:25%;
    box-sizing: border-box;
    position: relative;
    
}



.item-container {
    height: 100%;
    box-sizing: border-box;  
    width: 100%;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
     display: flex;
    flex-direction: column;  
    padding: var(--item-space);
    box-sizing:border-box;
    background: var(--white-color);
    border:solid 1px var(--lightgrey-color);
     
}


.item-picture{
	position:relative;
	padding-bottom:100%;	
	margin-bottom: var(--item-space);
	
	box-sizing: border-box;
	
}

.item-picture:after,  
.item-deatil-picture:after,
.colori-img-nail:after ,
.cart-item-imagewrap:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0,0.05);
}


.item-title {
    font-size:var(--size-xx-small);     
    color:var(--grey-color);    
    line-height: 130%;
    text-transform:uppercase;
     
   
 }
 
 .item-desc,
 .item-code{
	  font-size:var(--size-xx-small); 
	color:var(--grey-color);  
	
}


.item-picture img{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
	max-height: 100%;

}

/*.item-picture img {
    object-fit: cover;
    width: 100%;
}*/

img.lazy {
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.item-info{
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;  
    padding-top:var(--space-item-info);
      
       box-sizing:border-box;
     -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
  padding-top:var(--item-space);
  padding-right: var(--icon-width);
  position: relative;
  border-top:solid 1px var(--grey-color2);
}

.item-container .item-action,
.item-container .item-desc,
.item-container .item-price{
	margin-top:calc(var(--item-space) * 0.5);
}


.item-price{ 	
 	display: flex;
	flex-wrap: wrap;
	margin-left:-5px;
	margin-right:-5px;		
 } 
 
 

.item-price span {
    margin-left:5px;
    margin-right:5px;
}

.price{
	font-size: var(--size-xxx-medium);
	color:var(--secondary-color); 
	font-weight:var(--f-Medium); 
  	
 	
}

.old-price{
	text-decoration: line-through;
	color:#7e7e7e !important;	
}

.discount-price{	
	color:#FF0000;
 	
}



.item-container .btn{
	background:var(--main-color);	
	font-size: var(--f-size_18);
	border-radius:5px;
}

.button-cart{
	position: absolute;
	top:var(--item-space);
	right:0;	
	box-sizing: border-box;

}

.button-cart svg{
	    width: var(--icon-width);
    height: var(--icon-width);
    vertical-align: middle;
    fill: var(--black-color);
}

.post-thumbcontent .price{
	color:var(--white-color);
	font-size:var(--size-small);
}

.offer-label{
	position: absolute;
	background-color:var(--secondary-color);
	font-size:var(--f-Small);
	padding: calc(var(--item-space) * 0.7);
	box-sizing: border-box;
	z-index: 5;
	color:var(--white-color);
}


/*product-item*/

.head-container{
	    margin-bottom: var(--filter-space);
	    position: relative;
}

.row-item{
     margin:calc(var(--unit-space-10) * -1);
}

.col-item{
      padding:var(--unit-space-10);
}

.product-qt{
	font-size: var(--x-small);
    color: var(--color-lightgrey);
   }
   
   
.btn-filtri,
.aside-mobile .closebtn,
.btn-goproducts   {
	display: none;
} 

.filter-button{
   margin-bottom: var(--unit-space-16); 
}

.filter-button span{
	font-size: var(--f-size_30);
    font-family: var(--body-fonts-2);
    color: var(--color-05);
    margin-bottom: var(--unit-space-16);
    line-height: 100%;
   
}


.filter-button i{
	vertical-align:middle;
	font-size:var(--f-size_16);
	 color: var(--color-05);
	
}

.filter-button .close{
	display: none;	
}

.filter-button.open-filter .close{
	display:inline-block;
}

.filter-button.open-filter .open{
	display:none;
}
   
   
.filter-row{
	display: none;
	
} 

.filter{
	max-width:var(--container-medium);
	margin: var(--margin-auto);
	padding-top: var(--box-padding_d);
	padding-bottom: var(--box-padding_d);
	box-sizing: border-box;
}

.filter-title{
	font-size:var(--size-xxx-medium);
	font-weight:var(--f-Semibold);
	margin-bottom:var(--filter-space);
	text-transform:uppercase;
	position: relative;
	background-color: #ffffff;
	z-index: -1;
	
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;	
	
}

.linee{
    margin: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom:2px solid var(--black-color);
    
}

.filter-title span{
	position: relative;
	background-color: #ffffff;
	z-index: 1;
}


.filter-title:after,
#filter-menu > ul > li.active > span:after{
	content: "";
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:auto;
	right:0;
	height:2px;
	background: var(--black-color);
	z-index: 1;
	width:100vw;
	z-index: -1;
	

}
/*.filter-labels {
	margin: -0.625rem;
}*/

.filter-labels li{
	padding-bottom:5px;
	padding-top:5px;
}


.filter-labels .check label{
	font-size:var(--size-xx-small);
	color: var(--black-color);
	font-weight:var(--f-Medium);
}

.filter-labels .check label:before,
.filter-labels .check label:after{
	width: 1rem;
    height: 1rem;
}


.price-range{
	max-width:250px;
}
	

.price-range input{
	    font-size: var(--f-size_15);
    color: var(--color-lightgrey);
    max-width:80px;
    border:none;
}

.price-range input.input-with-keypress-0{
	float:left;
}

.price-range input.input-with-keypress-1{
	float:right;
	text-align:right;
}


.filter-item {
    padding-bottom: 30px;
   
}

#filter-menu{
	background-image:var(--gradient-2);
	padding: var(--filter-space);
	box-sizing: border-box;
}


#filter-menu li {
		list-style-type: none;
}

#filter-menu ul  li  a{	
	font-size:var(--size-medium);
	font-weight:var(--f-Medium);	
	box-sizing: border-box;
	display: block;
	text-transform:uppercase;
	color:var(--white-color);
	padding-top:var(--filter-space);
	padding-bottom:var(--filter-space);

	
}

#filter-menu > ul > li:first-child > a{
	padding-top: 0;
}


#filter-menu ul ul li a {
	color:var(--white-color);
	text-decoration: none;
	font-size:var(--size-xx-small);	
	display: block;	
	position: relative;	
	border-bottom:solid 1px var(--lightgrey-color);
	opacity: 0.7;
}

#filter-menu ul ul li:last-child a{
	border-bottom: none;
	
}

#filter-menu ul ul li a:hover{
	color:#ffffff;
}

#filter-menu ul ul li a.active-sub {
	opacity: 1;
}

/*#filter-menu ul ul {
		display: none;
}*/

#filter-menu li.active>ul {
		display: block;
}

#filter-menu ul ul ul {
		margin-left: 15px;
		
}

#filter-menu > ul > li.active >  span{	
	color:var(--black-color);	
	box-sizing: border-box;	
	font-size:var(--size-xxx-medium);
	text-transform:uppercase;
	font-weight:var(--f-Semibold);
	margin-bottom:var(--filter-space);
	display: block;
	position: relative;
}




/*dettaglio*/

/*.gallery-image{
    position: relative;  
    display: block;  
   height: 600px; 
  float:left;
  width:50%;
  padding-left: 15px;
  padding-bottom:10px;
  box-sizing: border-box;
   
}

.gallery-image img{      
    max-height: 100%;
 
    
}*/

.item-card .breadcrumbs{
	margin-top:0;
	margin-bottom:calc(var(--block-space)* 0.3);
}
	


.item-deatil-picture{
	position: relative;
	height:90vh;
	background: var(--white-color);
	text-align:center;
}

.item-deatil-picture img{
    position: absolute;	   
    max-width:none !important;
    width:auto !important;
    max-height:80% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*border:solid 4px var(--grey-color);*/
    box-sizing:border-box;
   
    
   
}
	

.model-width{
	max-width:500px;	
}

h1.item-title{
	font-size:var(--size-medium);
	line-height: 100%;
}


.slider-for .gallery-image img{
	margin: 0 auto;
	
}

.item-modelcontainer .item-desc{
  font-size: var(--size-xx-small);
  line-height: 150%;
  margin-top:calc(var(--block-space)* 0.3);
	
}

.item-desc b{
   vertical-align: top; 
}


.item-modelcontainer .item-price{
	display: block;
	 margin-top:calc(var(--block-space)* 0.2);
}

.item-modelcontainer .price {    
  font-size:var(--size-xxx-medium);
}

.item-modelcontainer .price.old-price{	
	font-size:var(--size-xxx-medium);
	text-align:right;	
}



.quantita{
	display: flex;
	box-sizing: border-box; 
}

.quantita a{		
	 display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  width:var(--btn-quantity);
  height:var(--btn-quantity);
  border:solid 1px var(--grey-color2);
  font-size: var(--size-xx-small);
  color:var(--grey-color);
}


.quantita input{
	
	font-size: var(--size-small);	
	background: none;
	border:none;
	width:var(--btn-quantity);  
  text-align:center;
   font-size: var(--size-xx-small);
   color:var(--grey-color);
   border-top:solid 1px var(--grey-color2);
    border-bottom:solid 1px var(--grey-color2);
	
	   
}



.itemmodel-action .btn-txt{
	
	margin-top: 1em;	
	text-transform:uppercase;
}


.itemmodel-action .btn-txt .icon {
      width: var(--icon-size_20);
    height: var(--icon-size_20);
    vertical-align: middle;
    fill:var(--color-darkgrey);
}


.itemmodel-action .btn-wishlist{
	min-width:100px;

}

.item-detailcontainer .title{
	font-size:var(--size-xx-medium);
	color:var(--grey-color);	   
}

.item-fixedcontainer{
	position: -webkit-sticky;
    position: sticky;
    top:6rem;
}


.item-option{
   padding-top: calc(var(--block-space)* 0.3);
   border-top: solid 1px var(--grey-color2);
   margin-top:calc(var(--block-space)* 0.3);
}


.item-select{
	margin-top:calc(var(--block-space)* 0.3);
	position: relative;
	z-index: 10;
}

.item-select .title {
    font-size:var(--size-x-small);
     margin-bottom: calc(var(--block-space)* 0.1);    
    text-transform:uppercase;
    color:var(--grey-color);
  
}

.item-select .title span{
	text-transform:none;
	color: #707070;
}

.item-select .selectCF{
	width: 100%;	
	border-radius:0;	
	box-sizing: border-box;
}

.item-select .titleCF{
	padding: calc(var(--input-padding)* 0.7) var(--input-padding);
	border-radius: 1.25em;
	border: solid 1px var(--grey-color2);
}


.item-select .selectCF .arrowCF {
	top:30%;
}
.item-select .quantita{
	-ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.item-select .selectCF li ul{
	border-radius: 1.25em;
}


.color-menu li{
	margin-right:15px;
	display: inline-block;
}

.colori-img-nail{
	position: relative;
	
	width:50px;
	display: inline-block;
	margin-right:10px;
	text-align:center;
}


.colori-img-nail img{
	height: 100%;
	
}

.colori-img-nail.active{
	border: 1px solid var(--black-color);
	
}

.item-detailcontainer .Navtools.social{
	padding-left: 0;
}

.item-detailcontainer .Navtools.social li{
	padding-left: 0;
	padding-right: var(--unit-space-s);
}




/*dettaglio*/

/*cart*/

.cart-row{	
	padding:calc(var(--block-space) * 0.3) 0;	
	margin-top:var(--block-space);	
	border-bottom:solid 1px var(--grey-color2);

}

.cart-row:first-child{
	margin-top: 0;
	padding-top: 0;
}
/*
.cart-row:last-child{
	padding-bottom: 0;
	border-bottom: none;
}*/
/*.cart-row .row{
	margin: -5px;
}
.cart-row .row >[class*=" col-"],
.cart-row .row >[class^=col-] {
padding: 5px;
}*/

.cart-item-image{
	max-width:15%;
	margin-right:calc(var(--block-space) * 0.3);
	position:relative;
}


.cart-item-imagewrap{
	position: relative;
}


.cart-item-title{
	text-transform:none;
	font-family:var(--main-fonts);
	font-size:var(--size-small);
	font-weight:var(--f-Semibold);
	color:var(--grey-color);}


.cart-item-price{	
	margin-top:var(--cart-space);
}

.cart-item-option .item-desc{
	font-size:var(--x-small);
}


.select-option{			
	font-size:var(--size-xx-small);		
	margin-top:calc(var(--block-space) * 0.3);
	color:var(--grey-color);
	font-family:var(--f-Light);
}

.select-option:last-child{
	margin-right: 0;
}


.select-option .title{	
	margin-right:calc(var(--block-space) * 0.1);
}

.cart-item-action{
	position: absolute;
	top:-1em;
	right:-1em;
	width:1.5em;
	height:1.5em;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--main-color);
    border-radius: 50%;
	
}

.cart-item-action a{
	font-size: var(--size-xx-small);
	color:var(--white-color);
	display: block;
	line-height: 100%;
}


.cart-header{
	margin-bottom: var(--box-padding);
}

.cart-header .title{
	font-size:var(--large);
	color:var(--color-black);
	font-family: var(--title-fonts-cormorant);
}

.cart-row-price{
	margin-left:calc(var(--block-space)* 0.3);
	width:120px;
	text-align:right;
}

.table-total{	
	margin-left:15%;
	padding-left: calc(var(--block-space)* 0.3);
}

.table-total .row{
	padding-top: calc(var(--block-space)* 0.1);
	padding-bottom: calc(var(--block-space)* 0.1);
	border-bottom: solid 1px var(--grey-color2);
}


.cart-row-label{
	font-size:var(--size-xx-small);
	color:var(--grey-color);
	/*text-transform:uppercase;*/
}

.total{
	font-weight:var(--f-Bold);
	text-transform:uppercase;
}

.select-option .price{
	font-size:var(--size-xx-small);
}

/*cart*/

.msg-content {
	font-size:var(--size-x-small);	
	color:var(--grey-color);
	
}
.popup .msg-content {
	font-size:var(--size-xx-small);
	font-family:var(--body-fonts-2);
	line-height: 140%;
	

}


.register-block .btn-txt{
	font-size:var(--size-xxx-large);
	color:var(--main-color);	
	text-transform:uppercase;
	font-weight:var(--f-Bold);
}




/*.checkout*/
.box-heading{	
	font-size:var(--size-xxx-medium);	
	margin-bottom:var(--box-padding);
	color:var(--black-color);
}


.tabel-cart.checkout .cart-row-price{
	width:100%;
	margin-top: calc(var(--block-space)* 0.1);
}

.checkout.table-total{
	margin-left: 0;
	padding-left: 0;
}

.checkout .cart-item-title{
	font-size:var(--size-xx-small);
}

.checkout .select-option{
	font-size:var(--size-xxx-small);
}


/*.checkout*/

/*mypage*/

#side-tabs li{
	display: block;
	
}

#side-tabs li a{	
	color:var(-grey-color);	
	display: inline-block;	
	padding-top:5px;
	padding-bottom: 5px;
	font-size:var(--size-xx-medium);	
	opacity: 0.7;
	
}



#side-tabs li.active a,
#side-tabs li a:hover{		
	color:var(--grey-color);
	opacity: 1;
}

.block-preview{	
	position: relative;
	margin-bottom: calc(var(--block-space)* 0.5);
}

.block-preview-title{
	font-size:var(--size-xx-small);	
	color:var(--grey-color); 	
	border-bottom:solid 1px var(--grey-color);
	padding-bottom:calc(var(--block-space)* 0.2);
	margin-bottom:calc(var(--block-space)* 0.2);
	padding-right:80px;
	box-sizing: border-box;
	position: relative;
	font-weight:var(--f-Bold);
	
} 

.block-preview-title span{
    vertical-align:middle;   
}

.block-preview-title.no-pad-right{
	padding-right: 0;
}

.block-preview .btn{
	font-size:var(--size-xxx-small);
}

.action-edit{
	font-size:0.725em;	
	padding-top:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-weight:600;
	position: absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	
	
}

.action-edit .icon{
	font-size:0.913rem;
}

.float-no{
	float:none;
}

.block-preview-info{	
	font-size:var(--size-xx-small);
	color:var(--grey-color);
	line-height: 150%;
	
}

.block-preview-info b{
	font-weight:500;
}
.col-left-wrap{
	padding-left: 5%;
}

.block-preview-desc{	
	font-size:var(--size-xx-small);
	line-height: 150%;
	color:var(--grey-color);
	
}


.input-btn-text{
	border:none;
	text-align:left;
	height:auto;
	color:#444444;
	font-size:0.750em;
	padding-left: 0;
	font-weight:600;
	text-transform:uppercase;
	cursor: pointer;
}

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

#table{
	width:100%;
}


#table td,
#table th{
	text-align:left;	
	padding:10px 5px;	
	font-weight:normal;
	font-size:0.875rem;
}

#table th{
	background-color:#ededed;
}

#table td{
	font-weight:500;
	color:#616161;
}
#table tr{
	position: relative;
}

#table tr:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	/*background-color:#ededed;*/
}

table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
  
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
 
  width: 8.5em;
  display: inline-block;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top;
}
/*my-page*/





/*new*/

/*.cart-item-quantity{
   max-width:150px;
  
}*/

.box-container.border-frame{		
	background:none;
	border: 30px solid transparent;
    border-image: url(../images/border.png) 30 round;
	
}


.header-top-container{
	position: absolute;
	top:0;
	right:0;
	left:0;
	z-index:99;
}

.header-top-container li{
	display: inline-block;
}

.header-top-container li a{
	color:#ffffff;
	padding: 0px 10px;
	display: block;
	font-size:13px;
	box-sizing: border-box;
	line-height:30px;	
}

.header-top-container.inner li a{
	color:#000000;
}

.toolItem-mobile {
    display: none !important;
}

.box-right-wrap{
	padding-right:50px;
}

.box-left-wrap{
	padding-left:50px;
}

.line-middle:after{
	content:"";
	position: absolute;
	width:2px;
	top:0;
	bottom:0;
	
	right:0;
	background:var(--main-color);
	}

.line-middle.left:after{
   left: 0;   
    transform:none;
    
}


.userItem-desktop {
     position:relative;   
}

.top-menu{	
	text-align:center;
}

.top-menu ul{  
    display: flex;
}

.top-menu li{
	display: inline-block;
}

.top-menu li a{
		color:var(--black-color);
	font-size: var(--size-xx-small);
	display: block;
	padding:10px 15px;	
	height:100%;
	position: relative;
}

.top-menu li:first-child a{
	padding-left: 0;
}


.top-menu li a:after{
	content:"";
	position: absolute;
	right:0px;
	width:1px;
	background: var(--grey-color);
	top:8px;
	bottom:8px;
}

.top-menu li:last-child a:after{
	content:none;
}



/*@media only screen and (max-width:1764px) {
}


@media only screen and (max-width:1170px) {
.toolItem-mobile{
	display: block !important;
	
}

.header-top-container{
	display: none;
}


}

@media only screen and (max-width:992px) {

#item-detail{
	margin-top: 40px;
}

.col-left-wrap {
    padding-left:16px;
    margin-top: 30px;
}


.item-info-wrap{
	opacity: 1;
}

#list-items{
	margin: -10px;
}

.product-item.item-row-1 .item-title{
	font-size:20px;	
}


}


@media only screen and (max-width:520px) {	
.box-container, .tabel-cart{
	padding: 15px;
}

.product-item.item-row-1{
	width: 50%;

}

.product-item.item-row-1 .item-picture{
	width:100%;
	margin-right: 0;
}

.product-item.item-row-1 .item-info-wrap{
	width:100%;
	float:none;
}*/
}
