body {
	text-rendering: optimizelegibility;
	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	
	-ms-tap-highlight-color:rgba(0,0,0,0); 
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}

.contain {
/*  Prevents Flickering  */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.content {
	background-color: #ffffff;
	-webkit-box-shadow: 3px 0px 15px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    3px 0px 15px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         3px 0px 15px 0px rgba(50, 50, 50, 0.35);
}
.burger {
	position: absolute;
	float: right;
	padding: 10px;
	top: 4px;
	right: 1em;
	display: none;
	list-style: none;
	cursor: pointer;
}
.burger li {
	width: 30px;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
	margin: 5px 0;
}
.burger.open li {background-color: #aaaaaa;}

.offcanvas {
	position: absolute;
	top: 0;
	right: 5px;
}
.offcanvas li {
	float: right;
	display: inline-block;
}
.offcanvas li a {
	padding: 0px;
	display: block;
}
.offcanvas li a:hover {color: #000;}

@media only screen and (min-width: 992px) {
	.offcanvas {display: none;}
}
@media only screen and (max-width: 991px) {

.mobile-nav {
	height: 70px;
	background: #000000;
	z-index: 2;	
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.burger {display: block;}


/*  Nav Drawer Layout  */
.offcanvas {position: relative;}

.offcanvas ul {
	height: 100%;
	overflow-y: auto;
	text-align: right;
}
.offcanvas li {
	display: block;
	float: none;
}
.offcanvas li a {
	
}
.offcanvas li a.logo {
	display: none;
}
.offcanvas li a.active {
}
.offcanvas li a:hover {
	
}
.offcanvas li:first-child a.active,
.offcanvas li:first-child a:hover 
{border-radius: 10px 0 0 0;}


/* NAVIGATION ANNIMATION */
.offcanvas {
	width: 93%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	margin: 0;
	background-color: #f3f3f0;
	
	/* starting point */
	opacity: .3;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-moz-transform: translate3d(5%,0,0)scale(.97);
	transform: translate3d(5%,0,0)scale(.97);
}

/*Nav Expanding Open Effect*/
.offcanvas.open {
	opacity: 1;

	-webkit-transform: translate3d(0,0,0)scale(1);
	-webkit-animation: slideIn .35s ease-in-out;
	
	-moz-transform: translate3d(0,0,0)scale(1);
	-moz-animation: slideIn .35s ease-in-out;
	
	transform: translate3d(0,0,0)scale(1);
	animation: slideIn .35s ease-in-out;
}
@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}

/*Nav Shrinking Closed Effect*/
.offcanvas.close {
	opacity: .3;
	
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;
	
	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;
	
	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}



/* CONTENT ANNIMATION */
.content {
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 1;
}

/*Content Sliding Open Effect*/
.mobile-nav.open,
.content.open 
{   
	-webkit-transform: translate3d(-240px,0,0);
	-webkit-animation: open .5s ease-in-out;
	
	-moz-transform: translate3d(-240px,0,0);
	-moz-animation: open .5s ease-in-out;
	
	transform: translate3d(-240px,0,0);
	animation: open .5s ease-in-out;
}
@-webkit-keyframes open {
	0%      {-webkit-transform: translate3d(0,0,0);}
	70%    {-webkit-transform: translate3d(-260px,0,0);}
	100%  {-webkit-transform: translate3d(-240px,0,0);}
}
@-moz-keyframes open {
	0%      {-moz-transform: translate3d(0,0,0);}
	70%    {-moz-transform: translate3d(-260px,0,0);}
	100%  {-moz-transform: translate3d(-240px,0,0);}
}
@keyframes open {
	0%      {transform: translate3d(0,0,0);}
	70%    {transform: translate3d(-260px,0,0);}
	100%  {transform: translate3d(-240px,0,0);}
}

/*Content Sliding Closed Effect*/
.mobile-nav.close,
.content.close 
{
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation: close .3s ease-in-out;
	
	-moz-transform: translate3d(0,0,0);
	-moz-animation: close .3s ease-in-out;
	
	transform: translate3d(0,0,0);
	animation: close .3s ease-in-out;
}
@-webkit-keyframes close {
	0%      {-webkit-transform: translate3d(-240px,0,0);}
	100%  {-webkit-transform: translate3d(0,0,0);}
}
@-moz-keyframes close {
	0%       {-moz-transform: translate3d(-240px,0,0);}
	100%  {-moz-transform: translate3d(0,0,0);}
}
@keyframes close {
	0%       {transform: translate3d(-240px,0,0);}
	100%  {transform: translate3d(0,0,0);}
}

}