:root{
	--color1: #063970;
	--color2: #2596be;
	--color3: #e28743;
	--color4: #873e23;
	--color5: #dddddd;
}

/* Lists */
ul{margin:0;padding:0;}

/* Container */
#container{position:relative;padding:20px 40px;padding-top:0;}

/* Menu Appearance */
.pushy{position:fixed;width:380px;padding:0 30px;height:100%;top:0;z-index:9999;background:var(--color1);overflow:auto;-webkit-overflow-scrolling:touch;}
.pushy a{display:block;color:#fff;width:100%;line-height:60px;font-size:20px;text-decoration:none;border-bottom:1px solid #fff;}
.pushy a:hover{opacity:0.7;}
.pushy ul:first-child{margin-top:50px;list-style:none;}
.pushy.pushy-left{left:0;}
.pushy.pushy-right{right:0;}

.menu_img{float:right;width:20px;height:20px;margin:20px 10px;}
.pushy-content{visibility:hidden;}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-380px, 0, 0);
  -ms-transform: translate3d(-380px, 0, 0);
  transform: translate3d(-380px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(380px, 0, 0);
  -ms-transform: translate3d(380px, 0, 0);
  transform: translate3d(380px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(380px, 0, 0);
  -ms-transform: translate3d(380px, 0, 0);
  transform: translate3d(380px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-380px, 0, 0);
  -ms-transform: translate3d(-380px, 0, 0);
  transform: translate3d(-380px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy{
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content{
	visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push{transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
.pushy-content{transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}

/* Site Overlay */
.site-overlay{display:none;}
.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay{
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 9998;
	background-color:rgba(0, 0, 0, 0.8);
	-webkit-animation:fade 500ms;
	animation:fade 500ms;
}

@keyframes fade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes fade{
	0%{opacity:0;}
	100%{opacity:1;}
}
/* Submenu Appearance */
.pushy-submenu{list-style:none;
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul{padding-left:15px;transition:max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;}
.pushy-submenu ul .pushy-link{transition:opacity 0.2s ease-in-out;}
.pushy-submenu button{width:100%;color:#fff;line-height:60px;padding:0;text-align:left;border:0;font-size:20px;border-bottom:1px solid #fff;}
.pushy-submenu button:hover{opacity:0.7;}

.pushy-submenu > a,
.pushy-submenu > button{position:relative;}

.pushy-submenu a{border-bottom:0;line-height:50px;}

.pushy-submenu ul li{list-style:none;}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
}
.pushy-submenu-open ul {
  max-height:1000px;
  visibility:visible;
}
.pushy-submenu-open .pushy-link {
  opacity:1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/*# sourceMappingURL=pushy.css.map */