.menu_panel{
	width: 100vw;
	height:100vh;
	background:#ffffff7a;
	position: fixed;
	z-index: 1;
}

.icon_i{
	color:#000;
	font-size: 40px;
	padding: 12px;
}

.icon_i:hover{
	color:#0035A0;
}



.hidden_area{
	display:none!important;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #ffffff7a;
  margin: 6px 0;
  transition: 0.4s;
  border-radius:17px;

}

.bar11, .bar21, .bar31 {
  width: 35px;
  height: 5px;
  background-color: #5ea7df;
  margin: 6px 0;
  transition: 0.4s;
  border-radius:17px;

}



.blur_scene{
  -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
  filter:  blur(3px);
}


.m_menu_margin{
	margin-top: 6vh;
}

.block_scroll{
	overflow-y:hidden!important;
}

.r_center{
	display:block;
	text-align:center !important;
}



/*DESKTOP*/

@media screen and (min-width:768px)  and (min-device-width:768px){

	.burger_icon{
		right:0px;
		z-index: 6;
		position: relative;
		z-index: 300;
		width: 15%;
		/* padding-top: calc(1.5vh + 6px); */
		/* padding-bottom: 1.5vh; */
	}
	
	.fonty{
		font-size:40px;
	}
	
	.menu_button{
	    margin:20px!important;
		min-width: 14rem;
		overflow-y: hidden;
		color:black !important;
		font-size:2rem;
	}
	
	.menu_button:hover{
		color:#fff!important;
		cursor:pointer!important;
	}
}
	

.link_color_menu{
	color:#0035A0;
}
	
@media screen and (max-width:478px)  and (max-device-width:478px){
	.burger_icon{
		right:0px;
		z-index: 6;
		position: relative;
		z-index: 300;		
		width: 15%;
		/* padding-top: 3vh; */
		/* padding-bottom: 3vh; */
	}
	.menu_button{
	    margin:20px!important;
		min-width: 14rem;
		overflow-y: hidden;
		color:black !important;
		font-size:2rem;
	}
}

/*MOBILE*/
@media screen and (min-width:479px)  and (min-device-width:479px) and (max-width:767px)  and (max-device-width:767px){
	
	.burger_icon{
		right:0px;
		z-index: 6;
		position: relative;
		z-index: 300;
		width:15%;
		/*padding-top: calc(1.5vh + 6px);*/
		/*padding-bottom: 1.5vh;*/
	}
	
	.fonty{
		font-size:32px;
	}

	.menu_button{
	    margin: 20px!important;
		min-width: 12rem;
		overflow-y: hidden;
		color:black !important;
		font-size:2rem;
	}
	
}

.change .bar1 {
  background-color: #000;
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;  background-color: #000;}


.change .bar3 {
	  background-color: #000;
	  -webkit-transform: rotate(45deg) translate(-8px, -8px);
	  transform: rotate(45deg) translate(-9px, -7px);
}



.change .bar11 {
  background-color: #000;
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar21 {opacity: 0;  background-color: #000;}


.change .bar31 {
	  background-color: #000;
	  -webkit-transform: rotate(45deg) translate(-8px, -8px);
	  transform: rotate(45deg) translate(-9px, -7px);
}