.ac-container{
width:100%;
margin:20px 0px 0px 0px;
text-align: left;
}

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

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

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

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
right: 2%;
top: 2%;
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;
}


.ac-container input:checked ~ article{
height: auto;
padding: 0px 0px 30px 0px;
}


















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


.ac-container{
	width:90%;
margin:5%;
}



			
}