/* DO NOT EDIT */



/* layout */


	html { margin:0; padding:0; height:100%; }
	body { margin:0; padding:0; height:100%; }
	strong { font-weight:800;}

	#container { width:100%; min-height:100%; position:relative; } /* ! padding-bottom = footer height */
			
	#header { width:100%; display:block;}


	.inner { margin:0 auto; width:95%; max-width:1440px; min-width:320px;}

/*more narrow fix*/

/* 1 */ @media (min-width:  720px) {	.inner {  width:92%; max-width:  720px; }}
/* 2 */ @media (min-width:  990px) {	.inner {  width:92%; max-width:  990px; }}
/* 3 */ @media (min-width: 1380px) {	.inner {  width:94%; max-width: 1380px; }}
/* 4 */ @media (min-width: 1510px) {	.inner {  width:95%; max-width: 1440px; }}
/* 5 */ @media (min-width: 1860px) {	.inner {  width:92%; max-width: 1600px; }}



/*more narrow fix*/

  *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

  .clearfix:before,
  .clearfix:after {content: " "; display: table; clear: both; }
  .clearfix {  *zoom: 1; }


  .columnv   {  padding: 10px; margin: 0px; }
  .columnvx  {  padding: 0px; margin: 0px; } /* nested layout */

  .columnvert   {  padding: 10px; margin: 0px; } /* vertical layout */

  .nested    { padding: 10px; margin: 0px;   }
  .nestedr    { padding: 10px; margin: 0px;   }
  .nestedr2    { padding: 0px; margin: 0px;   }  
  .nestedw    { padding: 10px; margin: 0px; width:100%; display:inline-table; }
  
  .nestedvert   {  margin:0px; padding:0px;} /* vertical layout */
  
  .column   {  padding: 1rem; margin: 1%; }
  
  



/* sprites */




	
		
.roundedgetop {

  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topleft: 5px;
   border-top-left-radius: 5px;
   
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
	
	}
	
		
.roundedgebottom {

  -webkit-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomleft: 5px;
   border-bottom-left-radius: 5px;
   
  -webkit-border-radius-bottomright: 5px;
  -moz-border-radius-bottomright: 5px;
   border-bottom-right-radius: 5px;
	
	}
	
		
.roundedgeimg img{ 
	
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;
	
	}




.boxshadowverticalm {	padding-top:20px;		padding-bottom:20px;	

	 /* first top , second bottom*/
	
	 box-shadow: 		inset 0px  10px 15px -10px rgba(0,0,0,0.3), 
	 					inset 0px -10px 15px -10px rgba(0,0,0,0.3);	
						
    -moz-box-shadow:	inset 0px  10px 15px -10px rgba(0,0,0,0.3), 
	 					inset 0px -10px 15px -10px rgba(0,0,0,0.3);	
						
    -webkit-box-shadow: inset 0px  10px 15px -10px rgba(0,0,0,0.3), 
	 					inset 0px -10px 15px -10px rgba(0,0,0,0.3);

 }	








.vpad20 {	padding-top:20px;		padding-bottom:20px;	 }	




	


/* fixes */



.hidone {}

@media (max-width: 990px) {	
.hidone {display:none;}
}


.hidtwo {}

@media (max-width: 1380px) {	
.hidtwo {display:none;}
}




	






/* accordion */



.ac-container{
	width: 400px;
	margin: 0px ;
	text-align: left;
}

.ac-container label{

	padding: 5px;
	position: relative;
	z-index: 0;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #ccc;
	line-height: 20px;
	font-size: 11px;
	background:#666;


}
.ac-container label:hover{
	background: #596976;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #000;

}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '+';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 5px;
	top: 5px;
	
}



.ac-container input{
	display: none;
}

.ac-container article{


	margin:0px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 0;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	 transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	 
}
.ac-container article p{

	margin:0px;
	padding: 0px;

	
}
.ac-container input:checked ~ article{
	

	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	 transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}
.ac-container input:checked ~ article.ac-huge{
	height:800px;
}




/* off canvas  */




.burger { float:left; width:40px;}




.page-wrap {
	 min-width:320px;
  float: right;
  width: 100%;
  transition: width 0.3s ease;

}



.main-nav {overflow:hidden;
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #3B3B3B;
  overflow-y: auto;
  transition: width 0.3s ease;
}
.main-nav a {
  display: block;
  background: linear-gradient(#3e3e3e, #383838);
  border-top: 1px solid #484848;
  border-bottom: 1px solid #2E2E2E;
  color: white;
  padding: 15px;
}
.main-nav a:hover, .main-nav a:focus {
  background: linear-gradient(#484848, #383838);
}
.main-nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}



.close-menu {
  display: none;
}

#main-nav:target {
  width: 150px; 
}

#main-nav:target + .page-wrap {
  width: 100%; margin-right:-150px; 
}
#main-nav:target + .page-wrap .open-menu {
  display: none;
}
#main-nav:target + .page-wrap .close-menu {
  display: block;
}
#main-nav:target + .page-wrap .main-header {
  width: 100%; overflow:hidden;
  left: 150px; 
}