.ac-container h1, .ac-container h2, .ac-container h3, .ac-container h4, .ac-container h5{
margin:0px;
}


.ac-container{
width:100%;
text-align: left;

}


.ac-container label{
padding: 20px;
position: relative;
z-index: 20;
display: block;
height: auto;
cursor: pointer;
background-color: #eaeaea;
margin:0px 0px 20px 0px;
}


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






.ac-container input:checked + label{
background: #7e7e7e;
color: #fff!important;

	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}


.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
right: 0%;
top: 0%;
background: transparent url(../../images/arrow_down.png) no-repeat right center;	

}


.ac-container input:checked + label:hover:after{
background-image: url(../../images/arrow_up.png);

}


.ac-container input{
display: none;
}


.ac-container article{
margin-top: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
opacity: 0.3;
}


.ac-container input:checked ~ article{

opacity: 1;
height: auto;
padding: 0px 0px 20px 0px;
}
















@media screen and (max-width:1000px) and (orientation:portrait) {  
			    


.ac-container{
	width:100%;

right: 0%;
top: 0%;
}



			
}