.accordion dl{border:1px solid #ddd;}
.accordion dl:after{content:"";display:block;height:1em;width:100%;background-color:#2196f3;}
.accordion dt > a{text-align:center;font-weight:700;padding:2em;display:block;text-decoration:none;color:#fff;-webkit-transition:background-color 0.5s ease-in-out;-moz-transition:background-color 0.5s ease-in-out;transition:background-color 0.5s ease-in-out;}
.accordion dd{background-color:#eee;font-size:1em;line-height:1.5em;}
.accordion dd > p{padding:1em 2em 1em 2em;margin:0;}
.accordion{position:relative;background-color:#eee;}
.accordionTitle{background-color:#2196f3;border-bottom:1px solid #f3e721;}
.accordionTitle:before{font-size:1.5em;line-height:0.5em;float:left;-moz-transition:-moz-transform 0.3s ease-in-out;-o-transition:-o-transform 0.3s ease-in-out;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
.accordionTitle a.selected{background-color:#2196f3;}
.accordionTitle:hover{background-color:#2196f3;}
.accordionTitleActive{background-color:#2196f3;}
.accordionTitleActive:before{-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);transform:rotate(-225deg);}
.accordionItem{height:auto;overflow:hidden;}
@media all{.accordionItem{max-height:50em;-moz-transition:max-height 1s;-o-transition:max-height 1s;-webkit-transition:max-height 1s;transition:max-height 1s;}
}
@media screen and (min-width:48em){.accordionItem{max-height:15em;-moz-transition:max-height 0.5s;-o-transition:max-height 0.5s;-webkit-transition:max-height 0.5s;transition:max-height 0.5s;}
}
.accordionItemCollapsed{max-height:0;}
.animateIn{-webkit-animation-name:accordionIn;-webkit-animation-duration:0.65s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:0s;-moz-animation-name:normal;-moz-animation-duration:0.65s;-moz-animation-iteration-count:1;-moz-animation-direction:alternate;-moz-animation-timing-function:ease-in-out;-moz-animation-fill-mode:both;-moz-animation-delay:0s;animation-name:accordionIn;animation-duration:0.65s;animation-iteration-count:1;animation-direction:normal;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-delay:0s;}
.animateOut{-webkit-animation-name:accordionOut;-webkit-animation-duration:0.75s;-webkit-animation-iteration-count:1;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;-webkit-animation-delay:0s;-moz-animation-name:accordionOut;-moz-animation-duration:0.75s;-moz-animation-iteration-count:1;-moz-animation-direction:alternate;-moz-animation-timing-function:ease-in-out;-moz-animation-fill-mode:both;-moz-animation-delay:0s;animation-name:accordionOut;animation-duration:0.75s;animation-iteration-count:1;animation-direction:alternate;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-delay:0s;}
@-webkit-keyframes
accordionIn{0%{opacity:0;-webkit-transform:scale(0.8);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes
accordionIn{0%{opacity:0;-moz-transform:scale(0.8);}
100%{opacity:1;-moz-transform:scale(1);}
}
@keyframes
accordionIn{0%{opacity:0;transform:scale(0.8);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes
accordionOut{0%{opacity:1;-webkit-transform:scale(1);}
100%{opacity:0;-webkit-transform:scale(0.8);}
}
@-moz-keyframes
accordionOut{0%{opacity:1;-moz-transform:scale(1);}
100%{opacity:0;-moz-transform:scale(0.8);}
}
@keyframes
accordionOut{0%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(0.8);}}
.r-show{max-height:100%}