ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / adenbic.com / wp-content / themes / bumbleb / sass / themes

/************************************************************************************************
    BLOCK TOP BAR  
*************************************************************************************************/  
#bwp-topbar{
    color: $topbar-color;
    font-size:$topbar-font-size;
	padding:12.5px 0;
	line-height: 20px;
	.topbar-container{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content: space-between;
		>div{
			text-align:center;
			&:only-child{
				width:100%;
				text-align:center;
			}
		}
		@media (max-width:991px){
			display:block;
		}
	}
	a {
		color: $gray-dark;
		&:hover{
			color:$theme-color;
		}
	}
	.topbar-center{
		text-transform:uppercase;
		font-weight:700;
	}
	.topbar-right{
		a{
			margin-left:20px;
			&:first-child{
				margin-left:0;
			}
		}
	}
	#topbar_menu{
		list-style:none;
		li{
			display:inline-block;
			@include rtl-padding-right(27px);
			@include rtl-margin-right(20px);
			position:relative;
			&:before{
				position:absolute;
				content:"";
				@include rtl-right(0);
				background: rgba($gray-dark, .15);
				width:1px;
				height:13px;
				top:calc(50% - 7px);
			}
			&:last-child{
				@include rtl-margin-right(0);
				@include rtl-padding-right(0);
				&:before{
					display:none;
				}
			}
		}
	}
	&.topbar-v1{
		background:#100f0f;
		color: $white;
		padding: 15px 0;
		a{
			color: $white;
			position:relative;
			margin: 0;
			padding:0 15px;
			&:hover{
				color:$theme-color;
			}
			&:before{
				position:absolute;
				content:"";
				@include rtl-right(0);
				background:rgba($white, .2);
				width:1px;
				height:16px;
				top:calc(50% - 7px);
			}
			&:last-child{
				@include rtl-padding-right(0);
				&:before{
					display:none;
				}
			}
		}
		.topbar-left,.topbar-center{
			span{
				color: $theme-color;
			}
		}
		.container{
			max-width: 1880px;
		}
	}
} 
/************************************************************************************************
    BLOCK HEADER 
*************************************************************************************************/ 
.title-vertical{
	h2{
		font-size:14px;
		text-transform:uppercase;
		padding-bottom:10px !important;
		position:relative;
		font-weight:700;
		&:before{
			position:absolute;
			bottom:-1px;
			@include size(40px,1px);
			background:$theme-color;
			content:"";
			@include rtl-left(0);
		}
	}
}
.categories-vertical-menu{
	position: relative;
	@include transition(all .5s ease);
	&.active{
		display: block;
	}
	&.show{
		.widget-title{
			cursor: unset;
		}
		@media (min-width:$screen-md-max){
			.bwp-vertical-navigation >div{
				display : block !important;
				height : 100% !important;
			}
		}
	}	
	&.accordion{
		.bwp-vertical-navigation >div{
			display : none;
		}
	}
	.menu-item-desc{
		display:none;
	}
	.widget-title{
		font-size:15px;
		margin: 0;
		color: $gray-dark;
		min-width: 280px;
		width: 100%;
		display:flex;
		cursor:pointer;
		align-items: center;
		position:relative;
		&:hover{
			color:$theme-color;
		}
		i{
			@include rtl-margin-right(10px);
			position: relative;
			top: 1px;
			color: $blue-light ;
			&:before{
				content: "\e90c";
				font-family: icomoon;
				font-size: 20px;
				@include rtl-margin-right(-3px);
				font-weight:400;
			}
		}
		&:before{
			content:"\e92e";
			font-family:feather;
			position:absolute;
			top: 12px;
			right: 10px;
			font-size: 16px;
			transition:all 0.3s ease;
		}
		&.active{
			&:before{
				transform:rotate(180deg);
			}
		}
	}
	.verticalmenu{
		position: absolute;
		top:100%;
		width: 100%;
		min-width: 250px;
		background:$white;
		z-index: 99;
		>div>div{
			border: 2px solid $theme-color;
			border-top:0;
		}
	}
	.bwp-vertical-navigation >div{
		padding: 0;
		display:block;
		position:relative;
		ul.menu{
			padding:0 0 20px 0;
			max-width: 260px;
			background:$white;
			@include rtl-text-align-left();
			li{
				&.menu-hide-title{
					> span.title, >a{
						@media (max-width: 991px){
							display: block !important;
							margin:0;
							padding:0!important;
						}
					}
				}
				&.menu-item-has-children{
					>a{
						display: inline-block;
						width: 100%;
						&:after{
							top: 1px;
							content: "\f2fb"!important;
							position:absolute;
							@include rtl-margin-left(5px);
							@include rtl-right(0);
						}
					}
				}
			}
			li.level-0{
				float:unset;
				width:100%;
				position:unset !important;
				padding: 0 20px;
				list-style:none;
				@media (max-width: $screen-md-max){
					padding: 0 15px;
				}
				&:first-child{
					padding-top: 0;
				}
				&:last-child{
					a{
						border-bottom:none;
					}
				}
				i{
					font-size: 21px;
					width: 21px;
					text-align: center;
					@include rtl-margin-right(16px);
					position: relative;
					@include rtl-float-left();
				}
				>a{
					margin:0;
					width:100%;
					font-weight: 500;
					font-size: 14px;
					border-bottom:1px solid rgba($gray-dark, .075);
					white-space: normal;
					position:relative;
					color:$gray-dark;
					padding: 13px 0;
					display:inline-block;
					&:hover{
						color:$theme-color;
					}
					> span{
						position: relative;
						&:before, &:after{
							display:none!important;
						}
					}
					.menu-img{
						width: 22px;
						text-align: center;
						display: inline-block;
						@include rtl-margin-right(10px);
						position: relative;
						top: -2px;
					}
				}
				&.menu-item-has-children{                      
					@media (min-width: $screen-md){
						> ul.sub-menu,div.sub-menu {
							top: 0;
							@include rtl-left(calc(100% + 50px));
						}
						&:hover {
							> ul.sub-menu,div.sub-menu {
								@include opacity-s();
								@include rtl-left(100%);
							}
						}
					}
					&:not(.mega-menu){
						position:relative !important;
						li.menu-item-has-children{
							@media (min-width: $screen-md){
								> ul.sub-menu,div.sub-menu {
									top: 0;
								}
								&:hover {
									> ul.sub-menu {
										top: 0 !important;
									}
								}
							}
						}
					}
				}
				.menu-item-has-children{
					>a >span{
						&:after{
							display:none;
						}
					}
				}
				&.current_page_item, &:hover, &.current-menu-item{
					> a >span{
						color: $theme-color;
						&:before{
							content:"";
							width:100%;
							height:1px;
							@include rtl-left(0);
							background:$navbar-link-hover-color;
							position:absolute;
							bottom:0;
						}
					}
				}
				&.mega-menu-fullwidth-width{
					ul.sub-menu,div.sub-menu{
						@include rtl-left(calc(100% + 30px));
					}
				}
				ul.sub-menu,div.sub-menu{
					@include rtl-left(100%);
					top: 0;
					padding:25px 20px;
					@include transform(unset);
					position:absolute;
					z-index: 9999;
					background: $white;
					display: block;
					min-width: 225px;
					@include transition(all 0.3s ease);
					@include opacity-h();
					border:1px solid #f5f5f5;
					li{
						list-style:none;
						padding-top: 5px;
						padding-bottom: 5px;
						&:last-child{
							border-bottom:0;
						}
					}
					@media(max-width:$screen-sm-max){
						padding-top:0;  
					}
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
				}
				&.mega-menu{
					>ul.sub-menu,div.sub-menu{
						padding:0;
						>div{
							height:100%;
							>div{
								height:100%;
								>div{
									height:100%;
								}
							}
						}
						.box-vertical{
							padding:30px 15px;
						}
						@media(min-width:992px){
							width:880px;
							border:1px solid rgba($light-gray,0.25);
							@media (max-width:$screen-md-max){
								width:700px;
							}
						}
						.title h2{
							font-size:15px;
							text-transform:uppercase;
							margin:0;
							margin-bottom:17px;
						}
						ul{
							padding:0;
							li{
								list-style:none;
								padding:3px 0;
								&:last-child{
									border-bottom:0;
								}
								a{
									color:$text-color;
									&:hover{
										color:$theme-color;
									}
								}
							}
						}
						.vertical-menu{
							padding:35px 30px;
							height:100%;
							margin:0;
						}
					}
					&.vertical-menu3{
						div.sub-menu{
							width:530px;
						}
					}
					&.vertical-menu5{
						div.sub-menu ul li a{
							color:$white;
							&:hover{
								color:$theme-color;
							}
						}
						.title-vertical h2{
							@media (min-width:$screen-sm-max){
								color:$white;
							}
						}
					}
				}
				&:not(.mega-menu)> ul.sub-menu,div.sub-menu{
					@media (min-width: $screen-sm-max){
						li.level-1{
							.sub-menu{
								@include rtl-left(calc(100% + 20px));
							}
						}
					}   
				}
			}
			.more-wrap{
				padding: 5px 20px;
				color: $gray-dark;
				text-transform: uppercase;
				font-size: 14px;
				font-family: $font-family-base;
				font-weight: 700;
				&:hover{
					cursor: pointer;
					color: $theme-color;
				}
				span{
					line-height:40px;
					@media(max-width:1499px)and(min-width:$screen-lg){
						line-height:50px;
					}
					&:before{
						font-size: 16px;
						@include rtl-margin-right(10px);
						content:"\4c";
						font-family:ElegantIcons;
						width:20px;
						font-weight: 400;
						text-align: center;
						display: inline-block;
						vertical-align: top;
						@media (max-width: 1529px){
							@include rtl-margin-right(10px);
						}
					}
				}
				&.open{
					span{
						&:before{
							content:"\4b";
						}
					}
				}
			}
		}
	}
}
body:not(.page-template-homepage){
	.bwp-header{
		border-bottom:1px solid #e5e5e5;
		&.header-v3{
			border-bottom:transparent;
		}
	}
	.bwp-footer:not(.footer-4, .footer-5){
		border-top: 1px solid #e5e5e5;
	}
}
.page-template-homepage{
	.bwp-header{
		&.header-absolute{
			@media (min-width:$screen-sm-max){
				position:absolute;
				width:100%;
			}
		}
		&.header-color__white{
			.bwp-navigation ul > li.level-0 > a{
				color:$white;
			}
			.header-mobile{
				.navbar-toggle{
					&:before{
						color: $gray-dark;
					}
				}
				.mini-cart{
					.cart-icon{
						color: $gray-dark;
					}
				}
			}
			.header-page-link {
				.search-box .search-toggle{
					.icon-Search{
						color:$white;
						&:hover{
							color: $white;
						}
					}
				}
				.wishlist-box {
					a{
						color:$white;
					}
				}
				.mini-cart .cart-icon{
					.icons-cart{
						@include rtl-border-left(1px solid rgba($white, .1));
						i{
							color:$white;
						}
					}
					.text-cart{
						color:$white;
					}
				}
				.login-header > a{
					color:$white;
				}
			}
			.block-top-link > .widget{
				.widget-custom-menu{
					.widget-title:after{
						color:$white;
					}
				}
			}
		}
	}
}
.home-3{
	#page{
		@media (max-width:$screen-sm-max){
			background-image: none !important;
		}
	}
}
.home.blog{
	.bwp-header{
		margin-bottom:60px;
	}
}
.search-box.search-dropdown{
	.search-box{
		max-width: 350px;
		margin: 0 auto;
		width: 100%;
		color: $gray-dark;
		position: relative;
		@include rtl-text-align-left();
		&:before{
			position: absolute;
			content:"";
			top: 0;
			@include rtl-right(0);
			@include size(100%, 45px);
			z-index: -1;
			border: 1px solid #dadada;
		}
		#searchsubmit,#searchsubmit2{
			background: transparent;
			color: $gray-dark;
			font-size: 0;
			@include rtl-float-left();
			@include square(43px);border: 0;
			i{
				font-size: 18px;
			}
		}
		input[type="text"]{
			background: transparent;
			padding:0;
			border: 0;
			display: inline-block;
			width: calc(100% - 43px);
			line-height:43px;
			@include rtl-padding-right(15px); 
			@include border-radius(0);
			@include rtl-float-left();
			&::placeholder{
				font-size: 13px;
			}
		}
		.search-from{  
			border: 0;
			flex-direction: row-reverse;
			background: transparent;
			height: 40px;
			line-height: 40px;
			#searchsubmit,#searchsubmit2{
				padding: 0 10px;
				background: transparent;
			}
		}
		.result-search-products-content{
			display:none;
		}
		.result-search-products{
			display:none;
			z-index: 10;
			max-height: 300px;
			overflow-y: auto;
			padding: 30px 5px;
			overflow-x: hidden;
			list-style:none;
			&::-webkit-scrollbar-track
			{
				background-color: #F5F5F5;
			}

&::-webkit-scrollbar
			{
				width: 5px;
				background-color: #F5F5F5;
			}

&::-webkit-scrollbar-thumb
			{
				background-color: rgba($gray-dark, 0.1);
			}
			.item-search{
				list-style:none;
				padding:15px 0;
				display:table;
				width:100%;
				border-bottom:1px solid #f5f5f5;
				.item-image{
					display: table-cell;
					width: 70px;
				}
				.item-content{
					display: table-cell;
					vertical-align: top;
					@include rtl-padding-left(20px);
					a{
						color: $gray-dark;
						font-family: $font-family-second;
						&:hover{
							color: $theme-color;
						}
					}
				}
				&:last-child{
					padding-bottom:0;
					border-bottom:0;
				}
				&:first-child{
					padding-top:0;
				}
			}
			.price{
				font-size:14px;
				del{
					font-size:13px;
				}
			}
			&.loading{
				&:before{
					position: absolute;
					left: 50%;
					top: calc(50% - 17px);
					display: inline-block;
					content: "\f110";
					width: auto;
					height: auto;
					color: $theme-color;
					margin-left: 0;
					font-family: FontAwesome;
					background-color: transparent !important;
					background: none;
					font-size: 20px;
					@include animation(2s linear 0s normal none infinite running spinAround);
				}
			}
		}
	}
	.dropdown-search{
		@include rtl-text-align-left();
		width: 380px;
		padding: 30px 20px;
		background: $white;
		border: 1px solid #f3f3f3;
		position: absolute;
		@include opacity-h();
		@include transition(all 0.3s ease);
		@include transform(translateY(20px) !important);
		z-index: 10001;
		left:auto !important;
		@include rtl-right(0 !important);
		top: 45px !important;
		@include box-shadow(0px 5px 5px 0px rgba(50, 50, 50, 0.2));
		@media (max-width: $screen-phone){
			width: 290px;
		}
	}
	&.active{
		.dropdown-search{
			@include opacity-s();
			@include transform(translateY(0) !important);
		}
	}
}
.#{$app-prefix}-header {
    margin-bottom: $header-margin-bottom;
    position: relative;
    background: $header-bg;
	z-index:999;
    .header-content{
        @include transition(all .3s ease 0s);
        .wpbingo-menu-left .menu-title-box{
            .navbar-toggle{
                display: inline-block;
                color: $gray-dark;
                >span{
                    font-size: 15px;
                    font-weight: 700;
                    text-transform: uppercase;
                }
                i{
                    font-size: 15px;
                }
            }
        }
        .search-box {
            color: $gray-dark;
            &:hover{
                color: $theme-color;
            }
            .search-toggle {
                display: block;
                cursor: pointer;
                font-size: 22px;
            }
        }
		&.empty_header_right{
			@media(max-width:$screen-sm-max){
				>.container{
					>.row{
						display:flex;
						.header-logo{
							text-align:left!important;
						}
						.header-right{
							display:none;
						}
					}
				}
			}
		}
    }
    .header-container{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		position:relative;
		.header-left{
			flex:1.5;
		}
		.bwp-navigation{
			display:block;
		}
	}
	.header-menu{
		position:unset;
	}
	.header-left{
		>*{
			display:inline-block;
			vertical-align:middle;
		}
	}
	.header-page-link{
		position:relative;
		@include rtl-text-align-right();
		>*{
			display:inline-block;
			@include rtl-margin-left(20px);
			vertical-align:middle;
			&:first-child{
				@include rtl-margin-left(0);
			}
			&.bumbleb-topcart{
				@include rtl-margin-left(20px);
				@include rtl-margin-right(10px);
			}
			@media (max-width:$screen-xs-max){
				@include rtl-margin-left(10px);
			}
		}
		.phone{
			display:inline-flex;
			align-items:center;
			position:relative;
			@include rtl-padding-right(20px);
			&:before{
				content:"";
				position:absolute;
				@include rtl-right(0);
				@include size(1px,40px);
				top:calc(50% - 20px);
				background:#dedede;
			}
			i{
				color:$theme-color;
				font-size:30px;
				@include square(58px);
				border:2px solid $theme-color;
				@include border-radius(50%);
				text-align:center;
				line-height:54px;
			}
			.content{
				@include rtl-text-align-left();
				@include rtl-padding-left(15px);
				label{
					margin:0 0 -6px;
					display:block;
					font-size:11px;
					text-transform:uppercase;
					font-weight:700;
				}
				a,span{
					display:block;
					font-size:18px;
					font-weight:700;
				}
			}
		}
		.wishlist-box{
            font-size: 20px;    
			position:relative;
			i{    
				position:relative;
				top:1px;
				@include transition(all 0.3s ease);
			}
			&:hover{
				a{
					color:$theme-color;
				}
			}
			.count-wishlist{
            	position: absolute;
            	top: 0px;
            	@include rtl-right(-11px);
            	@include square(18px);
            	line-height: 18px;
            	display: inline-block;
            	color:$white;
            	text-align: center;
            	background: $theme-color;
            	@include border-radius(50%);
				font-size:10px;
            }
        }
		.compare-box{
			position:relative;
			top:2px;	
			a{
				font-size:0;
				&:before{
					content:"\e905";
					font-family:icomoon;
					display:inline-block;
					font-size:20px;
					position: relative;
					line-height: 1;
					font-weight:700;
				}
			}
		}
        .mini-cart{
            .cart-icon {
            	position: relative;
				&:hover{
					color:$theme-color;
				}
            	.total-price{
					font-size: 0;
				}
				.icons-cart{
					position:relative;
					cursor:pointer;
					font-size: 18px;
					font-family: $font-family-base;
					font-weight:700;
		            .cart-count {
		            	top: -2px;
						right:-10px;
		            	@include square(18px);
		            	position: absolute;
            			line-height: 18px;
		            	display: inline-block;
		            	font-family: $font-family-second;
		            	color:$gray-dark;
		            	font-weight: 400;
		            	text-align: center;
		            	background: $theme-color;
		            	@include border-radius(50%);
						font-size:10px;
		            }
				}
            	i{
					font-size: 25px;
					position: relative;
					top: 4px;
					@include transition(all 0.3s ease);
            	} 
            }
        }
        .search-box .search-toggle{
            font-size: 21px;
			position:relative;
			top:1px;
			color:$gray-dark;
			@include transition(all 0.3s ease);
			&:hover{
				color:$theme-color;
				top: -2px;
			}
        }
        >.search-from{
            >ul.result-search-products{
                padding: 20px !important;
                max-height: 380px !important;
                min-width: 290px;
                top: 40px;
                li{
                    width: 100% !important;
                }
            }
        }
		.login-header{
			position:relative;
			>a{
				position:relative;
				top:2px;
				font-size: 22px;
				@include transition(all 0.3s ease);
				&:hover{
					color:$theme-color;
				}
			}
			.block-top-link{
				.widget-title{
					&:hover{
						color:$theme-color;
					}
				}
				.widget-custom-menu {
					>div{
						width:auto;
					}
				}
			}
		}
	}
	.remove-cart-shadow{
		position: fixed;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin:0 !important;
		z-index: 9999;
		background: rgba(0,0,0,.4);
		display: none;
		-webkit-transition: opacity .4s cubic-bezier(0,.8,1,1);
		transition: opacity .4s cubic-bezier(0,.8,1,1);
		&.show{
			display: block;
		}
	}
    //Search
	.header-search-form{
		width: 100%;
		max-width: 630px;
		@media(max-width: 1500px){
			max-width: 600px;
		}
		@media(max-width: 1390px){
            max-width:450px;
        }
		@media (max-width:$screen-xs-max){
			margin-bottom:30px;
		}
		.result-search-products-content{
			position: absolute;
			background: $white;
			width:100%;
			top:calc(100% + 10px);
			left:0;
			@include border-radius(4px);
			@include box-shadow(0 1px 12px 2px hsla(0,0%,56%,.3));
			display:none;
			z-index:10;
			&:before{
				content:"";
				position:absolute;
				top:-14px;
				@include rtl-left(50px);
				border-style:solid;
				border-width:7px 8px;
				border-color:transparent;
				border-bottom-color: $white;
			}
			.close-search{
				position: fixed;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				cursor: initial;
				z-index:8;
			}
		}
		.result-search-products{
			display:none;
			z-index: 10;
			max-height: 300px;
			overflow-y: auto;
			padding: 30px;
			overflow-x: hidden;
			list-style:none;
			z-index: 15;
			position: relative;
			&::-webkit-scrollbar-track
			{
				background-color: #F5F5F5;
			}

&::-webkit-scrollbar
			{
				width: 5px;
				background-color: #F5F5F5;
			}

&::-webkit-scrollbar
					{
						width: 5px;
						background-color: #F5F5F5;
					}

&::-webkit-scrollbar-thumb
					{
						background-color: rgba($gray-dark, 0.1);
					}
					li{
						border-bottom: 1px solid #f5f5f5;
						cursor:pointer;
						line-height:1.3;
						padding:15px 0;
						font-size:12px;
						&:last-child{
							border-bottom:0;
						}
						&:hover,&.active{
							color:$theme-color;
						}
					}
				}
			}
			.caret{
				@include transition(all 0.3s ease);
				display:inline-block;
				font-size: 18px;
				line-height: 1;
				position:relative;
				top:3px;
				&:before{
					font-family: 'ElegantIcons';
					content: "\33";
				}
			}
			.search-box{
				@include rtl-text-align-left();
				flex:1;
				width: 100%;
				input[type="text"]{
					background: transparent;
				    padding: 0;
				    border: 0;
				    width: 100%;
				    color: $gray-dark;
				    display: inline-block;
				    line-height: 45px;
				    border-radius: 0;
				    padding: 0 30px;
				    float: left;
					&::placeholder{
						font-size: 13px;
						color: rgba($gray-dark, .5);
					}
				}
				@media (max-width:$screen-md-max){
					width:auto;
				}
			}
			#searchsubmit,#searchsubmit2{
			   	color: $gray-dark;
			    font-family: $font-family-base;
			    font-weight: 700;
			    float: right;
			    height: 45px;
			    border: 0;
			    padding:0 30px;
				font-size:0;
				background:$gray-dark;
				border-radius:0  22px 22px 0;
				-webkit-border-radius: 0  22px 22px 0;
				.search-icon{
					font-size: 18px;
					line-height: 1;
				}
				&:hover{
					background: $theme-color;
					color: $theme-color;
				}
			}
		}
		.search-from2{
			@include size(100%,40px);
			display:flex;
			position:relative;
			border:0;
			background: $white;
			@include border-radius(25px);
			width:100%;
			@media (max-width:$screen-md-max){
				width:auto;
			}
			.select_authors{
				line-height:40px;
				height:40px;
				background:#efefef;
				padding:0 20px;
				position:relative;
				.pwb-dropdown-toggle{
					cursor:pointer;
					height:40px;
					display:inline-block;
				}
				&:before{
					content:"";
					width:1px;
					height:26px;
					position:absolute;
					@include rtl-right(0);
					top:calc(50% - 13px);
				}
				.caret{
					font-size:13px;
					@include rtl-margin-left(5px);
					top:1px;
					color: rgba($gray-dark,.4);
					position:relative;
				}
				.author-search{
					@include transform(unset !important);
					top:100% !important;
					@include rtl-left(0 !important);
					will-change: unset !important;
					min-width:250px;
					max-height:400px;
					overflow:auto;
					@include border-radius(0);
					padding:10px 0;
					border:0;
					&::-webkit-scrollbar-track
					{
						background-color: #F5F5F5;
					}

&::-webkit-scrollbar
					{
						width: 5px;
						background-color: #F5F5F5;
					}

&::-webkit-scrollbar-thumb
					{
						background-color: rgba($gray-dark, 0.1);
					}
					li{
						line-height:35px;
						padding:0 20px;
						border-bottom:1px solid rgba($border-color,0.7);
						cursor:pointer;
						color:$text-color;
						font-size:14px;
						&:hover,&.active{
							color:$theme-color;
						}
						&:last-child{
							border-bottom:0;
						}
						&.children{
							@include rtl-padding-left(35px);
						}
					}
				}
			}
			.select_category{
				line-height:40px;
				height:40px;
				padding:0 20px;
				position:relative;
				.pwb-dropdown-toggle{
					cursor:pointer;
					height:40px;
					color: $gray-dark-second;
					font-weight: 500;
					font-size: 13px;
					font-family: $font-family-base;
					display:inline-block;
				}
				&:before{
					content:"";
					width:1px;
					height:13px;
					background:rgba($gray-dark,.2);
					position:absolute;
					@include rtl-right(0);
					top:calc(50% - 7px);
				}
				.caret{
					font-size:15px;
					@include rtl-margin-left(40px);
					top:1px;
					position:relative;
				}
				ul{
					padding:10px 0;
					border:0;
					max-height:340px;
					overflow:auto;
					will-change: unset !important; 
					min-width: 200px;
					@include rtl-left(0 !important);
					@include border-radius(0);
					@include transform(translateY(50px) !important);
					&::-webkit-scrollbar-track
					{
						background-color: #F5F5F5;
					}

&::-webkit-scrollbar
					{
						width: 5px;
						background-color: #F5F5F5;
					}

&::-webkit-scrollbar-thumb
					{
						background-color: rgba($gray-dark, 0.1);
					}
					li{
						line-height:35px;
						padding:5px 20px;
						border-bottom:1px solid rgba($border-color,0.7);
						cursor:pointer;
						color:$text-color;
						font-size:14px;
						&:hover,&.active{
							color:$theme-color;
						}
						&:last-child{
							border-bottom:0;
						}
						&.children{
							@include rtl-padding-left(35px);
						}
					}
				}
			}
			.search-box{
				@include rtl-text-align-left();
				flex:1;
				input[type="text"]{
					border:0;
					padding:0;
					line-height:40px;
					width:100%;
					padding:0 20px;
					color:$text-color;
					z-index: 15;
					position: relative;
					@include placeholder(rgba($gray-dark, .5));
					&::placeholder{
						font-size: 13px;
					}
				}
				@media (max-width:$screen-md-max){
					width:auto;
				}
				@media (max-width:$screen-xs-max){
					@include rtl-padding-left(15px);
				}
			}
			#searchsubmit,#searchsubmit2{
				color:#000;
				font-size:0;
				line-height:40px;
				@include border-radius(25px);
				padding:0 20px;
				color:$gray-dark;
				background: transparent;
				i{
					font-size:20px;
					line-height:37px;
				}
				&:hover{
					background:$theme-color;
					color:$white;
				}
			}
		}
	}
    .searchform{
        color: $gray-light;
        border: 1px solid $border-color;
        display: flex;
        font-size: 14px;
        height: 40px;
        padding: 0 25px;
        max-width: 415px;
        width: 100%;
        @include border-radius(5px);
        .searchsubmit{
            background: transparent;
            font-size: 19px;
            padding: 0;
			@include transform(rotateY(180deg));
            i{
                color: $gray-dark;
            }
            &:hover{
            	i{
                    color: $theme-color;
                }
            }
            &:active{
                @include box-shadow(none);
            }
        }
        input[type="text"]{
            border: 0;
            font-weight: 300;
            padding: 5px 0;
            width: 100%;
            @include rtl-margin-right(10px);
        }
    }
	.search-style{
		ul.result-search-products{
			li{
				width:100%;
			}
		}
	}
	.content-header{
		position:unset;
		display:flex;
		align-items:center;
	}
	//Block Top Menu
	.block-top-menu{
		@include rtl-margin-right(10px);
		>*{
			display: inline-block;
			@include rtl-margin-right(15px);
			@media(max-width: $screen-md-max){
				@include rtl-margin-right(10px);
			}
		}
		.widget-custom-menu{
			.widget-title{
				&.active{
					color:$theme-color !important;
					&:before{
						color:$theme-color;
					}
				}
				font-size: 12px !important;
				font-family: $font-family-second;
				position: relative;
				line-height: 24px;
				&:before{
					position: absolute;
					top: 7px;
					@include rtl-left(50%);
					content: "\e90d";
					font-size: 7px;
					font-family:icomoon;
					@include transition(all .1s ease);
					@include transform(translateX(-50%) rotate(45deg));
				}
				&:after{
					display: none;
				}
			}
			> div{
				ul.menu{
					min-width: auto !important;
				}
			}
		}
	} 
    //Block Top Link
     .block-top-link{
		&.acount{
			@include rtl-text-align-left();
			label{
				margin-bottom:-4px;
				font-size:14px;
				font-weight:400;
				text-transform:capitalize;
			}
		}
		> .widget{
			margin-bottom: 0;
			.widget-custom-menu{
				.widget-title{
					margin: 0;
					font-size:0;
					font-weight:400;
					cursor:pointer;
					position:relative;
					@include transition(all 0.3s ease);
					top:-1px;
					&:after{
						font-size: 22px;
						content: "\e922";
						font-family: icomoon;
						line-height:20px;
					}
					&:hover{
						color:$theme-color;
					}
				}
				>div {
					display: none;
					margin: 0;
					padding: 15px 30px;
					font-size: 16px;
					text-transform: capitalize;
					position: absolute;
					z-index: 1001;
					background: $white;
					line-height: 28px;
					border: 1px solid rgba($light-gray,0.1);
					top: 30px;
					@include rtl-text-align-left();
					@include box-shadow( 0px 5px 15px 5px rgba(144, 144, 144, 0.15));
					@media (min-width:$screen-md){
						right:0;
					}
					@media (max-width:$screen-sm-max){
						@include rtl-right(0);
						@include rtl-left(unset);
					}
					.widget{
						margin-bottom: 0;
						ul{
							padding: 0;     
							list-style: none;
						}
					}
					ul.menu{
						min-width: 100px; 
						padding: 0;
						li{
							border-bottom:1px solid  $table-bg-hover;
							a{
								color:$text-color;
								padding:5px 0;
								display:inline-block;
								&:hover{
									color:$theme-color;
								}
							}
							&:last-child{
								border-bottom:0;
								a{
									padding-bottom:0;
								}
							}
							&:first-child{
								a{
									padding-top:0;
								}
							}
						}
					}
					ul{
						li{
							border-bottom:1px solid  $table-bg-hover;
							a{
								color:$text-color;
								padding:5px 0;
								display:inline-block;
								font-size:14px;
								&:hover{
									color:$theme-color;
								}
							}
							&:last-child{
								border-bottom:0;
								a{
									padding-bottom:0;
								}
							}
							&:first-child{
								a{
									padding-top:0;
								}
							}
						}
					}
				}
			}
		}
	}
	.block-top-link-left{
		> .widget{
			.widget-custom-menu{
				>div {
					@media (min-width:$screen-md){
						left: 0;
						right: auto;
					}
					@media (max-width:$screen-sm-max){
						@include rtl-left(0);
						@include rtl-right(unset);
					}
				}
			}
		}
	}

// Menu Fixed
    .menu_fixed{
        position: fixed;
        top: 0;
        z-index: 9999;
        background: $white;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: $container-lg-desktop;
        padding: 0 ($grid-gutter-width + 10);
        @include transition(all .6s ease 0s);
        .logo{
            margin: $theme-margin 0;
        }
        .navbar-mega{
            .navbar-nav > li > a{
                line-height: 55px;
            }
        }
        .search-from{
            top: 22px;
            @include rtl-right(40px);
        }
        .top-cart{
            @include rtl-right(90px);
            top: 23px;
        }
    }
    .header-logo{
		z-index:9;
    }
    .header-right{
        position: relative;
        color:$gray;
		display:flex;
		align-items:center;
		justify-content:flex-end;
    }
	.list-sale-ship{
		@include rtl-margin-left(50px);
		font-size:11px;
		text-transform:uppercase;
		font-weight:700;
		color:$gray-dark;
		display:flex;
		@include rtl-padding-left(50px);
		position:relative;
		&:before{
			content: "\e92c";
			position:absolute;
			@include rtl-left(0);
			top:50%;
			@include transform(translateY(-50%));
			font-family:icomoon;
			font-size:40px;
			font-weight:400;
		}
		.sale{
			color:$theme-color;
			@include rtl-margin-left(5px);
			text-decoration: underline;
		}
	}
	.wpbingoLogo{
		img{ 
			max-width:167px;
			width: 100%;
		}
		@media (max-width:$screen-xs){
			text-align:center;
		}
	}
	.box-menu{
		ul{
			padding:0;
			list-style:none;
			li{
				display:inline-block;
				&:before{
					content:"";
					display:inline-block;
					@include square(5px);
					@include border-radius(50%);
					margin:0 15px;
					background:#525252;
				}
				&:first-child{
					&:before{
						display:none;
					}
				}
				a{
					color:$white;
					font-size:13px;
					&:hover{
						color:$theme-color;
					}
				}
			}
		}
	}
    .wpbingo-menu-mobile{
		@media(max-width:$screen-md-max){
			&.text-center{
				.wpbingo-menu-wrapper{
					@include rtl-margin-right(-30px);
				}
			}
		}
    }
	@media (max-width:1080px){
		.header-desktop{
			display:none;
		}
	}
	@media (min-width:1080px){
		.header-mobile{
			display:none;
		}
	}
	.header-mobile{
		padding:20px 0;
		>.container{
			>.row{
				align-items:center;
			}
		}
		.header-mobile-container{
			display:flex;
			align-items:center;
			flex-wrap:wrap;
			>div{
				flex:1;
				&.header-center {
					text-align:center;
					flex:2;
				}
			}
		}
		.navbar-toggle{
			border:0;
			background:transparent;
			padding:0;
			position: relative;
			top: 3px;
			color:$gray-dark;
			&:before{
				content: "\e908";
				font-family:wpbingofont;
				font-size:21px;
			}
			span{
				display:none;
			}
		}
		.wpbingoLogo{
			text-align:center;
		}
		.bumbleb-topcart{
			margin:0;
		}
		.mini-cart{
			@include rtl-text-align-right();
			.cart-icon {
				position: relative;
				top: 0;
				.icons-cart{
					display:inline-block;
					position:relative;
					font-family: $font-family-base;
					font-size: 18px;
					.cart-count {
		            	top: -6px;
						right: -7px;
		            	@include square(18px);
		            	position: absolute;
            			line-height: 18px;
		            	display: inline-block;
		            	font-family: $font-family-second;
		            	font-weight: 400;
		            	color:$gray-dark;
		            	text-align: center;
		            	background: $theme-color;
		            	@include border-radius(50%);
						font-size:10px;
						@media (max-width:$screen-xs){
							position: absolute;
						}
		            }
				}
				i{
					font-size: 24px;
					position: relative;
					top: 4px;
					@include rtl-margin-right(5px);
            	} 
			}
		}
		.header-right{
			display:flex;
			justify-content:flex-end;
			align-items:center;
		}
		.wpbingo-verticalmenu-mobile{
			display:inline-block;
		}
		#show-verticalmenu{
			border:0;
			@include transform (rotateY(180deg));
			top: 0px;
			@include rtl-margin-right(10px);
			&:before{
				content: "\e90c";
				font-family: icomoon;
				font-size: 23px;
			}
		}
		.header-mobile-fixed{
			position:fixed;
			bottom:0;
			@include rtl-left(0);
			width:100%;
			background:$white;
			display:flex;
			z-index:1001;
			padding:10px 15px 5px;
			align-items:center;
			@include box-shadow( 0px 1px 12px 2px rgba(144, 144, 144, 0.3));
			>div{
				flex:1;
				text-align:center;
			}
			.search-toggle{
				color:$gray-dark;
				font-size:20px;
			}
			.wishlist-box{
				a{
					color:$gray-dark;
					font-size:20px;
					&:hover{
						color:$theme-color;
					}
				}
			}
			i{
				font-size:20px;
			}
			a{
				&:hover{
					color:$theme-color;
				}
			}
		}
	}
	/*---------------- header-garenal ---------------*/
	.container{
		max-width: 1790px;
	}
	.content-mostsearch{
		#mostsearch_menu{
			padding: 0;
			list-style: none;
			li{
				display: inline-block;
				font-size: 16px;
				margin: 0 18px;
				a{
					position: relative;
					&:after{
						content: "";
						position: absolute;
						bottom: -3px;
						left: 0;
						background: $gray-dark;
						@include size(0, 1px);
						@include transition(width .48s cubic-bezier(.77,0,.175,1));
					}
					&:hover{
						&:after{
							width: 100%;
						}
					}
				}
			}
		}
	}
	/*---------------- header-campbar ---------------*/
	.header-campbar{
		text-align:center;
		padding: 15px;
		color:$white;
		font-size:11px;
		font-family: $font-family-second;
		letter-spacing: 3px;
		a{
			color:$white;
		}
		.content-campbar{
			max-width:1740px;
			margin:auto;
			position:relative;
		}
		.close-campbar{
			position:absolute;
			@include rtl-right(0);
			top:0;
			font-size: 20px;
			line-height:1;
			cursor:pointer;
			i{
				display: inline-block;
				@include transition(all .3s ease);
				position: relative;
				&:hover{
					@include transform(rotate(90deg));
				}
			}
			@media (max-width:$screen-xs){
				@include rtl-right(-10px);
			}
		}
	}
	.header-wrapper,.header-bottom, .header-top-2, .header-top{
		position:relative;
		.container{
			max-width: 1880px;
		}
		.row{
			align-items:center;
		}
	}
	.text-center{
		position: unset;
	}
    &.header-sticky{
        position: fixed;
        top: 0px;
        width: 100%;
        #bwp-topbar {
            display: none;
        }
    }
	.header-sticky {
		display:none;
		position: fixed !important;
		width: 100%;
		background: rgba($white,0.93);
		z-index: 10000;
		left: 0;
		padding: 20px 0;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08);
		top: 0;
		border: none;
		@include animation(sticky-header 900ms ease-in-out);
		.content-header-main{
			@include rtl-margin-left(50px);
		}
    }
	&.header-v4{
		.header-sticky {
			.header-page-link .mini-cart .cart-icon .icons-cart .cart-count {
			    background: $theme-color;
			    color: $gray-dark;
			}
		}
	}
	&.header-v2, &.header-v3{
		.header-sticky{
			.bwp-navigation ul > li.level-0 > a{
				color:$gray-dark !important;
			}
		}
	}
	.header-normal{
		padding:30px 0;
		background:transparent !important;
		.header-main{
			@media (max-width:$screen-sm-max){
				justify-content: flex-end !important;
			}
		}
		.menu{
			display: flex;
			flex-wrap: wrap;
		}
		.wpbingo-menu-mobile .navbar-default .navbar-toggle{
			color:$theme-color!important;
			border-color:$theme-color!important;
			position:unset !important;
		}
		.header-wrapper{
			background:transparent !important;
			.header-left{
				order:unset;
			}
		}
		.header-wrapper{
			.wpbingoLogo{
				margin-bottom:0;
				@include rtl-text-align-left();
			}
		}
		@media (max-width:$screen-sm-max){
			.header-wrapper{
				.wpbingoLogo{
					margin-bottom:0;
					@include rtl-text-align-left();
				}
			}
		}
		@media (max-width:$screen-xs){
			.wpbingoLogo{
				margin-bottom:0;
				@include rtl-text-align-left();
			}
		}
	}
	.header-container{
		.header-left{
			flex:1;
		}
		.content-header,.header-center{
			flex:5;
		}
		.header-right{
			flex:1;
		}
		.header-menu-left{
			flex:1;
			.bwp-navigation ul.menu{
				justify-content:flex-end;
			}
		}
		.header-menu-right{
			flex:1;
		}
		.bwp-navigation{
			display:block;
		}
	}
	&.menu-left{
		.bwp-navigation ul > li.level-0{
			@media (max-width:$screen-md-max){
				padding:0 5px;
				&:first-child{
					@include rtl-padding-left(0);
				}
			}
			&.mega-menu.mega-menu-fullwidth-width{
				> .sub-menu{
					@include rtl-left(0);
					@include transform(translateY(50px) !important);
					min-width:1000px;
				}
				&:hover{
					> .sub-menu{
						@include transform(translateY(5px) !important);
					}
				}
			}
		}
	}
	.header-video-popup{
		.header-video{
			color: rgba($gray-dark, .5);
			position: relative;
			font-size: 12px;
			@include rtl-padding-left(15px)
			@include transition(all .3s ease);
			.icon-Triangle{
				font-size: 8px;
				position: absolute;
				@include transform(rotate(-45deg));
				@include rtl-left(0);
				top: 3px;
			}
			&:hover{
				color: $theme-color;
			}
		}
	}
	.header-main-menu{
		&.menu-left{
			.bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width{
				> .sub-menu{
					left: 0;
					transform: translate(0, 20px) !important;
				}
				&:hover{
					> .sub-menu{
						transform: translate(0, 0) !important;
					}
				}
			}
		}
	}
	&.logo-spacing{
		.wpbingoLogo{
			@include rtl-margin-right(78px);
			@media(max-width: $screen-md-max){
				@include rtl-margin-right(30px);
			}
		}
	}
	&.default-text{
		.bwp-navigation ul > li.level-0{
			>a{
				text-transform: none !important;
				letter-spacing: 0;
				font-size: 16px;
			}
		}
	}
	&.header-color__white_home{
		.bwp-navigation ul > li.level-0 {
			>a{
				color: $white;
			}
			&.current_page_item, &:hover, &.current-menu-item, &.current-menu-ancestor{
				> a{
					color:$white;
				}
			}
		}
	}
	&.middle-logo{
		.wpbingoLogo{
			margin: -8px 55px 0;
			@media(max-width: 1441px){
				margin: -8px 30px 0;
			}
			@media(max-width: $screen-md-max){
				margin: -8px 20px 0;
			}
		}
	}
	&.header-v1{
		.bwp-navigation ul{
			justify-content:center;
		}
	}
	&.header-v5{
		.header-center{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-page-link{
			.login-header > a{
				color:rgba($white, .3);
				&:hover{
					color: $theme-color;
				}
			}
			.wishlist-box{
				a{
					color: rgba($white, .3);
				}
			}
		}
		.header-wrapper{
			padding: 10px 0;
			background: $gray-dark;
		}
		.header-search-form{
			margin: 0 10px;
		}
	}
	&.header-v1{
		.header-wrapper{
			padding: 25px 0;
		}
		.header-main{
			@include rtl-padding-left(100px);
			@media(max-width:$screen-md-max){
				@include rtl-padding-left(30px);
			} 
		}
		.header-left{
			flex: 1.7;
		}
		.header-right{
			display:flex;
			flex-wrap:wrap;
			.header-search-form{
				flex:1;
				max-width: 360px;
				@include rtl-margin-right(200px);
				.search-from{
					background: #f4f4f4;
					#searchsubmit2{
						background: $theme-color;
						&:hover{
							background: $gray-dark;
						}
					}
				}
			}
			.header-page-link > *{
			}
		}
	}
	&.header-v2{
		.container{
			max-width: 1500px;
		}
		#bwp-topbar{
			border-bottom:1px solid #eeeeee;
			a{
				position:relative;
				margin: 0;
				padding:0 15px;
				&:before{
					position:absolute;
					content:"";
					@include rtl-right(0);
					background:#eeeeee;
					width:1px;
					height:16px;
					top:calc(50% - 7px);
				}
				&:last-child{
					@include rtl-padding-right(0);
					&:before{
						display:none;
					}
				}
			}
		}
		.header-container{
			.header-center{
				flex:3;
			}
		}
		.header-wrapper{
			.header-container{
				.header-center{
					flex:revert;
				}
			}
		}
		.header-top{
			.container-inner{
				padding: 40px 0;
			}
		}
		.header-center{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-wrapper{
			background: $gray-dark;
			.header-center{
				padding: 9px 0;
			}
		}
		.categories-vertical-menu {
			.widget-title{
				color:$gray-dark;
				padding:12px 15px;
				background:$theme-color;
				i{
					color:$gray-dark;
				}
			}
		}
		.header-right{
			.phone{
        		display: flex;
        		>div{
        			display: inline-block;
        			line-height:27px;
        		}
        		.need{
        			font-size: 12px;
        			color: rgba($white, .5);
        		}
        		a{
        			color:$theme-color;
        			font-size: 16px;
        			font-family: $font-family-base;
        			font-weight: 700;
        			@include rtl-margin-left(5px);
        			&:hover{
        				color:darken($theme-color, 10%);
        			}
        		}
        	}
		}
		.header-page-link {
			> *{
				@include rtl-margin-left(20px);
			}
			.search-box .search-toggle{
				.icon-search{
					color:$white;
					&:hover{
						color: $gray-dark;
					}
				}
			}
		}
		.header-search-form{
			.search-from{
				border: 1px solid rgba($gray-dark, .1);
				#searchsubmit2{
					background: $theme-color;
					top:-1px;
					position:relative;
					&:hover{
						background: $gray-dark;
					}
				}
			}
			.search-box{
				input[type="text"]{
				    color: $gray-dark;
					line-height:43px;
					&::placeholder{
						color: rgba($gray-dark, .5);
					}
				}
			}
		}
		.header-mobile{
			.mini-cart .cart-icon{
				.icons-cart{
					color: $gray-dark;
					.cart-count{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
		}
	}
	&.header-v3{
		.container{
			max-width: 1500px;
		}
		.verticalmenu{
			>div>div{
				border: 2px solid transparent;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
			}
		}
		#bwp-topbar{
			border-bottom:1px solid #eeeeee;
			a{
				position:relative;
				margin: 0;
				padding:0 15px;
				&:before{
					position:absolute;
					content:"";
					@include rtl-right(0);
					background:#eeeeee;
					width:1px;
					height:16px;
					top:calc(50% - 7px);
				}
				&:last-child{
					@include rtl-padding-right(0);
					&:before{
						display:none;
					}
				}
			}
			span{
				color:#f7c601;
			}
		}
		.header-container{
			.header-center{
				flex:3;
			}
		}
		.header-wrapper{
			.header-container{
				.header-center{
					flex:revert;
				}
			}
		}
		.header-top{
			.container-inner{
				padding: 40px 0;
			}
		}
		.header-center{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-wrapper{
			background: $gray-dark;
			.header-center{
				padding: 9px 0;
			}
		}
		.categories-vertical-menu {
			.widget-title{
				color:$gray-dark;
				padding:12px 15px;
				background:$theme-color;
				i{
					color:$gray-dark;
				}
			}
		}
		.header-right{
			.phone{
        		display: flex;
        		>div{
        			display: inline-block;
        			line-height:27px;
        		}
        		.need{
        			font-size: 12px;
        			color: rgba($white, .5);
        		}
        		a{
        			color:$theme-color;
        			font-size: 16px;
        			font-family: $font-family-base;
        			font-weight: 700;
        			@include rtl-margin-left(5px);
        			&:hover{
        				color:darken($theme-color, 10%);
        			}
        		}
        	}
		}
		.header-page-link {
			> *{
				@include rtl-margin-left(20px);
			}
			.search-box .search-toggle{
				.icon-search{
					color:$white;
					&:hover{
						color: $gray-dark;
					}
				}
			}
		}
		.header-search-form{
			.search-from{
				border: 1px solid rgba($gray-dark, .1);
				#searchsubmit2{
					color: $gray-dark;
					background: $theme-color;
					top:-1px;
					position:relative;
					&:hover{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
			.search-box{
				input[type="text"]{
				    color: $gray-dark;
					&::placeholder{
						color: rgba($gray-dark, .5);
					}
				}
			}
		}
		.header-mobile{
			.mini-cart .cart-icon{
				.icons-cart{
					color: $gray-dark;
					.cart-count{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
		}
	}
	&.header-v4{
		background: $theme-color;
		#bwp-topbar{
			background: $gray-dark;
			color: $white;
			a{
				color: $white;
				position:relative;
				margin: 0;
				padding:0 15px;
				&:hover{
					color:$theme-color;
				}
				&:before{
					position:absolute;
					content:"";
					@include rtl-right(0);
					background:rgba($white, .2);
					width:1px;
					height:16px;
					top:calc(50% - 7px);
				}
				&:last-child{
					@include rtl-padding-right(0);
					&:before{
						display:none;
					}
				}
			}
		}
		.header-container{
			.header-center{
				flex:3;
			}
		}
		.header-wrapper{
			.header-container{
				.header-center{
					flex:revert;
				}
			}
		}
		.container{
			max-width: 1500px;
		}
		.header-top{
			.container-inner{
				padding: 40px 0;
			}
		}
		.header-center{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-wrapper{
			background: $white;
		}
		.categories-vertical-menu {
			.widget-title{
				color:$white;
				padding:12px 15px;
				background:#0f0f0f;
				i{
					color:$white;
				}
			}
		}
		.header-right{
			.phone{
        		display: flex;
        		>div{
        			display: inline-block;
        			line-height:27px;
        		}
        		.need{
        			font-size: 12px;
        			color: rgba($gray-dark, .5);
        		}
        		a{
        			color:$theme-color;
        			font-size: 16px;
        			font-family: $font-family-base;
        			font-weight: 700;
        			@include rtl-margin-left(5px);
        			&:hover{
        				color:darken($theme-color, 10%);
        			}
        		}
        	}
		}
		.header-page-link {
			> *{
				@include rtl-margin-left(20px);
			}
			.search-box .search-toggle{
				.icon-search{
					color:$white;
					&:hover{
						color: $gray-dark;
					}
				}
			}
			.wishlist-box {
				a{
					color:$gray-dark;
				}
			}
			.mini-cart .cart-icon{
				&:hover{
					color: $gray-dark;
				}
				.icons-cart{
					.cart-count{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
			.login-header > a{
				color:$gray-dark;
				&:hover{
					color: $gray-dark;
				}
			}
		}
		.block-top-link{
			> .widget{
				.widget-custom-menu{
					.widget-title{
						color:$gray-dark;
						&:hover{
							color: $gray-dark;
						}
					}
				}
			}
		}
		.header-search-form{
			margin: 0 10px;
			.search-from{
				background: $white;
				#searchsubmit2{
					color: $white;
					&:hover{
						background: $gray-dark;
						color: $theme-color;
					}
				}
			}
			.search-box{
				input[type="text"]{
				    color: $gray-dark;
					&::placeholder{
						color: rgba($gray-dark, .5);
					}
				}
			}
		}
		.header-mobile{
			.mini-cart .cart-icon{
				.icons-cart{
					color: $gray-dark;
					.cart-count{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
		}
	}
	&.header-v5{
		.bwp-navigation ul > li.level-0 > a{
			color:$white;
			&:after{
				color:$theme-color;
			}
		}
		.header-main{
			@include rtl-padding-left(100px);
		}
		.header-right{
			display:flex;
			flex-wrap:wrap;
			.header-search-form{
				flex:1;
			}
			.header-page-link > *{
				@include rtl-margin-left(25px);
			}
		}
	}
	&.header-v6{
		.header-container{
			.header-center{
				flex:3;
			}
			.header-left,.header-right{
				flex:1;
			}
		}
		.header-wrapper{
			.header-container{
				.header-center{
					flex:revert;
				}
				.header-left,.header-right{
					flex:1;
				}
			}
		}
		.container{
			max-width: 1500px;
		}
		.header-top{
			.container-inner{
				border-bottom: 1px solid rgba($gray-dark, .05);
				padding: 40px 0;
			}
		}
		.header-center{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-wrapper{
			padding: 15px 0;
		}
		.categories-vertical-menu {
			.widget-title{
				&:hover, &.active{
					color: $gray-dark;
				}
			}
		}
		.header-right{
			.phone{
        		display: flex;
        		>div{
        			display: inline-block;
        			line-height:27px;
        		}
        		.need{
        			font-size: 12px;
        			color: rgba($gray-dark, .5);
        		}
        		a{
        			font-size: 16px;
        			font-family: $font-family-base;
        			font-weight: 700;
        			@include rtl-margin-left(5px);
        			&:hover{
        				color: $gray-dark;
        			}
        		}
        	}
		}
		.header-page-link {
			> *{
				@include rtl-margin-left(25px);
			}
			.search-box .search-toggle{
				.icon-search{
					color:$white;
					&:hover{
						color: $white;
					}
				}
			}
			.wishlist-box {
				a{
					color: $gray-dark;
					&:hover{
						color: $gray-dark;
					}
				}
			}
			.mini-cart .cart-icon{
				color: $gray-dark;
				&:hover{
					color: $gray-dark;
				}
				.icons-cart{
					.cart-count{
						background: $gray-dark;
						color: $theme-color;
					}
				}
			}
			.login-header > a{
				color: $gray-dark;
				&:hover{
					color: $gray-dark;
				}
			}
		}
		.block-top-link{
			> .widget{
				.widget-custom-menu{
					.widget-title{
						color: $gray-dark;
						&:hover{
							color: $gray-dark;
						}
					}
				}
			}
		}
		.header-search-form{
			margin: 0 10px;
			.search-from{
				background: #eeeeee;
				#searchsubmit2{
					color: $gray-dark;
					&:hover{
						color: $theme-color;
					}
				}
			}
			.search-box{
				input[type="text"]{
				    color: $gray-dark;
					&::placeholder{
						color: rgba($gray-dark, .8);
					}
				}
			}
		}
		.header-mobile{
			.mini-cart .cart-icon{
				.icons-cart{
					.cart-count{
						background: $gray-dark;
						color:$theme-color;
					}
				}
			}
		}
		.bwp-navigation ul > li.level-0{
			> a{
				&:after{
					color: $gray-dark;
				}
			}
		}
	}
	&.sticky{
		.header-page-link{
			.login-header{
				.widget-title{
					color: $gray-dark;
				}
				.active-login{
					color: $gray-dark;
					top: 2px;
					position: relative;
					@include transition(all .3s ease);
					&:hover{
						top: -2px;
					}
				}
			}
			.search-box .search-toggle{
				color:$gray-dark;
			}
			.wishlist-box{
				a{
					color:$gray-dark;
					font-size: 20px;
					i{
						top: 0;
					}
				}
				.count-wishlist{
					color:$gray-dark;
				}
			}
			.mini-cart .cart-icon{
				color:$gray-dark;
			}
			> *{
				&.bumbleb-topcart{
					@include rtl-margin-left(15px);
				}
			}
		}
		&.header-v1,&.header-v5{
			.bwp-navigation ul > li.level-0 > a{
				color:$gray-dark;
			}
		}
		&.header-v3{
			.header-page-link{
				.login-header{
					.widget-title{
						color:$gray-dark;
					}
				}
			}
		}
		&.header-v4{
			.header-page-link{
				.login-header{
					.widget-title{
						&:after{
							color:$gray-dark;
						}
					}
				}
			}
			.bwp-navigation ul > li.level-0{
				> a{
					color: $gray-dark;
				}
			}
		}
		.header-sticky{
			.row{
				align-items: center;
			}
			.wpbingoLogo{
				margin: 0;
			}
			.bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width{
				> .sub-menu{
					left:50%;
					width: 100%;
					@include transform(translate(-50%, 20px) !important);
					min-width:1000px;
				}
				&:hover{
					> .sub-menu{
						@include transform(translate(-50%, 0) !important);
					}
				}
			}
		}
	}
    &.bwp-header-default{
		.header-desktop{
			padding:30px 0;
		}
		.header-content{
			.row{
				align-items:center;
			}
		}
		.wpbingoLogo{
			@media (max-width:$screen-xs){
				@include rtl-text-align-left();
			}
		}
        .wpbingo-menu-mobile{
			margin:0;
			&.text-right{
				.navbar-toggle{
					@include rtl-float-right();
				}
				.bwp-navigation ul>li.level-0{
					&:last-child{
						>a{
							@include rtl-margin-right(0);
						}
					}
				}
			}
        }
		@media (max-width:$screen-sm-max){
			.wpbingoLogo{
				margin-bottom:0 !important;
			}
			.header-logo{
				margin-bottom:0 !important;
			}
			#show-megamenu{
				position:unset !important;
			}
		}
    }
}
.form-login-register{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba($gray-dark,0.5);
	z-index:9999;
	&.active{
		display:block;
	}
	.box-content{
		position:relative;
		border:1px solid #e5e5e5;
		overflow-x: hidden;
		height: 100%;
		overflow-y: auto;
		&::-webkit-scrollbar
		{
			width: 0;
		}
		>div{
			position:relative;
			z-index:3;
			background:$white;
			@include opacity-h();
			@include transition(all 0.5s ease);
			@include transform(translateX(-100%));
			&.active{
				@include opacity-s();
				@include transform(translateX(0));
				.login{
					display:block !important;
				}
			}
			>form{
				padding:20px 30px 30px;
				position:relative;
				.woocommerce-error,.woocommerce-message{
					@include rtl-text-align-left();
				}
				@media (max-width:$screen-xs){
					padding:45px 15px 15px;
				}
			}
		}
		.form-register{
			position:absolute;
			width:100%;
			top:0;
			left:0;
			z-index:2;
			background:$white;
			@include opacity-h();
			@include transition(all 0.5s ease);
			@include transform(translateX(100%));
			&.active{
				@include opacity-s();
				@include transform(translateX(0));
			}
		}
	}
	.box-form-login{
		width:100%;
		max-width:510px;
		background:$white;
		margin:auto;
		position:absolute;
		left:calc(50% - 255px);
		top:50%;
		padding:30px;
		@include transform(translateY(-50%));
		overflow:hidden;
		.active-login{
			@include rtl-text-align-right();
			position:absolute !important;
			z-index:9;
			@include rtl-right(16px);
			top:15px !important;
			cursor:pointer;
			@include square(28px);
			@include border-radius(50%);
			border:1px solid #e5e5e5;
			background:$white;
			@include transform(rotate(45deg));
			border-bottom-color: transparent;
			&:after{
				content: '';
				position: absolute;
				height: 2px;
				width: 14px;
				top: 50%;
				left:calc(50% - 7px);
				margin-top: -1px;
				background-color: rgba($gray-dark,0.5);
				transform-origin: 50% 50%;
				@include transition(all 0.3s ease);
			}
			&:before{
				content: '';
				position: absolute;
				height: 2px;
				width: 14px;
				top: 50%;
				left:calc(50% - 7px);
				margin-top: -1px;
				background-color: rgba($gray-dark,0.5);
				transform-origin: 50% 50%;
				@include transform(rotate(95deg));
				@include transition(all 0.3s ease);
			}
			&:hover{
				background:#e5e5e5;
				&:before{
					@include transform(rotate(135deg));
				}
				&:after{
					@include transform(rotate(-45deg));
				}
			}
			@media (max-width:$screen-xs){
				@include rtl-right(2px);
				top: 16px;
			}
		}
		h2{
			text-align:center;
			position:relative;
			font-size: 20px;
			margin:0 0 20px;
		}
		.button-login,.button-register{
			input[type="submit"]{
				background:$theme-color;
				@include border-radius(30px);
				border:0;
				font-size:15px;
				font-family: $font-family-base;
				color:$gray-dark;
				text-transform:uppercase;
				cursor:pointer;
				font-weight:700;
				&:hover{
					background: darken($theme-color, 10%);
				}
			}
		}
		.button-login{
			position:relative;
			&:before{
				content:"";
				display:inline-block;
				width:20px;
				height:20px;
				border-radius:50%;
				border:2px solid rgba($white,0.25);
				border-top-color:$white;
				position:absolute;
				top:calc(50% - 10px);
				left:calc(50% - 10px);
				font-family: $font-family-base;
				@include opacity-h();
				@include animation(2s linear 0s normal none infinite running spinAround);
			}
			&.active{
				input[type="submit"]{
					color:transparent;
				}
				&:before{
					@include opacity-s();
				}
			}
		}
		.button-next-reregister,.button-next-login{
			background:#b9b9b9;
			border:0;
			font-size:15px;
			@include border-radius(30px);
			color:$gray-dark;
			text-transform:up;
			cursor:pointer;
			display:inline-block;
			height:55px;
			line-height:55px;
			width:100%;
			text-align:center;
			margin-top:15px;
			text-transform: uppercase;
			font-weight:700;
			font-family: $font-family-base;
			&:hover{
				background:$theme-color;
			}
		}
		.content{
			input{
				width:100%;
				height:55px;
				line-height:55px;
				border-radius:30px;
			}
			.username,.password,.email{
				margin-bottom:15px;
				input{
					padding:0 20px;
				}
			}
			.username{
				margin-bottom:15px;
				position:relative;
			}
			.email{
				position:relative;
			}
		}
		.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;
			}
		}
		.rememberme-lost{
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			margin-top:17px;
			margin-bottom:10px;
			.rememberme{
				@include rtl-margin-right(10px);
				position:relative;
				input{
					display:none;
					&:checked + label:after{
						@include scale(1);
					}
				}
			}
			.inline{
				color:$gray-dark;
				font-weight:500;
				cursor: pointer;
				&:before{
					@include square(16px);
					content:"";
					display:inline-block;
					@include border-radius(50%);
					border:2px solid $theme-color;
					@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: 4px;
					border:4px solid $white;
					@include rtl-left(0);
					background:$theme-color;
					@include transition(all 0.3s ease);
					z-index:1;
					@include scale(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%;
						}
					}
				}
			}
		}
	}
	@media (max-width:$screen-xs){
		.box-form-login{
			width:calc(100% - 20px);
			left:50%;
			@include transform(translate(-50%,-50%));
			padding:30px 15px 15px;
		}
	}
}

/************************************************************************************************
    SICKEY MENU
*************************************************************************************************/ 
.bwp-header.sticky{
	padding:0;
	@media (min-width:1080px){
		.header-sticky{
			display:block;
		}
	}
	@media (max-width:1080px){
		position:relative !important;
		animation: none;
		.header-mobile{
			>.container{
				position: fixed !important;
				width: 100%;
				background: #fff;
				z-index: 9999;
				left: 0;
				padding-top:20px;
				padding-bottom:20px;
				right: 0;
				box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08);
				top: 0;
				border: none;
				@include animation(sticky-header 900ms ease-in-out);
			}
		}
		&.header-color__white{
			.header-mobile{
				>.container{
					
				}
			}
		}
	}
	.header-desktop{
		.cart-popup{
			opacity: 0 !important;
			visibility: hidden !important;
		}
	}
}

.wpbingoLogo-sticky{
    display: none;
}

@keyframes fadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

[-] _shortcodes.scss [edit]
[+] ..
[-] _woocommerce-product.scss [edit]
[-] _post.scss [edit]
[-] _woocommerce-widgets.scss [edit]
[-] _form.scss [edit]
[-] _effect.scss [edit]
[-] _woocommerce-responsive.scss [edit]
[-] _woocommerce-general.scss [edit]
[-] _responsive.scss [edit]
[-] _woof.scss [edit]
[-] _menu.scss [edit]
[-] _utilities.scss [edit]
[-] _base.scss [edit]
[-] _layout.scss [edit]
[-] _slider.scss [edit]
[-] _widgets-layout.scss [edit]
[-] _pages.scss [edit]
[-] _fonts.scss [edit]
[-] _elementor.scss [edit]
[-] _garenal.scss [edit]
[-] _header.scss [edit]
[-] _woocommerce-page.scss [edit]
[-] _widgets.scss [edit]