.minimal-header {
	z-index: 11;
	
	#dpr-header-inner {
		overflow: visible !important;
	}

	#dpr-navigation-wrapper{
		right: 0;
		visibility:hidden;
		opacity:0;
		-ms-transform: translateX(-300px); 
		-webkit-transform: translateX(-300px); 
		transform: translateX(-300px);
		-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  		transition:         all 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86); 
		&.active {
		visibility: visible;
		opacity:1;
		-ms-transform: translateX(0px); 
		-webkit-transform: translateX(0px); 
		transform: translateX(0px);
		}
	}
	.dpr-adeline-social-menu{
		right: 0;
		visibility:hidden;
		opacity:0;
		-ms-transform: translateX(-50px); 
		-webkit-transform: translateX(-50px); 
		transform: translateX(-50px);
		-webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  		transition:         all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86); 
		&.active {
		visibility: visible;
		opacity:1;
		-ms-transform: translateX(0px); 
		-webkit-transform: translateX(0px); 
		transform: translateX(0px);
		}
	}	.menu-bar-wrapper {
	    float: right;
	    height: 100%;
	    display: table;
	}

	.menu-bar-inner {
	    display: table-cell;
	    vertical-align: middle;
	    position: relative;
	    height: 74px;
	}

	.menu-bar {
	    display: inline-block;
	    position: relative;
	    margin-left: 10px;
	    min-width: 28px;
	    height: 33px;
	    text-align: left;
	    z-index: 101;	
		
	    .opener {
		    display: inline-block;
		    width: 23px;
		    height: 2px;
		    position: relative;
		    top: 2px;
		    background-color: $color-2;
		    vertical-align: middle;
		    white-space: nowrap;
		    @include transition( all ease .3s );

		    &:before, &:after {
			    position: absolute;
			    content: '';
			    display: inline-block;
			    width: 23px;
			    height: 2px;
			    left: 0;
			    background-color: $color-2;
			    outline: 1px solid transparent;
			    @include transition( all ease .3s );
			}

		    &:before {
			    top: -8px;
			}

		    &:after {
			    top: 8px;
			}
		}
		&.close-menu .opener {
		    background-color: transparent !important;

		    &:before, &:after {
			    background-color: $color-2;
			}

		    &:before {
			    @include transform( translateY(8px) rotateZ(-45deg) );
			}

		    &:after {
			    @include transform( translateY(-8px) rotateZ(45deg) );
			}
		}
	}

	.menu-bar:not(.close-menu):hover {
		.opener {
			  animation-duration: 0.7s;
			  animation-name: openerwidth;
			  animation-iteration-count: infinite;
			  animation-direction: alternate;
			  
			  	&:before {
				  animation-duration: 0.6s;
				  animation-name: openerwidth;
				  animation-iteration-count: infinite;
				  animation-direction: alternate;
				}
				
				&:after {
				  animation-duration: 0.5s;
				  animation-name: openerwidth;
				  animation-iteration-count: infinite;
				  animation-direction: alternate;
				}
		}
	}


}




