@import url("https://fonts.googleapis.com/css?family=Michroma");

body {
	font-family: "Michroma", sans-serif;
  	color: #e3dac9;
	padding: 0;
  	background: url(../Picture_Center/media-background-center/STANDARD-audio-FILE-speaker-background.png);
	background-repeat: no-repeat;
	background-size: cover;     
	background-color: #000000;
	overflow-x: hidden;
	box-sizing: border-box;
	clear: both;

	background-position-x: center;
	background-position-y: center;
	}


/** BEGINNING OF VERY IMPORTANT - DO NOT REMOVE, CHANGE OR UPDATE **/
body {
  	margin: 0;
	}

html, body {
  	height: 100% !important;
	}
/** END OF VERY IMPORTANT - DO NOT REMOVE, CHANGE OR UPDATE **/






.placement-topper {
	float: right !important; 
	right: 0 !important; 
	margin-right: 7px !important; 
	margin-top: 7px !important;
	}

#inner-placer {
	margin-top: 0; 
	text-align: center;
	}

*,:after,:before{
	box-sizing:border-box;
	}

.pull-left{
	float:left;
	font-family: Consolas, monaco, monospace;
	}

.pull-right{
	float:right;
	font-family: Consolas, monaco, monospace; 
  	color: #f86d92;
	}

.clearfix:after,.clearfix:before{ 
	content:'';
	display:table;
	}

.clearfix:after{
	clear:both;
	display:block;
	}

.track {
    width:2px; width: 45px;
    margin-right:5px;
    background:rgba(0,0,0,0);
    transition:background 250ms linear;
	}

.track:hover,
.track.dragging{
    background:#d9d9d9;
    background:rgba(0,0,0,.15);   
	}

.handle{
    right:0;
    width:2px;
    background:#999;
    transition:width 250ms;
    background:rgba(255,255,255,.2);   
	}

.mhn-player {
	width: 360px;
	height: 100% !important;
	left: 0; 
	right: 0; 
	padding: 15px;
	position:relative; position: absolute;
	background:rgba(0,0,0,.9);
	box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21);   
	box-sizing: border-box;
	clear: both;
	/**PLACEMENT OF THE MICROPHONE**/
    		inline-size: var(--size-content-1);
    		aspect-ratio: var(--ratio-widescreen);
    		border: solid var(--size-2) transparent;
    		border-radius: var(--radius-4);
    		background: 
      			linear-gradient(var(--surface-1), var(--surface-1)) padding-box, 
      			var(--gradient-1) border-box;
	/**END OF PLACEMENT OF THE MICROPHONE**/
	}

/**BACKGROUND RADIANT**/
.mhn-player:before {
  	z-index: -1 !important;
  	position: absolute;
  	inset: -8px;
  	background: conic-gradient(
        	#ff53bb ,
        	#0000 30deg 120deg,
        	#00f8d3 150deg 180deg,
        	#0000 210deg 300deg,
        	#ff53bb 330deg);
	box-sizing: border-box;
	clear: both;	 
	}

.mhn-player:after {
  	z-index: -1 !important;
  	content: "";
  	position: absolute;
  	inset: -100px;
  	background:
    		radial-gradient(200px at left  400px top 150px,#ff53bb 100%,#0000),
    		radial-gradient(200px at right 400px bottom 150px,#00f8d3 100%,#0000);
  	filter: blur(120px);
  	opacity: .5;	 
	}
/**END OF BACKGROUND RADIANT**/







.mhn-player .album-art,
.mhn-player .album-thumb {
	border-radius: 50% !IMPORTANT;  
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5MC4zMTNweCIgaGVpZ2h0PSI5MC4zMTNweCIgdmlld0JveD0iMCAwIDkwLjMxMyA5MC4zMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDkwLjMxMyA5MC4zMTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMTkxOTE5IiBkPSJNNDUuMTU2LDBDMjAuMjE4LDAsMCwyMC4yMTcsMCw0NS4xNTZjMCwyNC45MzksMjAuMjE4LDQ1LjE1Niw0NS4xNTYsNDUuMTU2YzI0LjkzOSwwLDQ1LjE1Ni0yMC4yMTgsNDUuMTU2LTQ1LjE1NkM5MC4zMTMsMjAuMjE3LDcwLjA5NSwwLDQ1LjE1NiwweiBNMjIuMzk3LDc4Ljc1M2MwLDAtNS4yNzQtMy41NC03LjIyNS01Ljc4Yy0xLjk1MS0yLjI0LTMuOTc0LTQuNjk2LTMuOTc0LTQuNjk2TDI2LjAxLDU4LjE2MWw1Ljc4LDUuNzhsMC4zNjIsMC4zNjFMMjIuMzk3LDc4Ljc1M3ogTTQ1LjE1Niw2My4yMTljLTkuOTc2LDAtMTguMDYzLTguMDg3LTE4LjA2My0xOC4wNjNjMC05Ljk3NSw4LjA4Ny0xOC4wNjMsMTguMDYzLTE4LjA2M2M5Ljk3NSwwLDE4LjA2Myw4LjA4NywxOC4wNjMsMTguMDYzQzYzLjIxOSw1NS4xMzIsNTUuMTMyLDYzLjIxOSw0NS4xNTYsNjMuMjE5eiBNNjQuMzAzLDMyLjUxM2MwLDAtMC42NjItMS4yMDQtMi4xNjctMi44OWMtMS41MDUtMS42ODYtMy45NzQtMy45NzQtMy45NzQtMy45NzRsMTAuMTE1LTE0LjQ1YzAsMCwyLjQwOCwxLjc0Niw0LjY5NiwzLjYxMmMyLjI4OCwxLjg2Nyw2LjE0MSw3LjIyNSw2LjE0MSw3LjIyNUw2NC4zMDMsMzIuNTEzeiBNNDUuMTU2LDQxLjE4MmMtMi4xOTUsMC0zLjk3NCwxLjc3OS0zLjk3NCwzLjk3NGMwLDIuMTk1LDEuNzc5LDMuOTc0LDMuOTc0LDMuOTc0YzIuMTk1LDAsMy45NzQtMS43NzksMy45NzQtMy45NzRDNDkuMTMsNDIuOTYxLDQ3LjM1MSw0MS4xODIsNDUuMTU2LDQxLjE4MnoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat center / 50%;
	}


.mhn-player .album-art{
	overflow:hidden;
	position:relative;
	border: 1px solid #000; 
	border: 0px;   
	}





.mhn-player a{
	color:inherit;
	text-decoration:none;  
	}

.mhn-player .play-list {
	z-index: 1;
	left:15px;
	right:15px;
	display:none;
	overflow-y:auto;
	position:absolute;
	width:auto!important;
	padding-right:1px!important; 
  	background: linear-gradient(to top, rgba(207, 255, 254, 0.3), rgba(249, 247, 217, 0.3), rgba(252, 226, 206, 0.3), rgba(255, 193, 243, 0.3));
  	border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cffffe' /%3E%3Cstop offset='25%25' stop-color='%23f9f7d9' /%3E%3Cstop offset='50%25' stop-color='%23fce2ce' /%3E%3Cstop offset='100%25' stop-color='%23ffc1f3' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3'/%3E %3C/svg%3E") 1;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
	}










/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.mhn-player .play-list {
		height: 118px;
		top:15px;
		bottom:245px  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.mhn-player .play-list {
		height: 120px;
		top:15px;
		bottom:245px;
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.mhn-player .play-list {
		height: 128px; 
		top:0px !important;
		bottom:245px;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.mhn-player .play-list {
		height: 155px; 
		top:0px !important;
		bottom:245px;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.mhn-player .play-list {
		height: 185px; 
		top:0px !important;
		bottom:245px;  
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.mhn-player .play-list {
		height: 190px;
		top:0px !important;
		bottom:245px;  
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.mhn-player .play-list {
		height: 210px; 
		top:0px !important;
		bottom:245px;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.mhn-player .play-list {
		height: 240px;
		top:0px !important;
		bottom:245px; 
  		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.mhn-player .play-list {
		height: 250px;
		top:15px;
		bottom:245px;  
		} 
	}
/*********************************************************************************************************/















/***********************************************************/
.mhn-player .play-list::-webkit-scrollbar {
    	width: 7px; 	
	}
 
.mhn-player .play-list::-webkit-scrollbar-track {
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    	border-radius: 10px;
	}
 
.mhn-player .play-list::-webkit-scrollbar-thumb {
    	border-radius: 10px; 
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  	background: #3cb0fd;
  	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	}

::-webkit-scrollbar-thumb:hover {
    	background: #7D7E94;  
	}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    	background-color: #D9E8F0;
    	border: 1px solid #267DA8; 
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    	background-color: #D9E8F0;
    	border: 1px solid #267DA8;
}
 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    	border: 1px solid #FFFFCC;
	background-color: #FFFFBF;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    	border: 1px solid #FFFFCC;
	background-color: #FFFFBF;
}
/*********************************************************************/






.mhn-player .play-list a{
	color:#ccc;
	display:block;
	overflow:hidden;
	padding:6px 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition:all .4s ease-in-out 0s;     
	}

.mhn-player .play-list a:hover{
	background:rgba(255,255,255,.2); 
	}

.mhn-player .play-list a.active{    
	color:#2ecc71;
	}

.mhn-player .play-list .album-thumb{
	width:35px;
	height:35px;
	overflow:hidden;
	margin-right:10px;
	border:1px solid #282828;    
	}

.mhn-player .play-list .album-thumb img{
	width:100%;
	display:block;    
	}

.mhn-player .play-list .songs-info{
	max-width:240px;
	text-shadow:0 2px 2px #000;    
	}

.mhn-player .play-list .songs-info .song-title{ 
	text-transform: uppercase;
	font-size:16px;       
	}

.mhn-player .play-list .songs-info .songs-detail{
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;       
	}

.mhn-player .current-info{ /**CURRENT INFO MEDIA PLAYING**/
	color: #A3A375;
	position:absolute;   
	}




/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.mhn-player .current-info {
		font-size: 10px;
		left:30px;
		right:30px;
		bottom:215px; 
		margin-left:-15px;
		margin-right:-15px    
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 11px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.mhn-player .current-info {
		font-size: 11px;
		left:30px;
		right:30px;
		bottom: 270px; 
		margin-left:-15px;
		margin-right:-15px;     
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 12px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.mhn-player .current-info {
		font-size: 12px;
		left:30px;
		right:30px;
		bottom:285px; 
		margin-left:-15px;
		margin-right:-15px;     
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 13px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.mhn-player .current-info {
		font-size: 13px;
		left:30px;
		right:30px;
		bottom: 290px; 
		margin-left:-15px;
		margin-right:-15px;     
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 14px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.mhn-player .current-info {
		font-size: 14px;
		left:30px;
		right:30px;
		bottom: 280px; 
		margin-left:-15px;
		margin-right:-15px;    
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 15px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.mhn-player .current-info {
		font-size: 15px;
		left:30px;
		right:30px;
		bottom: 260px; 
		margin-left:-15px;
		margin-right:-15px;       
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 16px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.mhn-player .current-info {
		font-size: 16px;
		left:30px;
		right:30px;
		bottom: 210px; 
		margin-left:-15px;
		margin-right:-15px;      
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 17px !IMPORTANT;
		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.mhn-player .current-info {
		font-size: 17px;
		left:30px;
		right:30px;
		bottom: 180px; 
		margin-left:-15px;
		margin-right:-15px;       
  		}

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 18px !IMPORTANT;
		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.mhn-player .current-info {
		font-size: 18px;
		left:30px;
		right:30px;
		bottom:180px;
		margin-left:-15px;
		margin-right:-15px;  
		} 

	.mhn-player .current-info .song-title { /**MEDIA TITLE**/
		font-size: 19px !IMPORTANT;
		}
	}
/*********************************************************************************************************/




.mhn-player .current-info>div{
	margin-top: 5px;   
	}

.mhn-player .current-info .song-title { /**MEDIA TITLE**/
	font-weight: bold !IMPORTANT;
	margin-top: 5px;
	font-weight:400; 

	overflow:hidden;
	text-overflow:ellipsis; 
	}

.mhn-player .current-info .fa{
	color: #fd6d94;
	min-width:30px;
	font-size:18px; 
	text-align:center;
	font-weight:normal;  
}

.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/ 
	right: 0; 
	left: 0; 
	padding-left: 15px; 
	padding-right: 15px;
	margin-top:30px; 
	position:relative;  
	text-align: center;  
	box-sizing: border-box !important;
	clear: both !important;     
	} 




/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 65px;    
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 65px; 
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 75px;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 65px;   
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 65px;   
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 80px;   
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 100px;    
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 100px;  
  		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.mhn-player .controls{/**MAIN CONTROL BOX LOCATOR**/
		margin-top: 90px;    
		} 
	}
/*********************************************************************************************************/










.mhn-player .controls .toggle-play-list { /**HAMBURGER NAV**/
	z-index: 2 !important;
	right:5px;
	width:40px;
	height:40px;
	bottom: 40px;
	text-align:center;
	position:absolute;                                                      
	}

.mhn-player .controls .progress{/**PROGRESS BAR**/
	height: 10px; height: 1px;
	margin:15px 0;
	position:relative; 
  	background: #709fdc;
  	border-radius: 5px;
	background: #0F172A;
  	background-image: linear-gradient(#38BDF8, #38BDF8);
  	background-size: 0% 100%;
  	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.06);      
	}

.mhn-player .controls .duration{/**TIME SPENT INDICATOR**/
	color:#ccc;
	font-size:14px;       
	}

.mhn-player .controls .progress .bar{/**DOT MOVING INDICATOR FOR PROGRESS BAR**/
  width: 1px;
  height: 1px;
  position: relative;
  z-index: 2;
  width: 0;
  border-radius: 5px; 

  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-color: #fd6d94;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;  
	}






/**HAMBURGER NAV**/
.libraryToggleButton {
  z-index: 1 !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
   width: 25px;
	}

.libraryToggleButton:before,
.libraryToggleButton:after,
.libraryToggleButton .theToggle {
  background: #ffd6cc;
  content: "";
  display: block;
  height: 3px;
  border-radius: 3px;
  margin: 3px 0;
  transition: 0.5s;
	}

.libraryToggleButton:hover:before {
   transform: translateY(6px) rotate(135deg);
	}

.libraryToggleButton:hover:after {
  transform: translateY(-6px) rotate(-135deg); 
	}

.libraryToggleButton:hover .theToggle {
  transform: scale(0);
	}
/**END OF HAMBURGER NAV**/