/* Header Default */
#pxl-header-default {
	position: relative;
	z-index: 999;
	background-color: #fff;
	.row {
		align-items: center;
		@media #{$min-xl} {
			> div {
				padding: 0 15px;
			}
		}
	}
	.container {
		max-width: 1750px;
	}
	.pxl-header-branding {
		display: flex;
		align-items: center;
		flex-grow: 1;
		a {
			display: inline-flex;
		}
		img {
			height: 55px;
			max-width: inherit;
		}
	}
	#pxl-nav-mobile {
		display: none;
	}
}

/* Header Elementor */
#pxl-header-elementor {
	@media #{$min-xl} {
		min-height: 0px !important;
		position: relative;
		z-index: 1001;
		.col-12 {
			min-height: 0px;
		}
	}
	#pxl-header-mobile {
		display: none;
	}
	.pxl-header-elementor-main {
		position: relative;
		z-index: 999;
	}
	.pxl-header-elementor-sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		top: 0;
		@include transform(translateY(-120%));
		@include transition(.6s cubic-bezier(.24,.74,.58,1));
		visibility: hidden;
		//box-shadow: 0px 5px 18px 0px rgba(#000, 0.06);
		&.pxl-header-fixed {
			@include transform(translateY(0%));
			visibility: visible;
		}
	}
	&.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed {
		@include box-shadow(none);
		.pxl-logo-nav {
			@include box-shadow(0 3px 18px rgba(#02154e, 0.09));
		}
	}
	.px-header--transparent {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
	}
	.elementor-section .elementor-container, .elementor-inner-section, .elementor-widget:not(.elementor-absolute), .elementor-widget-wrap, .elementor-column, .elementor-column-wrap {
		position: static;
	}
}

.pxl-header-mobile-elementor {
	opacity: 0;
	&.px-header--transparent {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 999;
	}
}

/* Header Menu */
@media #{$min-xl} {
.fr-style-default {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        font-family: 'ClashGrotesk', sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
		        	padding-left: 10px;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    			&:after {
		        		content: "";
						position: absolute;
						top: 50%;
						left: 0px;
						margin-left: 0;
						width: 3px;
						height: 10px;
						border-radius: 0;
						background-color: $primary-color;
						@include transition(all 0.3s);
						transform: translate(0,-50%);
		        	}
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 16.14px;
		    @media (max-width: 1600px) {
		    	margin: 0 11px;
		    }
		    > a {
		        line-height: 82px;
		        display: inline-block;
		        color: $link_color;
    			font-family: 'ClashGrotesk', sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 13px;
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 40px 33px 36px 36px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #252525;
				@media (max-width: 1400px) {
					padding: 40px 10px 36px 10px;
				}
				@media (max-width: 1280px) {
					padding: 40px 0px 36px 0px;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	.pxl-menu-toggle {
		display: none;
	}
}
.pxl-header-menu {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        font-family: 'ClashGrotesk', sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
		        	padding-left: 10px;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    			&:after {
		        		content: "";
						position: absolute;
						top: 50%;
						left: 0px;
						margin-left: 0;
						width: 3px;
						height: 10px;
						border-radius: 0;
						background-color: $primary-color;
						@include transition(all 0.3s);
						transform: translate(0,-50%);
		        	}
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 16.14px;
		    @media (max-width: 1600px) {
		    	margin: 0 11px;
		    }
		    > a {
		        line-height: 82px;
		        display: inline-block;
		        color: $link_color;
    			font-family: 'ClashGrotesk', sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 13px;
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 40px 33px 36px 36px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #252525;
				@media (max-width: 1400px) {
					padding: 40px 10px 36px 10px;
				}
				@media (max-width: 1280px) {
					padding: 40px 0px 36px 0px;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	.pxl-menu-toggle {
		display: none;
	}
}
.fr-style-box1 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
		        	padding-right: 13px;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    			&:after {
		        		content: "";
						position: absolute;
						top: 50%;
						right: 0px;
						margin-left: 0;
						width: 4px;
						height: 4px;
						border-radius: 0;
						background-color: $primary-color;
						@include transition(all 0.3s);
						transform: translate(0,-50%);
		        	}
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 18.67px;
		    @media (max-width: 1600px) {
		    	margin: 0 11px;
		    }
		    > a {
		        line-height: 78px;
		        display: inline-block;
		        color: $link_color;
    			@include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 13px;
			    }
			    &:after {
	        		content: "";
					position: absolute;
					top: 50%;
					right: 0px;
					margin-left: 0;
					width: 4px;
					height: 4px;
					border-radius: 0;
					opacity: 0;
					background-color: $primary-color;
					@include transition(all 0.3s);
					transform: translate(0,-50%);
	        	}
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    	&:after {
		    		opacity: 1;
		    	}
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 30px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}
.fr-style-box2 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
		        	padding-left: 10px;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    			&:after {
		        		content: "";
						position: absolute;
						top: 50%;
						left: 0px;
						margin-left: 0;
						width: 3px;
						height: 10px;
						border-radius: 0;
						background-color: $primary-color;
						@include transition(all 0.3s);
						transform: translate(0,-50%);
		        	}
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 16.14px;
		    @media (max-width: 1600px) {
		    	margin: 0 11px;
		    }
		    > a {
		        line-height: 82px;
		        display: inline-block;
		        color: $link_color;
    			@include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 13px;
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 10px 30px 30px 30px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				border-top: none;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}

.fr-styles-box3 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    display: flex;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    > a {
		        line-height: 70px;
		        display: inline-block;
		        color: #fff;
    			@include ft_theme_default($ft_theme_default);
				font-size: 14px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1px;
    			text-transform: uppercase;
    			overflow: clip;
    			padding: 0 38.4px;
    			border-right: 1px solid rgba(#fff, 0.149);
			    @media (max-width: 1600px) {
			    	padding: 0 25px;
			    }
    			@media (max-width: 1500px) {
			    	font-size: 13px;
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 30px;
	    		max-width: 1721px;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				border-top: none;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}

.fr-styles-box4 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 38px;
		    @media (max-width: 1600px) {
		    	margin: 0 25px;
		    }
		    > a {
		        line-height: 90px;
		        display: inline-block;
    			@include ft_theme_default($ft_theme_default);
				ont-size: 16px;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: #b8b8b8;
                font-weight: 500;
    			position: relative;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 14px;
			    }
			    &:before {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 3px;
                    background-color: var(--primary-color);
                    bottom: 0;
                    left: 0;
                    opacity: 0;
                    transform-origin: center;
                    transform: scaleX(0);
                    @include transition(all 0.3s);
                }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: #fff;
		    	&:before {
                    opacity: 1;
                    transform: scaleX(1);
                }
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 12px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 30px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				border-top: none;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}

.fr-styles-box5 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 30px 0 17px;
		    @media (max-width: 1600px) {
		    	margin: 0 15px;
		    }
		    > a {
		        line-height: 82px;
		        display: inline-block;
		        color: $link_color;
    			@include ft_theme_default($ft_theme_default);
				font-size: 16px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1.5px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 14px;
			    }
			    &:after {
			    	content: '';
			    	position: absolute;
			    	width: 100%;
			    	height: 3px;
			    	background-color: $primary_color;
			    	bottom: 0;
			    	left: 0;
			    	transform-origin: center center;
			    	opacity: 0;
			    	transform: scaleX(0);
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    	&:after {
		    		opacity: 1;
			    	transform: scaleX(1);
		    	}
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 13px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 10px 30px 30px 30px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				border-top: none;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}

.fr-styles-box6 {
	.pxl-menu-primary {
		list-style: none;
	    margin: 0;
	    padding: 0;
	    ul {
			list-style: none;
			margin: 0;
		}
		li {
			position: relative;
			color: $link_color;
			a {
		        @include ft_theme_default($ft_theme_default);
				font-size: 15px;
				font-style: normal;
				font-weight: 500;
				position: relative;
		        span {
		        	position: relative;
			    	i {
	    				display: none;
	    			}
	    			.pxl-hide {
	    				display: none;
	    			}
			    }
		    }
	    }
	    .menu-item-has-children {
	    	a {
	    		span {
	    			i {
	    				display: none;
	    			}
	    			position: relative;
	    		}
	    	}
	    }
	    > li {
		    display: inline-block;
		    vertical-align: middle;
		    margin: 0 26px 0 17px;
		    @media (max-width: 1600px) {
		    	margin: 0 15px;
		    }
		    > a {
		        line-height: 90px;
		        display: inline-block;
		        color: $link_color;
    			@include ft_theme_default($ft_theme_default);
				font-size: 15px;
				font-style: normal;
				font-weight: 500;
    			position: relative;
    			letter-spacing: 1.5px;
    			text-transform: uppercase;
    			overflow: clip;
    			@media (max-width: 1500px) {
			    	font-size: 14px;
			    }
			    &:after {
			    	content: '';
			    	position: absolute;
			    	width: 100%;
			    	height: 3px;
			    	background-color: $primary_color;
			    	top: 0;
			    	left: 0;
			    	transform-origin: center center;
			    	opacity: 0;
			    	transform: scaleX(0);
			    }
		    }
		    > a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
		    	color: $primary_color;
		    	&:after {
		    		opacity: 1;
			    	transform: scaleX(1);
		    	}
		    }
		}
		.pxl-hide {
			display: inline-block;
			color: $primary-color;
			margin-left: 5px;
		}
		.sub-menu, .children {
		    position: absolute;
		    top: 100%;
		    left: 0px;
		    background-color: #fff;
		    margin-top: 30px;
		    margin-bottom: 0;
		    min-width: 200px;
		    z-index: 99;
		    visibility: hidden;
		    opacity: 0;
		    border: 1px solid #d9d9d9;
		    @include transition(all 200ms linear 0ms);
		    transform-origin: 0 0 0;
		    -webkit-transform-origin: 0 0 0;
		    -ms-transform-origin: 0 0 0;
		    -o-transform-origin: 0 0 0;
		    text-align: left;
		    padding: 0;
		    li {
		        white-space: nowrap;
		        &.menu-item-has-children {
					a {
						&:after {
			        		content: url('../img/arrow-menu1.svg');
							position: absolute;
							top: calc(50% - 8px);
							right: 20px;
							font-size: 12px;
							height: 18px;
    						width: 18px;
							font-weight: 400;
							line-height: 1;
							-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
							transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
			        	}
					}
					.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
						a {
							&:after {
								display: none;
							}
						}
					}
				}
		        a {
		        	padding: 15px 20px;
		        	display: block;
		        	color: $link_color;
		        	font-size: 13px;
		        	font-weight: 500;
		        	@include transition(all 220ms linear 0ms);
		        	position: relative;
		        	text-transform: uppercase;
		        	overflow: clip;
		        	border-bottom: 1px solid rgba(#000000, 0.149);
		        	letter-spacing: 1px;
		        	span {
		        		@include transition(all 220ms linear 0ms);
		        		position: relative;
		        		z-index: 1;
						padding: 0;
		        		&:after {
		        			display: none;
		        		}
		        		.char {
		        			transition: transform 0.3s ease, color 0.3s ease;
							transition-delay: calc(var(--char-index) * 0.03s);
		        		}
		        	}
		        }
		        > a:hover,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a,
	            &.current-menu-ancestor > a {
	            	&:after {
	            		transform: rotate(45deg);
	            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
	            	}
	            	span {
			    		.char {
							color: $primary_color;
							@include transform(translateY(-10px));
						}
			    	}
			    }
			    &:last-child a {
			    	border-bottom: none;
			    }
		    }
		    &.pxl-sub-reverse {
	    		left: auto;
	    		right: 0;
	    		li.menu-item-has-children > a::after {
	    			transform: translate(0, -50%) scaleX(-1);
					right: auto;
					left: 0;
	    		}
	    		li {
	    			> a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		            	
				    }
	    		}
	    	}
		    .sub-menu, .children {
		        top: -1px;
		        left: 100%;
		        &.pxl-sub-reverse {
		    		left: auto;
		    		right: 100%;
		    	}
		    }
		}
		li:hover,
	    li.focus {
	        > .sub-menu, > .children {
	            visibility: visible;
	            opacity: 1;
	            margin-top: 0;
	        }
	    }
	    .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
			padding: 15px !important;
		}
	    .pxl-megamenu {
	    	position: static;
	    	> .sub-menu {
	    		padding: 10px 30px 30px 30px;
	    		max-width: 100%;
	    		margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				background-color: #fff;
				@media (max-width: 1280px) {
					padding: 30px 0;
				}
				.pxl-showcase {
					.pxl-item--title {
						font-size: 15px;
    					font-weight: 500;
					}
				}
	    	}
	    	.pxl-mega-menu {
	    		max-width: 100%;
 				margin-right: 0;
	    	}
	    	.pxl-link li {
	    		padding: 0;
	    		margin-bottom: 0;
	    	}
	    }
	}
	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
			.pxl-mega-menu {
				max-width: 1400px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}
}
	
}

/* Header Tablet/Mobile */
@media #{$max-lg} {
	#pxl-header-default, #pxl-header-elementor {
		position: relative;
		background-color: #fff;
		.pxl-header-main {
			position: relative;
		}
		.pxl-header-branding {
			margin: 15px;
			min-height: 55px;
			align-items: center;
			display: flex;
			img {
				height: 55px;
			}
		}
		#pxl-nav-mobile {
			display: block;
			position: absolute;
			top: 50%;
			right: 15px;
			@include transform(translate(0,-50%));
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			.pxl-mobile-meta-item {
				margin-left: 10px;
			}
		}
	}
	.pxl-header-menu-backdrop {
		z-index: 998;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(#000, 0.6);
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		opacity: 0;
        visibility: hidden;
	}
	.pxl-header-menu {
		position: fixed;
        height: 100vh;
        width: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        z-index: 999;
        @include transition(all .25s cubic-bezier(.645,.045,.355,1));
        @include transform(translateX(-100%));
        visibility: hidden;
        @include box-shadow(0 0 15px rgba(0,0,0,0.08));
        background-color: #fff;
        overflow-y: scroll;
        &.active {
            visibility: visible;
            opacity: 1;
            @include transform(translateX(0%));
            + .pxl-header-menu-backdrop {
            	opacity: 1;
            	visibility: visible;
            }
        }
	}
	.pxl-header-menu-scroll {
		padding: 40px 20px;
	}

	.pxl-menu-toggle {
        position: absolute;
        top: 10px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        right: 0px;
        width: 28px;
        cursor: pointer;
        font-size: 10px;
        @include transition(all .25s cubic-bezier(.645,.045,.355,1));
        color: #1b1b1b;
        @include border-radius(3px);
        background-color: rgba(#000, 0.03);
        &:before {
        	content: "\f150";
        	font-family: "Caseicon";
        }
        &.active:before{
        	content: "\f13d";
        }
    }

	.pxl-menu-primary {
		list-style: none;
        margin: 0;
        padding: 0;
        li.menu-item {
            position: relative;
            > a {
                display: block;
                line-height: 46px;
                color: $link_color;
                font-size: 14px;
                font-weight: 500;
                border-bottom: 1px solid rgba(#000, 0.06);
                @include ft_theme_default($ft_theme_default);
			    text-transform: uppercase;
			    letter-spacing: 1px;
            }
            > a:hover,
            > a.current, 
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
                color: $primary_color;
            }
        }
        .sub-menu, .children {
            position: relative;
            display: none;
            list-style: none;
            margin: 0;
            padding: 0;
            li {
           		a {
           			font-weight: 500;
           			margin-left: 10px;
           			font-size: 12px;
           		}
            }
        }
        > li > .sub-menu > li > .sub-menu > li a {
        	padding-left: 28px;
        }
        .pxl-mega-menu {
        	padding: 15px;
        	.pxl-showcase {
        		margin-bottom: 20px;
        		.pxl-inner-meta {
        			justify-content: center !important;
        			.pxl-item--title {
	        			margin-bottom: 10px !important;
	        		}
        		}
        		.pxl-image-bg {
        			padding: 15px !important;
        		}
        	}
        }
        .pxl-megamenu {
        	.pxl-mega-menu-elementor {
        		margin-top: 20px;
        		.pxl-showcase-grid {
        			.pxl-grid-inner {
        				height: auto !important;
        				display: block;
        				.pxl-grid-item {
        					position: static !important;
        					width: 100% !important;
							max-width: 100% !important;
        				}
        			}
        		}
        	}
        	.elementor-container {
        		> .elementor-column {
        			width: 100%;
        		}
        		.elementor-widget-wrap {
        			padding: 0 !important;
        		}
        	}
        	.pxl-link li {
        		margin: 0;
        	}
        	.pxl-heading {
        		padding-left: 14px;
        		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        		padding-top: 12px;
				padding-bottom: 12px;
        		.pxl-item--title {
        			margin-bottom: 0 !important;
        			font-size: 14px !important;
        			border-bottom: none !important;
        		}
        	}
        	.elementor-widget-heading > .elementor-widget-container {
        		margin-bottom: 0 !important;
    			border-bottom: none !important;
        	}
        	.elementor-section .elementor-container {
        		flex-wrap: wrap;
        	}
        }
	}
	.pxl-logo-mobile {
		margin-bottom: 35px;
		img {
			height: 50px;
		}
	}
	.pxl-header-mobile-search {
		margin-bottom: 20px;
		form {
			position: relative;
		}
		.search-field {
			height: 54px;
			padding: 0 22px;
			background-color: #f8f8f8;
			border-radius: 0;
		}
		.search-submit {
			position: absolute;
			top: 0;
			right: 5px;
			@include border-radius(0px);
			line-height: 44px;
			padding: 0;
			width: 44px;
			height: 44px;
			line-height: 44px;
			background: none;
			color: #000;
			border: none;
			&:hover, &:focus {
				color: $primary_color;
				background-color: transparent;
			}
		}
	}
	.pxl-menu-close {
		background-color: rgba(0, 0, 0, 0.03);
		position: absolute;
		top: 0;
		right: 0;
		@include border-radius(0px);
	}
	#pxl-header-elementor {
		.pxl-header-elementor-main, 
		.pxl-header-elementor-sticky {
			display: none;
		}
		#pxl-header-mobile {
			display: block;
			position: relative;
			z-index: 999;
			box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.3);
			&.style-dark {
				background-color: #151A25;
				&.pxl-header-mobile-fixed {
					background-color: #151A25;
				}
				.pxl-nav-mobile-button .pxl-icon-line:after, .pxl-nav-mobile-button .pxl-icon-line:before {
					background-color: #fff;
				}
				.pxl-header-menu {
					background-color: #000;
				}
				.pxl-header-mobile-search {
					.search-field {
						background-color: rgba(255,255,255,0.12);
						border-color: rgba(255,255,255,0.12);
						color: rgba(#fff, 0.67);
						&:focus {
							color: #fff;
						}
					}
					.search-submit {
						color: rgba(#fff, 0.8);
						font-size: 14px;
					}
				}
				.pxl-menu-primary li {
					a {
						color: rgba(#fff, 0.8);
						border-color: rgba(#fff, 0.08);
					}
					> a:hover,
		            > a.current, 
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
		                color: #fff;
		            }
				}
				.pxl-menu-close {
					background-color: rgba(255, 255, 255, 0.12);
					&:before, &:after {
						background-color: #fff;
					}
				}
				.pxl-menu-toggle {
					background-color: rgba(255,255,255,0.1);
					color: rgba(#fff, 0.8);
				}
			}
		}
	}
	#pxl-header-elementor #pxl-header-mobile {
		.pxl-header-sticky {
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			opacity: 0;
			visibility: hidden;
		}
		&.pxl-header-mobile-fixed .pxl-header-sticky {
			visibility: visible;
			opacity: 1;
			@include animation(0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown);
		}
		&.pxl-header-mobile-fixed .pxl-header-main {
			visibility: visible;
			opacity: 1;
			@include animation(0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown);
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			background-color: #fff;
			box-shadow: 0px 0px 2px 2px rgba(219, 219, 219, 0.3);
		}
	}
	.admin-bar {
		#pxl-header-elementor #pxl-header-mobile {
			&.pxl-header-mobile-fixed .pxl-header-main {
				top: 32px;
			}
		}
	}
}

.admin-bar {
	#pxl-header-elementor #pxl-header-mobile {
		&.pxl-header-mobile-fixed .pxl-header-main {
			@media screen and (max-width: 782px) {
				top: 46px;
			}
			@media screen and (max-width: 600px) {
				top: 0;
			}
		}
	}
}

@media #{$max-sm} {
	.pxl-header-menu {
		width: 100%;
	}
}

/* Hidden Panel */
.pxl-hidden-panel-popup {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999; 
	height: 100vh;
	width: 100%;
	visibility: hidden;
	@media #{$max-lg} {
		display: none;
	}
	.pxl-popup--overlay {
		z-index: -1;
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		@include transition(all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96));
		cursor: pointer;
	}
	.elementor > .elementor-section {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
	}
	.pxl-popup--conent {
		max-height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: none;
		background-color: #fff;
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px);
		box-shadow: 0px 5px 18px 0px rgba(#000, 0.06);
		.pxl-close {
			position: absolute;
			right: 30px;
			top: 20px;
			z-index: 2;
		}
	}
	&.pxl-pos-top {
		.pxl-popup--conent {
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			left: 0;
			@include transition(all .5s cubic-bezier(0.46, 0.03, 0.52, 0.96));
			@include transform(translateY(-100%));
		}
	}
	&.pxl-pos-right {
		.pxl-popup--conent {
			position: absolute;
			top: 0px;
			right: 0;
			min-height: 100vh;
			width: 535px;
			@include transition(all 500ms cubic-bezier(.645,.045,.355,1));
			@include transform(translateX(100%) );
			//padding: 60px 0;
			overflow-y: scroll;
			overflow-x: hidden;
		}
	}
	&.pxl-pos-left {
		.elementor-container,.elementor-element,.elementor-element-populated {
			position: static;
		}
		.pxl-popup--conent {
			position: absolute;
			top: 0px;
			left: 0;
			min-height: 100vh;
			width: 535px;
			@include transition(all 500ms cubic-bezier(.645,.045,.355,1));
			@include transform(translateX(-100%) );
			overflow: visible;
		}
		&.active {
		}
	}
	&.active {
		visibility: visible;
		.pxl-popup--conent {
			@include transform(translatex(0%));
			transition-delay: 0s !important;
		}
		.pxl-popup--overlay {
			opacity: 1;
			visibility: visible;
			transition-delay: 0s !important;
		}
		.pxl-search-form .pxl-searchform-divider {
			webkit-animation-name: PXLfadeInMove;
			animation-name: PXLfadeInMove;
			-webkit-animation-duration: 0.7s;
			animation-duration: 0.7s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			visibility: visible;
			animation-delay: 0.8s;
			-webkit-animation-delay: 0.8s;
		}
	}
	&:not(.active) .pxl-search-form .pxl-searchform-divider {
		webkit-animation-name: PXLfadeOutMove;
		animation-name: PXLfadeOutMove;
		-webkit-animation-duration: 0.7s;
		animation-duration: 0.7s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		visibility: visible;
	}
}

.pxl-nav-mobile-button {
	&.pxl-anchor-divider {
		overflow: hidden;
		width: 34px;
		height: 30px;
		cursor: pointer;
		position: relative;
		.pxl-icon-line {
			height: 3px;
			position: absolute;
			right: 0;
			border-radius: 3px;
			&:before, &:after {
				content: '';
				position: absolute;
				height: 100%;
				top: 0;
				right: 0;
				bottom: 0;
				right: 0;
				background: $primary-color;
				opacity: 1;
				width: 100%;
				@include border-radius(4px);
			}
			&:before {
				@include transform(translate3d(100%,0,0));
			}
			&:after {
				@include transform(translate3d(0,0,0));
			}
			&.pxl-icon-line1 {
				top: 0;
				width: 100%;
			}
			&.pxl-icon-line2 {
				top: 50%;
				width: 100%;
				transform: translate(0,-50%);
			}
			&.pxl-icon-line3 {
				width: 100%;
				bottom: 0;
			}
		}
	}
	&.pxl-anchor-divider:hover .pxl-icon-line, .pxl-anchor-button.type-menu-hidden:hover .pxl-icon-line  {
		&.pxl-icon-line1 {
			&:before {
				@include transform(translate3d(0,0,0));
				opacity: 1;
				@include transition(transform .8s cubic-bezier(.215,.61,.355,1) 460ms,opacity .8s cubic-bezier(.215,.61,.355,1) 460ms);
			}
			&:after {
				@include transform(translate3d(-36px,0,0));
				opacity: 0;
				@include transition(transform .6s cubic-bezier(.165,.84,.44,1) 0s,opacity .6s cubic-bezier(.165,.84,.44,1) 0s);
			}
		}
		&.pxl-icon-line2 {
			&:before {
				@include transform(translate3d(0,0,0));
				opacity: 1;
				@include transition(transform .8s cubic-bezier(.215,.61,.355,1) 620ms,opacity .8s cubic-bezier(.215,.61,.355,1) 620ms);
			}
			&:after {
				@include transform(translate3d(-36px,0,0));
				opacity: 0;
				@include transition(transform .6s cubic-bezier(.165,.84,.44,1) 160ms,opacity .6s cubic-bezier(.165,.84,.44,1) 160ms);
			}
		}
		&.pxl-icon-line3 {
			&:before {
				@include transform(translate3d(0,0,0));
				opacity: 1;
				@include transition(transform .8s cubic-bezier(.215,.61,.355,1) 780ms,opacity .8s cubic-bezier(.215,.61,.355,1) 780ms);
			}
			&:after {
				@include transform(translate3d(-36px,0,0));
				opacity: 0;
				@include transition(transform .6s cubic-bezier(.165,.84,.44,1) 320ms,opacity .6s cubic-bezier(.165,.84,.44,1) 320ms);
			}
		}
	}
}

.pxl-anchor-button {
	&.style-1 {
		.pxl-anchor-inner {
			display: inline-flex;
		    justify-content: center;
		    align-items: center;
		    width: 95px;
		    height: 95px;
		    background-color: $primary_color;
		    @media (max-width: 1280px) {
		    	width: 85px;
		    }
		    .pxl-anchor-divider {
				overflow: hidden;
				width: 40px;
			  	height: 22px;
				cursor: pointer;
				position: relative;
				.pxl-icon-line {
					height: 2px;
					position: absolute;
					right: 0;
					border-radius: 0;
					background-color: #fff;
					@include transition(all 0.3s ease-in-out);
					&.pxl-icon-line1 {
						top: 0;
						left: 2px;
						right: unset;
						width: 32%;
					}
					&.pxl-icon-line2 {
						top: 50%;
						width: 96%;
						transform: translate(0,-50%);
						left: 0;
			  			right: unset;
					}
					&.pxl-icon-line3 {
						width: 35%;
						bottom: 0;
					}
				}
			}
			&:hover {
				.pxl-anchor-divider {
					.pxl-icon-line {
						&.pxl-icon-line1 {
							left: 0;
							width: 100%;
						}
						&.pxl-icon-line2 {
							width: 50%;
							transform: translate(-50%,-50%);
							left: 50%;
						}
						&.pxl-icon-line3 {
							width: 100%;
						}
					}
				}
			}
		}
	}
	&.style-2 {
		.pxl-anchor-inner {
			@include transition(all 0.3s ease-in-out);
		    .pxl-anchor-divider {
				overflow: hidden;
				cursor: pointer;
				position: relative;
				width: 23px;
		    	height: 23px;
				.pxl-icon-line {
					height: 6px;
					width: 6px;
					position: absolute;
					border-radius: 50%;
					background-color: #000;
					@include transition(all 0.3s ease-in-out);
					&.pxl-icon-line1 {
						top: 0;
						left: 0px;
					}
					&.pxl-icon-line2 {
						bottom: 0;
						left: 0;
			  			right: unset;
					}
					&.pxl-icon-line3 {
						top: 0;
						right: 0;
					}
				}
				&:after {
					content: '';
					height: 6px;
					width: 6px;
					bottom: 0;
					right: 0;
					position: absolute;
					border-radius: 50%;
					background-color: #000;
					@include transition(all 0.3s ease-in-out);
				}
			}
			&:hover {
				.pxl-anchor-divider {
					.pxl-icon-line {
						&.pxl-icon-line1 {
							left: 71%;
						}
						&.pxl-icon-line2 {
							bottom: 71%;
						}
						&.pxl-icon-line3 {
							top: 71%;
						}
					}
					&:after {
						right: 71%;
					}
				}
			}
		}
	}
}

/* Search Popup */
.pxl-popup-wrap {
	.pxl-item--overlay {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(#080808, 0.4);
		opacity: 0;
		visibility: hidden;
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		cursor: pointer;
	}
	&.active .pxl-item--overlay {
		opacity: 1;
		visibility: visible;
	}
}
#pxl-search-popup {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	@include transition(all .5s cubic-bezier(.46,.03,.52,.96));
	.pxl-item--close {
		width: 45px;
		height: 45px;
		position: absolute;
		background-color: rgba(#000,0.04);
		top: 40px;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 99;
		border-radius: 45px;
		border-width: 11px;
	}
	.searchform-wrap {
		position: relative;
		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: rgba(#000, 0.5);
			transform-origin: left center;
		}
	}
	&.active {
		.searchform-wrap {
			&:before {
				webkit-animation-name: PXLfadeInMove;
				animation-name: PXLfadeInMove;
				-webkit-animation-duration: .6s;
				animation-duration: .6s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				visibility: visible;
				animation-delay: .4s;
				-webkit-animation-delay: .4s;
			}
		}
	}
	.pxl-item--conent {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height: 320px;
		background-color: #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		padding: 0 15px 80px 15px;
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		@include transform(translateY(-100%));
		form {
			max-width: 760px;
			margin: 0 auto;
			width: 100%;
			position: relative;
			.search-field {
				height: 65px;
				padding: 15px 0;
				color: rgba(#000,0.5);
				font-size: 27px;
				border: none;
				background-color: unset;
				width: 94%;
  				border-radius: 0;
  				font-family: "Satoshi", Sans-serif;
  				font-weight: 500;
  				&:focus {
  					color: $link_color;
  				}
			}
			.search-submit {
				position: absolute;
				top: 50%;
				right: 0;
				@include transform(translate(0, -50%));
				width: 40px;
				height: 80px;
				line-height: 80px;
				text-align: right;
				border: none;
				background: none;
				font-size: 28px;
				padding: 0;
				z-index: 99;
				cursor: pointer;
				color: $link_color;
				&:hover {
					svg {
						path {
							fill: $primary-color;
						}
					}
				}
				i {
					width: 30px;
  					height: 30px;
				}
				svg {
					@include transition(all 300ms linear 0ms);
					path {
						fill: rgba(#000, 0.5);
						@include transition(all 200ms linear 0ms);
					}
				}

			}
		}
	}
	.pxl--search-divider {
		height: 2px;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		background-color: rgba(#000,0.6);
	}
	&.active {
		visibility: visible;
		opacity: 1;
		.pxl-item--conent {
			@include transform(translateY(0%));
		}
	}
}

//pxl-menu-click
.pxl-menu-oil {
	position: relative !important;
}

.pxl-menu-click {
	&:hover {
		.pxl-sub-click {
			visibility: visible;
			opacity: 1;
			transform: perspective(500px) rotateX(0deg);
		}
		.pxl-button-click {
			&:after {
				transform: rotate(90deg);
			}
		}
	}
	.pxl-sub-click {
		position: absolute;
		top: 100%;
		left: 0;
		visibility: hidden;
		white-space: nowrap;
		background-color: #fff;
		border-top: 1px solid rgba(#000, 0.149);
		cursor: default;
		margin-top: 0;
		transform: perspective(500px) rotateX(-20deg);
		transform-origin: 50% 0%;
		opacity: 0;
		width: 100%;
		@include transition(all 200ms linear 0ms);
		.fr-style-box2 {
			.pxl-menu-primary {
				> li {
					padding: 0 16.14px;
					margin: 0;
				}
			}
		}
		.fr-style-box3 {
			.pxl-menu-primary {
				list-style: none;
			    margin: 0;
			    padding: 0;
			    display: flex;
				align-items: center;
				justify-content: space-between;
				border-left: 1px solid #d9d9d9;
				position: relative;
			    ul {
					list-style: none;
					margin: 0;
				}
				li {
					position: relative;
					color: $link_color;
					a {
				        @include ft_theme_default($ft_theme_default);
						font-size: 14px;
						font-style: normal;
						font-weight: 500;
						position: relative;
				        span {
				        	position: relative;
					    	i {
			    				display: none;
			    			}
			    			.pxl-hide {
			    				display: none;
			    			}
					    }
				    }
			    }
			    .menu-item-has-children {
			    	a {
			    		span {
			    			i {
			    				display: none;
			    			}
			    			position: relative;
			    		}
			    	}
			    }
			    > li {
				    display: inline-block;
				    vertical-align: middle;
				    width: 14.2857143%;
					text-align: center;
				    &:last-child {
				    	> a {
				    		border-right: none;
				    	}
				    }
				    > a {
				        line-height: 69px;
				        display: inline-block;
				        color: $link_color;
		    			@include ft_theme_default($ft_theme_default);
						font-size: 15px;
						font-style: normal;
						font-weight: 500;
		    			position: relative;
		    			letter-spacing: 1px;
		    			text-transform: uppercase;
		    			overflow: clip;
		    			border-right: 1px solid #d9d9d9;
		    			width: 100%;
		    			@media (max-width: 1500px) {
					    	font-size: 13px;
					    }
					    padding: 0 16.14px;
					    @media (max-width: 1600px) {
					    	padding: 0 11px;
					    }
					    &:before {
					    	content: '';
					    	position: absolute;
					    	width: 100%;
					    	height: 2px;
					    	background-color: $primary_color;
					    	bottom: 0;
					    	left: 0;
					    	transform-origin: center center;
					    	@include transition(all 0.3s);
					    	transform: scaleX(0);
					    	opacity: 0;
					    	z-index: 2;
					    }
					    &:after {
					    	content: '';
					    	position: absolute;
					    	width: 100%;
					    	height: 1px;
					    	background-color: #d9d9d9;
					    	bottom: 0;
					    	left: 0;
					    	transform-origin: center center;
					    	@include transition(all 0.3s);
					    }
				    }
				    > a:hover,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a,
		            &.current-menu-ancestor > a {
				    	&:before {
				    		opacity: 1;
				    		transform: scaleX(1);
				    	}
				    }
				}
				.pxl-hide {
					display: inline-block;
					color: $primary-color;
					margin-left: 5px;
				}
				.sub-menu, .children {
				    position: absolute;
				    top: 100%;
				    left: 0px;
				    background-color: #fff;
				    margin-top: 30px;
				    margin-bottom: 0;
				    min-width: 100%;
				    z-index: 99;
				    visibility: hidden;
				    opacity: 0;
				    border: 1px solid #d9d9d9;
				    @include transition(all 200ms linear 0ms);
				    transform-origin: 0 0 0;
				    -webkit-transform-origin: 0 0 0;
				    -ms-transform-origin: 0 0 0;
				    -o-transform-origin: 0 0 0;
				    text-align: left;
				    padding: 0;
				    li {
				        white-space: nowrap;
				        &.menu-item-has-children {
							a {
								&:after {
					        		content: url('../img/arrow-menu1.svg');
									position: absolute;
									top: calc(50% - 8px);
									right: 20px;
									font-size: 12px;
									height: 18px;
		    						width: 18px;
									font-weight: 400;
									line-height: 1;
									-webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
									-khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
									-moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
									-ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
									-o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
									transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
					        	}
							}
							.menu-item-object-page, .menu-item-type-post_type, .menu-item-object-custom {
								a {
									&:after {
										display: none;
									}
								}
							}
						}
				        a {
				        	padding: 15px 20px;
				        	display: block;
				        	color: $link_color;
				        	font-size: 13px;
				        	font-weight: 500;
				        	@include transition(all 220ms linear 0ms);
				        	position: relative;
				        	text-transform: uppercase;
				        	overflow: clip;
				        	border-bottom: 1px solid rgba(#000000, 0.149);
				        	letter-spacing: 1px;
				        	span {
				        		@include transition(all 220ms linear 0ms);
				        		position: relative;
				        		z-index: 1;
								padding: 0;
				        		&:after {
				        			display: none;
				        		}
				        		.char {
				        			transition: transform 0.3s ease, color 0.3s ease;
									transition-delay: calc(var(--char-index) * 0.03s);
				        		}
				        	}
				        }
				        > a:hover,
			            &.current_page_item > a,
			            &.current-menu-item > a,
			            &.current_page_ancestor > a,
			            &.current-menu-ancestor > a {
			            	&:after {
			            		transform: rotate(45deg);
			            		filter: invert(32%) sepia(99%) saturate(1449%) hue-rotate(356deg) brightness(99%) contrast(88%);
			            	}
			            	span {
					    		.char {
									color: $primary_color;
									@include transform(translateY(-10px));
								}
					    	}
					    }
					    &:last-child a {
					    	border-bottom: none;
					    }
				    }
				    &.pxl-sub-reverse {
			    		left: auto;
			    		right: 0;
			    		li.menu-item-has-children > a::after {
			    			transform: translate(0, -50%) scaleX(-1);
							right: auto;
							left: 0;
			    		}
			    		li {
			    			> a:hover,
				            &.current_page_item > a,
				            &.current-menu-item > a,
				            &.current_page_ancestor > a,
				            &.current-menu-ancestor > a {
				            	
						    }
			    		}
			    	}
				    .sub-menu, .children {
				        top: -1px;
				        left: 100%;
				        &.pxl-sub-reverse {
				    		left: auto;
				    		right: 100%;
				    	}
				    }
				}
				li:hover,
			    li.focus {
			        > .sub-menu, > .children {
			            visibility: visible;
			            opacity: 1;
			            margin-top: 0;
			        }
			    }
			    .pxl-megamenu {
			    	position: static;
			    	> .sub-menu {
			    		padding: 10px 0 50px 0;
			    		max-width: 100%;
			    		margin-left: auto;
						margin-right: auto;
						left: 0;
						right: 0;
						background-color: #fff;
						border-top: none;
						@media (max-width: 1280px) {
							padding: 30px 0;
						}
						.elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
							padding: 15px !important;
						}
						.pxl-showcase {
							.pxl-item--title {
								font-size: 15px;
		    					font-weight: 500;
							}
							.pxl-inner-meta {
								padding: 20px 10px;
							}
							.pxl-item--buttons {
								.pxl-item--button {
									margin-right: 5px;
									padding-right: 5px;
									&:last-child {
										margin-right: 0;
										padding-right: 0;
									}
									.btn-showcase {
										font-size: 12px;
									}
								}
							}
						}
			    	}
			    	.pxl-link li {
			    		padding: 0;
			    		margin-bottom: 0;
			    	}
			    }
			}
			&.show-effect-dropdown {
				.pxl-menu-primary {
					.sub-menu {
						@include transform(scaleY(0));
						transform-origin: 0 0 0;
						-webkit-transform-origin: 0 0 0;
						-ms-transform-origin: 0 0 0;
						-o-transform-origin: 0 0 0;
						margin-top: 0;
					}
					li:hover > .sub-menu, li.focus > .sub-menu {
						@include transform(scaleY(1));
					}
					.pxl-mega-menu {
						max-width: 1400px;
						margin-left: auto;
						margin-right: auto;
						left: 0;
						right: 0;
					}
				}
			}

			&.show-effect-slidedown {
				.pxl-menu-primary {
					.sub-menu {
						margin-top: 0;
						transform: perspective(500px) rotateX(-20deg);
						transform-origin: 50% 0%;
					}
					li:hover > .sub-menu, li.focus > .sub-menu {
						transform: perspective(500px) rotateX(0deg);
					}
				}
			}
		}
		.pxl-contact-menu {
			padding: 55px 75px 82px 75px;
			border: 1px solid #d9d9d9;
			border-top: none;
			text-align: center;
			@media (max-width: 1800px) {
				padding: 55px 30px 70px 30px;
			}
			@media (max-width: 1500px) {
				padding: 45px 20px 50px 20px;
			}
			.pxl-contact-inner {
				.pxl-item--img {
					position: relative;
					display: inline-block;
					text-align: left;
					.pxl-menu-meta {
						position: absolute;
						bottom: 13px;
						left: 0;
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 14px 0 47px;
						.pxl-item-title {
							font-size: 35px;
							text-transform: uppercase;
							color: #ffffff;
							font-weight: 500;
							@include ft_theme_default($ft_theme_default);
							line-height: 1.3;
							max-width: 29.7%;
							white-space: normal;
							@media (max-width: 1800px) {
								max-width: 35%;
							}
							@media (max-width: 1500px) {
								max-width: 50%;
								font-size: 32px;
							}
						}
						.pxl-button-link {
							&:hover {
								svg {
									transform: rotate(45deg);
								}
							}
							svg {
								height: 130px;
								width: auto;
								@include transition(all 0.3s);
								transform: rotate(0);
								path {
									fill: #fff;
									@include transition(all 0.3s);
								}
							}
						}
					}
				}
			}
			.pxl-contact-bottom {
				display: flex;
				margin-top: 96px;
				justify-content: center;
				text-align: left;
				@media (max-width: 1700px) {
					margin-top: 70px;
					flex-wrap: wrap;
					justify-content: left;
				}
				@media (max-width: 1500px) {
					margin-top: 45px;
				}
				.pxl-item-title-list {
					font-size: 20px;
					color: $link_color;
					font-weight: 500;
					@include ft_theme_default($ft_theme_default);
					line-height: 1.2;
					margin-bottom: 17px;
				}
				.pxl-list {
					display: flex;
					@media (max-width: 1600px) {
						justify-content: space-between;
  						flex-wrap: wrap;
  						margin-bottom: 30px;
					}
					.pxl--item {
						border-right: 1px solid #d9d9d9;
						padding-right: 49px;
  						margin-right: 57px;
  						@media (max-width: 1800px) {
  							padding-right: 30px;
  							margin-right: 40px;
  						}
  						@media (max-width: 1300px) {
  							padding-right: 30px;
  							margin-right: 30px;
  						}
					}
					ul {
						margin-bottom: 0;
						li {
							list-style: none;
							font-size: 16px;
							color: #666666;
							margin-bottom: 7px;
							&:last-child {
								margin-bottom: 0;
							}
							@media (max-width: 1280px) {
								font-size: 15px;
							}
						}
					}
				}
				.pxl-social {
					.pxl-item-title-list {
						margin-bottom: 52px;
						@media (max-width: 1600px) {
							margin-bottom: 30px;
						}
					}
					.pxl-social--icon {
						display: flex;
  						align-items: center;
						a {
							width: 50px;
							min-width: 50px;
							height: 50px;
							background-color: $link_color;
							color: #fff;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 16px;
							margin-right: 5px;
							&:last-child {
								margin-right: 0;
							}
							&:hover {
								background-color: $primary_color;
							}
						}
					}
				}
			}
		}
	}
	.pxl-button-click {
		position: relative;
		width: 107px;
		height: 107px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: $primary_color;
		cursor: pointer;
		@media (max-width: 1600px) {
			width: 90px;
  			height: 90px;
		}
		&:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			height: 2px;
			width: 22px;
			background-color: #fff;
			transform: translate(-50%,-50%);
			@include transition(all 200ms linear 0ms);
		}
		&:after {
			content: '';
			height: 22px;
			width: 2px;
			background-color: #fff;
			transform: rotate(0deg);
			@include transition(all 200ms linear 0ms);
		}
	}
}

.admin-bar {
	#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, #pxl-search-popup, .pxl-hidden-panel-popup {
		top: 32px;
		@media screen and (max-width: 782px) {
			top: 46px;
		}
		@media screen and (max-width: 600px) {
			top: 0;
		}
	}
	.pxl-header-menu {
		top: 32px;
		@media screen and (max-width: 782px) {
			top: 46px;
		}
	}
}

@-moz-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@-ms-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@-webkit-keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@keyframes PXL_Header_SlideDown{
  0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}