.ac-container {width:100%; border-top:2px solid rgba(0,0,0,0.3); margin:30px 0 100px}
.ac-container > div {border-bottom:2px solid rgba(0,0,0,0.3)}
.ac-container label {position:relative; z-index:20; display:block; cursor:pointer; color:#031347; line-height:20px; font-size:17px; background:url(../images/maximize.png) center right 10px no-repeat; padding:15px 40px 15px 0}
.ac-container label:hover {background:url(../images/maximize.png) center right 10px no-repeat}
.ac-container input:checked + label, .ac-container input:checked + label:hover {background:url(../images/minimize.jpg) center right 10px no-repeat}

.ac-container input {display:none}

.ac-container h4 {color:#393939; font-weight:600; font-size:16px; width:105px; float:left; line-height:30px}
.ac-container p {color:#393939; font-weight:300; line-height:20px; margin:20px}
.ac-container p b {font-weight:600}

.ac-container article {margin-top:-1px; overflow:hidden; max-height:0; position:relative; z-index:10; background:#bae5fa;
-webkit-transition:max-height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition:max-height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition:max-height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition:max-height 0.3s ease-in-out, box-shadow 0.6s linear;
transition:max-height 0.3s ease-in-out, box-shadow 0.6s linear}

.ac-container input:checked ~ article {max-height:370px;
-webkit-transition:max-height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition:max-height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition:max-height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition:max-height 0.5s ease-in-out, box-shadow 0.1s linear;
transition:max-height 0.5s ease-in-out, box-shadow 0.1s linear}