.edgtf-header-expanding {
	$menu-area-height: 85px;
	$sticky-header-height: 65px;

	.edgtf-menu-area {
        background-color: #fff;
		box-sizing: border-box;

		.edgtf-vertical-align-containers {

			.edgtf-position-right-inner{
				height: 100%;
			}
		}
	}

	.widget{
		display: inline-block;
		padding-right: 12px;
	}

	&.edgtf-menu-icon-with-bckg{

		.edgtf-menu-area .edgtf-expanding-icon-holder{
			height: 100%;
			width: $menu-area-height;
		}

		.edgtf-sticky-header .edgtf-expanding-icon-holder{
			height: 100%;
			width: $sticky-header-height;
		}

		.edgtf-menu-right-widgets{
			margin-right: 32px;
		}

		&.edgtf-menu-icon-bckg-spread{
			.edgtf-expanding-background{
				position: absolute;
				top: 0;
				width: 0;
				height: 100%;
				@include edgtfTransition(width .4s $transition-easing);
			}

			.edgtf-menu-area .edgtf-expanding-background{
				right: $menu-area-height;
			}

			.edgtf-sticky-header .edgtf-expanding-background{
				right: $sticky-header-height;
			}

			.edgtf-expanding-icon-holder-inner:before{
				content: '';
				position: absolute;
				top: -100%;
				left: 0;
				height: 100%;
				width: 1px;
				background-color: rgba(144, 144, 144, 0.4);
				@include edgtfTransition(top .2s ease-out);
			}
		}
	}

	.edgtf-menu-right-widgets{
		display: inline-block;
		vertical-align: middle;
		height: 100%;

		&:before{
			content: '';
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}
	}

	.edgtf-main-menu,
	.edgtf-menu-right-widgets{
		opacity: 0;
		visibility: hidden;
		@include edgtfTransition(.2s ease-out);
	}

	&.edgtf-menu-expanded{
		.edgtf-main-menu,
		.edgtf-menu-right-widgets{
			opacity: 1;
			visibility: visible;
			@include edgtfTransition(.2s ease-out .3s);
		}

		&.edgtf-menu-icon-bckg-spread{
			.edgtf-menu-area .edgtf-expanding-background{
				width: calc(100% - #{$menu-area-height}); // - default header height
			}

			.edgtf-sticky-header .edgtf-expanding-background{
				width: calc(100% - #{$sticky-header-height}); // - default sticky header height
			}

			.edgtf-expanding-icon-holder-inner:before{
				top: 0;
			}
		}
	}

	.edgtf-expanding-icon-holder{
		display: inline-block;
		vertical-align: middle;
		margin-left: 20px;
	}

	.edgtf-expanding-icon-holder-inner{
		position: relative;
		display: table;
		height: 100%;
		width: 100%;
		text-align: center;
	}

	.edgtf-expanding-icon-holder-cell {
		display: table-cell;
		vertical-align: middle;
	}

	.edgtf-menu-appear{
		position: relative;
	    display: inline-block;
	    vertical-align: middle;
	    overflow: hidden;

		@at-root %exp-close {
			content:'';
			position: absolute;
			left: 0;
			background-color: $first-main-color;
			height: 2px;
			width:100%;
			visibility: hidden;
		}


		&:before {
			@extend %exp-close;
			@include edgtfTransform(rotate(45deg) translateX(120%));
			top: 14px;
		}

		&:after {
			@extend %exp-close;
			@include edgtfTransform(rotate(-45deg) translateX(120%));
			bottom: 13px;
		}

		.edgtf-expanding-icon{
			position: relative;
			display: inline-block;
			vertical-align: middle;
			height: 29px;
			width: 25px;

			@at-root %exp-lines {
				content:'';
				position: absolute;
				left: 0;
				background-color: $first-main-color;
				height: 2px;
				width:100%;
				@include edgtfTransform(translateX(-100%));
				@include edgtfTransition(all .2s);
			}

			&:before {
				@extend %exp-lines;
				top: 9px;
			}

			&:after {
				@extend %exp-lines;
				bottom: 9px;
			}
		}

		.edgtf-line{
			position: absolute;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: $first-main-color;
			-webkit-transition: -webkit-transform .2s;
			transition: transform .2s;

			&:first-child{
				top: 9px;
			}

			&:last-child{
				bottom: 9px;
			}
		}

		&:hover,
		&.edgtf-opened {
			.edgtf-expanding-icon {
				&:before {
					@include edgtfTransform(translateX(0));
					-webkit-transition: -webkit-transform .2s .2s;
					transition: transform .2s .2s;
				}

				&:after {
					@include edgtfTransform(translateX(0));
					-webkit-transition: -webkit-transform .2s .3s;
					transition: transform .2s .3s;
				}
			}

			.edgtf-line {
				@include edgtfTransform(translateX(100%));

				&:last-child {
					-webkit-transition-delay: .1s;
					transition-delay: .1s;
				}
			}
		}

		&.edgtf-opened {
			.edgtf-expanding-icon {
				@include edgtfTransform(translateX(100%));
				@include edgtfTransition(all .2s);

				&:before,
				&:after {
					opacity: 0;
				}
			}

			&:before {
				visibility: visible;
				@include edgtfTransform(rotate(45deg) translateX(0%));
				@include edgtfTransition(all .3s .2s);
			}

			&:after {
				visibility: visible;
				@include edgtfTransform(rotate(-45deg) translateX(0%));
				@include edgtfTransition(all .3s .3s);
			}
		}
	}

	&.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header),
	&.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header{
		.edgtf-menu-appear .edgtf-line{
			background-color: #fff !important;
		}
	}

	&.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header),
	&.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header{
		.edgtf-menu-appear .edgtf-line{
			background-color: #000 !important;
		}
	}

	.edgtf-search-opener{
		font-size:19px;
		position:relative;
		display:inline-block;
		vertical-align: middle;
	}

}

