.ac-container{

width:100%;

margin:60px 0px 20px 0px;

text-align: left;
}


.ac-container label{

padding: 1px 2% 1% 2%;

margin-bottom:3px;

position: relative;

z-index: 20;

display: block;

height: auto;

cursor: pointer;

background-color: #fff;

border-top:1px solid #1b75bc;

}


.ac-container label:hover{

background: #fff;

border-top:1px solid #1b75bc;

}



.ac-container label h3 {

width:90%;

}


.ac-container input:checked + label{

background: #f1f3f4;

color: #00aeef!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;

background: #f1f3f4;
}



.ac-container article p {

padding:1% 3% 0% 3%;

}

.ac-container article img {

padding:1% 3% 0% 3%;

width:92%;

}




.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%;

}







			

}