/************************************************************************************************
    BLOCK TOP BAR  
*************************************************************************************************/  
#bwp-topbar{
    color: $topbar-color;
    font-size: 13px;
	height:45px;
	line-height: 45px;
	a {
		color:$text-color;
		&:hover{
			color:$theme-color;
		}
	}
	.email,.address{
		display:inline-block;
		i{
			margin-right:10px;
			font-size:15px;
			position:relative;
			top:2px;
			color:$gray-dark;
		}
	}
	.email{
		position:relative;
		@include rtl-margin-left(10px);
		@include rtl-padding-left(15px);
		&:before{
			position:absolute;
			content:"";
			@include rtl-left(0);
			background:#d4d4d4;
			width:1px;
			height:18px;
			top:calc(50% - 9px);
		}
	}
	#topbar_menu{
		list-style:none;
		padding:0;
		li{
			display:inline-block;
			@include rtl-padding-right(10px);
			@include rtl-margin-right(10px);
			position:relative;
			font-size:12px;
			text-transform:uppercase;
			font-weight:700;
			&:before{
				position:absolute;
				content:"";
				@include rtl-right(0);
				background:#d4d4d4;
				width:1px;
				height:18px;
				top:calc(50% - 9px);
			}
			&:last-child{
				@include rtl-margin-right(0);
				@include rtl-padding-right(0);
				&:before{
					display:none;
				}
			}
		}
	}
	.topbar-right{
		@include rtl-text-align-right();
		>*{
			display:inline-block;
			@include rtl-padding-right(10px);
			@include rtl-margin-right(10px);
			position:relative;
			&:before{
				position:absolute;
				content:"";
				@include rtl-right(0);
				background:#d4d4d4;
				width:1px;
				height:18px;
				top:calc(50% - 9px);
			}
			&:last-child{
				@include rtl-margin-right(0);
				@include rtl-padding-right(0);
				&:before{
					display:none;
				}
			}
			&:last-child{
				@include rtl-padding-right(0);
			}
			a{
				color:$text-color;
				font-size:12px;
				text-transform:uppercase;
				font-weight:700;
				&:hover{
					color:$theme-color;
				}
			}
			i{
				margin-right:10px;
				font-size:14px;
				position:relative;
				top:1px;
				color:$theme-color;
			}
		}
		.block-top-link{
			>*{
				display:inline-block;
				@include rtl-margin-right(15px);
				&:last-child{
					@include rtl-margin-right(0);
				}
			}
		}
	}
	.block-top-link{
		.widget-title{
			color:$gray-dark;
			font-weight:400;
			font-size:12px;
			line-height:20px;
			text-transform:uppercase;
			font-family:$font-family-base;
			&:after{
				display:inline-block;
				font-family: 'ElegantIcons' !important;
				content: "\33";
				position:relative;
				top:1px;
				font-size:14px;
				@include transition(all 0.3s ease);
				line-height:1;
			}
			&.active,&:hover{
				color:$theme-color;
			}
			&.active{
				&:after{
					@include transform(rotate(-180deg));
					color:$theme-color;
				}
			}
		}
		a{
			color:$text-color !important;
			&:hover{
				color:$theme-color !important;
			}
		}
		.menu-language-menu-container,.menu-currency-menu-container{
			top:30px;
		}
	}
	.phone{
		display:inline-flex;
		align-items:center;
		i{
			color:$theme-color;
			font-size:20px;
			line-height:45px;
			top:-2px;
		}
		.content a{
			font-size:16px;
			color:$theme-color;
			font-family:$font-family-second;
		}
	}
	&.topbar-v1 {
		border-bottom:1px solid #ebebeb;
	}
	&.topbar-v2 {
		background:darken($theme-color,19%);
		a{
			color:$white;
			&:hover{
				color:$theme-color;
			}
		}
		.address,.email{
			i{
				color:$white;
				font-size:14px;
				top:2px;
			}
		}
		.email:before{
			background:rgba($white,0.15);
		}
		.block-top-link .widget-title{
			color:$white;
			&:hover{
				color:$theme-color;
			}
		}
		#topbar_menu li:before{
			background:rgba($white,0.15);
		}
		.ship{
			.content{
				color:$white;
				font-weight:400;
				font-family:$font-family-base;
			}
		}
	}
	&.topbar-v3 {
		border-bottom:1px solid rgba($white,0.1);
		background:$gray-dark;
		a{
			color:$white;
			&:hover{
				color:$theme-color;
			}
		}
		.address,.email{
			i{
				color:$white;
			}
		}
		.email:before{
			background:$white;
		}
		.block-top-link .widget-title{
			color:$white;
			border-color:$white;
			&.active{
				&:after{
					color:$white;
				}
			}
		}
		#topbar_menu li:before{
			background:$white;
		}
	}
	&.topbar-v4 {
		background:#f2f2f2;
		color:$text-color;
		a{
			color:$text-color;
			&:hover{
				color:$theme-color;
			}
		}
		.email:before{
			background: #d4d4d4;
		}
		.block-top-link{
			.widget-title{
				color:$gray-dark;
				&.active,&:hover{
					color:$gray-dark;
					&:after{
						color:$theme-color;
					}
				}
			}
			a{
				color:$gray-dark;
				&:hover{
					color:$theme-color;
				}
			}
		}
		.woocs-style-1-dropdown{
			color:$white;
			&:hover{
				color:$theme-color;
			}
		}
	}
} 
/************************************************************************************************
    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;
	min-width:240px;
	&.show{
		@media (min-width:$screen-md-max){
			.bwp-vertical-navigation >div{
				display : block !important;
				height : 100% !important;
			}
		}
	}	
	&.accordion{
		.verticalmenu{
			border:0 !important;
		}
		.bwp-vertical-navigation >div{
			display : none;
		}
	}
	.menu-item-desc{
		display:none;
	}
	.widget-title{
		font-size: 14px;
		color: $white;
		margin: 0;
		line-height: 45px;
		background:$theme-color;
		display:flex;
		cursor:pointer;
		position:relative;
		font-weight:700;
		padding:0 20px;
		text-transform:uppercase;
		font-family:$font-family-base;
		.icon-cate{
			background:$white;
			width:10px;
			height:2px;
			@include rtl-margin(20px ,35px ,0 ,0);
			position:relative;
			&:before{
				content:"";
				position:absolute;
				background:$white;
				width:26px;
				height:2px;
				top:-6px;
			}
			&:after{
				content:"";
				position:absolute;
				background:$white;
				width:17px;
				height:2px;
				bottom:-6px;
			}
		}
		&:after{
			display: inline-block;
			font-family: 'ElegantIcons';
			content: "\33";
			position: relative;
			@include rtl-margin-left(5px);
			font-size:16px;
			@include transition(all 0.3s ease);
			font-weight:400;
		}
		&.active{
			&:after{
				@include transform(rotate(-180deg));
			}
		}
	}
	>div{
		position: absolute;
		width: 100%;
		background: $white;
		top: calc(100% + 5px);
		border-top:0;
		@include border-radius(0);
		@include box-shadow( 0px 0px 10px 1px rgba(144, 144, 144, 0.1));
		min-width:200px;
	}
	.bwp-vertical-navigation >div{
		padding: 0;
		display:block;
		position:relative;
		ul.menu{
			padding:0;
			li{
				&.menu-hide-title{
					> span.title, >a{
						@media (max-width: 991px){
							display: block !important;
							margin:0;
							padding:0!important;
						}
					}
				}
				&.menu-item-has-children{
					position:relative;
					>a{
						display: inline-block;
						width: 100%;
						&:after{
							top: 1px;
							content: "\f2fb"!important;
							position:absolute;
							@include rtl-margin-left(5px);
							@include rtl-right(0);
							font-family: "Material";
							display: inline-block;
							background: transparent;
							opacity: 1;
							right: 0;
							top: calc(50% - 15px);
							bottom: auto;
							font-size: 18px;
							color: rgba(99, 99, 99, 0.5);
							width: auto;
							height: auto;
						}
					}
				}
			}
			li.level-0{
				float:unset;
				width:100%;
				position:unset !important;
				padding:0 20px;
				list-style:none;
				&:last-child{
					a{
						border-bottom:none;
					}
				}
				.menu-img{
					display:inline-block;
					@include rtl-float-left();
					width: 22px;
					@include rtl-margin-right(15px);
				}
				i{
					font-size: 22px;
					width: 22px;
					text-align: center;
					@include rtl-margin-right(15px);
					position: relative;
					top: 0px;
					@include rtl-float-left();
					color:#c6c6c6;
				}
				>a{
					margin:0;
					width:100%;
					font-size: 14px;
					text-transform: capitalize;
					white-space: normal;
					position:relative;
					position:relative;
					display:inline-block;
					border-bottom:1px dashed #e9e9e9;
					padding:8.5px 0;
					&:hover{
						color:$theme-color;
						i{
							color:$theme-color;
						}
					}
					> span{
						position: relative;
						
						&:before, &:after{
							display:none!important;
						}
					}
				}
				&.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;
									}
								}
							}
						}
					}
					>a{
						&:after{
							font-family: "Material";
							display: inline-block;
							background: transparent;
							opacity: 1;
							@include rtl-right(0);
							top: calc(50% - 15px);
							bottom: auto;
							font-size:18px;
							color:rgba($text-color,0.5);
							@include square(auto);
							@media(max-width:$screen-sm-max){
								display:none;
							}
						}
					}
				}
				.menu-item-has-children{
					>a >span{
						&:after{
							display:none;
						}
					}
				}
				&.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;  
					}
				}
				ul.sub-menu{
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
					>li{
						&:hover{
							>ul.sub-menu{
								@include opacity-s();
							}
						}
					}
				}
				&.mega-menu{
					>ul.sub-menu,div.sub-menu{
						padding:0;
						background:transparent;
						border:0;
						>div{
							height:100%;
							>div{
								height:100%;
								>div{
									height:100%;
								}
							}
						}
						@media(min-width:992px){
							width:710px;
							.elementor-section{
								>.elementor-container{
									margin-left:0 ;
								}
							}
							@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;
						}
					}
				}
				&: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: 0 20px;
				color: $gray-dark;
				font-weight:500;
				background:rgba($gray-dark,0.2);
				&:hover{
					cursor: pointer;
					color: $theme-color;
				}
				span{
					line-height:40px;
					&:before{
						font-size: 16px;
						@include rtl-margin-right(14px);
						content: "\f278";
						font-family: Material;
						width: 20px;
						font-weight: 400;
						text-align: center;
						display: inline-block;
						vertical-align: top;
						@media (max-width: 1529px){
							@include rtl-margin-right(8px);
						}
					}
				}
				&.open{
					span{
						&:before{
							content: "\f273";
						}
					}
				}
			}
		}
	}
}
body:not(.page-template-homepage){
	.bwp-header{
		.header-mobile{
			border-bottom: 1px solid #e5e5e5;
		}
	}
}
.home.blog{
	.bwp-header{
		margin-bottom:30px;
	}
}
body.page-template-homepage{
	.bwp-header{
		&.header-v2{
			@media (min-width:$screen-sm-max){
				position:absolute;
				width:100%;
			}
		}
		&.header-v4{
			#bwp-topbar{
				border:0;
			}
			.header-desktop{
				position:absolute;
				width:100%;
			}
			.bwp-navigation ul > li.level-0 > a{
				color:$white;
			}
			.block-top-link > .widget .widget-custom-menu .widget-title{
				color:$white;
			}
			.header-page-link{
				.wishlist-box a{
					color:$white;
				}
				.mini-cart .cart-icon{
					color:$white;
				}
				.login-header > a{
					color:$white;
				}
			}
			.header-mobile{
				background:$gray-dark;
				.navbar-toggle:before,.mini-cart .cart-icon{
					color:$white;
				}
			}
		}
		&.header-v7{
			@media (min-width:$screen-sm-max){
				position:absolute;
				width:100%;
			}
		}
	}
}
.#{$app-prefix}-header {
    margin-bottom: $header-margin-bottom;
    position: relative;
    z-index: 9999;
    background: $header-bg;
    .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-left{
		>*{
			display:inline-block;
			vertical-align:middle;
		}
	}
	.header-page-link{
		@include rtl-text-align-right();
		>*{
			display:inline-block;
			@include rtl-margin-left(40px);
			vertical-align:middle;
			&:first-child{
				@include rtl-margin-left(0);
			}
			@media (max-width:$screen-md-max) and (min-width:$screen-sm-max){
				@include rtl-margin-left(15px);
			}
			@media (max-width:$screen-xs-max){
				@include rtl-margin-left(10px);
			}
		}
        .mini-cart{
			@include rtl-padding-right(20px);
            .cart-icon {
            	position: relative;
				display:inline-block;
				@include transition(all 0.2s ease);
				color:$theme-color;
				&:hover{
					color:$text-color-second;
				}
            	i{
					font-size: 30px;
					position: relative;
            	} 
            }
            .cart-count {
            	position: absolute;
            	top: -11px;
            	@include rtl-right(-20px);
            	@include square(22px);
            	line-height: 22px;
            	display: inline-block;
            	color:$white;
            	text-align: center;
            	background:$text-color-second;
            	@include border-radius(50%);
				font-size:12px;
            }
        }
        .search-box .search-toggle{
			position:relative;
			color:$gray-dark;
			display:inline-block;
			@include transition(all 0.2s ease);
			font-size:16px;
			font-family:$font-family-second;
			font-weight:600;
			i{
				@include rtl-margin-right(8px);
				position:relative;
				top:2px;
			}
			&:hover{
				color:$theme-color;
			}
        }
        >.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;
				display:inline-block;
				text-align:center;
				color:$theme-color;
				@include transition(all 0.3s ease);
				font-size:18px;
				&:hover{
					color:$text-color-second;
				}
			}
			.block-top-link{
				.widget-custom-menu {
					>div{
						width:auto;
					}
				}
			}
		}
	}
    //Search
	.header-search-form{
		flex:1;
		@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-popup{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			cursor: auto;
			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;
			&::-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{
						font-weight:500;
						text-transform:capitalize;
					}
				}
				&: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);
				}
			}
		}
		.search-from{
			@include size(100%,50px);
			display:flex;
			position:relative;
			border:0;
			width:100%;
			@media (max-width:$screen-md-max){
				width:auto;
			}
			.select_authors{
				line-height:50px;
				height:50px;
				background:#efefef;
				padding:0 20px;
				position:relative;
				.pwb-dropdown-toggle{
					cursor:pointer;
					height:50px;
					display:inline-block;
				}
				&:before{
					content:"";
					width:1px;
					height:26px;
					background:#d4d4d4;
					position:absolute;
					@include rtl-right(0);
					top:calc(50% - 13px);
				}
				.caret{
					font-size:15px;
					@include rtl-margin-left(5px);
					top:1px;
					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:50px;
				height:50px;
				background:#efefef;
				padding:0 20px;
				position:relative;
				.pwb-dropdown-toggle{
					cursor:pointer;
					height:50px;
					display:inline-block;
				}
				&:before{
					content:"";
					width:1px;
					height:26px;
					background:#d4d4d4;
					position:absolute;
					@include rtl-right(0);
					top:calc(50% - 13px);
				}
				.caret{
					font-size:15px;
					@include rtl-margin-left(5px);
					top:1px;
					position:relative;
				}
				.category-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);
						}
					}
				}
			}
			.search-box{
				@include rtl-text-align-left();
				flex:1;
				input[type="text"]{
					border:0;
					padding:0;
					line-height:50px;
					width:100%;
					background:#efefef;
					padding:0 20px;
					color:$text-color;
					@include placeholder($text-color);
				}
				@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:50px;
				padding:0 40px;
				background:$text-color-second;
				color:$white;
				@include border-radius(0);
				i{
					font-size:17px;
					line-height:46px;
				}
				&:hover{
					background:$theme-color;
				}
			}
		}
	}
    .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-mostsearch{
		display:flex;
		font-size:12px;
		margin-top:5px;
		label{
			color:$gray-dark;
			@include rtl-margin(0 ,10px ,0 ,0);
			white-space:nowrap;
		}
		#mostsearch_menu{
			padding:0;
			list-style:none;
			li{
				display:inline-block;
				&:after{
					content:"";
					display:inline-block;
					margin:0 10px;
					height:11px;
					width:1px;
					background:#e7e7e7;
					position:relative;
					top:2px;
				}
				&:last-child{
					&:after{
						display:none;
					}
				}
			}
		}
	}
	.content-header{
		position:unset;
		display:flex;
		align-items:center;
	}
	.header-top{
		padding:15px 0;
		.row{
			align-items:center;
		}
	}
    //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:500;
					cursor:pointer;
					position:relative;
					@include transition(all 0.3s ease);
					top:0;
					text-align:center;
					color:$theme-color;
					&:after{
						font-size: 18px;
						content: "\e903";
						font-family:icomoon;
					}
					&:hover{
						color:$text-color-second;
					}
				}
				>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: calc(100% + 10px);
					@include rtl-text-align-left();
					@include box-shadow( 0px 5px 15px 5px rgba(144, 144, 144, 0.15));
					white-space: nowrap;
					max-width:300px;
					border-top:2px solid $theme-color;
					&:before{
						position: absolute;
						content: "";
						top: -14px;
						@include rtl-right(2px);
						border-color: transparent;
						border-width: 6px 5px;
						border-style: solid;
						border-bottom-color:$theme-color;
					}
					@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-top-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:12px;
								&:hover{
									color:$theme-color;
								}
							}
							&:last-child{
								border-bottom:0;
								a{
									padding-bottom:0;
								}
							}
							&:first-child{
								a{
									padding-top:0;
								}
							}
						}
					}
				}
			}
		}
	}

    // 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-left{
		display:flex;
		align-items:center;
	}
    .header-right{
        position: relative;
        color:$gray;
		display:flex;
		align-items:center;
		justify-content:flex-end;
    }
	.wpbingoLogo{
		img{
			max-height:37px;
		}
		@media (max-width:$screen-xs){
			margin-bottom:15px;
			text-align:center;
		}
	}
    .wpbingo-menu-mobile{
		@media(max-width:$screen-md-max){
			&.text-center{
				.wpbingo-menu-wrapper{
					@include rtl-margin-right(-30px);
				}
			}
		}
    }
	@media (max-width:$screen-sm-max){
		.header-desktop{
			display:none;
		}
	}
	@media (min-width:$screen-md){
		.header-mobile{
			display:none;
		}
	}
	.header-mobile{
		padding:20px 0;
		>.container{
			>.row{
				align-items:center;
			}
		}
		.navbar-toggle{
			border:0;
			background:transparent;
			padding:0;
			&:before{
				content: "\e908";
				font-family:wpbingofont;
				font-size:20px;
				color:$gray-dark;
			}
			span{
				display:none;
			}
		}
		.wpbingoLogo{
			text-align:center;
			margin:0 !important;
		}
		.bookio-topcart{
			margin:0 10px;
		}
		.mini-cart{
			@include rtl-text-align-right();
			.cart-icon {
				position: relative;
				top:-2px;
				.icons-cart{
					display:inline-block;
					position:relative;
				}
				i{
					font-size: 18px;
					position: relative;
					top: 4px;
            	} 
			}
			.cart-count {
            	position: absolute;
            	top: -10px;
            	@include rtl-right(-14px);
            	@include square(18px);
            	line-height: 18px;
            	display: inline-block;
            	color:$white;
            	text-align: center;
            	background:$theme-color;
            	@include border-radius(50%);
				font-size:10px;
            }
		}
		.header-right{
			display:flex;
			justify-content:flex-end;
			align-items:center;
		}
		.wpbingo-verticalmenu-mobile{
			display:inline-block;
		}
		#show-verticalmenu{
			border:0;
			&:before{
				content: "\e909";
			}
		}
		.header-mobile-fixed{
			position:fixed;
			bottom:0;
			width:100%;
			background:$white;
			display:flex;
			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;
				}
			}
		}
	}
	.ship{
		.content{
			font-weight:700;
			color:$theme-color;
			font-size:16px;
			display: flex;
			align-items: center;
			label{
				padding:0 15px;
				line-height:23px;
				@include border-radius(20px);
				@include rtl-margin(0 ,8px ,0 ,0);
				background:#205091;
				color:$white;
				text-transform:uppercase;
				font-weight:700;
				font-size:11px;
				white-space:nowrap;
			}
		}
		@media (max-width:1350px){
			.content{
				font-size:14px;
			}
		}
	}
	.header-desktop{
		.phone{
			display:flex;
			align-items:center;
			border:2px dashed $border-color;
			padding:8px 20px 6px;
			@include border-radius(30px);
			@include rtl-margin-right(25px);
			i{
				font-size:32px;
				color:$theme-color;
			}
			h2{
				margin:0;
				font-size:11px;
				text-transform:uppercase;
				font-family: $font-family-second;
			}
			a{
				font-size:20px;
				font-weight:500;
				color:$theme-color;
				line-height:20px;
			}
			.content{
				@include rtl-padding-left(10px);
			}
			@media (max-width:$screen-md-max){
				padding:8px 10px 6px;
				@include rtl-margin-right(15px);
				a{
					font-size:15px;
				}
			}
		}
		.address{
			text-align:center;
			a{
				color:$theme-color;
				font-size:14px;
				font-weight:700;
			}
			i{
				display:block;
				font-size:20px;
			}
		}
	}
	.header-section{
		display:flex;
		align-items:center;
	}
	/*---------------- header-campbar ---------------*/
	.header-campbar{
		text-align:center;
		padding:17px 15px;
		color:$white;
		font-size:12px;
		text-transform:uppercase;
		.content-campbar{
			max-width:1740px;
			margin:auto;
			position:relative;
		}
		.close-campbar{
			position:absolute;
			@include rtl-right(0);
			top:0;
			font-size:16px;
			line-height:1;
			cursor:pointer;
			&:hover{
				color:$theme-color;
			}
			@media (max-width:$screen-xs){
				top:-12px;
			}
		}
	}
	.header-wrapper{
		position:relative;
	}
	.content-header-main{
		position:relative;
	}
    .header-sticky {
		display:none;
		position: fixed !important;
		width: 100%;
		background: rgba($white,0.93);
		z-index: 900;
		left: 0;
		padding: 20px 0 !important;
		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);
		.content-header-main{
			@include rtl-margin-left(50px);
		}
		.bwp-navigation ul > li.level-0 > a{
			color:$theme-color !important;
		}
		.header-page-link {
			>*{
				@include rtl-margin-left(20px);
			}
			.block-top-link > .widget .widget-custom-menu .widget-title{
				color:$theme-color !important;
			}
			.mini-cart .cart-icon {
				color:$theme-color !important;
				i{
					font-size:18px;
				}
			}
			.wishlist-box{
				font-size:18px;
				a{
					color:$theme-color !important;
					&:hover{
						color:$text-color-second !important;
					}
				}
			}
			.login-header > a{
				color:$theme-color !important;
				&:hover{
					color:$text-color-second !important;
				}
			}
		}
		.content-header{
			justify-content: flex-start !important;
		}
    }
	&.header-normal{
		background:transparent !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-v1{
		.header-wrapper{
			padding:15px 0;
			.row{
				align-items:center;
			}
		}
		.header-vertical-menu{
			@include rtl-margin-right(20px);
		}
		.header-search-form{
			padding:0 50px;
		}
		.header-top{
			border-bottom:1px solid $border-color;
		}
	}
	&.header-v2{
		.header-wrapper{
			padding:30px 0;
			.row{
				align-items:center;
			}
		}
		.content-header-main{
			margin-top:5px;
			@include rtl-margin-left(60px);
		}
		.header-page-link {
			>*{
				@include rtl-margin-left(20px);
			}
			.mini-cart .cart-icon i{
				font-size:18px;
			}
			.wishlist-box{
				font-size:18px;
				a{
					color:$theme-color;
					&:hover{
						color:$text-color-second;
					}
				}
			}
		}
	}
	&.header-v3{
		.header-wrapper{
			margin-top:15px;
			background:$theme-color;
			.row{
				align-items:center;
			}
		}
		.header-vertical-menu{
			@include rtl-margin-right(20px);
		}
		.header-search-form{
			padding:0 50px;
		}
		.header-top{
			border-bottom:1px solid $border-color;
		}
		.categories-vertical-menu .widget-title{
			background:$text-color-second;
		}
		.bwp-navigation ul > li.level-0 > a{
			color:$white;
		}
		.ship .content{
			color:$white;
		}
		.header-search-form .search-from {
			#searchsubmit,#searchsubmit2{
				background:$gray-dark;
				&:hover{
					background:$theme-color;
				}
			}
		}
	}
	&.header-v4{
		.header-page-link {
			>*{
				@include rtl-margin-left(20px);
			}
			.mini-cart .cart-icon i{
				font-size:18px;
			}
			.wishlist-box{
				font-size:18px;
				a{
					color:$theme-color;
					&:hover{
						color:$text-color-second;
					}
				}
			}
		}
		.ship .content label{
			background:#5e3c00;
		}
		.header-wrapper{
			padding:30px 0;
		}
		.content-header{
			justify-content:center;
		}
		.bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width{
			> .sub-menu{
				left:50%;
				@include transform(translate(-50%,40px) !important);
			}
			&:hover{
				> .sub-menu{
					@include transform(translate(-50%,13px) !important);
				}
			}
		}
	}
	&.header-v5{
		.bwp-navigation ul > li.level-0:first-child{
			@include rtl-padding-left(0);
		}
		.categories-vertical-menu {
			min-width:195px;
			margin:6px 30px 0;
			.widget-title{
				background:transparent;
				padding:0;
				color:$theme-color;
				.icon-cate{
					background:$text-color-second;
					&:before,&:after{
						background:$text-color-second;
					}
				}
			}
		}
		.header-search-form{
			@include rtl-margin-right(40px);
			.search-from {
				.search-box input[type="text"]{
					border:1px solid #dbdbdb;
					background:transparent;
					line-height: 48px;
					@include rtl-border-left(0);
				}
				.select_category{
					background:transparent;
					line-height: 48px;
					border:1px solid #dbdbdb;
					@include rtl-border-right(0);
				}
				#searchsubmit2,#searchsubmit{
					@include rtl-margin-left(5px);
				}
			}
		}
		.header-top{
			position:relative;
			z-index:2;
			padding:0;
			.header-section{
				padding:15px 0;
				border-bottom:2px solid $theme-color;
			}
		}
		.header-wrapper{
			padding:20px 0;
		}
		.header-desktop{
			.search-box{
				flex:1;
				@include rtl-text-align-right();
				@include rtl-margin-right(20px);
				.search-toggle{
					display:inline-block;
					text-align:center;
					color: $theme-color;
					font-size: 14px;
					font-weight: 700;
					i{
						display:block;
						font-size:20px;
						color:$theme-color;
						font-weight:400;
					}
				}
			}
		}
	}
	&.header-v6{
		max-width:1490px;
		margin:auto;
		padding:0 15px;
		@media (max-width: 1510px) and (min-width: 1200px){
			.container {
				padding-left: 25px;
				padding-right: 25px;
			}
		}
		>div{
			background:$white;
		}
		.header-search-form .search-from{
			max-width:510px;
		}
		.wpbingoLogo{
			text-align:center;
		}
		#bwp-topbar{
			border:0;
			.container{
				position:relative;
				&:before{
					width:calc(100% - 30px);
					height:1px;
					content:"";
					position:absolute;
					bottom:0;
					left:15px;
					background:#e9e9e9;
				}
				@media (max-width: 1510px) and (min-width: 1200px){
					&:before{
						width:calc(100% - 50px);
						left:25px;
					}
				}
			}
		}
		.header-top{
			padding:0;
			.container{
				position:relative;
				padding-top:15px;
				padding-bottom:15px;
				&:before{
					width:calc(100% - 30px);
					height:1px;
					content:"";
					position:absolute;
					bottom:0;
					left:15px;
					background:#e9e9e9;
				}
				@media (max-width: 1510px) and (min-width: 1200px){
					&:before{
						width:calc(100% - 50px);
						left:25px;
					}
				}
			}
		}
		.header-wrapper{
			padding:5px 0;
		}
		.header-search-form .search-from{
			#searchsubmit,#searchsubmit2{
				padding:0 25px;
			}
		}
	}
	&.header-v7{
		.header-wrapper{
			padding:30px 0;
			.row{
				align-items:center;
			}
		}
		.content-header-main{
			margin-top:5px;
			@include rtl-margin-left(60px);
		}
		.header-page-link {
			>*{
				@include rtl-margin-left(20px);
			}
			.mini-cart .cart-icon i{
				font-size:18px;
			}
			.wishlist-box{
				font-size:18px;
				a{
					color:$theme-color;
					&:hover{
						color:$text-color-second;
					}
				}
			}
		}
	}
	&.header-v8{
		.categories-vertical-menu {
			min-width:unset;
			@include rtl-margin(2px ,20px ,0 ,40px);
			.widget-title{
				background:transparent;
				padding:0;
				color:$theme-color;
				font-size:0;
				&:after{
					display:none;
				}
				.icon-cate{
					background:$text-color-second;
					&:before,&:after{
						background:$text-color-second;
					}
				}
			}
		}
		.header-search-form{
			@include rtl-margin-right(40px);
			.search-from {
				.search-box{
					position:relative;
					input[type="text"]{
						border:1px solid #dbdbdb;
						background:transparent;
						line-height: 48px;
						@include border-radius(30px);
					}
				}
				.select_category{
					background:transparent;
					line-height: 48px;
					border:0;
					padding:0;
					@include rtl-margin-right(20px);
					.pwb-dropdown-toggle{
						color:$theme-color;
						font-weight:700;
					}
					&:before{
						display:none;
					}
				}
				.select_authors{
					background:transparent;
					line-height: 48px;
					border:0;
					padding:0;
					@include rtl-margin-right(20px);
					.pwb-dropdown-toggle{
						color:$theme-color;
						font-weight:700;
					}
					&:before{
						display:none;
					}
				}
				#searchsubmit2,#searchsubmit{
					@include square(40px);
					@include border-radius(50%);
					background:$text-color-second;
					padding:0;
					line-height:40px;
					position:absolute;
					@include rtl-right(7px);
					top:5px;
					i{
						line-height:40px;
						font-size:15px;
					}
					&:hover{
						background:$theme-color;
					}
				}
			}
		}
		.header-wrapper{
			padding:20px 0;
			border-bottom:1px solid #e4e4e4;
		}
	}
    &.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{
			&.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:absolute;
	top:calc(100% + 10px);
	@include rtl-right(-100px);
	z-index:9999;
	min-width:400px;
	@include rtl-text-align-left();
	@include transition(all 0.3s ease);
	&:before{
		position:absolute;
		content:"";
		top:-12px;
		@include rtl-right(102px);
		border-color: transparent;
		border-width: 6px 5px;
		border-style: solid;
		border-bottom-color:$theme-color;
	}
	.remove-form-login-register{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		display:none;
		z-index:1;
	}
	&.active{
		display:block;
		.remove-form-login-register{
			display:block;
		}
	}
	.box-content{
		position:relative;
		border:1px solid #e5e5e5;
		>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:30px;
				position:relative;
				@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{
		max-width:400px;
		background:$white;
		margin:auto;
		overflow:hidden;
		border-top:2px solid $theme-color;
		@include transition(all 0.3s ease);
		z-index:10;
		.active-login{
			@include rtl-text-align-right();
			position:absolute;
			z-index:9;
			@include rtl-right(-2px);
			top:-2px;
			cursor:pointer;
			@include square(28px);
			@include border-radius(50%);
			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;
			}
		}
		.login-top{
			display:flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom:10px;
		}
		label{
			margin:0 0 5px;
			font-size:14px;
			font-weight:400;
			&:not(.inline){
				&:after{
					content:"*";
					display:inline-block;
					color:red;
					@include rtl-margin-left(5px);
				}
			}
		}
		h2{
			text-align:center;
			position:relative;
			font-size:18px;
			font-weight:600;
			display:inline-block;
			margin:0;
		}
		.button-login,.button-register{
			input[type="submit"]{
				background:$gray-dark;
				border:0;
				font-size:12px;
				color:$white;
				text-transform:uppercase;
				cursor:pointer;
				font-weight:500;
				font-family:$font-family-second;
				&:hover{
					background:$theme-color;
				}
			}
		}
		.button-next-reregister,.button-next-login{
			background:transparent;
			border:0;
			font-size:16px;
			color:$theme-color;
			cursor:pointer;
			display:inline-block;
			font-weight:600;
			font-family:$font-family-second;
			a{
				color:$theme-color;
				&:hover{
					color:$gray-dark;
				}
			}
		}
		.content{
			input{
				width:100%;
				height:45px;
				line-height:45px;
				@include border-radius(5px);
				font-size:14px;
			}
			.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;
				position:relative;
				&:before{
					@include square(16px);
					content:"";
					display:inline-block;
					@include border-radius(50%);
					border:2px solid $text-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:3px;
					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;
					font-size:13px;
					color:$gray-dark !important;
					&: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{
							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:$screen-sm-max){
		.header-sticky{
			display:inline-block;
		}
	}
	.header-wrapper{
		padding:0 !important;
	}
	@media (max-width:$screen-sm-max){
		position:relative !important;
		animation: none;
		.header-mobile{
			>.container{
				position: fixed !important;
				width: 100%;
				background: #fff;
				z-index: 900;
				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);
			}
		}
	}
}
body{
	&.home,&.page-template-homepage{
		.bwp-header{
			&.header-v10{
				.header-sticky{
					background:rgba($gray-dark,0.5);
				}
			}
		}
	}
}
.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;
    }
}
