.sidr {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:80%;
	overflow-x:none;
	overflow-y:auto;
	background: url(/images/layout/texture_mobile.jpg);			
	color:#fff;
	
}

.sidr .shadow {
	position: absolute;
	display: block;
	position:fixed;
	height:110%;
	right: 20%;
	top: 0px;
	width: 20px;
	-webkit-box-shadow:inset -8px -8px 16px -6px rgba(0,0,0,0.2);
	box-shadow:inset -8px -8px 16px -6px rgba(0,0,0,0.2);
	z-index: 9999;
			
}
		.sidr * {
			font-size: 22px;
			font-family: "bebas-neue", "Arial Narrow", Arial, sans-serif;
			text-align: center;
		}
		
		.sidr .sidr-inner{
			padding:0 0 15px 0;
		}
		
		.sidr .sidr-inner > p { 
			margin-left:15px;
			margin-right:15px
		}
		
		.sidr.right{
			left:auto;
			right:-260px;
		}
		
		.sidr.left{
			left:-260px;
			right:auto;
		}
		
		
		.sidr h4 {
			font-size: 28px;
			color: #58595b;
			padding-bottom: 18px;
			margin: 30px 20px 18px 20px;
			border-bottom: solid 1px #646260;
			width: auto;
			text-align: center;
		}
		
		.sidr > p {
			margin-left:15px;
			margin-right:15px;
			margin-bottom: 10px;
		}
		
		.sidr ul{
			margin:0px;
			padding:0;			
			display:block;
		}
		
		.sidr ul li{
			margin:0;
			padding:0px;
			display:block;
			
		}
		
		.sidr ul li:hover,
		.sidr ul li.active,
		.sidr ul li.sidr-class-active{
			border-top:none;
		}
		
		/*.sidr ul li:hover>a,
		.sidr ul li:hover>span,
		.sidr ul li.active>a,
		.sidr ul li.active>span,
		.sidr ul li.sidr-class-active>a,
		.sidr ul li.sidr-class-active>span{
			color:#FFF;
			background-color:#a7986e;
		}*/
		
		.sidr ul li a,
		.sidr ul li span{
			padding:20px 0px;
			
			display:block;
			text-decoration:none;
			color:#58595b;
			box-shadow: inset -8px -8px 57px -6px rgba(0,0,0,0.15);
		}
		
		
			
		
				
	
		
		.sidr input[type="text"],
		.sidr input[type="password"],
		.sidr input[type="date"],
		.sidr input[type="datetime"],
		.sidr input[type="email"],
		.sidr input[type="number"],
		.sidr input[type="search"],
		.sidr input[type="tel"],
		.sidr input[type="time"],
		.sidr input[type="url"],
		.sidr textarea,
		.sidr select{
			width:100%;
			padding:5px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			margin:0 0 10px;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			-ms-border-radius:2px;
			-o-border-radius:2px;
			border-radius:2px;
			border:none;
			background:rgba(0,0,0,0.1);
			color:rgba(255,255,255,0.6);
			display:block;
			clear:both}
		
		.sidr input[type=checkbox]{width:auto;
			display:inline;
			clear:none}
		
		.sidr input[type=button],
		.sidr input[type=submit]{
			color:#333;
			background:#fff;
		}
		
		.sidr input[type=button]:hover,
		.sidr input[type=submit]:hover{
			background:rgba(255,255,255,0.9);
		}
		
		
		/* HILL CLIMB NAV SPECIFIC STYLES */
		
		.sidr ul {
			/*(background: #f0f0f0;*/
		}
		.sidr ul.social {
			margin: 30px 20px 20px 20px;
		}
		
		.sidr ul.social li {
			background: rgba(141,198,63,1);
			  margin-bottom: 6px;
		}
		
		.sidr ul li span {
			display: block;
			width: 10%;
			height: 1px;
			background-color: #646260;
			line-height: 1px;
			margin: 0px auto;
			padding:0px;
			position: relative;
			top: -1px;
		}
		.sidr ul li:last-of-type span {
			display: none;
		}
		.sidr ul li ul {
			display: none;
		}
		
		.sidr nav ul li.current a {
			color: #fff;
			background-color: #8cc63f;
		}
		
		.sidr ul li.hover a {
			background-color: #8cc63f;
			color: #fff;
		}
		.sidr ul li.hover span {
			position: relative;
			z-index: 999;
			width: 0; 
			height: 0; 
			top: 0px;
			border-left: 10px solid #FFF;
			border-right: 10px solid #FFF;
			
			border-top: 10px solid #a7986e;
		}
		.sidr ul li.hover ul {
			display: block;
			background-color: #FFF;
			color: #353331;
			position: relative;
			top: -10px;
		}
		.sidr ul li.hover ul a {
			background-color: #FFF;
			color: #353331;
		}
		
		/*.sidr ul li:hover ul, .sidr ul li a:hover ul {
			display: block;
			background-color: #FFF;
			color: #353331;
			position: relative;
			top: -1px;
		}*/
		.sidr ul li ul li a {
			color: #353331;
		}
		
		.sidr ul.social li a {
			max-width: 150px;
			margin: 0px auto;
			font-size: 20px;
		}
		
		
		.sidr ul.social li.facebook a {
			background-image:url(../images/elements/mobile-facebook.gif);
			color: #fff;
			text-align: right;
			padding-right: 30px;
			/* width: 100%; */
			margin: 0px;
			display: -webkit-inline-box;

		}
		.sidr ul.social li.twitter a {
			background-image: url(../images/elements/mobile-twitter.gif);
			color: #fff;
			text-align: right;
			padding-right: 30px;
			/* width: 100%; */
			margin: 0px;
			display: -webkit-inline-box;
		}
		.sidr ul.social li.youtube a {
			background-image:url(../images/elements/mobile-youtube.gif);
			color:#fff;
		}
		
		.sidr ul.mobilesocial {
			margin: 30px 20px 20px 20px;
		}
		
		@media (min-width: 667px) {
			
			.sidr ul.mobilesocial li {
				margin: 0px 2% 10px 0px !important;
				width:48%;
				float:left;
			}
		
			
		}
		
		.sidr ul.mobilesocial li {
			margin: 0px 0px 10px 0px;
		}
		
		.twitter a {
		  background-color: rgba(141,198,63,1);
		  color: #fff !important;
		  text-align: right;
		  padding-right: 20px !important;
		  display: block;
		  background-image: url(/images/elements/mobile-twitter.png);
		  background-repeat: no-repeat;
		
		  background-position-y: 13px;
		  background-position-x: 16px;
		  font-size:16px !important;
		}
		.facebook a {
			background-color: rgba(141,198,63,1);
			color: #fff !important;
			text-align: right;
			padding-right: 20px !important;
			display: block;
			background-image: url(/images/elements/mobile-facebook.png);
			background-repeat: no-repeat;
			
			background-position-y: 13px;
			background-position-x: 22px;
			font-size:16px !important;

		}
		
			@media (min-width: 667px) {
			
			.sidr ul.mobilesocial li {
				margin: 0px 2% 10px 0px !important;
				width:48%;
				float:left;
			}
			
			
		}