#navPanel, #titleBar {
		display: none;
	}



    			#titleBar2 {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				text-align: center;
				color: #fff;
				font-size: 1.25em;
                padding-top: 11px;
			}


			@media screen and (max-width: 980px) {

				/* Basic */
		
					html, body {
						overflow-x: hidden;
					}
		
				/* Page Wrapper */
		
					#page-wrapper {
						/* Alinha ao #titleBar (altura 44px) em tela pequena */
						padding-top: 44px;
						position: relative;
						left: auto;
						right: auto;
						width: 100%;
						max-width: 100%;
						box-sizing: border-box;
					}
		
		
					#header {
						display: none;
					}
		
					#conteudo_imagem {
						padding: 6em 0;
					}
		
						#conteudo_imagem h2 {
							font-size: 2.5em;
						}
		
				/* Nav */
		
					#page-wrapper {
						-moz-backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
						-ms-backface-visibility: hidden;
						backface-visibility: hidden;
						-moz-transition: -moz-transform 0.5s ease;
						-webkit-transition: -webkit-transform 0.5s ease;
						-ms-transition: -ms-transform 0.5s ease;
						transition: transform 0.5s ease;
						padding-bottom: 1px;
					
					}
		
					#titleBar {

						
						-moz-backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
						-ms-backface-visibility: hidden;
						backface-visibility: hidden;
						-moz-transition: -moz-transform 0.5s ease;
						-webkit-transition: -webkit-transform 0.5s ease;
						-ms-transition: -ms-transform 0.5s ease;
						transition: transform 0.5s ease;
						display: block;
						height: 44px;
						left: 0;
						position: fixed;
						top: 0;
						width: 100%;
						z-index: 10001;
						text-align: center;
						color: #fff;
						font-size: 1.25em;
					}
		
						#titleBar .title {
							line-height: 44px;
						}
		/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
						#titleBar .toggle {
							position: absolute;
							top: 0;
							left: 0;
							width: 80px;
							height: 60px;
						  
						}
		
							#titleBar .toggle:after {
								
						   
								content: '';
								position: absolute;
								left: 4px;
								top: 4px;
								color: #fff;
								text-align: center;
								line-height: 31px;
								font-size: 0.8em;
								width: 50px;
								height: 35px;
								border-radius: 5px;
								box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
							}
		
							#titleBar .toggle:before {
								content: '';
								position: absolute;
								width: 20px;
								height: 30px;
								background: url("images/mobileUI-site-nav-opener-bg.svg");
								top: 16px;
								left: 19px;
							}
		
							#titleBar .toggle:active:after {
								background: rgba(0, 0, 0, 0.2);
							}

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


  
  @keyframes blinker {  
	50% { opacity: 0; }
  }

#titleBar .toggle_esq {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 60px;
	
  
}

	#titleBar .toggle_esq:after {
		
   
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		color: #fff;
		text-align: center;
		line-height: 31px;
		font-size: 0.8em;
		width: 50px;
		height: 35px;
		border-radius: 5px;
		z-index: 0;		
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) , #C00 50%);
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		opacity: 0.9;
		}


	#titleBar .toggle_esq:before {
		content: '';
		position: absolute;
		width: 20px;
		height: 30px;
		background: url("../../images/svg/bell.svg");
		background-repeat: no-repeat;
		top: 11px;
		left: 19px;
		z-index: 1;
		animation: blinker 1s linear infinite;
	}
	

	#titleBar .toggle_esq:active:after {
        background: rgba(0, 0, 0, 0.2);
	 }
/* //////////////////////////////////////////////////////////////////////////////////////// */


  


#titleBar .toggle_dir {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 60px;
	
  
}

	#titleBar .toggle_dir:after {
		
   
		content: '';
		position: absolute;
		right: 4px;
		top: 4px;
		color: #fff;
		text-align: center;
		line-height: 31px;
		font-size: 0.8em;
		width: 50px;
		height: 35px;
		border-radius: 5px;
		z-index: 0;		
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		opacity: 0.9;
		}


	#titleBar .toggle_dir:before {
		content: '';
		position: absolute;
		width: 20px;
		height: 30px;
		background: url("../../images/svg/times.svg");
		background-repeat: no-repeat;
		top: 11px;
		right: 19px;
		z-index: 1;
	}
	

	#titleBar .toggle_dir:active:after {
        background: rgba(0, 0, 0, 0.2);
	 }
/* //////////////////////////////////////////////////////////////////////////////////////// */
		
					#navPanel {
						-moz-backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
						-ms-backface-visibility: hidden;
						backface-visibility: hidden;
						-moz-transform: translateX(-180px);
						-webkit-transform: translateX(-180px);
						-ms-transform: translateX(-180px);
						transform: translateX(-180px);
						-moz-transition: -moz-transform 0.5s ease;
						-webkit-transition: -webkit-transform 0.5s ease;
						-ms-transition: -ms-transform 0.5s ease;
						transition: transform 0.5s ease;
						display: block;
						height: 100%;
						left: 0;
						overflow-y: auto;
						position: fixed;
						top: 0;
						width: 180px;
						z-index: 10002;
						/* background: #0a3a9b; */
						color: #fff;
						box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.5);
					}
		
						#navPanel .link {
							display: block;
							color: #fff;
							border-top: solid 1px rgba(255, 255, 255, 0.1);
							border-bottom: solid 1px rgba(0, 0, 0, 0.2);
							height: 55px;
							line-height: 55px;
							padding: 0 15px 0 15px;
							text-decoration: none;
						}
		
							#navPanel .link:first-child {
								border-top: 0;
							}
		
							#navPanel .link:last-child {
								border-bottom: 0;
							}
		
					body.navPanel-visible #page-wrapper {
						-moz-transform: translateX(180px);
						-webkit-transform: translateX(180px);
						-ms-transform: translateX(180px);
						transform: translateX(180px);
												
						
				
						
					}
		
					body.navPanel-visible #titleBar {
						-moz-transform: translateX(180px);
						-webkit-transform: translateX(180px);
						-ms-transform: translateX(180px);
						transform: translateX(180px);
					}
		
					body.navPanel-visible #navPanel {
						-moz-transform: translateX(0);
						-webkit-transform: translateX(0);
						-ms-transform: translateX(0);
						transform: translateX(0);
					}
			
		}