/* ***********************************************************************************************
    PRODUC LISTING
************************************************************************************************ */
.content-product-list{
    .products-thumb{
        display: inline-block;
        vertical-align: top;
    }
}
.products-list{ 
    &.grid:not(.slick-carousel){
        display: flex;
        flex-wrap: wrap;
        @media (max-width: $screen-xs-max){
            justify-content: center;
        }
		li.col-xl-6,li.col-xl-12{
			.products-thumb{
				img{
					width:100%;
				}
			}
		}
    }
    &.grid{
        &.row.slick-carousel{
            margin: 0;
        }
        .product-wapper{
            position: relative; 
            padding: 0;
			margin: 0 0 25px;
            &:hover{
				border:none;
                @media (min-width: $screen-xs-max){
                    .products-thumb{
                        .product-thumb-hover{
                            .hover-image{
                                opacity: 1;
                                visibility: visible;
                            }
                            .wp-post-image{
                                opacity: 0;
                                visibility: hidden;
                            }
                        }
                    }
                }
				.products-thumb{
					.product-button{
						@include opacity-s();
						@include transform(translateY(0));
					}
				}
				.countdown{
					@include opacity-h();
				}
            }
			.countdown{
				position:absolute;
				bottom:20px;
				left:0;
				padding: 0 10px;
				width:100%;
				@include transition(all 0.3s ease);
				@media (max-width:$screen-xs-max){
					display:none;
				}
				.item-countdown{
					text-align:center;
					padding: 10px 0;
					background: $white;
					border: 2px solid $theme-color;
				}
				.countdown-content{
					color:$theme-color;
					font-size: 16px;
					font-weight: 400;
					font-family: $font-family-second;
					>*{
						&:before{
							content:":";
							display:inline-block;
							margin:0 5px;
						}
						&:first-child{
							&:before{
								display:none;
							}
						}
					}
					.countdown-amount{
						display: inline-block;
						color:$theme-color;
						position:relative;
					}
					.countdown-text{
						display: inline-block;
					}
				}
			}
            .products-thumb{
                position: relative; 
                margin:0;  
                overflow: hidden; 
                display: inline-block;
                border: 1px solid #e6e6e6;
                vertical-align: top;
                .product-thumb-hover{
                    position: relative;
                    display: block;
                    .wp-post-image{ 
                        opacity: 1;
                        visibility: visible;
                        @include transition(all 0.5s ease);  
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        max-width: 100%;
                        height: auto;
                    }
                    .hover-image{
                        opacity: 0;
                        visibility: hidden;
                        max-width: 100%;
                        height: auto;
                    }               
                }
				.product-button{
					position: absolute;
					bottom: 20px;
					left:0;
					z-index: 9;
					width:100%;
					display:flex;
					justify-content:center;
					@include transition(all 0.3s ease);
					@include transform(translateY(100%));
					@include opacity-h();
					>*{
						margin:0 5px;
						position:relative;
					}
					.tooltip {
						top:-3px !important;
						margin:0;
						.tooltip-arrow{
							display:none;
						}
					}
					.product-quickview{
						text-align: center;
						background: $white;
						font-size: 0;
						display: block;
						white-space: nowrap;
						>a{
							color: $gray-dark;
							@include square(40px);
							line-height: 40px;
							display: inline-block;
							position:relative;
							outline: unset;
							border: 1px solid #e1e1e1;
							>i{
								font-size: 20px;
								color: $gray-dark;
								line-height: 40px;
								@include transition(all 0.1s ease);
							}
						}
						&:hover{
							>a{
								background:$theme-color;
								border-color:$theme-color;
								>i{
									color: $white;
								}
							}
							.loading{
								&:before{
									color: $white;
								}
							}
						}
						.loading {
							i{
								display: none;
							}
							&:before {
								position: relative;
								display: inline-block;
								content: "";
								border:2px solid rgba($gray-dark,0.25);
								border-top-color:$gray-dark;
								@include square(16px);
								@include border-radius(50%);
								background: none;
								@include animation(2s linear 0s normal none infinite running spinAround);
								text-indent: 0;
								top:8px;
							}
							&:hover{
								&:before{
									border-color:rgba($white,0.5);
									border-top-color:$white;
								}
							}
						}                       
					}
					.woosw-btn{                     
						font-size: 0;
						background: $white;
						text-align: center;
						position: relative;
						white-space: nowrap;
						margin-top: 0;
						color: $white; 
						@include square(40px);
						line-height: 40px;
						display: inline-block;
						border: 1px solid #e1e1e1;
						cursor:pointer;
						&:before{
							content: "\e905";
							font-family: icomoon;
							font-size: 17px;
							line-height: 40px;
							color: $gray-dark;
							@include transition(all 0.1s ease);
						}
						&.woosw-adding{
							&:before {
								position: relative;
								display: inline-block;
								content: "";
								border:2px solid rgba($gray-dark,0.25);
								border-top-color:$gray-dark;
								@include square(16px);
								@include border-radius(50%);
								background: none;
								@include animation(2s linear 0s normal none infinite running spinAround);
								text-indent: 0;
								top:7px;
								left: 0;
							}
							&:hover{
								&:before{
									border-color:rgba($white,0.5);
									border-top-color:$white;
								}
							}
						}
						&.woosw-added{
							&:before{
								content: "\e905";
								font-family: icomoon;
								font-size: 17px;
								line-height: 40px;
								margin:0;
								color: $theme-color;
								@include transition(all 0.1s ease);
								position: relative;
							}
						}
						&:hover{ 
							background:$theme-color;
							border-color:$theme-color;
							&:before{
								color: $white;
							}
						}
					}
					.woosc-btn{
						text-align: center;
						background: $white;
						font-size: 0;
						display: block;
						white-space: nowrap;
						color: $gray-dark;
						@include square(40px);
						line-height: 40px; 
						display: inline-block;
						border:1px solid #e1e1e1;
						cursor:pointer;
						&:before{
							font-size: 17px;
							color: $gray-dark;
							line-height: 40px;
							@include transition(all 0.1s ease);
							content:"\e909";
							font-family:icomoon;
							margin:0;
						}
						&:hover{
							background:$theme-color;
							border-color: $theme-color;
							&:before{
								color: $white;
							}
						}
						@media (max-width:$screen-sm-max){
							display:none;
						}
					}
					.product_type_grouped,
					.add_to_cart_button,
					.product_type_external, .read_more,
					.added_to_cart, .product_type_variable{ 
						color: $white;   
						display: inline-block;                    
						text-align: center;
						background: $white;
						border: 1px solid #e1e1e1;
						@include square(40px);
						line-height: 40px;
						font-size: 0;
						white-space: nowrap;
						flex: 0 0 35px;
						position:relative;
						&:before{
							content: "\e906";
							font-family: 'icomoon';
							font-size: 17px;
							color: $gray-dark;
							@include transition(all 0.1s ease);
							margin:0;
							display: inline-block;
						}
						&.added_to_cart{
							display: none;
						}
						&.loading {    
							@include transition(all 0.2s ease);                   
							&:before {
								position: relative;
								display: inline-block;
								content: "";
								border:2px solid rgba($gray-dark,0.25);
								border-top-color:$gray-dark;
								@include square(16px);
								@include border-radius(50%);
								background: none;
								@include animation(2s linear 0s normal none infinite running spinAround);
								text-indent: 0;
								top:8px;
							}
							&:hover{
								&:before{
									border-color:rgba($white,0.5);
									border-top-color:$white;
								}
							}
						}     
						&:hover{ 
							background:$theme-color;
							border-color:$theme-color;
							color:$white;
							&:before{
								color: $white;
							}
						}
					}
					.added_to_cart, .product_type_variable{                        
						&:before{
							content:"\4e";
							font-family: 'ElegantIcons';
							text-indent: 0px
						}
						&:after{
							display: none;
						}
					} 
					.product_type_variable{
						&:before{
							content: "\24";
							font-family: 'ElegantIcons';
							font-size:18px;
						}
					}  
					.read_more{
						&:before{
							content: "\24";
							font-family: 'ElegantIcons';
							text-indent: 0;
						}
					}                 
				}
				.product-stock{
					position:absolute;
					top:10px;
					@include rtl-right(10px);
					z-index:2;
					line-height: 20px;
					background:#b7b7b7;
					color:$white;
					padding:0 7px;
					font-size:11px;
					font-weight:500;
					span{
						color:$white;
					}
				}
            }
            .products-content{
            	margin-top: 20px;
				.cat-products{
					font-size:12px;
					margin-bottom:5px;
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
				}
                h3.product-title{ 
                    font-size: 14px; 
                    margin-top: 0;
                    font-weight: 500;
					display:block;
					margin-bottom:10px;
					a{
						color: $gray-dark;
						&:hover{
							color:$theme-color;
						}
					}
                }
                .brands-single{
					display: flex;
					align-items: baseline;
					margin: 0 0 3px;
				}
				.title-brand{
					margin: 0;
					font-size: 12px;
					text-transform: uppercase;
					color: $text-color;
					@include rtl-margin-right(5px);
				}
				.product-brand{
					list-style: none;
					padding: 0;
				}
				.item-brand{
					padding: 0;
					a{
						font-size: 12px;
						color: $theme-color;
						text-transform: uppercase;
						font-weight: 600;
					}
				}
                .price {
                    line-height: 100%;
                    display: inline-block;
                    margin-bottom: 7px;
                    del{line-height: 100%;}
                } 
                .rating{
                    .review-count{
                        display: inline-block;
						position: relative;
						top: -3px;
						font-size:10px;
						font-weight: 500;
						@media (max-width:$screen-xs-max){
							display:none;
						}
                    }
                }
                .btn-atc{
					margin-top:10px;
					a{
						display:inline-block;
						color:$gray-dark;
						font-size:12px;
						font-weight:600;
						line-height:35px;
						padding:0 10px;
						letter-spacing: 1.5px;
						text-transform: uppercase;
						min-width:135px;
						border: 1px solid $gray-dark;
						@include transition(all 0.2s ease);
						text-align:center;
						position:relative;
						&:before{
							content: "\e906";
							font-family: 'icomoon';
							font-size: 0;
							color: $white;
							@include transition(all 0.1s ease);
							margin:0;
							font-weight: 400;
							display: inline-block;
							position:absolute;
							left:calc(50% - 7px);
							@include transition(all 0.2s ease);
						}
						&:hover{
							background:$theme-color;
							border-color: $theme-color;
							color: transparent;
							&:before{
								font-size:18px;
							}
						}
						label{
							margin:0;
						}
						&.loading {    
							@include transition(all 0.2s ease);
							font-size:0;
							&:before {
								position: absolute;
								display: inline-block;
								content: "";
								border:2px solid rgba($gray-dark,0.5);
								border-top-color:$gray-dark;
								@include square(18px);
								@include border-radius(50%);
								background: none;
								@include animation(2s linear 0s normal none infinite running spinAround);
								text-indent: 0;
								top:10px;
							}
							&:hover{
								&:before{
									border-color:rgba($white,0.5);
									border-top-color:$white;
								}
							}
						}
						&.added_to_cart, .product_type_variable{                        
							&:before{
								content:"\4e";
								font-family: 'ElegantIcons';
								text-indent: 0px
							}
							&:after{
								display: none;
							}
						} 
						&.product_type_variable{
							&:before{
								content: "\24";
								font-family: 'ElegantIcons';
							}
							&:hover{
								&:before{
									font-size:20px;
								}
							}
						}  
						&.read_more{
							&:before{
								content: "\24";
								font-family: 'ElegantIcons';
								text-indent: 0;
							}
							&:hover{
								&:before{
									font-size:20px;
								}
							}
						}
						&.added{
							display: none;
						}
					}
					@media(max-width: $screen-xs){
						a{
							font-size: 10px;
							padding: 0 5px;
							min-width: 130px; 
						}
					}
				}
				.description{
					font-size:12px;
					margin:-10px 0 5px;
					ul{
						padding:0;
						list-style:none;
						padding:0;
						li{
							flex:0 0 100%;
							max-width:100%;
							padding:3px 0;
							&:before{
								content:"\f04b";
								font-family: FontAwesome;
								display:inline-block;
								font-size: 8px;
								color: $theme-color;
								@include rtl-margin-right(7px);
								position:relative;
								top:-1px;
							}
						}
					}
				}
            }
			&.content-product2{
				text-align: center;
				.products-content{
					padding: 0;
					margin: 15px 0 0;
				}
				.rating{
					margin: 0 0 7px;
				}
			}
			&.content-product3{
				margin: 0;
				position: relative;
				.products-content{
					min-height: 90px;
				}
			}
			&.content-product4{
				@media(max-width: $screen-md-max){
					margin: 0 0 15px;
				}
				.products-content{
					margin-top: 0;
					padding: 20px 25px;
					background: $white;
					@media(max-width: $screen-sm-max){
						padding: 15px;
					}
				}
				.products-thumb{
					border: 0;
				}
				.price-cart{
					display: flex;
					justify-content: space-between;
				}
				.product_type_grouped,
				.add_to_cart_button,
				.product_type_external, .read_more,
				.added_to_cart, .product_type_variable{
					color: $gray-dark;
					font-size:0;
					position: relative;
					top: -10px;
					text-transform:uppercase;
					font-weight:700;
					display: inline-block;
					@include square(31px);
					line-height: 31px;
					text-align: center;
					@include border-radius(50%);
					border: 1px solid #e0e0e0;
					@include transition(all 0.3s ease);
					@include opacity-s();
					&:before{
						content: "\e906";
						font-family: 'icomoon';
						font-size: 11px;
						color: #989898;
						@include transition(all 0.1s ease);
						margin:0;
						font-weight:500;
						position: relative;
						top: -1px;
					}
					&.added{
						display: none;
					}
					&.loading {    
						@include transition(all 0.2s ease);               
						&:before {
							position: relative;
							display: inline-block;
							content: "";
							border:2px solid rgba($gray-dark,0.25);
							border-top-color:$gray-dark;
							@include square(15px);
							@include border-radius(50%);
							background: none;
							@include animation(2s linear 0s normal none infinite running spinAround);
							text-indent: 0;
							top: 6px;
						}
						&:hover{
							&:before{
								border-color:rgba($white,0.5);
								border-top-color:$white;
							}
						}
					}     
					&:hover{ 
						color:$theme-color;
						background: $theme-color;
						border-color: $theme-color;
						&:before{
							color: $white;
						}
					}
				} 
				.product_type_variable{
					&:before{
						content: "\24";
						font-family: 'ElegantIcons';
					}
				}  
				.read_more{
					&:before{
						content: "\24";
						font-family: 'ElegantIcons';
						text-indent: 0;
					}
				}
			}
			&.content-product5{
				margin: 0;
				position: relative;
				&:before{
					position: absolute;
				    height: 100%;
				    width: 1px;
				    background: #e1e1e1;
				    content: "";
				    @include rtl-right(-15px);
				}
				.products-content{
					min-height: 125px;
					@include rtl-padding-left(15px);
					@media(max-width: $screen-xs){
						@include rtl-padding-left(0);
					}
				}
				.products-thumb{
					border: 0;
				}
			}
			&.content-product6{
				text-align: center;
				.products-content{
					padding: 0;
					margin: 15px 0 0;
				}
				.rating{
					margin: 0 0 7px;
				}
				.btn-atc{
					a{
						width: 100%;
					}
				}
			}
			&.content-product7{
				text-align: center;
				border: 1px solid #e6e6e6;
				padding: 0 25px 25px;
				.products-content{
					padding: 0;
					margin: 15px 0 0;
				}
				.products-thumb{
					border: 0;
				}
				.rating{
					margin: 0 0 7px;
				}
				@media(max-width: $screen-md-max){
					padding: 15px;
				}
				@media(max-width: $screen-xs){
					.btn-atc{
						a{
							@include square(40px);
							line-height: 40px;
							min-width: 0;
							font-size: 0;
							&:before{
								font-size: 14px;
								color: $gray-dark;
							}
						}
					}
				}
			}
			&.content-product9{
				position: relative;
				border-top: 1px solid #e6e6e6;
				margin: 0;
				padding: 0 20px;
				.product-title{
					margin-bottom: 5px !important;
				}
				.products-thumb{
					border: 0;
				}
				.products-content{
					min-height: 90px;
				}
				@media(max-width: $screen-md-max){
					padding: 15px 15px 0;
				}
			}
			&.content-product10{
				.products-content{
					padding: 0;
					margin: 15px 0 0;
				}
				.rating{
					margin: 0 0 7px;
				}
				.btn-atc{
					a{
						width: 100%;
					}
				}
			}
        }
    }
    &.list{
		overflow:hidden;
        .product-wapper{
            margin-bottom: 30px;
			position:relative;
			@include transition(all .3s ease 0s);
			&:before{
				position:absolute;
				height:100%;
				width:1px;
				background:$border-color;
				content:"";
				@include rtl-right(-15px);
			}
            &:hover{
                .products-thumb .hover-image{ @include opacity-s(); }
                .products-thumb .product-thumb-hover:before{background: #5d5d5d;opacity: 0.2;}
                .products-thumb{
                    .product-quickview{
                        @include opacity-s(); @include scale(1);
                    }
                }
				.countdown{
					@include transform(rotate3d(1,0,0,-90deg));
					@include opacity-h();
				}
            }
			>.row{
				margin:0 -6px;
				>div{
					padding:0 6px;
				}
			}
			.countdown{
				position:absolute;
				bottom:20px;
				left:0;
				padding: 0 10px;
				width:100%;
				@include transition(all 0.3s ease);
				@media (max-width:$screen-xs-max){
					display:none;
				}
				.item-countdown{
					text-align:center;
					padding: 10px 0;
					background: $white;
					border: 2px solid $theme-color;
				}
				.countdown-content{
					color:$theme-color;
					font-size: 16px;
					font-weight: 400;
					font-family: $font-family-second;
					>*{
						&:before{
							content:":";
							display:inline-block;
							margin:0 5px;
						}
						&:first-child{
							&:before{
								display:none;
							}
						}
					}
					.countdown-amount{
						display: inline-block;
						color:$theme-color;
						position:relative;
					}
					.countdown-text{
						display: inline-block;
					}
				}
			}
            .products-thumb{
				position: relative;
				@media(max-width:$screen-xs-max){
					margin-bottom:20px;
				}
                .product-thumb-hover{
                    position: relative;
                    display: block;
                    overflow: hidden;
                    &:before{
                        content: "";
                        position: absolute;
                        @include size(100%, 100%);
                        top: 0;
                        @include rtl-left(0);
                        opacity: 0;
                        @include transition(all 0.5s ease);
                        z-index: 9;
                    }
                    &:hover{
                        .hover-image{
                            @include translate(0px,0px);
                        }
                        .wp-post-image{
                            @include translate(100%, 0px);
                        }
                    }                   
                }
                .wp-post-image{ 
                    @include transition(all 0.3s );  
                }
                .hover-image{
                    top: 0;
                    position: absolute;
                    overflow: hidden;
                    @include rtl-left(0);
                    @include opacity(1);
                    @include translate(-100%, 0px);
                    @include transition(all 0.3s);
                }
				.product-quickview{
					position:absolute;
					top:calc(50% - 17px);
					left:calc(50% - 17px);
					@include square(34px);
					background:$white;
					text-align:center;
					line-height:38px;
					z-index:9999;
					@include transition(all 0.3s );  
					 @include opacity-h();
					 @include scale(0);
					a{
						font-size:0;
						@include square(34px);
						display:inline-block;
						i{
							font-size:15px;
							color:$gray-dark;
						}
					}
					&:hover{
						background:$theme-color;
						a{
							i{
								color:$white;
							}
						}
					}
					.loading {
						i{
							display: none;
						}
						&:before {
							position: relative;
							display: inline-block;
							content: "";
							border:2px solid rgba($gray-dark,0.25);
							border-top-color:$gray-dark;
							@include square(16px);
							@include border-radius(50%);
							background: none;
							@include animation(2s linear 0s normal none infinite running spinAround);
							text-indent: 0;
							top:2px;
						}
						&:hover{
							&:before{
								border-color:rgba($white,0.5);
								border-top-color:$white;
							}
						}
					}  
				}
            }
            .products-content{
				position:relative;
				.cat-products{
					font-size:12px;
					margin-bottom:5px;
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
				}
                h3.product-title{ 
                    font-size: 14px; 
                    margin-top: 0;
					display:block;
					margin-bottom:7px;
					font-weight:500;
					font-family:$font-family-base;
                }
                .brands-single{
					display: flex;
					align-items: baseline;
					margin: 0 0 3px;
				}
				.title-brand{
					margin: 0;
					font-size: 12px;
					color: $text-color;
					@include rtl-margin-right(5px);
				}
				.product-brand{
					list-style: none;
					padding: 0;
				}
				.item-brand{
					padding: 0;
					a{
						font-size: 12px;
						color: $theme-color;
						text-transform: uppercase;
						font-weight: 600;
					}
				}
                .price {
                    line-height: 100%;
                    display: inline-block;
                    del{line-height: 100%;}
                } 
                .rating{
                    .review-count{
                        display: inline-block;
						position: relative;
						top: -3px;
						font-size:10px;
						@media (max-width:$screen-xs-max){
							display:none;
						}
                    }
                }
				.description{
					font-size:12px;
					margin: 5px 0;
					ul{
						padding:0;
						list-style:none;
						padding:0;
						li{
							flex:0 0 100%;
							max-width:100%;
							padding:3px 0;
							&:before{
								content:"\f04b";
								font-family: FontAwesome;
								display:inline-block;
								font-size: 8px;
								color: $theme-color;
								@include rtl-margin-right(5px);
								position:relative;
								top:-1px;
							}
						}
					}
				}
                .product-button{
					display:flex;
					margin-top:10px;
					.woosc-btn{
						position:relative;
						font-size:0;
						@include square(32px);
						position:relative;
						border:1px solid $border-color;
						display:inline-block;
						text-align:center;
						background:transparent;
						&:before{
							content: "\e909";
							font-family:icomoon;
							font-size: 13px;
							line-height:30px;
							color: $gray-dark;
							display:inline-block;
						}
						&:hover{
							background:$theme-color;
							border-color:$theme-color;
							&:before{
								color:$white;
							}
						}
					}
					.woosw-btn{                     
						font-size: 0;
						background: $white;
						text-align: center;
						position: relative;
						white-space: nowrap;
						margin-top: 0;
						color: $white; 
						@include square(32px);
						line-height: 30px;
						display: inline-block;
						border:1px solid $border-color;
						cursor:pointer;
						@include rtl-margin-right(10px);
						&:before{
							content: "\e905";
							font-family: icomoon;
							font-size: 13px;
							line-height: 30px;
							color: $gray-dark;
							@include transition(all 0.1s ease);
						}
						&.woosw-adding{
							&:before {
								position: relative;
								display: inline-block;
								content: "";
								border:2px solid rgba($gray-dark,0.25);
								border-top-color:$gray-dark;
								@include square(16px);
								@include border-radius(50%);
								background: none;
								@include animation(2s linear 0s normal none infinite running spinAround);
								text-indent: 0;
								top:6px;
								left: 1px;
							}
							&:hover{
								&:before{
									border-color:rgba($white,0.5);
									border-top-color:$white;
								}
							}
						}
						&.woosw-added{
							&:before{
								content: "\e905";
								font-family: icomoon;
								font-size: 13px;
								line-height: 32px;
								margin:0;
								color: $theme-color;
								@include transition(all 0.1s ease);
								position: relative;
							}
						}
						&:hover{ 
							background:$theme-color;
							border-color:$theme-color;
							&:before{
								color: $white;
							}
						}
					}
                }
				.product_type_grouped,
				.add_to_cart_button,
				.product_type_external, .read_more,
				.added_to_cart, .product_type_variable{                        
					display: inline-block;
					text-align: center;
					color: $white;
					height: 32px;
					position: relative;
					clear:both;
					padding:0 20px;
					background:$theme-color;
					@include rtl-margin-right(10px);
					@include rtl-float-left();
					overflow:hidden;
					line-height:32px;
					text-transform:uppercase;
					font-size:12px;
					font-weight:500;
					flex:1;
					&:hover{
						background:darken($theme-color,10%);
						color: $white;
					}
					&.added{
						display: none;
					}
					&.loading {    
						@include transition(all 0.2s ease);
						color:transparent;
						&:before {
							position: absolute;
							display: inline-block;
							content: "";
							border:2px solid rgba($white,0.5);
							border-top-color:$white;
							@include square(16px);
							@include border-radius(50%);
							background: none;
							@include animation(2s linear 0s normal none infinite running spinAround);
							text-indent: 0;
							top:0;
						}
						&:hover{
							&:before{
								border-color:rgba($white,0.5);
								border-top-color:$white;
							}
						}
					} 
					label{
						margin:0;
						cursor:pointer;
					}
				}
				.added_to_cart, .product_type_variable{                        
					&:after{
						display: none;
					}
				} 
            }
        }   
    }
}   

.products_loadmore, .blog_loadmore{
    text-align: center;
    .btn.loadmore{
        color: $gray-dark;
		overflow:hidden;
		padding:0 38px;
		border:1px solid $gray-dark;
		height:32px;
		line-height:32px;
		background:transparent;
		@include border-radius(0);
		margin-top:45px;
        i{
			position:absolute;
			top:calc(50% - 7px);
			left:calc(50% - 6px);
			@include opacity-h();
        }
		span{
			border:0;
			border-radius: 0;
			width: auto;
			height: auto;
			animation: none;
			position: unset;
			text-transform:uppercase;
			font-size:11px;
			font-weight:500;
		}
        &.loading{
			&:before{
				display:none;
			}
            i{
                animation: 2s linear 0s normal none infinite running spinAround;
				@include opacity-s();
            }
			span{
				@include opacity-h();
			}
        }
		&:before{
			display:none;
		}
		&:hover{
			background:$gray-dark;
		}
    }
}

@keyframes spinAround {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* WishList ---------------------------------------------*/
//colors

/* Woocommerce page ---------------------------------------------*/
.checkout{
    .form-row{
		margin-bottom : 30px;
		margin-left:0px;
		margin-right : 0px;
        label{
            color: $gray-dark;
			@include rtl-float-left();
			margin-bottom : 10px;
        }
		.woocommerce-input-wrapper{
			width: 100%;
			@include rtl-float-left();
			.input-text {
				width: 100%;
				border-width: 0 0 2px;
				border-color: $border-color;
				padding: 0;
				height : 40px;
				line-height: 40px;
				color: $gray-dark;
			}
			textarea{
				height : auto !important;
			}
		}
        .selection .select2-selection--single{
			height: 40px;
			line-height: 40px;
			border-width: 0 0 2px 0;
			border-color: $border-color;
			border-radius: 0;
            span{
                line-height: 40px;
                padding: 0;
                height: 40px;
            }
        }
    }
	#place_order{
		color:$white;
		background:$gray-dark;
		font-size:14px;
		text-transform:uppercase;
		padding:0 50px;
		line-height:70px;
		cursor:pointer;
		border : 0;
		width:100%;
		font-weight:600;
		&:hover{
			background:$theme-color;
		}
	}
	.woocommerce-checkout-payment{
		.place-order{
			padding:0;
		}
		.payment_methods {
			padding: 20px;
			margin-bottom: 30px;
			list-style: none;
			border:1px solid #d9d9d9;
			li {
				padding: 17px 0 0;
				margin-bottom:0;
				.payment_box{
					padding-bottom:17px;
				}
				&:first-child {
					padding-top: 0;
				}
				&:last-child {
					border-bottom: 0;
				}
				& > label {
					float:unset;
					margin:0;
					@include rtl-padding-left(18px);
					position:relative;
					margin-bottom:15px;
					cursor:pointer;
					color:$gray-dark;
					&:before{
						position:absolute;
						@include rtl-left(0);
						top:calc(50% - 6px);
						@include square(12px);
						border:1px solid $text-color;
						content:"";
						@include border-radius(50%);
					}
				}
				.input-radio:checked + label {
					color: $gray-dark;
					&:before {
						background:$gray-dark;
						border-color:$gray-dark;
					}
				}
			}
			img {
				height: 1.5625em;
				vertical-align: middle;
				margin: 0 16px;
			}
			.woocommerce-notice {
				padding:35px 20px 20px !important;
				min-height: auto;
				
			}
			.about_paypal {
				float: right;
				border-bottom: 1px solid;
			}
			input {
				&.input-radio {
					display: none;
				}
			}
			.payment_box {
				line-height:1.5;
				p {
					&:last-child {
						margin-bottom: 0;
					}
				}
			}
		}
	}
	.woocommerce-shipping-methods{
		.shipping_method{
			display:none;
		}
		label{
			margin:0;
			@include rtl-margin-left(5px);
			font-weight:400;
			margin-bottom:0;
			position:relative;
			@include rtl-padding-left(18px);
			cursor:pointer;
			&:before{
				position:absolute;
				@include rtl-left(0);
				top:calc(50% - 6px);
				@include square(12px);
				border:1px solid $text-color;
				content:"";
				@include border-radius(50%);
			}
		}
		.shipping_method:checked +label{
			&:before{
				background:$gray-dark;
				border-color:$gray-dark;
			}
		}
	}
    .radio label,
    .checkbox label{
        margin-left: 0;
        padding-left: 0;
        .input-checkbox{
            position: static;
            margin: 0;
        }
    }
    .woocommerce-form-login{
        .woocommerce-form__label{
            margin-top: 10px;
            width: 100%;
            display: block;
            span{
                @include rtl-margin-left(25px);
            }
            input[type="checkbox"]{
                position: absolute;
                margin-top: 5px;
            }
        }
        .form-row{
            clear: both;
            &.form-row-first, &.form-row-last{
                clear: none;
            }
        }
    }
    h3{
        margin-top: 0;
        font-size: 24px;
		margin-bottom:30px;
		font-family:$font-family-base;
    }
    ul.payment_methods{
        li{
            width: 100%;
            clear: both;
            label{
                padding-left: 10px;
                @include rtl-float-left();
				margin-top:-8px;
                .input-radio{
                    left: 0;
                    margin:6px 0 0 0;
                }
            }
            >input{
                @include rtl-float-left();
            }
            .payment_box{
                width: 100%;
                clear: both;
            }
            &.payment_method_paypal{
                >label{
                    img{
                        margin: 0 10px;
                    }
                }
            }
        }
    }
    .place-order{
        clear: both;
    }
    #payment_method_paypal{
        margin-top : 47px;
    }
    #payment_method_cheque{
         @include rtl-float-left();
    }
	.woocommerce-checkout-review-order{
		.checkout-review-order-table-wrapper{
			padding : 30px 40px;
			border:1px solid $gray-dark;
			@media (max-width:$screen-xs){
				padding : 30px 20px;
			}
		}
		.title-product-name{
			font-size:18px;
			color:$gray-dark;
			margin-bottom:20px;
			text-transform:uppercase;
			font-weight:500;
		}
		.cart_item{
			display:flex;
			margin-bottom:15px;
			justify-content:space-between;
			&:last-child{
				margin-bottom:0;
			}
		}
		.product-total{
			color:$gray-dark;
		}
		.info-product{
			display:flex;
			.product-thumble{
				max-width:55px;
				img{
					border:1px solid #e8e8e8;
				}
			}
			.product-name{
				@include rtl-padding-left(30px);
				color:$gray-dark;
				text-transform:uppercase;
				word-break: break-word;
				font-size:12px;
				.product-quantity{
					display:block;
					font-weight:700;
				}
			}
		}
		h2{
			margin:0;
			font-size:14px;
		}
		.cart-subtotal{
			margin-top:30px;
		}
		.cart-subtotal,.order-total{
			display:flex;
			justify-content:space-between;
			align-items:center;
			border-top:1px solid #dedede;
			padding:27px 0;
			.subtotal-price{
				color:$gray-dark;
			}
		}
		.woocommerce-shipping-totals{
			display:flex;
			align-items:center;
			justify-content:space-between;
			border-top:1px solid #dedede;
			padding:27px 0;
		}
		.total-price{
			font-size:20px;
			color:$gray-dark;
		}
		.woocommerce-shipping-methods{
			@include rtl-text-align-right();
			li{
				margin:5px 0;
			}
		}
	}
    #ship-to-different-address{
        display : block;
        margin : 10px 0px 20px;
		font-size:14px;
		@media (max-width:$screen-xs-max){
			@include rtl-margin-left(0);
		}
		label{
			font-weight:400;
			&.woocommerce-form__label-for-checkbox{
				cursor:pointer;
				span{
					position:relative;
					@include rtl-padding-left(18px);
					&:before{
						position:absolute;
						@include rtl-left(0);
						top:calc(50% - 6px);
						@include square(12px);
						border:1px solid $text-color;
						@include border-radius(50%);
						content:"";
					}
				}
				.woocommerce-form__input:checked +span{
					&:before{
						background:$theme-color;
						border-color:$theme-color;
					}
				}
			}
		}
        #ship-to-different-address-checkbox{
			display:none;
        }
    }
    .create-account .woocommerce-form__label{
        span{
            @include rtl-margin-left(10px);
        }
        input[type="checkbox"]{
            @include rtl-margin-left(0);
            margin-top: 5px;
        }
    }
    .woocommerce-checkout{
        clear: both;
    }
    .checkout_coupon{
        >.form-row{
            margin-bottom: 30px;
        }
        input[name="apply_coupon"]{
            padding : 9px 10px;
        }       
    }
}

.woocommerce-order-received,.woocommerce-view-order{
    font-size: 14px;
    .woocommerce .woocommerce-thankyou-order-received{
        background: transparent;
        border: 2px dashed $theme-color;
        font-weight: 700;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 1.4;
        padding: 15px 25px;
        color: $theme-color;
    }
    .woocommerce-thankyou-order-details{
        list-style-type: none;
        padding: 0;
        margin-bottom: 50px;
        @media (min-width: $screen-sm-max){
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            li{
                @include rtl-border-right(1px solid $border-color);
                border-bottom: none !important;
                padding-bottom: 0px !important;
                &:last-child{
                    @include rtl-border-right(none);
                }
            }
        }
        li{
            flex-grow: 1;
            padding-left: 20px;
            padding-right: 20px;
            margin-bottom: 20px;
            text-align: center;
            border-bottom: 1px solid $border-color;
            padding-bottom: 20px;
        }
    }
    .woocommerce-order-details{
        .woocommerce-order-details__title{
            font-size: 20px;
        }
		.dokan-info{
			background:$theme-color;
			color:$white;
			border-top-color:$gray-dark;
			&:before{
				background:$gray-dark;
			}
		}
		header >h2{
			font-size:20px;
		}
		@media (max-width:730px){
			.shop_table.my_account_orders{
				display:block;
				overflow:auto;
				th,td{
					padding:15px;
					min-width:150px;
				}
			}
		}
    }
    .woocommerce-customer-details{
        .woocommerce-column.col-1{
            margin-top: 40px;
        }
		.woocommerce-columns{
			margin: 0 -15px;
			display:flex;
			flex-wrap:wrap;
			width:100%;
			.woocommerce-column{
				margin-top: 40px;
			   flex: 0 0 50%;
				max-width: 50%;
				padding: 0 15px;
			}
			@media (max-width:$screen-xs-max){
				margin: 0;
				.woocommerce-column{
					flex: 0 0 100%;
					max-width: 100%;
					padding:0;
				}
			}
		}
        address{
            padding: 25px 30px 30px 30px;
            border: 2px dashed $border-color;
        }
        .woocommerce-column__title{
            font-size: 20px;
        }
    }
}

/* Category */
.term-description {
    margin-bottom: 30px;
}

/* Product Detail ---------------------------------------------*/
.main-single-product{
	margin-top:50px;
	>.col-xl-12{
		padding:0;
	}
	.sticky-product{
		position:fixed;
		width:100%;
		bottom:0;
		background:$white;
		z-index:9;
		padding:15px 0;
		@include box-shadow(3px 3px 57px 0px rgba(0, 0, 0, 0.05));
		-webkit-animation-name: sticky-product;
		animation-name: sticky-product;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		display:none;
		left:0;
		@media (max-width:$screen-sm-max){
			display:none !important;
		}
		&.sticky{
			display:block;
		}
		.stock{
			display:none;
		}
		.content{
			max-width:1440px;
			padding:0 15px;
			margin-left:auto;
			margin-right:auto;
			display:flex;
			justify-content:space-between;
			align-items:center;
		}
		.content-product{
			display:flex;
			align-items:center;
		}
		.item-title{
			font-size:14px;
			margin-top:-5px;
		}
		.price{
			color:$gray-dark;
			font-size:14px;
			margin-bottom:0;
			font-weight:500;
			del{
				font-size:12px;
			}
		}
		.content-bottom{
			@include rtl-padding-left(15px);
		}
		.item-thumb{
			img{
				max-width:66px;
			}
		}
		.select-cart-option{
			font-size: 13px;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 36px;
			cursor: pointer;
			color: $gray-dark;
			border: 1px solid $gray-dark;
			padding: 0 20px;
			&:after{
				font-family: eleganticons;
				content: "\24";
				display: inline-block;
				font-size:18px;
				position: relative;
				line-height: 1;
				top: 4px;
				margin-left: 5px;
				@include transition(all 0.3s ease);
			}
			&:hover{
				background: $theme-color;
				color: $white;
				border-color: $theme-color;
				&:after{
					@include transform(rotate(-90deg));
					top:2px;
				}
			}
		}
		.quantity{
			margin: 0;
			height : 48px;
			display: inline-block;
			@include rtl-margin(20px ,25px ,0 ,0);
			position:relative;
			input[type=number]::-webkit-inner-spin-button,
			input[type=number]::-webkit-outer-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
			input{
				width:75px;
				border:0;
				border-bottom:2px solid #cbcbcb;
				height:auto;
				text-align:center;
				padding:0 15px;
				font-size:18px;
				font-weight:500;
			}
			button{
				display:none;
			}
		}
		.button.quick-buy{
			display:inline-block;
			@include transition(none);
			font-weight: 500;
			font-size:15px;
			line-height: 45px;
			position: relative;
			background:$theme-color;
			color:$white;
			text-align:center;
			@include rtl-margin-right(20px);
			padding:0 15px;
			border:0;
			cursor:pointer;
			display: inline-block;
			vertical-align: top;
			@include border-radius(25px)
			margin:5px 0 ;
			min-width:214px;
			white-space: nowrap;
			@include rtl-margin-left(10px);
			&:hover{
				background:darken($theme-color,10%);
				color: $white;
			}
			&.disabled{
				background:rgba($theme-color,0.5);
				cursor: not-allowed;
			}
			@media (max-width:$screen-md-max){
				line-height:35px;
				min-width:150px;
			}
		}
		.single_add_to_cart_button.button{
			@include transition(none);
			text-transform: uppercase;
			font-weight: 500;
			font-size:12px;
			line-height: 42px;
			position: relative;
			background:transparent;
			border:2px solid $gray-dark;
			color:$gray-dark;
			text-align:center;
			padding:0 60px;
			cursor:pointer;
			display: inline-block;
			vertical-align: top;
			flex:1;
			margin:0;
			white-space: nowrap;
			font-weight:600;
			@include border-radius(25px);
			@media(max-width:$screen-xs-max){
				@include rtl-margin-right(0);
				padding:0 15px;
			}
			@media(max-width:$screen-xs){
				font-size:12px;
			}
			&.disabled{
				opacity:0.5;
				cursor: not-allowed;
			}
			&:before{
				content:"\e013";
				font-family: ElegantIcons;
				font-size:17px;
				display:none;
			}
			&:hover{
				background:$theme-color;
				color: $white;
				border-color:$theme-color;
			}
			@media (max-width:$screen-md-max){
				padding:0 30px;
				line-height:31px;
			}
		}
		.quantity-button{
			display:flex;
			align-items:center;
		}
		.variations_form{
			display:flex;
			align-items:center;
			.variations_button{
				display:flex;
				align-items:center;
			}
			.single_variation_wrap{
				display:flex;
				flex:1;
				align-items:center;
				.woocommerce-variation{
					@include rtl-margin(0 ,40px ,0 ,0);
				}
			}
			table{
                border: none;
				position:relative;
				margin:0;
				width:100%;
				tbody{
					display:flex;
					align-items:center;
				}
                tr{
                    margin: 0;
					display:flex;
					flex-wrap:wrap;
                    td{
                        border: none;
                        padding: 0;
                        margin-bottom: 20px !important;
						margin:0 12px;
						@include rtl-text-align-left();
                        &.value .tawcvs-swatches{
                            padding:0;
							.swatch{
								@include square(auto);
								line-height:20px;
								padding:7px;
								min-width:36px;
								display:inline-block;
								@include border-radius(0);
								background:transparent;
								border:1px solid #cccccc;
								color:$gray-dark;
								font-weight:500;
								@include rtl-margin-right(10px);
								margin-bottom:0;
								font-size:12px;
								@include border-radius(50%);
								&:hover,&.selected{
									border:1px solid $gray-dark;
								}
								&.disabled{
									cursor:not-allowed;
								}
								&.swatch-image{
									display:inline-flex;
									align-items:center;
									@include square(40px);
									border:1px solid #d2d2d2;
									@include border-radius(4px);
									position:relative;
									@include rtl-margin(0 ,10px ,0 ,0);
									background-position: center;
									background-repeat: no-repeat;
									padding:0;
									font-size:0;
									.swatch__tooltip{
										display:block;
									}
									&.selected{
										border-color:$theme-color;
									}
								}
								@media (max-width:$screen-xs){
									padding: 6.5px 10px;
									min-width: 35px;
								}
							}
                        }
						&.label{
							display:none;
						}
						&.value{
							margin-bottom: 0 !important;
							display: block;
							width: 100%;
						}
                        label{
                            font-size: 14px;
							text-transform:uppercase;
							color:$gray-dark;
                            margin-bottom: 0;
                            @include rtl-margin-right(15px);
							line-height:40px;
							letter-spacing:1.5px;
                        }
						.swatch__tooltip{
							display:none;
							font-size:10px;
							line-height:18px;
							padding:0 5px;
							top:5px;
							&:after{
								z-index:-1;
								bottom:-2px;
							}
						}
                        > div{
                            .swatch-color{
                                opacity: 1;
                                @include square(16px !important);
                                @include border-radius(50% !important);
								border:0;
                                @include box-shadow(none);
								position:relative;
								text-indent: 100%;
								@include rtl-margin-right(15px !important);
								font-size:0 !important;
								padding:0 !important;
								min-width:unset !important;
								border:0 !important;
								&:last-child{
									@include rtl-margin-right(0 !important);
								}
								&:before{
									content:"";
									position:absolute;
									top:calc(50% - 12px);
									left:calc(50% - 12px);
									@include square(24px);
									@include border-radius(50%);
									border:1px solid #cccccc;
									@include transform(unset);
									margin:0;
									@include opacity-h();
								}
								.swatch__tooltip{
									font-size:10px;
									display:inline-block;
									font-family:$font-family-base;
								}
                                &.selected,&:hover{
									border:0 !important;
									&:before{
										@include opacity-s();
									}
                                }
								@media (max-width:$screen-xs){
									@include rtl-margin-right(15px !important);
									.swatch__tooltip{
										display:none !important;
									}
								}
                            }
                        }
                        select{
                            @include rtl-padding(0, 40px, 0, 10px);
							height:40px;
							line-height:40px;
							color:$text-color;
                            background-position: calc(100% - 18px) calc(1em + 3px), calc(100% - 13px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
							cursor:pointer;
							border-color:#cccccc;
							margin-bottom:15px;
                            &:focus{
                              background-position:calc(100% - 14px) calc(1em + 3px), calc(100% - 20px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
                            }
                        }
                    }
               }
               .reset_variations{
                    display:none !important;
               }
			}
		}
		.group_table{
			display:flex;
			>div{
				@include rtl-margin-right(20px);
				text-align:center;
			}
			.quantity{
				margin:0 0 -15px;
			}
			.product-title{
				font-size:12px;
				margin:0;
				font-weight:500;
			}
			.product-price{
				font-size:14px;
				color:$gray-dark;
			}
			.product-thumb{
				display:none;
			}
			.product-info{
				padding-bottom:5px;
			}
		}
		form.cart{
			display:flex;
			align-items:center;
		}
	}
	&.box{
		background:#f4f4f4;
		margin-top:-50px;
		padding-top:50px;
		margin-bottom:-60px;
		padding-bottom:50px;
		.bwp-single-product{
			background:$white;
			padding-top:30px;
			padding-bottom:20px;
			margin-bottom:30px;
		}
		.woocommerce-tabs{
			border:0;
			padding:0;
			.content-ul-tab{
				border:0;
				margin-bottom:0;
				ul.tabs{
					background:$white;
					border-bottom:1px solid $border-color;
					padding-top:20px;
				}
			}
			.content-tab{
				background:$white;
				padding-top:30px;
			}
		}
		.related, .cross_sell, .upsells{
			background:$white;
			padding-top:30px;
			padding-bottom:50px;
			margin-top:30px;
		}
	}
	&.sidebar{
		.bwp-single-product{
			padding-left:0;
			padding-right:0;
		}
		.woocommerce-tabs{
			border-bottom:0;
			ul.tabs{
				padding-left:0;
				padding-right:0;	
			}
			.content-woocommerce-tabs .content-tab{
				padding-left:0;
				padding-right:0;
			}
			#tab-reviews #reviews{
				.average-rating{
					width: 100%;
					flex: 0 0 100%;
					margin-bottom:50px;
				}
				#review_form.have-rating{
					width: 100%;
					flex: 0 0 100%;
				}
			}
		}
		.bwp-single-product .bwp-single-info{
			padding-left:15px;
		}
		.product-type-variable .variations_form.cart {
			.single_variation_wrap .woocommerce-variation-add-to-cart{
				width:100%;
				.single_add_to_cart_button.button{
					flex:1;
					@include rtl-margin-right(0);
				}
			}
			.quick_buy_container{
				width:100%;
				display:block;
				.quick_buy_button{
					width:100%;
				}
			}
		}
		.product-type-simple .bwp-single-info .entry-summary > .cart{
			.quantity-button{
				width:100%;
				.single_add_to_cart_button.button{
					flex:1;
					@include rtl-margin-right(0);
				}
			}
			.quick_buy_container{
				width:100%;
				display:block;
				.quick_buy_button{
					width:100%;
				}
			}
		}
		.content-single-bottom{
			border-top:1px solid $border-color;
			margin-top:60px;
		}
		@media (max-width: 1510px) and (min-width: 1200px){
			.woocommerce-tabs{
				.content-woocommerce-tabs .content-ul-tab ul.tabs{
					padding-left:0;
					padding-right:0;	
				}
			}
		}
	}
}
.contents-detail{
    .bwp-single-product{
		max-width:1440px;
		padding-left:15px;
		padding-right:15px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:80px;
        .slick-vertical .slick-slide{
            border: none;
        }
		.woocommerce-product-rating{
			a{
				color:$text-color;
				display:inline-block;
				vertical-align:top;
			}
		}
		.onsale,.hot{
			line-height:30px;
			padding:0 12px;
			font-size:15px;
			top:15px;
			&:before{
				display:none;
			}
		}
		.img-thumbnail:not(.slick-slide){
			border:0;
			@include border-radius(0);
			padding:0;
		}
		@media(min-width:$screen-xs-max){
			.images.vertical{
				.woocommerce-product-gallery{
					>.row{
						display:inline-block;
						>div{
							@include rtl-float-left();
						}
					}
				}
			}
		}
		.bwp-single-info{
			margin-bottom:-9px;
			@include rtl-padding-left(80px);
			@media (max-width:1600px){
				@include rtl-padding-left(50px);
			}
			@media (max-width:$screen-md-max){
				@include rtl-padding-left(15px);
			}
			@media (max-width:$screen-sm-max){
				margin-top:30px;
			}
			.image-thumbnail-list{
				.slick-arrow{
					top: calc(50% - 5px);
					@media (max-width:$screen-sm-max){
						@include opacity-s();
					}
					&.fa-angle-left{
						@include rtl-left(-12.5px);
					}
					&.fa-angle-right{
						@include rtl-right(-12.5px);
					}
				}
				&:hover{
					.slick-arrow{
						@include opacity-s();
						@include square(30px);
						line-height:30px;
					}
				}
			}
		}
		.vapier-bt-video{
			position:absolute;
			@include rtl-left(16px);
			bottom:18px;
			z-index:9999;
			.bwp-video{
				line-height:55px;
				@include square(55px);
				border:1px solid $gray-dark;
				@include border-radius(50%);
				display:inline-block;
				text-align:center;
				text-indent: 3px;
				color:$gray-dark;
				cursor:pointer;
				h2{
					display:none;
				}
				&:before{
					display:inline-block;
					content: "\e90d";
					font-family:wpbingofont;
					font-size:16px;
					line-height:1;
				}
				&:hover{
					color:$theme-color;
					border-color:$theme-color;
				}
			}
			.content-video{
				position:fixed;
				width:100%;
				height:100%;
				top:0;
				left:0;
				display:none;
				z-index:10000;
				background:rgba($gray-dark,0.5);
				.remove-show-modal{
					position:fixed;
					top:0;
					left:0;
					width:100%;
					height:100%;
					display:none;
				}
				&.show{
					.remove-show-modal,.modal-dialog{
						display:block;
					}
				}
				.modal-dialog{
					position:absolute;
					top:50%;
					left:50%;
					@include transform(translate(-50%,-50%));
					display:none;
					iframe{
						min-height:60vh;
						@media (max-width:$screen-sm-max){
							max-width:70vw;
						}
					}
				}
			}
		}
        &.zoom{
			.col-sm-12{
				position:relative;
			}
			.img-thumbnail-video{
				height:100%;
				img{
					border:1px solid rgba($light-gray,0.25);
					height:100%;
					object-fit: cover;
					max-height:154px;
				}
				&.active{
					img{
						border-color:$theme-color;
					}
				}
			}
			.view-gallery{
				position:absolute;
				top:15px;
				@include rtl-right(15px);
				z-index:1000;
				@include square(40px);
				@include border-radius(50%);
				line-height:42px;
				text-align:center;
				border:1px solid $border-color;
				cursor:pointer;
				font-size:16px;
				color:$gray-dark;
				&:hover{
					background:$theme-color;
					color:$white;
					border-color:$theme-color;
				}
			}
            .image-additional{
                vertical-align: top;
				display: inline-block;
                position: relative;
				border:0;
				overflow:hidden;
				@include opacity-h();
				border:1px solid $border-color;
				img{
					@include border-radius(6px);
				}
				&.active{
					@include opacity-s();
				}
            }
			.video-additional{
				display:none;
				position:absolute;
				top:0;
				left:15px;
				width:calc(100% - 30px);
				height:100%;
				@include border-radius(6px);
				overflow:hidden;
				z-index:1000;
				iframe{
					width:100% !important;
					height:100% !important;
				}
				&.active{
					 display: block;
				}
			}
        }
        &.scroll{
			.slick-arrow{
				border:none;
				@include square(30px);
				line-height:30px;
				&:hover{
					background:$theme-color;
					color:$white;
				}
				&:after{
					display: none;
				}
				&.fa-angle-right{
					bottom: -35px;
					top: auto;
				}
			}
			&:hover{
				.slick-arrow{
					opacity: 1;
					&.fa-angle-left{
						top: -30px;
					}
					&.fa-angle-right{
						bottom: -30px;
					}
				}
			}
			div.col-sm-12 {
				.scroll-image{
					.slick-arrow{
						&.fa-angle-left{
							@include rtl-left(20px !important);
						}
						&.fa-angle-right{
							@include rtl-right(20px !important);
						}
					}
				}
			}
			.slick-track,.slick-list{
				display:flex;
			}
			.img-thumbnail{
				float:unset;
				display:inline-flex;
				&.slick-current{
					.img-thumbnail-scroll{
						border-color:$theme-color;
					}
				}
			}
			.video-additional{
				float:unset;
				height:100%;
				display:inline-flex;
				iframe{
					width:100% !important;
					height:100% !important;
					@include border-radius(6px);
					overflow:hidden;
				}
			}
        }
		&.special{
			.bwp-single-image{
				.images{
					img{
						@include border-radius(6px);
						border:1px solid $border-color;
					}
				}
			}
			.content-special{
				display:flex;
				margin:0 -7.5px;
				>div{
					padding:0 7.5px;
					width:25%;
					flex:0 0 25%;
					min-height:165px;
				}
			}
			.special-btn-360{
				>.vapier-360-button{
					@include border-radius(6px);
					border:1px solid #dbdbdb;
					@include square(100%);
					display:flex;
					align-items:center;
					justify-content:center;
					flex-wrap:wrap;
					padding-top: 20px;
					position:unset;
					text-align:center;
					h2{
						margin:8px 0 0;
						width:100%;
						text-align:center;
						font-size:14px;
						font-weight:600;
						display:block;
						margin:-54px 0 0;
					}
					i{
						font-size:45px;
					}
					&:hover{
						border-color:$theme-color;
						color:$theme-color;
						h2{
							color:$theme-color;
						}
					}
				}
			}
			.special-shipping{
				.vapier-product-shipping {
					height:100%;
					>.vapier-bt-shipping{
						@include border-radius(6px);
						border:1px solid #dbdbdb;
						@include square(100%);
						display:flex;
						align-items:center;
						justify-content:center;
						flex-wrap:wrap;
						padding-top: 20px;
						position:unset;
						cursor:pointer;
						color:$gray-dark;
						text-align:center;
						h2{
							margin:8px 0 0;
							width:100%;
							text-align:center;
							font-size:14px;
							font-weight:600;
							display:block;
							margin:-54px 0 0;
						}
						i{
							font-size:45px;
						}
						&:hover{
							border-color:$theme-color;
							color:$theme-color;
							h2{
								color:$theme-color;
							}
						}
					}
				}
				.content-product-shipping{
					display:none;
					position:fixed;
					align-items:center;
					justify-content:center;
					background:rgba($gray-dark,0.75);
					top:0;
					left:0;
					@include square(100%);
					z-index:9999;
					.content-shipping{
						max-width:700px;
						background:$white;
						width:100%;
						padding:50px;
						position:relative;
						strong,label,b,th,dt{
							color:$gray-dark;
						}
					}
					h1,h2,h3,h4,h5,h6{
						margin:0 0 30px;
					}
					&.active{
						display:flex;
					}
					.vapier-bt-shipping{
						cursor: pointer;
						position: absolute;
						top:20px;
						@include rtl-right(20px);
						text-align:center;
						z-index: 1;
						display:inline-block;
						@include square(28px);
						padding: 6px;
						@include border-radius(100%);
						&:after{
							content: '';
							position: absolute;
							height: 2px;
							width: 20px;
							top: 50%;
							left:calc(50% - 10px);
							margin-top: -1px;
							background-color: $gray-dark;
							transform-origin: 50% 50%;
							@include transform(rotate(45deg));
							@include transition(all 0.3s ease);
						}
						&:before{
							content: '';
							position: absolute;
							height: 2px;
							width: 20px;
							top: 50%;
							left:calc(50% - 10px);
							margin-top: -1px;
							background-color: $gray-dark;
							transform-origin: 50% 50%;
							@include transform(rotate(-45deg));
							@include transition(all 0.3s ease);
						}
						&:hover{
							&:after,&:before{
								@include transform(rotate(0deg));
							}
						}
					}
				}
			}
			.vapier-product-button {
				height:100%;
				>.vapier-bt-video{
					position:unset;
					height:100%;
					.bwp-video{
						@include border-radius(6px);
						border:1px solid #dbdbdb;
						@include square(100%);
						display:flex;
						align-items:center;
						justify-content:center;
						flex-wrap:wrap;
						text-align:center;
						padding-top: 20px;
						&:before{
							font-size:50px;
							content:"\e921";
						}
						h2{
							display:block;
							font-size:14px;
							font-weight:600;
							margin:-54px 0 0;
							width:100%;
						}
						&:hover{
							border-color:$theme-color;
							color:$theme-color;
							h2{
								color:$theme-color;
							}
						}
					}
				}
			}
			.content-thumbs-scroll-special{
				>.show-scroll-special{
					border:1px solid #dbdbdb;
					@include border-radius(6px);
					height:100%;
					display:flex;
					flex-wrap:wrap;
					align-items:center;
					justify-content:center;
					color:$gray-dark;
					cursor:pointer;
					text-align:center;
					h2{
						margin:8px 0 0;
						width:100%;
						text-align:center;
						font-size:14px;
						font-weight:600;
					}
					i{
						font-size:50px;
					}
					&:hover{
						border-color:$theme-color;
						color:$theme-color;
						h2{
							color:$theme-color;
						}
					}
				}
				.thumbs-scroll-special.active{
					@include opacity-s();
					z-index:9999;
				}
			}
			.thumbs-scroll-special{
				@include opacity-h();
				position:fixed;
				width:100%;
				height:100%;
				top:0;
				left:0;
				z-index:-1;
				background:$gray-dark;
				padding:30px;
				.show-scroll-special{
					cursor: pointer;
					position: absolute;
					top:30px;
					@include rtl-right(30px);
					text-align:center;
					z-index: 1;
					display:inline-block;
					@include square(28px);
					padding: 6px;
					@include border-radius(100%);
					&:after{
						content: '';
						position: absolute;
						height: 4px;
						width: 30px;
						top: 50%;
						left:calc(50% - 15px);
						margin-top: -1px;
						background-color: $white;
						transform-origin: 50% 50%;
						@include transform(rotate(45deg));
						@include transition(all 0.3s ease);
					}
					&:before{
						content: '';
						position: absolute;
						height: 4px;
						width: 30px;
						top: 50%;
						left:calc(50% - 15px);
						margin-top: -1px;
						background-color: $white;
						transform-origin: 50% 50%;
						@include transform(rotate(-45deg));
						@include transition(all 0.3s ease);
					}
					&:hover{
						&:after,&:before{
							@include transform(rotate(0deg));
						}
					}
				}
				.content-image-additional{
					height:calc(100% - 100px);
					padding:60px 0 90px;
					.image-additional{
						height:100%;
						*{
							height:100%;
						}
						img{
							width: auto;
							margin:auto;
							@include border-radius(6px);
							@media (max-width:$screen-xs){
								height:auto;
							}
						}
						.img-thumbnail,.img-thumbnail-scroll{
							display:flex;
							align-items:center;
							justify-content:center;
						}
					}
					.slick-arrow{
						@include opacity-s();
						&.fa-angle-left{
							@include rtl-left(50px);
						}
						&.fa-angle-right{
							@include rtl-right(50px);
						}
					}
				}
				.content-image-thumbnail{
					height:100px;
					.image-thumbnail{
						height:100%;
						max-width:1200px;
						margin:auto;
						&.max-thumbnail{
							.img-thumbnail{
								width:auto !important;
								padding:0 5px;
							}
							.slick-track{
								width:auto !important;
								display: flex;
								justify-content: center;
								transform: unset !important;
							}
						}
						*{
							height:100%;
						}
						img{
							width: auto;
							margin:auto;
						}
						.img-thumbnail{
							padding:0 5px;
						}
						.slick-list{
							margin:0 -5px;
						}
						.slick-current >span{
							border-color:$theme-color;
							img{
								filter: brightness(1);
							}
						}
						span{
							border-width:2px;
							img{
								filter: brightness(0.7);
							}
							&:hover{
								img{
									filter: brightness(1);
								}
							}
						}
					}
				}
			}
			@media (max-width:$screen-md-max){
				.content-thumbs-scroll-special > .show-scroll-special{
					i{
						font-size:30px;
					}
				}
				.vapier-product-button > .vapier-bt-video a{
					padding-top:10px;
					&:before{
						font-size:30px;
					}
					h2{
						margin: -35px 0 0;
					}
				}
				.special-btn-360 > .vapier-360-button{
					padding-top:10px;
					i{
						font-size:30px;
					}
					h2{
						margin: -35px 0 0;
					}
				}
				.special-shipping .vapier-product-shipping > .vapier-bt-shipping{
					padding-top:10px;
					i{
						font-size:30px;
					}
					h2{
						margin: -35px 0 0;
					}
				}
				.content-special > div{
					min-height: 110px;
				}
			}
		}
        .image-thumbnail{
            .slick-slide{
                border: none;
                cursor: pointer;
                >a, >.img-thumbnail-scroll{
                    vertical-align: top;
                    display: inline-block;  
                    @include transition(all 0.2s ease);
					border:1px solid rgba($light-gray,0.25);
					overflow:hidden;
                }  
                &.slick-active.slick-center >.img-thumbnail-scroll, >a.active, &:hover >a, &:hover >.img-thumbnail-scroll{
                    border-color:$theme-color;
                }                   
            }
			.img-thumbnail-video{
                border: none;
                cursor: pointer;
				&:before{
					content: "\e90d";
					font-family: wpbingofont;
					font-size: 14px;
					color:$white;
					position:absolute;
					@include square(50px);
					@include border-radius(50%);
					text-align:center;
					top:calc(50% - 25px);
					left:calc(50% - 25px);
					z-index:10;
					line-height:48px;
					text-indent:3px;
					background:rgba($gray-dark,0.5);
				}
                >img{
                    vertical-align: top;
                    display: inline-block;  
                    @include transition(all 0.2s ease);
					border:1px solid rgba($light-gray,0.25);
					overflow:hidden;
					height: 100%;
					object-fit: cover;
                }  
                &.slick-active.slick-center >img, &:hover >img{
                    border-color:$theme-color;
                }                   
            } 			
        }
        .woocommerce-product-gallery{
            .slick-slide{
                vertical-align: top;
				border:0;
                .img-thumbnail{
                    vertical-align: top;
                }
                img {
                    display: inline-block;
                    vertical-align: top;
                }   
            }   
            > .row{
                >div{
					@media (max-width:$screen-xs-max){
						&.col-md-2{
							margin-top:20px;
						}
					}
                    &.col-md-10, &.col-md-2{
                        .slick-arrow{
                            &:after{
                                display: none;
                            }
							@media (max-width:$screen-sm-max){
								@include opacity-s();
								&.fa-angle-left{
									top: -12.5px;
								}
								&.fa-angle-right{
									bottom: -12.5px;
								}
							}
                        }
                        @media (min-width: $screen-sm){
                            .slick-arrow{
                                right: calc(50% - 12.5px);
								left:auto;
								@include square(30px);
								line-height:30px;
								background:$theme-color;
								color:$white;
								font-family:FontAwesome;
								text-align:center;
                                &:before{
                                    content: "\f106";
                                }
                                &:after{
                                    display: none;
                                }
                                &.fa-angle-right{
                                    bottom: -35px;
                                    top: auto;
                                    &:before{
                                        content: "\f107";
                                    }
                                }
                            }
                            &:hover{
                                .slick-arrow{
                                    @include opacity-s();
                                    &.fa-angle-left{
                                        top: -12.5px;
                                    }
                                    &.fa-angle-right{
                                        bottom: -12.5px;
                                    }
                                }
                            }
                        }
                        @media (max-width: $screen-xs-max){
                            .slick-slider .slick-list {
                                margin: 0 -10px;
                                .slick-slide{
                                    padding: 0 10px;
                                }
                            }
                            .slick-arrow{
                                right: calc(50% - 25px);
                                &.fa-angle-left{
                                    right: 50%;
									left:auto;
                                }
                            }
                        }
                    }
                    &.col-md-10{
                        @media (max-width: $screen-xs-max){
                            .slick-arrow{
                                top: auto;
                                bottom: -40px;
                            }
                            &:hover{
                                .slick-arrow{
                                    opacity: 1;
                                    bottom: -30px;
                                }
                            }  
                            .image-additional {
                                text-align: center;
                            } 
                        }
                    }
                    &.col-md-2{
                        .image-thumbnail{
                            .slick-list{
                                padding: 0 !important;
								margin:0 -14px;
                                .slick-slide{
                                    padding-bottom: 20px;
                                }
                            }                           
                        }
                        @media (max-width: $screen-xs-max){
                            .slick-arrow{
                                display:none !important;
                            }   
                        }
                        @media (min-width: $screen-sm){
                            .slick-arrow{
                                &.fa-angle-right{
                                        bottom: -20px;
                                    }
                                }
                            &:hover{
                                .slick-arrow{
                                    &.fa-angle-right{
                                        bottom: 0;
                                    }
                                }
                            }   
                        }
                    }
                    &.col-sm-12{
                        .slick-arrow{
                            opacity: 0;
                            &:after{
                                display: none;
                            }
                        }
						&.content-thumbs-scroll{
							@media (min-width:1440px){
								.slick-arrow{
									&.fa-angle-left{
										@include rtl-left(-20px);
									}
									&.fa-angle-right{
										@include rtl-right(-20px);
									}
								}
							}
						}
                        .image-thumbnail{
                            margin-top: 20px;
                            .slick-list{
                                margin: 0 -7px;
								display:flex;
								.slick-track{
									display:flex;
								}
                                .slick-slide{
                                    padding: 0 10px;
                                    padding-bottom: 0;
									float:unset;
									display:inline-flex;
									height:100%;
                                }
								@media (max-width:$screen-xs){
									 margin: 0 -4px;
									.slick-slide{
										padding: 0 5px;
									}
								}
                            }                       
                        }
						.slick-arrow{
							top: calc(50% - 12.5px);
							@include square(30px);
							line-height:30px;
							color:$gray-dark;
							background:transparent;
							font-size:22px;
							border:0;
							font-family:wpbingofont;
							&.fa-angle-right{
								@include rtl-right(-20px);
								&:before{
									content:"\e91b";
								}
							}
							&.fa-angle-left{
								@include rtl-left(-20px);
								&:before{
									content:"\e91a";
								}
							}
							&:hover{
								color:$theme-color;
							}
							@media (max-width:1500px){
								&.fa-angle-right{
									@include rtl-right(10px);
								}
								&.fa-angle-left{
									@include rtl-left(10px);
								}
							}
							@media (max-width:$screen-sm-max){
								@include opacity-s();
							}
							@media (max-width:$screen-xs){
								top: calc(50% - 1.5px);
								@include square(20px);
								line-height:20px;
							}
						}
						&:hover{
							.slick-arrow{
								@include opacity-s();
							}
						} 
                    }
                }
            }
        }   
        .image-thumbnail-list{
			padding:0;
			margin-top:15px;
            position: relative;
			padding-top:40px;
			border-top:1px solid #e5e5e5;
			margin-bottom:10px;
        }
		.wpb-iconbox{
			border:1px solid #dfdfdf;
			text-align:center;
			padding:20px 20px 30px;
			.icon{
				color:$gray-dark;
				font-size:36px;
			}
			.title{
				font-size:14px;
				text-transform:uppercase;
				font-weight:600;
				margin:0 0 10px;
			}
		}
		.featured-icon{
			margin-top:40px;
			.block-top-link{
				margin-left:-15px;
				margin-right:-15px;
				display:flex;
				>*{
					padding:0 15px;
					flex:1;
					margin:0;
					>div{
						height:100%;
					}
				}
				@media (max-width:$screen-xs-max){
					flex-wrap:wrap;
					>*{
						flex:50%;
						margin:0 0 20px;
						>div{
							height:100%;
						}
					}
				}
				@media (max-width:$screen-xs){
					>*{
						flex:100%;
					}
				}
			}
			.wpb-iconfeatured{
				text-align:center;
				border:1px solid $gray-light ;
				height:100%;
				padding:20px 20px 25px;
				.icon{
					color:$theme-color;
					font-size:30px;
					margin-bottom:10px;
				}
				.title{
					font-size:14px;
					text-transform:uppercase;
					margin:0;
					font-weight:600;
				}
			}
		}
    }
}

.single-product,.quickview-container {
    //thumbnail
	.button_single{
		display:inline-flex;
		margin-bottom:5px;
		vertical-align:top;
	}
    .product_title {
        margin-top:0;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 30px;
		color:$gray-dark;
		word-break: break-word;
		display:block;
		@media (max-width:$screen-xs){
			font-size:30px;
		}
    }
    .thumbnails {
        padding: 35px 80px;
        .img-thumbnail {
            position: relative;
            display: inline-block;
            vertical-align: top;
            img {
                @include opacity(0.8);
            }
            &:hover {
                border-color: $theme-color;
                img {
                    @include opacity(1);

                }
                &:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: $theme-color;
                    @include opacity(0.35);
                    z-index: 1;
                }
            }
        }

        .carousel-control {
            @include square(42px);
            border: 1px solid $border-color;
            background: #fff;
            top: 50%;
            margin-top: -21px;
            cursor: pointer;
            &.disabled {
                display: none;
            }
        }
    }
    .bwp-single-info{
		.breadcrumb-noheading{
			margin-bottom:5px;
			>.container{
				padding:0;
			}
			.breadcrumb{
				padding:0;
				margin-bottom:7px;
			}
		}
        .quantity-text{
            font-size: 14px;
            font-weight: 500;
            color: $gray-dark;
            font-family: "Montserrat", sans-serif;
            margin-bottom: 10px;
        }
        .quantity{
            margin: 5px 0;
            border: 1px solid $border-color;
            height : 45px;
            display: inline-block;
            @include rtl-margin-right(7px);
			position:relative;
			@media(max-width:$screen-xs-max){
				@include rtl-margin-right(15px);
			}
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            input{
                width:150px;
				border:0;
				height:45px;
				text-align:center;
				padding:0 38px;
				font-size:15px;
				font-weight:500;
            }
			button{
				outline-color: transparent;
				color:$text-color;
				font-size:0;
				&:hover,&:focus{
					border:none;
					color:$theme-color;
				}
				&:before{
					font-family: eleganticons;
					display:inline-block;
					font-size:18px;
				}
				&.plus{
					position:absolute;
					top: 0;
					@include rtl-right(0);
					background:transparent;
					line-height:24px;
					border: none;
					width: 40px;
					height: 43px;
					&:before{
						content: "\4c";
						position:relative;
						top:2px;
					}
				}
				&.minus{
					position:absolute;
					@include rtl-left(0);
					bottom: 0;
					border: none;
					width: 40px;
					height: 43px;
					background:transparent;
					&:before{
						content: "\4b";
						position:relative;
						top:4px;
					}
				}
			}
        }
        .product_meta{
            display: inline-block;
            width: 100%;
			text-transform:capitalize;
			border-top: 1px solid #e5e5e5;
			padding-top:25px;
			margin-top:30px;
			>span{
				margin-bottom:0;
			}
            #report_abuse{
                margin-bottom: 16px;
                display: inline-block;
                width: 100%;
                vertical-align: top;
                color: $theme-color;
            }
            #report_abuse_form{
                border: 0;
                padding: 20px;
				&.simplePopup{
					@include box-shadow( 0px 1px 10px 0px rgba(144, 144, 144, 0.75));
				}
                .simplePopupClose{
                    color: $white;
                    background: red;
                    @include square(20px);
                    line-height: 20.5px;
                    text-align: center;
                    @include border-radius(50%);
                    &:hover{
                        background: $theme-color;
                    }
                }
                h3.wcmp-abuse-report-title{
                    margin-bottom: 20px;
					font-size:18px;
                }
                #report-abuse{
                    table{
                        border: 0;
                        tbody{
                            tr{
                                td{
                                    border: 0;
                                    padding: 0;
                                    padding-bottom: 20px !important;
                                }
                                input[type="submit"]{
                                    background: $theme-color;
                                    padding: 5px 15px;
                                    color: $white;
                                    border: 0;
                                    margin-top: 10px;
                                    &:hover{
                                        background: darken($theme-color, 10%);
                                    }
                                }
								textarea::placeholder,input::placeholder{
									font-size:14px;
								}
                            }
                        }
                    }
                }
            }
            .sku_wrapper,
            .posted_in,
            .tagged_as{
                display: block;
                width: 100%;
                color: $gray-dark;
				margin-bottom:5px;
				font-weight:600;
                span{
                    font-weight: 400;
                    color: $gray-dark;
                }
                a{
                    font-weight: 400;
                    color: $gray-dark;
                    &:hover{color: $theme-color;}
                }
            }
			.posted_in{
				a{
                    color: $theme-color;
                    &:hover{color: $gray-dark;}
                }
			}
        }
        .image-thumbnail{
            .slick-list{
                margin : 0 -9px;
                .slick-slide{
                    padding : 0 10px;
                    padding-bottom: 10px;
                }
            }
            .slick-arrow{
                top : 50%;
                margin-top : -17px;
                &.fa-angle-left{
                    left : 5px;
                    right : auto;
                }
                &.fa-angle-right{
                    right : 5px;
                }
            }
        }
        .woocommerce-product-rating{
			padding-top: 0; 
			padding-bottom: 0; 
			clear: both;
			display:inline-block;
			margin-bottom:10px;
			&:after{
				display:inline-block;
				content:"";
				height:18px;
				width:1px;
				background:#dddddd;
				margin:0 5px;
				position:relative;
				top:1px;
			}
		}
        .star-rating{
			display: inline-block;
			@include rtl-margin-right(0);
			width: 85px;
			font-size: 12px;
			margin-bottom:0;
			&:before {
				letter-spacing: 4.8px;
			}
			span:before {
				letter-spacing: 4.8px;
			}
		}
        .woocommerce-review-link{
			position: relative; 
			top: -1px; 
			color: $text-color;
			font-size:12px;
		}
        .description{
            margin-bottom: 30px;
            padding-bottom: 20px;
			border-bottom:1px solid $border-color;
            > p{
                &:last-child{
                    margin-bottom: 0;
                }
            }
            ul{
				padding:0;
				list-style:none;
				padding:0;
				li{
					padding:3px 0;
					&:before{
						content:"\f04b";
						color: $theme-color;
						font-size: 8px;
						font-family: FontAwesome;
						display:inline-block;
						@include rtl-margin-right(8px);
						position:relative;
						top:-1px;
					}
				}
			}
        }
        .stock.in-stock{
            margin-top:-10px;
        }
		.stock.out-of-stock{
			display:none;
		}
		.variations_form .stock.out-of-stock{
			display:block;
		}
        .product-stock{
            margin-top: 2px;
            margin-bottom: 15px;
            i{
                color: $text-color;
                padding: 0 10px;
                font-size: 20px;
                @include transform(translateY(3px));
            }
            .stock{color: $text-color;}
        }
        .prices{
            margin-top: 0;
            margin-bottom: 15px;
            width: 50%;
            display: inline-block;
            .price{
                margin: 0;
                del{
                    font-size: 18px;
                    letter-spacing: 0;
                }
            }
        }
		.button_single{
			@media(max-width:$screen-xs-max){
				display:inline-flex;
			}
		}
        .cart{    
            padding: 0;
        }
		.woosw-wishlist,.woosc-compare{
			display:inline-block;
		}
        .woosw-btn{                          
            margin-top: 20px;
            text-align: center;
			color:$gray-dark;
            display:inline-flex;
            vertical-align: top;
			@include rtl-margin-right(20px);
			align-items:center;
			font-weight:500;
			background:transparent;
			border:0;
			&:before{
				content:"\f08a";
				font-family:'FontAwesome';
				font-size:13px;
				@include square(40px);
				line-height:40px;
				border:1px solid #cecece;
				@include rtl-margin-right(10px);
				color:$text-color;
				font-weight:400;
				@include border-radius(50%);
			}
			&:hover{
				color:$theme-color;
				&:before{
					background:$theme-color;
					border-color:$theme-color;
					color:$white;
				}
			}
			&.woosw-added{
				&:before{
					content: "\f004";
					font-family: 'FontAwesome';
					font-size: 13px;
					color: $gray-dark;
					@include transition(all 0.1s ease);
					top:0;
				}
				&:hover{
					&:before{
						color:$white;
					}
				}
			}
            &:hover{
				cursor:pointer;
                a{
                    color: $theme-color;
					&:before{
						color:$theme-color;
					}
                }
            }
        }
		.woosc-btn{
			margin-top: 20px;
            vertical-align: top;
			position:relative;
			cursor:pointer;
			font-weight:500;
			display:inline-flex;
			align-items:center;
			background:transparent;
			border:0;
			&:before{
				content: "\e909";
				font-family: icomoon;
				font-size: 13px;
				line-height:1;
				line-height:40px;
				@include border-radius(50%);
				border:1px solid #cecece;
				@include rtl-margin-right(10px);
				display:inline-block;
				@include square(40px);
				text-align:center;
			}
			&:hover{
				color:$theme-color;
				&:before{
					color:$white;
					background:$theme-color;
					border-color:$theme-color;
				}
			}
		}
        .single_add_to_cart_button.button{
            @include transition(none);
            font-weight: 500;
			font-size:15px;
            line-height: 45px;
            position: relative;
			background:rgba($gray-dark,0.85);
			@include border-radius(0);
			color:$white;
			text-align:center;
			padding:0 15px;
			cursor:pointer;
			display: inline-block;
			vertical-align: top;
			margin:0;
			min-width:214px;
			white-space: nowrap;
			@include rtl-margin(5px ,10px ,5px ,0);
			&.disabled{
				background:rgba($gray-dark,0.5) !important;
				cursor: not-allowed;
			}
			&:before{
				content: "\e906";
				font-family: icomoon;
				@include rtl-margin-right(10px);
			}
            &:hover{
                background:$theme-color;
                color: $white;
            }
        }
		.button.quick-buy{
			display:inline-block;
			@include transition(none);
			font-weight: 500;
			font-size:15px;
			line-height: 45px;
			position: relative;
			background:$theme-color;
			color:$white;
			text-align:center;
			@include rtl-margin-right(20px);
			@include border-radius(0);
			padding:0 15px;
			border:0;
			cursor:pointer;
			display: inline-block;
			vertical-align: top;
			margin:5px 0;
			min-width:214px;
			white-space: nowrap;
			&:hover{
				background:darken($theme-color,10%);
				color: $white;
			}
			&.disabled{
				background:rgba($theme-color,0.5);
				cursor: not-allowed;
			}
		}
        .cart{
            a.single_add_to_cart_button.button{
                display: inline-block;
				width:100%;
            }
        }
	}
	/*------ social -------*/
	.social-icon{
		margin-top:5px;
		label{
			display:none;
		}
		.social-share{
			display:inline-block;
			>a{
				display:inline-block;
				@include square(30px);
				@include border-radius(50%);
				@include rtl-margin-right(15px);
				text-align:center;
				line-height:30px;
				color:$white;
				background:#3b5998;
				&:last-child{
					@include rtl-margin-right(0);
				}
				&.share-twitter{
					background:#55acee;
				}
				&.share-linkedin{
					background:#007ab9;
				}
				&.share-pinterest{
					background:#cb2027;
				}
				
				&:hover{
					background:$theme-color;
				}
			}
		}
	}
	/*------ Infor -------*/
	.entry-summary {
		.price-single{
			width: 100%;
			margin-bottom : 20px;
			padding-bottom:20px;
			border-bottom:1px solid #e5e5e5;
			line-height: 100%;
			display:flex;
		}
		.vendor-info{
			color:$gray-dark;
			font-weight:500;
			margin-bottom:10px;
			label{
				margin:0;
			}
			a{
				color:#f03333;
				text-transform:uppercase;
			}
		}
		.price {
			color: $gray-dark;
			font-size: 24px;
			display: inline-block;
			vertical-align: middle;
			font-weight:600;
			del{
				font-size: 20px;
			}
			ins{
				color: $gray-dark;
			}
			@media (max-width:$screen-xs-max){
				font-size:25px;
			}
		}
		.product-lable{
			position:relative;
			top:-2px;
			@include rtl-margin-left(15px);
			.hot{
				display:none;
			}
			.onsale{
				position:relative;
				font-size:12px;
				text-transform:uppercase;
				background:transparent;
				border:2px solid #ff4545;
				border-right:0;
				color:#ff4545;
				line-height:22px;
				top:0;
				left:0;
				@include rtl-padding(0 ,2px ,0 ,10px);
				z-index:2;
				@include border-radius(0);
				&:before{
					content:"";
					position:absolute;
					@include square(26px);
					right:-20px;
					border-color:#ff4545;
					border-style:solid;
					border-width:13px;
					border-right-color:transparent;
					top:-2px;
					display:inline-block !important;
					z-index:-2;
				}
				&:after{
					content:"";
					position:absolute;
					@include square(22px);
					right:-15px;
					border-color:$white;
					border-style:solid;
					border-width:11px;
					border-right-color:transparent;
					top:0;
					z-index:-1;
				}
			}
		}
	}
    .product-type-variable{
		.bwp-single-info .description{
			margin-bottom: 15px;
		}
        .variations_form.cart{
           float: none;
           .single_variation_wrap{
            display:block;
            vertical-align: top;
            .price{
                margin-top: 0;
                margin-bottom: 20px;
                font-size: 23px;
                del{
                    font-size: 14px;
                }
            }
           }
           table{
                border: none;
                margin-top: 10px;
				position:relative;
				margin-bottom:0;
                tr{
                    margin-bottom: 10px;
					display:flex;
					flex-wrap:wrap;
                    td{
                        border: none;
                        padding: 0;
                        margin-bottom: 20px !important;
						@include rtl-text-align-left();
                        &.value .tawcvs-swatches{
                            padding:0;
							display:flex;
							flex-wrap:wrap;
							.swatch-item-wrapper{
								@include rtl-margin-right(15px);
								margin-bottom:10px;
							}
							.swatch{
								cursor:pointer;
								overflow:unset;
								&.swatch-color{
									opacity: 1;
									@include square(38px);
									@include border-radius(50%);
									border:0;
									@include box-shadow(none);
									position:relative;
									text-indent: 100%;
									@include rtl-margin-right(15px);
									font-size:0 ;
									padding:0 ;
									min-width:unset ;
									border:0 ;
									margin-bottom:0;
									text-indent: 0;
									&:last-child{
										@include rtl-margin-right(0);
									}
									&:before{
										position:absolute;
										@include transform(unset);
										margin:0;
										@include opacity-h();
										content: "\4e";
										font-family: eleganticons;
										color: #fff;
										left: 10px;
										top: 4px;
										font-size:18px;
										@include square(auto);
										border:0;
									}
									.swatch__tooltip{
										font-size:10px;
										display:inline-block;
										font-family:$font-family-base;
										padding:0 8px;
										line-height:18px;
										&:after{
											z-index:-1;
										}
									}
									&.selected,&:hover{
										border:0 !important;
										&:before{
											@include opacity-s();
										}
									}
									@media (max-width:$screen-xs){
										@include rtl-margin-right(15px !important);
										.swatch__tooltip{
											display:none !important;
										}
									}
								}
								&.swatch-image{
									@include square(50px);
									padding:0;
									font-size:0;
									@include border-radius(4px);
									line-height:20px;
									min-width:50px;
									display:inline-block;
									border:1px solid #cccccc;
									color:$text-color;
									font-weight:500;
									@include rtl-margin-right(10px);
									margin-bottom:0;
									padding:5px;
									overflow:hidden;
									img{
										object-fit: cover;
										vertical-align: middle;
										height:100%;
										@include border-radius(0);
									}
									&:hover,&.selected{
										border:1px solid $gray-dark;
									}
									&.disabled{
										cursor:not-allowed;
									}
									.swatch__tooltip{
										font-size:10px;
										display:inline-block;
										font-family:$font-family-base;
										padding:0 8px;
										top:5px;
										line-height:18px;
										&:after{
											z-index:-1;
										}
									}
								}
								&.swatch-label{
									min-width:40px;
									background:transparent;
									border:1px solid #cccccc;
									@include border-radius(20px);
									padding:0 15px;
									margin-bottom:0;
									@include square(auto);
									&:hover,&.selected{
										border:1px solid $gray-dark;
										background:$gray-dark;
										color:$white;
									}
									&.disabled{
										cursor:not-allowed;
									}
								}
							}
                        }
						&.label{
							width:100%;
							margin-bottom: 0 !important;
						}
						&.value{
							margin-bottom: 0 !important;
							display: block;
							width: 100%;
						}
                        label{
                            font-size: 13px;
							text-transform:uppercase;
							color:$gray-dark;
                            margin-bottom: 0;
                            @include rtl-margin-right(15px);
							line-height:40px;
							text-transform:uppercase;
							font-weight:600;
                        }
						.swatch__tooltip{
							display:none;
						}
                        select{
                            @include rtl-padding(0, 40px, 0, 10px);
							height:40px;
							line-height:40px;
							color:$text-color;
                            background-position: calc(100% - 18px) calc(1em + 3px), calc(100% - 13px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
							cursor:pointer;
							border-color:#cccccc;
							margin-bottom:15px;
                            &:focus{
                              background-position:calc(100% - 14px) calc(1em + 3px), calc(100% - 20px) calc(1em + 3px), calc(100% - 2.5em) 0.5em;
                            }
                        }
                    }
               }
               .reset_variations{
                    color: $gray-dark;
                    font-size: 13px;
					display:none;
					margin-bottom:-5px;
					position:relative;
					&:before{
						content: "\4d";
						font-family: ElegantIcons;
						display:inline-block;
						font-size:20px;
						line-height:1;
						position:relative;
						top:3px;
					}
                    &:hover{
						color:$theme-color;
                    }
               }
           }
           .single_variation_wrap{
                .woocommerce-variation{
                    p{
                        margin-bottom: 30px;
                    }
                }
                .woocommerce-variation-add-to-cart{
					display: inline-flex;
					flex-wrap:wrap;
					vertical-align: bottom;
                }
           }
        }
        .entry-summary{
            .prices{
                margin: 0;
            }
        }
    }
    .product-type-grouped{
        .group_table{
            tr{
                >th{
                    padding: 20px 10px;
                    background-color: #f4f4f4;
                    text-align: center;
                    font-weight: 700;
                    @media (max-width: $screen-xs){
                        padding: 20px 1px;
                    }
                }
                td{
                    padding: 10px;
                    vertical-align: middle;
                    text-align: center;
                    &.product-thumb img{
                        max-width: 70px;
                    }
                    .product-title{
                        font-size: 14px;
                        font-weight: 400;
                        margin : 0px;
                        line-height : 35px;
                        a{
                            color : $text-color;
                            &:hover{
                                color : $theme-color;
                            }
                        }
                    }
                    &.product-price{
                        font-size: 14px;
                        color: $gray-dark;
                        line-height : 35px;
                        ins{
                            text-decoration : none;
                        }
                    }
                    .product_type_external{
                        line-height : 35px;
                    }
                }
            }
        }
        .bwp-single-info{
            .entry-summary >.cart{
				.group_table{
					border:1px solid #e5e5e5;
					margin-bottom:30px;
				}
				.type-product{
					display:flex;
					padding:12px 15px;
					border-bottom:1px solid #e5e5e5;
					justify-content:space-between;
					align-items:center;
					flex-wrap:wrap;
					td{
						padding:0;
						border:0;
					}
					&:last-child{
						border-bottom:0;
					}
					.product-content{
						display:flex;
						align-items:center;
						flex:1;
						@media (max-width:$screen-xs){
							flex:0 0 100%;
						}
					}
					.product-thumb{
						flex:0 0 60px;
						@include rtl-margin-right(10px);
					}
				}
				.product-info{
					padding:0;
				}
				.product-title{
					font-size:12px;
					font-weight:400;
					margin:0 0 2px;
					text-transform:uppercase;
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
				}
				del{
					font-size:11px;
				}
				.product-price{
					color:$gray-dark;
					font-weight:500;
				}
            }
            .quantity{
				margin: 0;
				border: 1px solid #e5e5e5 !important;
				height : 33px;
				display: inline-block;
				position:relative;
				width:135px;
				padding:0 20px;
				display:flex;
				@include border-radius(0);
				&:before{
					display:none;
				}
				@media(max-width:$screen-xs){
					margin-top:10px;
				}
				input[type=number]::-webkit-inner-spin-button,
				input[type=number]::-webkit-outer-spin-button {
					-webkit-appearance: none;
					margin: 0;
				}
				input{
					border:0;
					height:31px;
					padding:0;
					font-size:13px;
					font-weight:500;
					flex:1;
					width:100%;
				}
				button{
					outline-color: transparent;
					color:$text-color;
					font-size:0;
					position:relative;
					&:hover,&:focus{
						border:none;
						color:$theme-color;
					}
					&:before{
						display:inline-block;
						font-size:13px;
					}
					&.plus{
						background:transparent;
						line-height:15px;
						border: none;
						width: 18px;
						height: 31px;
						&:before{
							position:relative;
							top:4px;
						}
					}
					&.minus{
						border: none;
						width: 18px;
						height: 31px;
						background:transparent;
						&:before{
							position:relative;
							top:2px;
						}
						&:after{
							display:none;
						}
					}
				}
			}
        }
		.bwp-single-product.full_width{
			.bwp-single-info{
				display:flex;
				flex-wrap:wrap;
				.entry-heading{
					flex:1;
				}
				form.cart{
					.group_table{
						width:100%;
					}
					.single_add_to_cart_button{
						margin:0;
					}
					.quantity{
						.plus,.minus{
							height:32px;
						}
					}
				}
				@media (max-width:$screen-sm-max){
					.entry-heading{
						flex:0 0 100%;
					}
					.entry-cart{
						width:100%;
					}
				}
				
			}
			.social-icon{
				@media (max-width:1500px) and (min-width:$screen-sm-max){
					display:none;
				}
			}
		}
		.single-product-background.dark{
			.bwp-single-info .entry-summary > .cart{
				.product-title a{
					color:$white;
					&:hover{
						color:$theme-color;
					}
				}
				.product-price{
					color:$white;
				}
			}
		}
    }
    .product-type-simple{
        .bwp-single-info{
            .entry-summary{
                > .cart{
                    margin-top: 0px;
                    width: 100%;
					display:flex;
					flex-wrap:wrap;
					.quantity-button{
						display:flex;
						flex-wrap:wrap;
					}
                }
            }
        }
		.bwp-single-product.full_width{
			.bwp-single-info{
				display:flex;
				flex-wrap:wrap;
				align-items:flex-end;
				.entry-heading{
					flex:1;
				}
				.entry-cart{
					margin-bottom:20px;
				}
				@media (max-width:$screen-sm-max){
					.entry-heading{
						flex:0 0 100%;
					}
					.entry-cart{
						width:100%;
					}
				}
			}
		}
    }
    .product-type-external{
		.quick_buy_container{
			display:none;
		}
        .bwp-single-info {
			.entry-summary{
				>.cart{
					margin-bottom: 15px;
					clear : both;
				}
			}
        }
		.bwp-single-product.full_width{
			.bwp-single-info{
				display:flex;
				flex-wrap:wrap;
				align-items:flex-end;
				.entry-heading{
					flex:1;
				}
				.entry-cart{
					margin-bottom:20px;
					min-width:500px;
					display:flex;
					.cart{
						flex:1;
					}
				}
				@media (max-width:$screen-sm-max){
					.entry-heading{
						flex:0 0 100%;
					}
					.entry-cart{
						width:100%;
						min-width:unset;
					}
				}
			}
		}
    }
    .type-product{
        >div{
            &:last-of-type{
                &.woocommerce-tabs{
                    margin-bottom: 0;
                }
            }
        }
		&.outofstock{
			.variations{
				display:none;
			}
			.variations_button{
				display:none !important;
			}
			.product-stock{
				margin:0;
				line-height:45px;
				font-size:15px;
				font-weight:500;
				color:$gray-dark;
				text-align:center;
				background:#ededed;
				cursor: no-drop;
				margin-bottom:5px;
				font-weight:500;
				@include border-radius(0);
				span{
					color:$gray-dark;
				}
			}
		}
    }
	.brands-single{
		display:inline-flex;
		align-items:center;
		margin-bottom:10px;
		position:relative;
		top:-4px;
		.title-brand{
			@include rtl-margin(0 ,5px ,0 ,0);
			font-size:13px;
			color:$text-color;
		}
		ul{
			padding:0;
			list-style:none;
			li{
				display:inline-block;
				&:last-child{
					a{
						&:after{
							display:none;
						}
					}
				}
				a{
					display:inline-block;
					color:#f03333;
					font-size:13px;
					&:after{
						content:",";
						@include rtl-margin(0 ,5px ,0 ,0);
					}
					&:hover{
						color:$gray-dark;
					}
				}
			}
		}
	}
	.countdown-single{
		margin:25px 0 10px;
		display:flex;
		align-items:center;
		.title-countdown{
			h2{
				margin:0;
				font-size:14px;
				text-transform:uppercase;
			}
			p{
				font-size:12px;
				margin:0;
			}
		}
		.product-countdown{
			@include rtl-padding-left(10px);
			.countdown-content{
				>span{
					display:inline-block;
					@include rtl-margin-right(10px);
					text-align:center;
					&:last-child{
						@include rtl-margin-right(0);
					}
				}
				.countdown-amount{
					@include square(45px);
					@include border-radius(50%);
					text-align:center;
					line-height:45px;
					font-size:16px;
					color:$white;
					display:inline-block;
					font-weight:500;
					background:$theme-color;
				}
				.countdown-text{
					display:block;
					font-size:10px;
					text-transform:uppercase;
					color:$gray-dark;
					font-weight:600;
					margin-top:2px;
				}
				@media (max-width:$screen-xs){
					>span{
						@include rtl-margin-right(10px);
					}
					.countdown-amount{
						@include square(60px);
						line-height:56px;
						font-size:22px;
					}
					.countdown-text{
						font-size:12px;
						letter-spacing:1.6px;
						text-indent: 1.6px;
					}
				}
			}
		}
	}
}
.quickview-container{
	.bwp-single-info .entry-summary {
		.quantity-button,.woocommerce-variation-add-to-cart{
			width:100%;
		}
		.single_add_to_cart_button.button{
			min-width:160px;
			@include rtl-margin-right(0);
			flex:1;
		}
		.quantity{
			input{
				width:120px;
			}
			button{
				width:30px;
			}
		}
		.button.quick-buy{
			min-width:150px;
			width:100%;
		}
	}
	.product-type-grouped .bwp-single-info .entry-summary {
		.button.quick-buy{
			width:auto;
			min-width:160px;
		}
		.single_add_to_cart_button.button{
			min-width:160px;
		}
	}
}
.wishlist-items-wrapper{
	.product-price{
		font-size:15px;
		ins{
			text-decoration:none;
		}
	}
}

.woocommerce-account{
	.woocommerce-form-row{
		margin:0;
		margin-bottom:14px;
		label{
			display:block;
			width:100%;
		}
		.password-input{
			width:100%;
		}
	}
	.woocommerce-MyAccount-content{
		fieldset{
			margin-top:30px;
		}
	}
    #customer_login{
		@media (max-width:$screen-sm-max){
			>div{
				margin:25px 0;
			}
		}
		.box-form-login{
			border:2px solid #eaeaea;
			padding:50px 0 40px;
			height:100%;
		}
		.required{
			color:red;
		}
        h2{
			text-align:center;
			position:relative;
			margin:0 0 40px;
			font-size:20px;
			padding-bottom:15px;
			&:before{
				font-size:21px;
				content:"\e90c";
				font-family:wpbingofont;
				display:inline-block;
				@include rtl-margin-right(10px);
			}
			&:after{
				content:"";
				@include size(132px,2px);
				background:$gray-dark;
				position:absolute;
				bottom:-2px;
				left:calc(50% - 66px);
			}
			&.register{
				&:before{
					content:"\e915";
				}
			}
		}
		.button-login,.button-register{
			text-align:center;
			input[type="submit"]{
				background:$gray-dark;
				border:0;
				font-size:12px;
				color:$white;
				text-transform:uppercase;
				cursor:pointer;
				text-transform:uppercase;
				font-weight:500;
				letter-spacing:1px;
				&:hover{
					background:$theme-color;
				}
			}
		}
		.button-register{
			input[type="submit"]{
				background:#b9b9b9;
				&:hover{
					background:$theme-color;
				}
			}
		}
		.box-content{
			padding:0 90px 0;
			input{
				width:100%;
				height:55px;
				line-height:55px;
			}
			.username,.password,.email{
				input{
					padding:0 20px;
					margin-bottom:15px;
				}
			}
			@media (max-width:$screen-md-max){
				padding:0 50px;
			}
			@media (max-width:$screen-sm-max){
				padding:0 30px;
			}
			@media (max-width:$screen-xs){
				padding:0 15px;
			}
		}
		.user-role{
			margin:0 0 18px;
			justify-content:space-between;
			&:after,&:before{
				display:none;
			}
			input{
				@include square(16px);
				display:inline-block;
				position:relative;
				top:3px;
			}
			.radio{
				color:$gray-dark;
				font-weight:500;
				cursor: pointer;
			}
		}
		.form-row{
			margin-left:0;
			margin-right:0;
		}
		.woocommerce-password-hint{
			margin-bottom:20px;
			display:block;
		}
		.rememberme-lost{
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			margin-bottom:20px;
			.rememberme{
				@include rtl-margin-right(10px);
				position:relative;
				input{
					position:absolute;
					opacity:0;
					height:22px;
					cursor:pointer;
					&:checked + label:after{
						opacity:1;
					}
					&:checked + label:before{
						border-color:#0075ff;
					}
				}
			}
			.inline{
				color:$gray-dark;
				font-weight:500;
				cursor: pointer;
				&:before{
					@include square(16px);
					content:"";
					display:inline-block;
					@include border-radius(50%);
					border:1px solid $gray-dark;
					@include rtl-margin-right(5px);
					position:relative;
					top:3px;
					z-index:2;
				}
				&:after{
					@include square(16px);
					content:"";
					display:inline-block;
					@include border-radius(50%);
					position:absolute;
					top:3px;
					border:2.5px solid $white;
					@include rtl-left(0);
					background:#0075ff;
					z-index:1;
					opacity:0;
				}
			}
			.lost_password{
				font-weight:500;
				a{
					display:inline-block;
					position:relative;
					&:before{
						bottom:0;
						left:50%;
						@include translateX(-50%);
						content:"";
						position:absolute;
						@include size(100%,1px);
						@include transition(all 0.3s ease);
						background:$gray-dark;
					}
					&:hover{
						&:before{
							background:$theme-color;
							width:50%;
						}
					}
				}
			}
		}
    }
	legend{
		color:$gray-dark;
		font-weight:500;
		margin-top:30px;
	}
}

.woocommerce-cart{
    .woocommerce-cart-form{
        .actions{
            .coupon{
				flex: 0 0 50%;
				display:flex;
				input{
					line-height:50px;
					padding:0 10px;
					flex:1;
					@include rtl-margin-right(5px);
				}
            }
			.bottom-cart{
				display:flex;
				justify-content:space-between;
				align-items:center;
				flex-wrap:wrap;
				h2{
					margin:0;
					font-size:14px;
					font-family:$font-family-base;
				}
				@media (max-width:$screen-sm-max){
					h2{
						margin:8px 0 15px;
					}
					.coupon{
						flex:0 0 100%;
						margin-bottom:10px;
						flex-wrap:wrap;
					}
				}
			}
        } 
    }
    .cart-collaterals{
		background:#f6f6f6;
		padding-bottom:45px;
		max-width:370px;
		@include rtl-margin-left(auto);
        h2{
            font-size: 14px;
			color:$gray-dark;
			text-transform:uppercase;
			padding:15px 30px 11px;
			background:#e9e9e9;
			margin:0;
			line-height:1.8;
			border-bottom: 0;
			font-weight:600;
        }
		.woocommerce-shipping-totals{
			display:flex;
			padding:15px 30px;
			align-items:center;
			h2{
				font-size:13px;
				font-family:$font-family-base;
				text-transform:capitalize;
				background:transparent;
				padding:0;
			}
			>*{
				flex:1;
			}
		}
		.cart-subtotal{
			display:flex;
			padding:15px 30px;
			align-items:center;
			>*{
				flex:1;
				.woocommerce-Price-amount{
					font-size:20px;
					color:$gray-dark;
				}
			}
		}
		.order-total{
			display:flex;
			padding:15px 30px;
			align-items:center;
			>div{
				flex:1;
			}
			.woocommerce-Price-amount{
				font-size:24px;
				color:$gray-dark;
			}
			
		}
		.title{
			color:$gray-dark;
		}
		.woocs_special_price_code{
			color:$gray-dark;
			font-size:20px;
		}
		a.shipping-calculator-button{
			color: $gray-dark;
			font-weight:700;
			position:relative;
			display:inline-block;
			padding-bottom:2px;
			font-size:13px;
			&:before{
				content:"";
				@include size(100%,2px);
				position:absolute;
				bottom:0;
				left:50%;
				@include transform(translateX(-50%));
				background:$gray-dark;
				@include transition(all 0.3s ease);
			}
			&:hover{
				color:$theme-color;
				&:before{
					background:$theme-color;
					width:60%;
				}
			}
		}
		.shipping-calculator-form{
			margin-top:20px;
			.button{
				padding:0 20px;
				line-height:40px;
				font-size:14px;
				text-transform:uppercase;
				font-weight:500;
			}
		}
		ul {
			&.woocommerce-shipping-methods{
				margin-bottom:10px;
				@media (max-width:$screen-xs-max){
					display:block;
				}
			}
			li {
				@include rtl-margin-right(20px);
				input[type="radio"], input[type="checkbox"]{
					margin-top:0;
				}
				.shipping_method{
					display:none;
				}
				label{
					margin:0;
					@include rtl-margin-left(0);
					font-weight:400;
					margin-bottom:0;
					position:relative;
					@include rtl-padding-left(18px);
					cursor:pointer;
					&:before{
						position:absolute;
						@include rtl-left(0);
						@include border-radius(50%);
						top:calc(50% - 6px);
						@include square(12px);
						border:1px solid $text-color;
						content:"";
					}
				}
				.shipping_method:checked +label{
					&:before{
						background:$gray-dark;
						border-color:$gray-dark;
					}
				}
			}
		}
		@media (max-width:1440px){
			max-width:100%;
		}
    }
}
.woocommerce-wishlist{
    .wishlist-title {
        h2{
            font-size: 19px;
            padding: 0;
            margin-bottom: 0;
        }
    }
}

/*! Wcvendors Vendors */
.vendor_dashboard.logged-in{
    .form-row{
        label{
            &.checkbox{
                display: inline-block;
            }
        }
        input[type="submit"]{
            background: $theme-color;
            color: $white;
            border: 1px solid $theme-color;
            &:hover{
                background: darken($theme-color, 10%);
            }
        }
    }
    center >p >a{
        padding: 0 10px;
        position: relative;
        &:before{
            content: "";
            @include size(1px, 13px);
            position: absolute;
            background: $light-gray;
            top: 5px;
            @include rtl-left(-3px);
        }
        &:first-child{
            &:before{
                display: none;
            }
        }
    }
    input[type="submit"]{
        background: $theme-color;
        border: 0;
        color: $white;
        &:hover{
            background: darken($theme-color, 10%) !important;
        }
    }
    table.table-vendor-sales-report{
        thead >tr >th{
            &:empty{
                display: none;
            }
        }
    }
}
.shop_settings.logged-in{
    input[type="submit"]{
        background: $theme-color;
        border: 0;
        color: $white;
        &:hover{
            background: darken($theme-color, 10%) !important;
        }
    }
    #pv_shop_description_container, #pv_seller_info_container{
        .wp-editor-wrap{
            border: 0;
            margin-bottom: 20px;
        }
    }
}
ul.wcv_vendorslist{
    list-style-type: none;
    padding: 0;
    @media (min-width: $screen-md){
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
        >li{
            width: calc(50% - 30px);
            @include rtl-float-left();
            margin-left: 15px;
            margin-right: 15px;
            &:nth-last-child(2){
                &:nth-child(2n+1){
                    border: none;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
            }
        }
    }
    >li{
        padding-bottom: 30px;
        border-bottom: 1px solid $border-color;
        margin-bottom: 30px;
        @media (max-width: $screen-xs-max){
            padding-bottom: 25px;
        }
        &:last-child{
            border: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .shop-name{
            font-size: 20px;
            padding-bottom: 10px;
            display: inline-block;
        }
        .vendor-list-infor{
            @media (max-width: $screen-xs-max){
                padding-top: 15px;
            }
            i{
                color: $theme-color;
                text-align: center;
                width: 15px;
                @include rtl-margin-right(10px);
            }
            >div{
                margin-bottom: 4px;
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
}
.vender-main-header{
    margin-bottom: 45px;
    h2{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .vendor-list-top{
        border: 1px solid $border-color;
        padding: 20px;
        margin-bottom: 25px;
        .vendor-list-infor{
            i{
                color: $theme-color;
                text-align: center;
                width: 15px;
                @include rtl-margin-right(10px);
            }
            >div{
                margin-bottom: 4px;
                &:last-child{
                    margin-bottom: 0;
                }
            }
        }
    }
}
.wcv-store-header,.pv_shop_description{
	@media (min-width: 1280px){
		max-width: 1280px;
		margin:auto;
		padding:0 15px;
	}
}
.pv_shop_description{
	margin-bottom:50px;
}
.wcv-store-header{
	&.header-modern{
		.cover{
			height:500px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position:center;
		}
		.name{
			color:$gray-dark;
			font-weight:700;
			text-shadow: unset;
		}
		.desc{
			color:$text-color;
			text-shadow: unset;
		}
		.meta{
			margin-bottom:30px;
			margin-top:20px;
		}
	}
}

/*! Dokan Vendors */
.dokan-stores{
    .main-content{
        position: relative;
        .dokan-overlay{
            position: absolute;
            background: rgba(255,255,255,.3);
        }
    }
    .dokan-seller-search{
        border: 1px solid $border-color !important;
        @include border-radius(0 !important);
        margin-bottom:10px;
    }
    #dokan-seller-listing-wrap ul.dokan-seller-wrap li{
        margin-bottom: 30px;
        &.no-banner-img .store-content .store-data{
            p{
                color: $text-color;
            }
            h2 a{
                color: $gray-dark;
                &:hover{
                    color: $theme-color;
                }
            }
        }
        .store-footer{
            a{
                background: $theme-color;
                border: none;
                @include border-radius(0);
                &:hover{
                    background: darken($theme-color, 5%);
                }
            }
        }
    }
}
.dokan-store{
    .dokan-single-store{
		width:100%;
        .profile-frame .profile-info-box{
			margin-bottom: 50px;
			@media (min-width:$screen-md-max){
				>img{
					min-height:400px;
					object-fit:cover;
				}
			}
			&.profile-layout-default{
				.store-social{
					li{
						a{
							@include square(30px);
							@include border-radius(50%);
							line-height:30px;
							display:inline-block;
							text-align:center;
							background:$text-color;
							i{
								font-size:13px !important;
								color:$white !important;
								@include text-shadow(unset !important);
							}
							&:hover{
								background:$theme-color;
							}
						}
					}
				}
			}
			&.profile-layout-layout1{
				.profile-info-summery-wrapper{
					.profile-info-summery{
						.profile-info{
							ul.dokan-store-info li{
								width: 100%;
								&:before{
									display: none;
								}
								i{
									color:$theme-color;
									margin-top: 4px;
									font-size: 18px;
									width: 25px;
									text-align:center;
								}
								&.dokan-store-rating,&.dokan-store-open-close{
									i{
										font-size:15px;
									}
								}
							}
						}
					}
				}
			}
			&.profile-layout-layout2{
				.profile-info-summery-wrapper{
					height:auto;
				}
				.profile-info{
					margin-bottom:-40px;
					h2{
						color:$gray-dark !important;
						font-size:25px !important;
					}
				}
			}
			&.profile-layout-layout3{
				.profile-info-summery-wrapper{
					.profile-info-summery{
						border-color: $border-color;
						padding: 20px;
						.profile-info-head{
							@include rtl-margin-right(0);
							.profile-img{
								@media (min-width: $screen-sm){
									margin-bottom: 0;
								}
								img{
									border: 0;
									padding: 0;
								}
							}
						}
						.profile-info{
							@media (max-width: $screen-xs-max){
								padding: 0;
							}
							@media (min-width: $screen-sm){
								width: calc(100% - 150px);
							}
							h2.store-name{
								font-size: 25px;
								font-weight: 700;
								margin-top:0;
								line-height:1;
							}
							ul.dokan-store-info li{
								width: 100%;
								&:before{
									display: none;
								}
								i{
									color:$theme-color;
									margin-top: 4px;
									font-size: 18px;
									width: 25px;
								}
								&.dokan-store-rating,&.dokan-store-open-close{
									i{
										font-size:15px;
									}
								}
							}
						}
						.profile-info .store-social-wrapper .store-social{
							display: block;
						}
					}
				}
			}
        }
        .dokan-store-tabs{
            ul.dokan-list-inline{
                border: 0;
                width: 100%;
                display: none;
                vertical-align: top;
                margin-bottom: 30px;
                li{
                    @include rtl-border-right(1px solid $white);
                    background: transparent;
                    box-shadow: none;
                    margin: 0;
                    @include rtl-padding-right(30px);
                    @include rtl-float-left();
                    &:last-child{
                        @include rtl-border-right(0);
						@include rtl-padding-right(0);
                    }
                    a {
                        padding:0;
                        color: $text-color;
                        text-transform: uppercase;
                        font-size: 14px;
						font-weight:700;
						position:relative;
						padding:0 35px;
						line-height:40px;
						display:inline-block;
						background:#f4f4f4;
                    }
                    &.active, &:hover{
                        a {
                            color: $white;
							background:$theme-color;
                        }
                    }
                }
            }
        }
        .dokan-store-products-filter-area{
        	.product-name-search{
        		@include rtl-margin-right(10px);
        		padding: 5px 15px;
        	}
        	.search-store-products{
        		cursor: pointer;
        		@include border-radius(0);
        	}
        	.orderby-search{
        		float: right;
			    width: 100%;
			    max-width: 300px;
			    padding: 5px 15px;
        	}
        }        
    }
    .dokan-store-sidebar{
		i.fa{
			@include transition(all 0.3s ease);
		}
        .dokan-store-menu{
            ul li{
                a{
                    border: 0 !important;
                }
            }
            .caret-icon{
                @include rtl-float-right();
                i.fa{
					@include transition(all 0.3s ease);
                    &:before{
                        content: "\f105";
                    }
                    &.fa-rotate-90{
                        @include transform(rotate(90deg));
                    }
                }
            }
        }
        .dokan-store-contact{
            ul{
                padding: 0 !important;
                li{
                    margin-bottom: 20px;
                    padding: 0;
					>label{
						display:none;
					}
					&:before{
						display:none !important;
					}
                }
            }
            .dokan-btn-theme{
                background: $theme-color;
                border-color: $theme-color;
                @include border-radius(4px);
                &:hover{
                    background: darken($theme-color, 5%);
                }
            }
        }
    }
    @media (max-width: $screen-sm-max){
        .dokan-single-store.dokan-w8, .dokan-store-sidebar.dokan-w3{
            width: 100%;
        }
        .dokan-store-sidebar.dokan-w3{
            margin-bottom: 50px;
        }
    }
}
.dokan-pagination-container .dokan-pagination li a{
	@include rtl-margin-right(5px !important);
}
.dokan-dashboard{
	.dokan-dashboard-content{
		article.dashboard-content-area .dashboard-widget{
			&.sells-graph .chart-placeholder.main{
				.legend{
					table, >div{
						width: calc(100% - 50px);
					}
				}
			}
			&.big-counter li{
				&:last-child{
					border: 0;
					>.count{
						border: 0;
					}
				}
			}
			&.products{
				display: block;
			}
		}
	}
	.dokan-dashboard-wrap{
		.dokan-dash-sidebar{
			background:$gray-dark;
			ul.dokan-dashboard-menu{
				background:$gray-dark;
				li{
					&.active,&:hover{
						background:$theme-color;
					}
					&.dokan-common-links a:hover{
						background:$theme-color;
					}
				}
			}
		}
	}
	.pagination-wrap ul.pagination > li{
		>span{
			&.current,&:hover{
				background:$theme-color;
				color:$white;
			}
		}
		a{
			&:hover{
				background:$theme-color;
				color:$white;
			}
		}
	}
}
input[type="submit"].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme{
	background:$theme-color !important;
	border-color:$theme-color !important;
	font-weight:500 !important;
	@include border-radius(0 !important);
	text-transform:uppercase;
	font-size:12px;
	padding:0 20px;
	line-height:33px;
	font-weight:700;
	@include border-radius(25px);
	&:hover{
		background:darken($theme-color,10%) !important;
	}
}
#dokan-store-listing-filter-wrap{
	.dokan-btn-theme{
		background:$theme-color;
		@include border-radius(0 !important);
		text-transform:uppercase;
		font-size:13px;
		letter-spacing:2px;
		font-weight:700;
		&:hover{
			background:darken($theme-color,10%);
		}
	}
	.toggle-view{
		>span{
			&:hover,&.active{
				color:$theme-color !important;
			}
		}
	}
}
#dokan-seller-listing-wrap{
	.store-footer{
		a{
			.dokan-btn-theme{
				background:transparent !important;
				font-size:25px;
				font-family: ElegantIcons;
				position : relative;
				@include size(40px,40px);
				@include rtl-margin-right(0);
				line-height : 38px;
				border:1px solid $gray-light !important;
				color:$gray-dark;
				&:before{
					content: "\35";
					position : absolute;
					@include size(40px,40px);
					@include rtl-left(0px);
					text-align : center;
				}
			}
			&:hover{
				.dokan-btn-theme{
					background:$theme-color !important;
					border-color:$theme-color;
					color:$white;
				}
			}
		}
		.seller-avatar{
			img{
				margin:0;
			}
		}
	}
	.store-header{
		.store-banner{
			img{
				object-fit: cover;
			}
		}
	}
	ul.dokan-seller-wrap li{
		&.no-banner-img .store-content .store-data{
			h2 a{
				color:$gray-dark !important;
				font-size:20px;
				&:hover{
					color:$theme-color !important;
				}
			}
			p{
				color:$text-color !important;
			}
		}
		.store-content .store-data h2 a{
			font-size:20px !important;
		}
		.store-phone{
			i{
				@include rtl-margin-right(10px);
			}
		}
	}
	&.list-view{
		.store-content .store-data h2{
			margin-bottom:-3px !important;
		}
		.store_open_is_on{
			margin-top:0;
		}
		.store-address{
			margin-bottom:5px !important;
			display:block !important;
			margin-top:0 !important;
			&:before{
				color:$theme-color !important;
			}
		}
		.store-phone{
			margin-bottom:0 !important;
			display:block !important;
			i{
				color:$theme-color !important;
			}
		}
		.store-footer{
			a{
				.dokan-btn-theme{
					@include border-radius(0 !important);
				}
			}
		}
	}
}

/*! Wc Marketplace */
#wcmp-store-conatiner{
	overflow: visible;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	white-space: normal;
	color: $text-color;
	.wcmp-store-map-pagination{
		border-bottom:0;
	}
	input[type="submit"]{
		background: $theme-color;
		color: $white;
		border: none;
		&:hover{
			background: darken($theme-color, 10%);
		}
	}
	.wcmp-store-locator-wrap{
		.wcmp-store-map-filter{
			background: #f5f5f5;
		}
		.wcmp-store-map-pagination{
			margin-top: 30px;
			border: 0;
			padding: 0;
		}
	}
	.wcmp-store-list-wrap{
		margin-top: 30px!important;
		margin-bottom:-40px!important;
		margin-left: -15px!important;
		margin-right: -15px!important;
		display: flex;
		flex-wrap: wrap;
		@media (max-width: $screen-xs-max){
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		.wcmp-store-list{
			margin-left: 15px !important;
			margin-right: 15px !important;
			width: calc(33.333333% - 30px);
			@media (min-width: $screen-sm) and (max-width: $screen-sm-max){
				width: calc(50% - 30px);
			}
			@media (max-width: $screen-xs-max){
				width: 100%;
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
			margin-bottom: 40px;
			@include box-shadow(none);
			border: 1px solid $border-color;
			.wcmp-store-picture{
				&:after{
					display: none;
				}
			}
			.wcmp-store-detail-list li {
				padding : 0px;
				i{
					display : none;
				}
			}
		}
	}
	.wcmp-pagination li{
		min-width: 30px;
		line-height: 30px;
		background: transparent;
		margin: 0 10px;
		a, span{
			background: $white;
			display: table-cell;
			padding: 0;
			float: none;
			height: 30px;
			min-width: 30px;
			line-height: normal;
			text-align: center;
			padding: 0 7px;
			vertical-align: middle;
			color: $gray-dark;
			font-size: 14px;
			border: 1px solid $light-gray;
			@include transition(none);
			&:focus{
			  background-color: $theme-color;
			  color: $white;
			  border-color: $theme-color;
			}
			&:hover, &.current{
			  background: $theme-color !important;
			  color: $white;
			  border-color: $theme-color;
			}
		}
	}			
}
.wcmp_vendor_banner_template.template2{
    border-color: rgba($light-gray, 0.2) !important;
    margin-bottom: 60px;
    .vendor_address{
        margin-top: 25px;    
        label{
            color: $light-gray;
        }
        i{
            color: $theme-color;
        }
        a.wcmp_vendor_detail{
            color: $light-gray;
            &:hover{
                color: $theme-color;
            }
        }
    }
    .description_data{
        margin-top: 15px;
        p{
            color: $text-color;
        }
    }
    .vendor_description{
        padding: 30px;
    }
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50%{
    left:-30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50%{
    left:-30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50%{
    left:30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50%{
    left:30px;
  }

  100% {
    left: 0;
  }
}
.simplePopupBackground{
	display:none!important;
}
.woocommerce-account.my-account{
	.woocommerce-MyAccount-content{
		.woocommerce-Addresses{
			display:flex;
			flex-wrap:wrap;
			margin:0 -15px;
		}
		.woocommerce-Address{
			flex: 0 0 50%;
			max-width: 50%;
			address{
				padding:15px;
				border:1px solid #f5f5f5;
				margin-bottom:0;
			}
			@media (max-width:$screen-sm-max){
				flex: 0 0 100%;
				max-width: 100%;
				margin-bottom:30px;
			}
		}
		.woocommerce-Address-title{
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			align-items:center;
			margin:20px 0 0;
			padding:15px;
			background:#f5f5f5;
			h3{
				margin:0;
				font-size:20px;
				font-weight:600;
			}
			a{
				color:$theme-color;
				&:hover{
					color:$gray-dark;
				}
			}
		}
	}
}
.woocommerce-page-header{
	margin-bottom:80px;
	ul{
		list-style:none;
		padding:0;
		text-align:center;
		position:relative;
		li{
			display:inline-block;
			margin:0 20px;
			font-size:22px;
			text-transform:uppercase;
			font-weight:500;
			a{
				display:inline-block;
				position:relative;
				color:$text-color;
				padding-bottom:5px;
				&:before{
					content:"";
					@include size(0,2px);
					background:$gray-dark;
					@include transform(translateX(-50%));
					left:50%;
					@include transition(all 0.3s ease);
					position:absolute;
					bottom:-1px;
				}
			}
			&:hover,&.active{
				a{
					color:$gray-dark;
					&:before{
						width:100%;
					}
				}
			}
		}
		@media (max-width:$screen-sm-max){
			&:before{
				width:100vw;
			}
			li{
				font-size:20px;
				margin:0 15px;
			}
		}
		@media (max-width:$screen-xs){
			&:before{
				display:none;
			}
			li{
				margin:0 0 5px;
				display:block;
				font-size:16px;
				a{
					background:#f5f5f5;
					width:100%;
					padding:5px 0 0;
					&:before{
						display:none;
					}
				}
			}
		}
	}
}
.woocommerce-form-track-order{
	color:$gray-dark;
	max-width:600px;
	margin:auto;
	font-size:$font-size-base;
	font-family:$font-family-base;
	>p:first-child{
		margin-bottom:60px;
	}
	.input-text{
		height:50px;
		line-height:50px;
		padding:0 20px;
	}
	.form-row{
		margin:20px 0;
	}
	label{
		font-weight:700;
	}
	.button{
		width:100%;
		font-size:14px !important;
		line-height:55px !important;
		text-transform:uppercase;
		font-weight:500;
	}
}
.order-info{
	color:$text-color;
	font-size:$font-size-base;
	font-family:$font-family-base;
}
.woocommerce-order-details{
	color:$text-color;
	font-size:$font-size-base;
	font-family:$font-family-base;
	@media (max-width:730px){
		.shop_table.my_account_orders{
			display:block;
			overflow:auto;
			th,td{
				padding:15px;
				min-width:150px;
			}
		}
	}
	.dokan-info{
		background:$theme-color;
		color:$white;
		border-top-color:$gray-dark;
		&:before{
			background:$gray-dark;
		}
	}
}
.woocommerce-customer-details{
	color:$text-color;
	font-size:$font-size-base;
	font-family:$font-family-base;
	.woocommerce-column.col-1{
		margin-top: 40px;
	}
	.woocommerce-columns{
		margin: 0 -15px;
		display:flex;
		flex-wrap:wrap;
		width:100%;
		.woocommerce-column{
			margin-top: 40px;
		   flex: 0 0 50%;
			max-width: 50%;
			padding: 0 15px;
		}
		@media (max-width:$screen-xs-max){
			margin: 0;
			.woocommerce-column{
				flex: 0 0 100%;
				max-width: 100%;
				padding:0;
			}
		}
	}
	address{
		padding: 25px 30px 30px 30px;
		border: 2px dashed $border-color;
	}
	.woocommerce-column__title{
		font-size: 20px;
	}
}
.checkout-top{
	display:flex;
	margin:-40px -15px 70px;
	flex-wrap:wrap;
	>div{
		padding:0 15px;
		flex:1;
		@media (max-width:$screen-sm-max){
			flex:0 0 100%;
			margin:15px 0;
		}
	}
	.woocommerce-info{
		font-size:12px;
		margin:0;
		color:$text-color;
		text-align:center;
		background:#f2f2f2;
		padding:18px 15px 21px;
		border:0;
		text-transform:uppercase;
		font-weight:600;
		a{
			font-weight:500;
		}
		&:before{
			@include rtl-left(0);
			line-height:1;
			font-size:21px;
			color:$gray-dark;
			position:relative;
			top:3px;
			@include rtl-margin-right(15px);
			content:"\e916";
			font-family:wpbingofont;
			font-weight:400;
		}
	}
	.woocommerce-form-coupon-toggle{
		.woocommerce-info{
			&:before{
				content:"\e91c";
				font-size:35px;
				margin-top: -13px;
				position: relative;
				top: 10px;
			}
		}
	}
	.woocommerce-form{
		display:flex;
		margin:0 -9px;
		flex-wrap:wrap;
		.description{
			flex:0 0 100%;
			padding:0 9px;
			p{
				color:$gray-dark;
				max-width:580px;
				margin:30px auto 35px;
				text-align:center;
			}
		}
		.username,.password{
			flex:1;
			padding:0 9px;
			@media (max-width:$screen-xs-max){
				flex:0 0 100%;
				margin-top:15px;
			}
		}
		.rememberme-lost,.button-login{
			flex:0 0 100%;
			padding:0 9px;
		}
		.input-text{
			width:100%;
			height:55px;
			line-height:53px;
			padding:0 20px;
		}
		.rememberme{
			color:$gray-dark;
			@include rtl-text-align-right();
			margin-top:20px;
		}
		.button{
			width:100%;
			font-size:12px;
			margin-top:5px;
			line-height:55px;
			text-transform:uppercase;
			font-weight:600;
		}
	}
	.checkout_coupon{
		.description{
			max-width:200px;
			color:$gray-dark;
			margin:30px auto 35px;
			text-align:center;
		}
		.input-button{
			display:flex;
			flex-wrap:wrap;
			.input-text{
				flex:1;
				height:55px;
				line-height:53px;
				padding:0 20px;
			}
			.button{
				@include rtl-margin-left(5px);
				font-size:12px;
				line-height:55px;
				padding:0 70px;
				text-transform:uppercase;
				font-weight:500;
			}
			@media (max-width:$screen-xs-max){
				.input-text{
					flex:0 0 100%;
				}
				.button{
					width:100%;
					@include rtl-margin-left(0);
					margin-top:15px;
				}
			}
		}
	}
}
.checkout-page-style-1{
	.page-title{
		display:none;
	}
	.woocommerce-page-header{
		margin-top:50px;
	}
}
.checkout-page-style-2{
	.bwp-header{
		border:0 !important;
		position:absolute;
		left:0;
		width:100%;
		.header-wrapper {
			padding:50px 0;
			.container{
				max-width:1440px;
			}
		}
		.header-desktop{
			border:0 !important;
		}
		#bwp-topbar,.wpbingo-menu-mobile,.header-page-link{
			display:none;
		}
	}
	.page-title,.woocommerce-page-header,.bwp-footer{
		display:none;
	}
	.checkout-top{
		margin:0 0 40px;
		padding:0 15px !important;
		>div{
			padding:0 15px;
			@media (max-width:$screen-md-max){
				flex:0 0 100%;
				margin:10px 0;
			}
		}
		.woocommerce-info{
			padding:0;
			background:transparent;
			@include rtl-text-align-left();
		}
		@media (max-width:$screen-sm-max){
			padding:0 !important;
		}
	}
	.woocommerce-checkout{
		.row{
			margin:0;
			>div{
				padding:0;
				padding-top:200px;
			}
		}
	}
	#bwp-main{
		.container{
			max-width:100%;
			padding:0;
			>.row{
				margin:0;
				>.col-lg-12{
					padding:0;
				}
			}
		}
	}
	.woocommerce-checkout{
		.col-xl-8{
			flex: 0 0 63.5%;
			max-width:63.5%;
			>div{
				max-width:990px;
				padding:0 30px;
				@include rtl-margin-left(auto);
			}
		}
		.col-xl-4{
			flex: 0 0 36.5%;
			max-width:36.5%;
			background:#f0f0f0;
			>div{
				max-width:450px;
				@include rtl-margin-right(auto);
			}
		}
		.checkout-review-order-table-wrapper{
			@include rtl-padding(0 ,0 ,0 ,90px);
			border:0;
			@media (max-width:$screen-md-max){
				padding:0 30px;
			}
			@media (max-width:$screen-sm-max){
				padding:0 15px 50px;
			}
		}
		.payment_methods{
			border:0;
			background:$white;
		}
		@media (max-width:$screen-sm-max){
			.col-xl-8{
				flex: 0 0 100%;
				max-width:100%;
				>div{
					max-width:990px;
					padding:0 15px;
				}
			}
			.col-xl-4{
				flex: 0 0 100%;
				max-width:100%;
				background:#f0f0f0;
				>div{
					max-width:100%;
					@include rtl-margin-right(auto);
				}
			}
		}
	}
	#customer_details{
		>div{
			padding:0;
			position:relative;
		}
		.back-to-cart{
			font-weight:700;
			position:absolute;
			top:2px;
			@include rtl-right(0);
			span{
				@include rtl-margin-left(5px);
				font-size:20px;
				position:relative;
				top:4px;
			}
		}
	}
}
body.single-product{
	&.clean{
		.bwp-header{
			&.header-v1,&.header-v2,&.header-v4,&.header-v7{
				@media (min-width:1530px){
					.header-desktop{
						position:absolute;
						width:100%;
					}
				}
			}
		}
		@media (min-width:$screen-md-max){
			.main-single-product{
				margin:0;
				.woocommerce-notices-wrapper{
					position:absolute;
					top:100px;
					max-width:100%;
					z-index:10;
					>div{
						max-width:1410px;
						margin:auto;
					}
				}
			}
		}
	}
	&.moderm{
		.bwp-header{
			&.header-v1,&.header-v2,&.header-v4,&.header-v7{
				.header-desktop{
					position:absolute;
					width:100%;
				}
			}
		}
		.main-single-product{
			margin:0;
			@media (min-width:$screen-sm-max){
				.woocommerce-notices-wrapper{
					position:absolute;
					top:100px;
					max-width:100%;
					z-index:10;
					>div{
						max-width:1410px;
						margin:auto;
					}
				}
			}
		}
	}
	&.full_width{
		.bwp-header{
			&.header-v1,&.header-v2,&.header-v4,&.header-v7{
				.header-desktop{
					position:absolute;
					width:100%;
				}
			}
		}
		.main-single-product{
			margin:0;
			@media (min-width:$screen-sm-max){
				.woocommerce-notices-wrapper{
					position:absolute;
					top:100px;
					max-width:100%;
					z-index:10;
					>div{
						max-width:1410px;
						margin:auto;
					}
				}
			}
		}
	}
	&.single-background{
		.bwp-header{
			&.header-v1,&.header-v2,&.header-v4,&.header-v7{
				.header-desktop{
					position:absolute;
					width:100%;
				}
			}
		}
		.main-single-product{
			margin:0;
		}
		&.dark:not(.full_width,.moderm,.clean){
			.bwp-header{
				&.header-v1,&.header-v2,&.header-v4,&.header-v7{
					.header-desktop{
						border-color:rgba($white,0.15);
					}
				}
				@media (min-width:$screen-sm-max){
					.wpbingoLogo{
						img{
							filter: contrast(0) brightness(200%);
						}
					}
				}
			}
			.bwp-navigation ul > li.level-0{
				> a{
					color:$white;
					>span{
						&:before{
							background:$white;
						}
					}
				}
				&.current_page_item, &:hover, &.current-menu-item, &.current-menu-ancestor{
					> a{
						color:$white;
						>span{
							&:before{
								width:100%;
							}
						}
					}
				}
			}
			.header-page-link{
				.search-box .search-toggle{
					color:$white;
					&:hover{
						color:$theme-color;
					}
				}
				.login-header{
					>a{
						color:$white;
						&:hover{
							color:$theme-color;
						}
					}
					.block-top-link{
						.widget-title{
							color:$white;
							&:hover{
								color:$theme-color;
							}
						}
					}
				}
				.wishlist-box a{
					color:$white;
					&:hover{
						color:$theme-color;
					}
				}
				.mini-cart .cart-icon{
					.icons-cart{
						color:$white;
						&:hover{
							color:$theme-color;
						}
					}
					.cart-count{
						background:$white;
						color:$gray-dark;
					}
				}
			}
		}
	}
	&.sticky{
		padding:0;
	}
}
body{
	&.woocommerce-cart,&.order-tracking{
		.bwp-header{
			margin-bottom:70px;
		}
		.page-title{
			display:none;
		}
	}
}
/*------------------------------ Shop page --------------------------*/
.content-categories-top{
	>ul.content-categories{
		margin:0 -15px;
		display:flex;
		flex-wrap:wrap;
		list-style:none;
		padding:0;
		li.items{
			padding:0 15px;
			width:25%;
			margin-bottom:15px;
			@media (max-width:$screen-md-max){
				width:33.33%;
			}
			@media (max-width:$screen-sm-max){
				width:50%;
			}
			@media (max-width:$screen-xs){
				width:100%;
			}
		}
	}
	.item-product-cat-content{
		overflow:hidden;
		padding:30px;
		margin-bottom:15px;
		&:hover{
			.item-image{
				img{
					-webkit-animation-name: shakes;
					animation-name: shakes;
					-webkit-animation-duration: 1s;
					animation-duration: 1s;
					-webkit-animation-timing-function: ease-in-out;
					animation-timing-function: ease-in-out;
					-webkit-animation-iteration-count: 1;
					animation-iteration-count: 1;
				}
			}
		}
	}
	.item-image{
		text-align:center;
		img{
			margin:auto;
			max-height:190px;
			object-fit: cover;
		}
	}
	.item-title{
		margin:0 0 15px;
		font-size:20px;
		font-family: $font-family-second;
		text-transform: uppercase;
		position: relative;
		font-weight: 400;
		padding-bottom: 10px;
		&:before{
			position: absolute;
			content: "";
			@include size(50px, 2px);
			background: $theme-color;
			bottom: 0;
		}
	}
	ul.item-children{
		padding:0;
		list-style:none;
		font-size:14px;
		margin-bottom:17px;
		li{
			padding: 3px 0;
		}
		i{
			font-size: 8px;
			color: $theme-color;
			position: relative;
			top: -2px;
			@include rtl-margin-right(7px);
		}
		a{
			&:hover{
				color:$theme-color;
			}
		}
	}
	.item-btn a{
		display:inline-block;
		font-size:12px;
		font-weight:500;
		line-height:28px;
		padding:0 10px;
		background:$white;
		@include border-radius(15px);
		@include transition(all 0.2s ease);
		border:1px solid $border-color;
		&:hover{
			background:$theme-color;
			color:$white;
			border-color:$theme-color;
		}
	}
	@media (max-width:$screen-sm-max){
		.item-title{
			font-size:15px;
		}
	}
	&.style_2{
		li.items{
			max-width:25%;
			flex:0 0 25%;
		}
		.item-product-cat-content{
			padding:25px;
			background:#f4f4f4;
		}
		.item-image{
			margin-bottom:10px;
			img{
				filter: brightness(0.96);
			}
		}
		@media (max-width:$screen-md-max){
			li.items{
				max-width:33.33333%;
				flex:0 0 33.33333%;
			}
		}
		@media (max-width:$screen-xs-max){
			li.items{
				max-width:100%;
				flex:0 0 100%;
			}
		}
	}
	&.style_1{
		li.items{
			max-width:33.3333%;
			flex:0 0 33.3333%;
			margin-bottom:30px;
		}
		.item-product-cat-content{
			padding:20px 10px;
			display:flex;
			border:1px solid $border-color;
			background:$white;
			height:100%;
			margin-bottom:0;
			.content{
				padding:0 15px;
			}
		}
		.item-image{
			flex:0 0 42.5%;
			width:42.5%;
		}
		@media (max-width:$screen-md-max){
			li.items{
				max-width:50%;
				flex:0 0 50%;
			}
		}
		@media (max-width:$screen-xs-max){
			li.items{
				max-width:100%;
				flex:0 0 100%;
			}
		}
	}
}
.bestseller-product,.featured-product{
	position:relative;
	.title-bestseller{
		border-bottom:1px solid $border-color;
		margin-bottom:15px;
		h2{
			margin:0;
			font-size:20px;
			position:relative;
			display:inline-block;
			padding-bottom:10px;
			&:before{
				content:"";
				position:absolute;
				height:3px;
				bottom:-2px;
				width: 50px;
				background:$theme-color;
			}
		}
	}
	.slick-track{
		padding:15px 0;
	}
	.slick-arrow{
		@include opacity-s();
		@include square(21px);
		border:1px solid $gray-dark;
		color:$gray-dark;
		font-size:8px;
		line-height:18px;
		font-weight:600;
		top:5px;
		background:$white;
		@include border-radius(0);
		&:hover{
			background:$theme-color;
			color:$white;
			border-color:$theme-color;
		}
		&.fa-angle-left{
			right:26px;
			left:auto;
		}
		&.fa-angle-right{
			right:0;
		}
	}
}
.banner-shop{
	margin-bottom:30px;
	position:relative;
	img{
		min-height: 350px;
		object-fit: cover;
	}
	.content-info{
		position:absolute;
		top:50%;
		@include transform(translateY(-50%));
		left:0;
		width:100%;
		text-align:center;
		padding:0 15px;
	}
	.title{
		color: $gray-dark;
		text-transform: uppercase;
		font-size:35px;
		font-family: $font-family-second;
		line-height:40px;
		margin: 0 0 10px;
	}
	.description{
		font-size: 14px;
		text-transform:uppercase;
		color: $gray-dark;
		letter-spacing: 2px;
		font-weight: 600;
		margin: 0 0 15px;
	}
	.button{
		display:inline-block;
		background: #00b8ff;
		line-height:35px;
		padding:0 25px;
		color: $white;
		letter-spacing: 2px;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		&:hover{
			background:$theme-color;
		}
	}
	@media (max-width:$screen-xs){
		.title{
			font-size:25px;
			line-height:30px;
		}
	}
}
.wishlist_table{
	.product-add-to-cart a{
		background:$theme-color;
		@include border-radius(4px);
		padding:5px 10px;
		display:inline-block !important;
		color:$white;
	}
	.product-name a {
		font-size:14px;
		&:hover{
			color:$theme-color;
		}
	}
}
.buy-together-products {
	padding:0 15px;
	.item-products-wrap:not(.wpb-check){
		.item-product{
			width:20%;
			flex:0 0 20%;
			padding:0 15px;
			position:relative;
			.thumbnail-wrap{
				padding:0;
			}
			.item-product-title{
				min-height:auto;
				margin:20px 0 5px;
				line-height:18px;
			}
			.item-product-info{
				.buy-together-price{
					font-size: 18px;
					color:$product-price-color;
					font-weight:500;
					del{
						color:$text-color;
					}
					ins{
						text-decoration:none;
						color:$theme-color;
					}
				}
			}
			&.buy-together-hidden{
				display:block;
				opacity:0.3;
			}
			@media (max-width:$screen-md-max){
				width:33.33%;
				flex:0 0 33.33%;
			}
			@media (max-width:$screen-xs-max){
				width:50%;
				flex:0 0 50%;
			}
		}
	}
	.item-products-wrap.wpb-check{
		.item-product-title{
			font-size:13px;
		}
		&:not(.buy-together-main-item){
			cursor:pointer;
		}
		.buy-together-price{
			font-size: 13px;
			color:$theme-color;
			font-weight:500;
			del{
				color:$text-color;
				font-size:11px;
			}
			ins{
				text-decoration:none;
				color:$theme-color;
			}
		}
		.buy-together-hidden{
			display:block;
			opacity:0.7;
		}
		.item-product{
			margin-bottom:0;
		}
	}
	.buy-together-right-part{
		padding:0 15px;
		width:20%;
		flex:0 0 20%;
		margin-bottom:50px;
		.total-price-html{
			color:$theme-color;
			font-size:32px;
			font-weight:500;
			@include rtl-margin-right(10px);
		}
		.total-price-wrap{
			margin-bottom:5px;
			.for-items-text{
				font-size:12px;
			}
		}
		.buy-together-add-all-to-cart-btn-wrap{
			.buy-together-add-all-to-cart{
				@include border-radius(0);
				font-size:15px;
				font-weight:500;
				padding:0 30px;
				line-height:40px;
				&:before{
					display:none;
				}
			}
			.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
				background:$gray-dark;
				border-color:$gray-dark;
			}
		}
		@media (max-width:$screen-md-max){
			width:33.33%;
			flex:0 0 33.33%;
		}
		@media (max-width:$screen-xs-max){
			width:100%;
			flex:0 0 100%;
		}
	}
}
body.show-background-yes{
	#main{
		background:#f4f4f4;
		margin-top:-50px;
		padding-top:50px;
		margin-bottom:-60px;
		padding-bottom: 60px;
	}
	.bwp-top-bar.top .content-topbar-bottom{
		border:1px solid #e0e0e0;
	}
	.content-categories-top.style_2 .item-product-cat-content{
		background:$white;
	}
}
.tooltip{
	z-index:9;
	.tooltip-inner{
		margin:0;
		padding:0 10px !important;
		line-height:22px;
		color:$white;
		font-size:10px;
		background:$gray-dark;
		@include border-radius(0);
		position:absolute;
		top:-25px;
		left:50%;
		@include transform(translateX(-50%));
		white-space:nowrap;
		&:before{
			@include transform(rotate(45deg));
			content: "";
			position: absolute;
			width: 12px;
			height: 12px;
			background:$gray-dark;
			bottom: -2px;
			left: 50%;
			margin-left: -6px;
			z-index:-1;
		}
	}
}

/*------------- photoswipe -------------------*/
.pswp{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:10000;
	display:none;
	&.pswp--open{
		display: block;
		.pswp__top-bar{
			position:relative;
			z-index:9;
			.pswp__counter{
				color:$white;
				font-size:18px;
				font-weight:500;
				@include rtl-float-left();
				height: 44px;
				line-height:44px;
				@include rtl-padding-left(15px);
			}
			.pswp__button{
				@include rtl-float-right();
				background-size: 264px 88px;
				width: 44px;
				height: 44px;
				border:0;
				padding:0;
				cursor:pointer;
				&.pswp__button--close{
					background-position: 0 -44px;
				}
				&.pswp__button--share{
					background-position: -44px -44px;
					display:none;
				}
				&.pswp__button--zoom{
					background-position: -88px 0;
				}
			}
		}
		.pswp__button--arrow--left{
			position:absolute;
			top:50%;
			font-family: wpbingofont;
			border:0;
			padding:0;
			font-weight:500;
			font-size:20px;
			color:$white;
			cursor:pointer;
			left:50px;
			&:before{
				content: "\e91a";
			}
		}
		.pswp__button--arrow--right{
			position:absolute;
			top:50%;
			font-family: wpbingofont;
			border:0;
			padding:0;
			font-weight:500;
			font-size:20px;
			color:$white;
			right:50px;
			cursor:pointer;
			&:before{
				content: "\e91b";
			}
		}
		@media (max-width:$screen-xs-max){
			.pswp__button--arrow--left{
				color:$theme-color;
				left:15px;
			}
			.pswp__button--arrow--right{
				color:$theme-color;
				right:15px;
			}
		}
	}
}