//Feature Product Style


.list-product{
	position: relative;
    background: #fff;
    z-index: 1;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
	    .img-block{
	    	position:relative;
	    	& img{
	    	width: 100%;
		    margin: 0;
		    -webkit-transition: all 300ms linear;
		    -moz-transition: all 300ms linear;
		    -ms-transition: all 300ms linear;
		    -o-transition: all 300ms linear;
		    transition: all 300ms linear;
	    	}
	    	& .second-img{
	    	position: absolute;
		    opacity: 0;
		    -webkit-transition: all 300ms linear;
		    -moz-transition: all 300ms linear;
		    -ms-transition: all 300ms linear;
		    -o-transition: all 300ms linear;
		    transition: all 300ms linear;
		    left: 0;
		    max-width: 100%;
		    opacity: 0;
		    position: absolute;
		    top: 0;
	    	}
	    	& .quick-view{
	    		position: absolute;
			    top: 5px;
			    right: 5px;
			    text-align: center;
			    pointer-events: none;
			    z-index: 1;
			    line-height: 1;
		    	& a{
		    		display: block;
				    width: 40px;
				    height: 40px;
				    line-height: 40px;
				    background: transparent;
				    color: #47494a;
				    padding: 0;
				    border: none;
				    padding: 0;
				    font-size: 16px;
				    text-align: center;
				    text-transform: capitalize;
				    pointer-events: visible;
				    opacity: 0;
				    -moz-transform: scale3d(0,0,0);
				    -webkit-transform: scale3d(0,0,0);
				    -o-transform: scale3d(0,0,0);
				    -ms-transform: scale3d(0,0,0);
				    transform: scale3d(0,0,0);

		    	}
	    	}
	   }
	    &:hover{
	    border: 1px solid #ebebeb;
		    & .second-img{
			    opacity: 1;
		    	visibility: visible;
		    }
		    & .quick-view a{
		        opacity: 1;
			    -moz-transform: scale3d(1,1,1);
			    -webkit-transform: scale3d(1,1,1);
			    -o-transform: scale3d(1,1,1);
			    -ms-transform: scale3d(1,1,1);
			    transform: scale3d(1,1,1);
		    }
		    & .pricing-meta{
		    opacity: 0;
		    -moz-transform: translateY(15px);
		    -webkit-transform: translateY(15px);
		    -o-transform: translateY(15px);
		    -ms-transform: translateY(15px);
		    transform: translateY(15px);
		    -webkit-transition: all 300ms linear;
		    -moz-transition: all 300ms linear;
		    -ms-transition: all 300ms linear;
		    -o-transition: all 300ms linear;
		    transition: all 300ms linear;
		    }

		    & .add-to-link{
			    opacity: 1;
			    visibility: visible;
			    -webkit-transform: translateY(0) translateZ(0);
			    transform: translateY(0) translateZ(0);
		    }
	    }
	    & .new{
	    	position: absolute;
		    top: 15px;
		    left: 15px;
		    display: inline-block;
		    color: #fff;
		    padding: 0 5px;
		    text-align: center;
		    line-height: 20px;
		    height: 20px;
		    font-size: 12px;
		    font-weight: 700;
		    border-radius: 5px;
		    text-transform: capitalize;
		    text-align: center;
		    z-index: 1;
		    background:#146cda;
	    }
	    & .product-decs{
		     & a{
		     font-size: 13px;
		    text-transform: uppercase;
		    font-weight: 700;
		    line-height: 1;
		    margin-bottom: 10px;
		    display: block;
		    color:#146cda;
		     }
		     & h2{
			    font-weight: 400;
			    margin: 0;
			    line-height: 1;
			     & a{
			     line-height: 18px;
			    display: block;
			    margin-bottom: 10px;
			    font-weight: 400;
			    color: #47494a;
			    font-size: 14px;
			    text-transform: capitalize;
				    &:hover{
				    color:#146cda;
				     }
			    }
		     }
		     & .rating-product{
		    	 margin-bottom:10px;
			    & i{
			    overflow: hidden;
			    margin: 0 1px 0px 0;
			    display: inline-block;
			    color: #fdd835;
			    font-weight: 400;
			    line-height: 1;
			    vertical-align: top;
			    font-size: 18px;
			    }
		     }
		     & .pricing-meta{
		     	line-height:20px;
		     	-webkit-transition: all 300ms linear;
			    -moz-transition: all 300ms linear;
			    -ms-transition: all 300ms linear;
			    -o-transition: all 300ms linear;
			    transition: all 300ms linear;
		     	& li{
		     	    color: #9b9b9b;
				    font-weight: 400;
				    margin-right: 2px;
				    font-size: 14px;
		     	}
		     	& li.old-price{
				    text-decoration: line-through;
		     	}
		     	& li.old-price.not-cut{
				    text-decoration: none;
				    color: #1d1d1d;
    				font-size: 16px;
			     	font-weight: 600;  
		     	}
		     	& li.current-price{
			     	color: #eb2606;    
			     	font-weight: 600;    
			     	font-size: 16px;
		     	}
		     	& li.discount-price{
		     	display: inline-block;
			    vertical-align: top;
			    color: #fff;
			    background: #eb2606;
			    padding: 0 4px;
			    border-radius: 5px;
			    text-align: center;
			    line-height: 20px;
			    height: 20px;
			    font-size: 12px;
			    font-weight: 700;
			    text-transform: capitalize;
			    text-align: center;
			    z-index: 4;
			    margin-left: 2px;
		     	}
		     }
		     padding:15px;
	    }
	    & .add-to-link{
	    margin-top: -30px;
	    position: absolute;
	    left: -1px;
	    right: -1px;
	    top: 100%;
	    background: #fff;
	    padding: 0px 15px 15px 15px;
	    border: 1px solid #ebebeb;
	    border-top: transparent;
	    border-radius: 0 0 5px 5px;
	    font-size: 0;
	    visibility: hidden;
	    opacity: 0;
	    transform: translateY(15px) translateZ(0);
	    -webkit-transform: translateY(15px) translateZ(0);
	    perspective: 800px;
	    -webkit-perspective: 800px;
	    backface-visibility: hidden;
	    -webkit-backface-visibility: hidden;
	    -webkit-transition: opacity .3s ease,visibility .3s ease,transform .3s ease;
	    -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;
	    transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;
	    transition: opacity .3s ease,visibility .3s ease,transform .3s ease;
	    transition: opacity .3s ease,visibility .3s ease,transform .3s ease,-webkit-transform .3s ease;
		    & li{
			    display: inline-flex;
			    line-height: 1;
			    margin-right: 3px;
			    -webkit-transition: all 300ms linear;
			    -moz-transition: all 300ms linear;
			    -ms-transition: all 300ms linear;
			    -o-transition: all 300ms linear;
			    transition: all 300ms linear;
		    }
		    & a{
		    display: inline-block;
		    color: #fff;
		    border: none;
		    line-height: 40px;
		    height: 40px;
		    width: 40px;
		    border-radius: 5px;
		    font-size: 16px;
		    text-align: center;
		    text-transform: capitalize;
		    background:#146cda;
			    &:hover{
			    	background:#1d1d1d;
			    }
		    }
		    & a.cart-btn{
		    	    display: inline-block;
				    color: #fff;
				    font-weight: 700;
				    padding: 0 10px;
				    border: none;
				    line-height: 40px;
				    height: 40px;
				    width: auto;
				    border-radius: 5px;
				    cursor: pointer;
				    font-size: 14px;
				    text-transform: uppercase;
				    position: relative;
				    z-index: 1;
				    letter-spacing: -.08em;
				    white-space: nowrap;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    max-width: 105px;
				    @media #{$small-mobile}{
			      		padding:0 7px;
			      	}
		    }
	  }
}

.feature-tab-area{
		.nav-tabs {
	    	position: relative;
		    display: block;
		    border-bottom: 1px solid #ebebeb;
		    margin-bottom: 15px;
	    	& li{
	    		a{
	    		    margin: 0;
				    text-transform: capitalize;
				    position: relative;
				    padding-bottom: 20px;
				    display: inline-block;
				    vertical-align: top;
				    font-size: 24px;
				    font-weight: 400;
				    line-height: 1;
				    color: #888;
				    cursor: pointer;
				    margin-right: 35px;
				    -webkit-transition: all 300ms linear;
				    -moz-transition: all 300ms linear;
				    -ms-transition: all 300ms linear;
				    -o-transition: all 300ms linear;
				    transition: all 300ms linear;
	    			&:after{
	    				content: "";
					    position: absolute;
					    left: 0;
					    right: 0;
					    height: 2px;
					    bottom: -1px;
					    background: transparent;
	    			}
	    			&.active{
	    				color:#1d1d1d;
	    				&:after{
					    	background: $theme-color;
	    				}
	    			}
	    			&:hover{
	    				color:#1d1d1d;
	    				&:after{
					    	background: $theme-color;
	    				}
	    			}
	    			@media #{$large-mobile}{
					    font-size:16px;
					    margin-right:20px;
				    }
	    			@media #{$extra-mini-mobile}{
					    font-size:14px;
				    }
	    		}
	    	}
		}
}

.single-product-responsive{
	.list-product{
		.add-to-link {
			@media only screen and (min-width: 1300px) and (max-width: 1380px){
			padding:0px 7px 15px 10px;
			}
		}
	} 
}