.menu_plan ul{
	width:100%;
}
.menu_plan li a{
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
  background-color: rgba(101, 101, 101, 0.0);
}

.menu_plan li a:hover {
  background-color: rgba(94,118,162, 0.9);
}
.menu_plan li{
  border-top:1px solid #FFFFFF;
}
.menu_plan li:last-child{
  border-bottom:1px solid #FFFFFF;
}
.menu_plan h3{
	text-align:center;
	font-size:20px;
	width:100%;
	padding:20px 0;
	margin:0;
}
#navTgl{
	position:fixed;
	bottom:3.75em;
	right:1.375em;
	display:none;
}
.inner_label{
	position:absolute;
	right:10px;
	top:10px;
	font-size:3rem;
}
.toggle{
}
.float-nav{
	position:fixed;
	z-index:3;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
	padding:0.5em;
	text-align:center;
  background-color: rgba(94,118,162, 0.8);
	z-index: 999;
	color:#FFFFFF;
	margin:auto;
	display:block;
	max-width:250px;
	width:100%;
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
}

.float-nav a{
	display:inline-block;
	color:#fff
}
.float-nav .toggle{
	position:absolute;
	bottom:0;
	right:0;
	width:1.375em;
	height:1.375em;
	font-size:200%;
	line-height:1.375em;
	font-weight:300;
	text-align:center;
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	-webkit-transform-origin:50%;
	-ms-transform-origin:50%;
	transform-origin:50%;
	color:#FFFFFF;
	z-index: 999;
}
.float-nav.closed{
	width:0;
	height:0;
	padding:1.375em;
	border-radius:50%
}
.float-nav.closed .toggle{
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0)
}
.float-nav.closed .menu_flex{
	opacity:0
}
.float-nav .menu_flex{
	width:100%;
	margin:0 auto;
	padding:10px 0;
	border-top:1px solid #FFFFFF;
	position:relative;
	opacity:1;
	color:#FFF;
}
.float-nav .menu_flex div{
	width:11%;
	font-size:12px;
	vertical-align:middle
}
.float-nav .menu_flex div .nav_icon{
	display:inline-block;
	color:rgba(255,0,0,1);
	width:50px;
	height:50px;
	font-size:16px;
	background:#FFF;
	line-height:50px;
	border-radius:50%;
	margin-bottom:5px;
	position:relative;
}

.nav_icon i{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
}
.float-nav .menu_flex div .nav_title{
font-size:11px
}



.float-nav .toggle::before,
.float-nav .toggle::after {
  position: absolute;
  top: 47%;
  left: 25%;
  width: 50%;
  height: 2%;
  box-sizing: border-box;
  display: block;
  content: "";
  background-color: #FFFFFF;
}

.float-nav .toggle::before {
  transform: rotate(315deg);
}

.float-nav .toggle::after {
  transform: rotate(-315deg);
}

#navTgl:checked ~ .float-nav .toggle::before,
#navTgl:checked ~ .float-nav .toggle::after {
  left: 20%;
  width: 60%;
}

#navTgl:checked ~ .float-nav .toggle::before {
  top: 30%;
  transform: rotate(0);
}

#navTgl:checked ~ .float-nav .toggle::after {
  top: 64%;
  transform: rotate(0);
}



#navTgl:checked ~ .float-nav{
-moz-transform: translate(250px,0);
-webkit-transform: translate(250px,0);
-o-transform: translate(250px,0);
-ms-transform: translate(250px,0);
}
#navTgl:checked ~ .side_btn{
	right:0px;
}
.menu_plan{
	padding: 10px ;
	border-bottom:1px solid #FFFFFF;
}

.menu_plan div{
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;	
	-webkit-align-items: center;	
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	width:100%;
	padding:3% 0;
}
.toggle img{
}
.menu_plan select{
	font-size:5vw;
}
.menu_plan a{
	width:100%;
}
.menu_plan button{
	font-size:5vw;
	width:80%;
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
	padding:5px 0;
}
.menu_plan button[name="search"]{
	background-color: rgba(203, 152, 0, 0.7);
}
.menu_plan button[name="plan"]{
	background-color: rgba(254, 102, 51, 0.7);
}
.menu_plan button:hover{
	background-color: rgba(255, 255, 255, .3);
}
@media screen and (max-width: 780px) {
	.float-nav .menu_flex div{
	width:25%;
	}
}

@media screen and (max-width: 400px) {
	.menu_plan h3{
		font-size:14px;
	}
	.menu_plan li a{
		font-size:12px;
	}
	
}



@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
       url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; width:18px; height:18px;  }
.material-icons.md-24 { font-size: 24px; width:24px; height:24px;  }
.material-icons.md-36 { font-size: 36px; width:36px; height:36px;  }
.material-icons.md-48 { font-size: 48px; width:48px; height:48px;  }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }