.panel-group {
	min-height:auto; 
}

a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

.panel {
  border-width: 0px;
  border-style: none;
  border-color: none;
  background-color: #000;
  box-shadow: none;
}

.panel-group .panel {
    margin-bottom: 20px !important;
    border-radius: 0px !important;
    border-bottom: 3px solid #1F1F1F;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-default > .panel-heading {
	background-color: transparent !important;
/* border:1px solid #fff !important; */
}

.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 0px !important; 
}

.panel-heading {
  background-color: transparent;
  border-radius: 0;
  border: none;
  padding: 0;
}

h4.panel-title a {
	display: block;
/*	padding: 14px 25px 14px 13px;*/
	padding: 14px 5px 14px 30px;
	position: relative;
	font-size: 24px;
	font-weight:700; 
	text-decoration:none !important; 
	color:#fff !important; 
	color:#959595 !important; 
	
}

.panel-body, .panel-body p, .panel-body ul, .panel-body ul li {
	/*background-color: #111;*/
	font-size:18px !important; 
	color:#fff !important; 
	color:#959595 !important; 
	line-height:130% !important;
	padding-left:24px; 
/*	letter-spacing:0.5px; */
}

.panel-body {
/*	padding: 0px 15px 15px 15px !important;*/
	padding: 0px 15px 15px 0px !important;
}


.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}


h4.panel-title a:hover /*h4.panel-title a:focus */{
	color:#fff !important; 
} 


.arrow-img {
	position:absolute;
	left:0px;
	top:30%;
	transform: rotate(0deg);
    transition: .3s;
}




.rotate {
    transform: rotate(-180deg);
    transition: .3s;
 /*border:1px solid #fff !important; */
/*	border-bottom:3px solid #1F1F1F;*/
}


.panel.isactive h4, 
.panel.isactive h4 a, 
.panel.isactive .panel-body,
.panel.isactive p,
.panel.isactive ul,
.panel.isactive ul li,
.panel.isactive ul li:before {
	color: #fff !important; 
}

.panel.isactive section li:before {
  color: #fff !important; 
}


@media screen and (max-width: 1080px) {

	h4.panel-title a {
		font-size: 24px !important;
	}
	
	.panel-body, .panel-body p, .panel-body ul, .panel-body ul li {
		font-size:18px !important; 
	}
}


@media screen and (max-width: 680px) {

	h4.panel-title a {
		font-size: 18px !important;
	}
	
	.panel-body, .panel-body p, .panel-body ul, .panel-body ul li {
		font-size:18px !important; 
	}
	
	.arrow-img {
		top: 15px !important;
	}
}