@font-face {
	font-family: 'ecommerce';
	src:url('../fonts/icons.eot?dsm1zy');
	src:url('../fonts/icons.eot?#iefixdsm1zy') format('embedded-opentype'),
		url('../fonts/icons.ttf?dsm1zy') format('truetype'),
		url('../fonts/icons.woff?dsm1zy') format('woff'),
		url('../fonts/icons.svg?dsm1zy#ecommerce') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ui-icon {
	font-family: 'ecommerce';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-icon {
	font-size: 35px;
	line-height: 35px;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 100%;
    box-shadow: 0 0 2px 0 rgba(143, 143, 143, 0.4);
}

.plproduct__addtocart, .plproduct__addtowishlist {
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 100%;
    box-shadow: 0 0 2px 0 rgba(143, 143, 143, 0.4);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-decoration: none;
    -webkit-transition: background-color 150ms ease-in;
    transition: background-color 150ms ease-in;
    z-index: 23; 
}

.ui-icon-search:before {	
	content: "\e902"
}	
.ui-icon-wisch:before {	
	content: "\e905"
}	
.ui-icon-wisch:after {	
	content: "\e91b"
}

.ui-icon-cart:before {		
	content: "\e906";
}
.ui-icon-cart:after {		
	content: "\e91c";
}

.icon--shoe:before {
	content: "\e601";
}

/* ecommerce buttons */
.ui-icon-addtowishlist:before {	
	content: "\e905"
}	
.ui-icon-addtowishlist:after {	
	content: "\e91b"
}

.ui-icon-addtocart:before {		
	content: "\e906";
}
.ui-icon-addtocart:after {		
	content: "\e91c";
}

.ui-icon-addtocart:after, .ui-icon-addtocart:before, .ui-icon-addtowishlist:after, .ui-icon-addtowishlist:before {
	-webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
}

.ui-icon-addtocart:after, .ui-icon-addtowishlist:after {
    opacity: 0;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out;
}

/* active */
.ui-icon-addtocart.active:after, .ui-icon-addtowishlist.active:after {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1); 
}
              
/* hover */
.ui-icon-addtocart:hover, .ui-icon-addtowishlist:hover {
    background-color: #fff;
}
.ui-icon-addtocart:hover:after, .ui-icon-addtowishlist:hover:after {
    opacity: 1;
    -webkit-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    transform: translate(-50%,-50%) scale(1.2);
}