/*If IE
#nav ul{margin:0;padding:0;width:100%;display:block;list-style:none}#nav li{width:100%;display:block}.js #nav{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1}#nav.opened{max-height:9999px}@media screen and (min-width:40em){.js #nav{position:relative;max-height:none}#nav-toggle{display:none}}

*/

body, div, h1, h2, p, ol, ul, li {
	margin:0;
	padding:0;
	border:0
}
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
html, body {
	min-height:100%
}
body {
	min-width:290px;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	background:#444;
	color:#666;
	font:400 100%/1.5 inherit;
}
h1 {
	font-size:3em;
	line-height:1;
	color:#000;
	margin-bottom:.5em;
	float:left;
	width:100%
}
h2 {
	float:left;
	width:100%;
	font-size:18px;
	color:#000;
	margin:1em 0 .5em
}

a {
	color:#f4f4f4;
	text-decoration:none
}
a:active, a:hover {
	outline:0
}
.main {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-overflow-scrolling:touch;
	padding:3em 4em;
margin-left: 270px !important;
margin-top: -48em !important;
	overflow:hidden;
	overflow-y:scroll;
	border-top-left-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,.6);
left: 10em !important;
	right:0;
	bottom:0;
	height: 50em;
	width:80% !important;
	background:#fafafa;
}
.main::-webkit-scrollbar {
-webkit-appearance:none;
background-color:rgba(0,0,0,.15);
width:8px;
height:8px
}
.main::-webkit-scrollbar-thumb {
border-radius:0;
background-color:rgba(0,0,0,.4)
}
#nav {
	position:absolute;
	width:24%;
	top:2em;
	border-color: black;
	left:0
}
#nav ul {
	display:block;
	width:101%;
height: 50em;
border-top-left-radius:5px;
margin-left: 7px;
	box-shadow:0 0 15px rgba(0,0,0,.6);
background-color: #fafafa;
	list-style:none

}
#nav li {
	width:100%;
	height: 15%;
	
}
li
{
	font-size: 16px;
}
#nav a {
	color:black;
	font-weight:600;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:background .3s ease;
	-moz-transition:background .3s ease;
	transition:background .3s ease;
	text-shadow:0 -1px rgba(0,0,0,.5);
	border-bottom:1px solid rgba(0,0,0,.2);
	border-top:1px solid rgba(255,255,255,.1);
	display:block;
	padding: 2em 2em;
	font-size: 18px;
	width:100%
}
#nav li a:hover {
	
	color:#fff !important;
	
	background-color: rgb(221, 153, 51) !important;
}

#nav .active a {
	color:black;
	background-color:rgb(221, 153, 51);
	
}
#nav li:first-child a {
	border-top:0
}
#nav li:last-child a {
	border-bottom:0
}
#toggle {
	display:none
}
@media screen and (max-width:40em) {
.js #nav {
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
}
#nav {
	top:0;
	width:100%;
	height: 50em !important;
	position:relative
}
.nav-collapse nav-collapse-0 closed
{
	height: 50em !important;
	background-color: black !important;
}
#nav.opened {
	max-height:9999px
}
#nav a:hover {
	background:transparent
}
#nav .active a:hover {
	color:#fff;
	background:rgba(0,0,0,.3)
}
#overview img
	{
		width: 150% !important;
	}
	.pricing-description-area 
	{
		padding-top: 18px !important;
	}
#toggle {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:block;
	width:70px;
	height:55px;
	float:right;
	margin:0 -2em 1em 0;
	text-indent:-9999px;
	overflow:hidden;
	background:#444 url("http://responsive-nav.com/images/hamburger.gif") no-repeat 50% 33%
}
b
{
	font-weight: 600 !important;
	font-size: 18px !important;

}
.main {
	-webkit-overflow-scrolling:auto;
	padding:0 2em 2em;
	border-radius:0;
	box-shadow:none;
	position:relative;
	width:100% !important;
	overflow:hidden
}
.main::-webkit-scrollbar {
background-color:transparent
}
}
@media screen and (-webkit-min-device-pixel-ratio:1.3), screen and (min--moz-device-pixel-ratio:1.3), screen and (-o-min-device-pixel-ratio:2 / 1), screen and (min-device-pixel-ratio:1.3), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
body {
background:#444;
-webkit-background-size:200px 200px;
-moz-background-size:200px 200px;
-o-background-size:200px 200px;
background-size:200px 200px
}
#toggle {
background:#444;
-webkit-background-size:100px 100px;
-moz-background-size:100px 100px;
-o-background-size:100px 100px;
background-size:100px 100px
}
}
@media screen and (min-width:76em) {
#nav {
	width:18em
}
.main {
	width:auto;
	left:18em;
}
}
@media screen and (max-width:40em)
{
	h2
	{
		font-size: 18px !important;
	}
	.main
	{
		margin-top: 1em !important;
		margin-left: -10em !important;
		height: 100% !important;
	}
	img
	{
		max-width: 100%;
		
	}
	#tan h2
	{
		margin-top: -43px !important;
  margin-left: -6.2%
	}
	#overview h2
	{
		margin-top: -43px !important;
    margin-left: -6.2%;
	}
	#overview p
	{
		margin-top: 25px !important;
	}
	.main #toggle
	{
		margin-top: -25px !important; 
		margin-right: -2.1%;
		background: #444 url(http://responsive-nav.com/images/hamburger.gif) no-repeat 0% 33% !important;
	}

	#nav ul
	{
		max-height: 220px;
    overflow-y: auto;
  width: 82%;
  margin-left: 36px;
    
	}
	#nav a {
		padding: 0.8em 0.8em;
		    padding-bottom: 0em
	}
}