/* Off Canvas menu */
.site-container {
	position: relative;	
}

@media screen and (min-width: 1024px) {
	.nav-toggle, .nav-close {
		display: none;	
	}

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

.show-nav {
	overflow-x: hidden; 	
}

.mobile-nav .nav-close span {
	position: absolute;
	text-indent: -999em;
}



.nav-toggle {
  display: inline-block;
  z-index: 999;
}
.nav-toggle:focus {
	outline: none;
}
.nav-toggle:hover, .nav-close:hover {
  text-decoration: none;
}

.mobile-nav {
	text-align: inherit;
	clear: both;
    width: 280px;
	left: -280px;
	position: absolute;
	top: 0;
	height: auto;
	min-height: 100%;
	z-index: 9000;	
}

.csstransforms3d.csstransitions .site-container {
	-webkit-transform: translateX(0);
  transform: translateX(0);
  
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* no transitions default */
.show-nav .site-container {
		position: relative;
		left: 280px;
 }
  
.csstransforms3d.csstransitions .show-nav .site-container {
     left: 0;
	 -webkit-transform: translateX(280px);
     transform: translateX(280px);
	 
	 -webkit-transform: translate3d(280px, 0, 0);
  	 transform: translate3d(280px, 0, 0);
 }
  

}

  


}