

  	.lineul > li  { border-bottom:1px solid #424242; }
	/* .lineul > li:first-child  { border-top:1px solid #424242; } */

	.pushy 					{ position:fixed; width:400px; height:100%; top:0; z-index:9999; background:#000; overflow:auto;
			    				-webkit-overflow-scrolling: touch;}
	/* width */
	.pushy::-webkit-scrollbar {
	  width: 8px;
	}

	/* Track */
	.pushy::-webkit-scrollbar-track {
	  background: #888; 
	}
	 
	/* Handle */
	.pushy::-webkit-scrollbar-thumb {
	  background: #666;
	}
	.pushy a 				{ display:block; color:#fff; padding:15px 30px; text-decoration:none; }
	.pushy ul:first-child 	{ margin-top: 10px; }
	.pushy.pushy-left 		{ left:0; }
	.pushy.pushy-right 		{ right: 0; }

	.pushy-content 			{ visibility:hidden; }

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

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

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

	.pushy-open-right #container,
	.pushy-open-right .push {
	    -webkit-transform: translate3d(-400px, 0, 0);
	        -ms-transform: translate3d(-400px, 0, 0);
	            transform: translate3d(-400px, 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.5);
							    -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 > ul 				{ padding-left:15px;
    						  		      transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; font-size: 90%; }
	.pushy-submenu > ul > li:first-child > a		{ padding-top: 15px; }
	.pushy-submenu > ul > li:last-child > a		{ padding-bottom: 15px; }
	.pushy-submenu > ul > li > a		{ padding: 10px 30px; }
	.pushy-submenu > ul > li > a:before { content: ''; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; visibility: hidden; }
	.pushy-submenu > ul > li > a:hover:before { opacity: 0.3; visibility: visible; }
  	.pushy-submenu > ul .pushy-link 	{ transition: opacity 0.2s ease-in-out; }
  	.pushy-submenu button 				{ width:100%; padding:0; text-align:left; background:transparent; border:0;
  									  	 font-size:100%; cursor: pointer; }
  	.pushy-submenu > a,
  	.pushy-submenu > button 			{ position:relative;}
  	.pushy-submenu > a::after,
  	.pushy-submenu > button::after 		{ content: ''; display:block; height:11px; width:8px; position:absolute; top:50%; right: 15px;
    									   background: url("images/arrow.svg") no-repeat;
										    -webkit-transform: translateY(-50%);
										        -ms-transform: translateY(-50%);
										            transform: translateY(-50%);
										           transition: transform 0.2s;}

	/* 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);}


	/* ==========================================================================
		Media
	============================================================================= */
	@media only screen and (max-width: 1024px) {
	.pushy 					{ position:fixed; width:300px; }

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

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

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

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

	}
	
	
	@media (hover: hover) {
		.pushy a:hover 			{ color: #bbb; }
	}


