.togglebox {
 //width: 300px;
 //height: 400px;
// margin: 0 auto;
 background: #ffffff;
}

#packages input[type="radio"] {
 position: absolute;
 opacity: 0;
}

#packages label {
 position: relative;
 display: block;
 //height: 30px;
 //line-height: 50px;
 padding: .5em 2em;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 background: #477457;
 cursor: pointer;
}

#packages label:hover {
 background: #628F72;
 color: #ffffff;
 //border: 1px solid #20A24A;
}

#packages label:after {
 /*content: '\f078';
 top: 0px;
 right: 20px;
 font-family: fontawesome;*/
}

#packages .content {
 height: .5em;
 overflow: hidden;
// background:#ffffff;
 //color: #20A24A;
}

#packages input[type="radio"]:checked ~ label {
 //color: rgba(255, 255, 255, 0.8);
 background: #628F72;
 color: #ffffff;
}

#packages input[type="radio"]:checked ~ label:after {
 /*transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);*/
}

#packages input[type="radio"]:checked ~ .content {

 height: auto;
}

#packages p {
 margin: 15px 0;
 padding: 0 20px;
 font-size: 11px;
 line-height: 1.5;
 color: black;
}