.accordion{font-size:1rem;width:100%;margin:0 auto;border-radius:5px}.accordion-header,.accordion-body{background:#fff}.accordion-header{padding:1em 1em 1em 3em;color:#fff;cursor:pointer;font-size:1em!important;letter-spacing:.1em;transition:all .3s;text-transform:uppercase;background-size:cover;font-weight:700;font-family:marcellus sc!important;font-variant:small-caps;text-transform:capitalize;margin:10px 0 0;background:#000}.accordion__item .accordion__item{border-bottom:1px solid rgba(0,0,0,.08)}.accordion-header:hover{position:relative;z-index:5}.accordion-body{background:#fcfcfc;color:#353535;display:none}.accordion-body__contents{padding:1.5em;font-size:1em!important;box-shadow:0 0 50px 0 rgba(5,1,64,.08)!important;margin-bottom:30px}.accordion__item.active:last-child .accordion-header{border-radius:none}.accordion:first-child>.accordion__item>.accordion-header{border-bottom:1px solid transparent}.accordion__item>.accordion-header::before{content:"\f0da";font-family:fontawesome;font-size:1.2em;float:left;position:relative;left:-1.5em;transition:.3s all;transform:rotate(0deg);-webkit-transition:.3s all;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-webkit-transform:rotate(; -moz-transform:rotate(; -ms-transform:rotate(; -o-transform:rotate(; } .accordion__item.active>.accordion-header::before { transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); } .accordion__item .accordion__item .accordion-header { background:#f1f1f1; color:#353535; } .time { margin-top:-.2%; color:#fff; font-size:18px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; padding:3px 10px; } .next_btn::after { content:"\f30b"; font-family:'FontAwesome'; margin-left:14%; position:absolute; font-size:18px; margin-top:3px; } .ld-content-actions { display:none!important; } @media screen and (max-width:1000px) and (min-width:450px) { .accordion { width:100%; } .time { right:-2%; margin-top:0; font-size:17px } .accordion-header { font-size:1.2em!important; margin:50px 0 0 0; } .accordion-body__contents { font-size:.6em!important; } button#cs-mark { width:100%!important; } .next_btn::after { margin-left:84%; } } @media screen and (max-width:450px) { .accordion { width:100%; } .accordion-header { font-size:1em!important; margin:20px 0 0; } .accordion-body__contents { font-size:1em!important; } .accordion__item>.accordion-header::before { left:-107%; margin-top:3%!important; } .next_btn::after { margin-left:84%; } button#cs-mark { width:100%!important; } }}