.accord {
	 position: relative;
	 top: 50%;
	 /*transform: translateY(-50%);*/
}
 .accord #nav-tabs > li {
	 margin: 0 auto;
	 border-bottom: 2px solid #fff;
}
 .accord #nav-tabs > li > h4 {
	 background-color: #000;
}
 .accord #nav-tabs > li > h4:hover, .accord #nav-tabs > li > h4.active {
	 background-color: #191919;
}
 #nav-tabs {
	 width: 100%;
	 margin: auto;
	 padding-left: 0;
	 list-style: none none inside;
	 overflow: hidden;
	 text-align: left;
}
 #nav-tabs li {
	 position: relative;
	 /*border: 1px solid #fff;
	 font: normal 0.75rem 'Arial', sans-serif;*/
	 border : 0;
	 color: #000;
     font-size: 15px;
}
 #nav-tabs li h4 {
	 margin: auto 0;
	 padding: 0 1rem;
	 color: #fff;
	 cursor: pointer;
	 min-height: 40px;
     padding-top: 12px;
     padding-bottom: 12px;
     font-size: 14px;
}
 #nav-tabs li h4 .glyph-wrapper {
	 position: absolute;
	 width: 26px;
	 height: 26px;
	 right: 2rem;
	 top: 8px;
	 transition: all 0.5s 0.1s ease;
}
 #nav-tabs li h4 .glyph-wrapper span {
	 position: relative;
	 left: 50%;
	 top: 50%;
	 display: block;
	 background-color: #fff;
	 transition: inherit;
	 transform-origin: center;
}
 #nav-tabs li h4 .glyph-wrapper span.line-h {
	 width: inherit;
	 height: 2px;
	 transform: translate(-50%, calc(-50% + 1px));
}
 #nav-tabs li h4 .glyph-wrapper span.line-v {
	 width: 2px;
	 height: inherit;
	 transform: translate(-50%, calc(-50% - 1px));
}
 .accordion {
	 overflow: hidden;
	 transition: all 0.4s ease;
}
 .active + .accordion {
	 max-height: 200px;
	 /*margin-bottom: 1rem;*/
	 padding-top: 15px;
     padding-bottom: 15px;
	 background : #fff;	
	 border-bottom: 1px solid;
}
 .inactive + .accordion {
	 max-height: 0;
	 transition: all 0.4s ease;
}
 .accordion li {
	 max-height: 0;
	 margin: 5px 0 0 2rem;
	 padding-left: 1rem;
	 border-left: none;
	 border-right: none; 
	 transition: all 0.4s ease;
}
 .active + .accordion li {
	 max-height: 200px; 
	 transition: all 0.4s ease;
	 border-left: 2px solid #1b9cf7;
	 border-bottom: 2px solid #1b9cf7;
	 border-bottom-left-radius: 8px;
}
 .accordion li + li {
	 border-top: none;
	 border-bottom: none;
}


@media (max-width: 800px) {
	#nav-tabs li h4 .glyph-wrapper
	{
		position: absolute;
		width: 22px;
		height: 20px;
		right: 10px;
		top: 10px;
		transition: all 0.5s 0.1s ease;
	}
	#nav-tabs li h4 {
			padding-left: 10px;
			padding-right: 10px;
		    padding-top: 15px;
			padding-bottom: 15px;
			font-size:13px;
	}
}