*, *:before{-webkit-transition: transform .2s ease-in-out;-ms-transition: transform .1s ease-in-out;transition: background-color .2s linear,padding .2s, color .2s, transform .2s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s linear, visibility 0.2s ease-in-out;}
.no-transition{transition: none !important;}
.lazy{opacity: 0;}
.scrollhide{ transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.scrollhide.subtle{  transition: background-color .2s linear, color .2s, transform .2s ease-in-out, opacity .2s linear;}
.scrollhide.hidden{opacity: 0;}
.scrollhide.from-right.hidden{transform: translateX(50%);}
.scrollhide.from-left.hidden{transform: translateX(-50%);}
.scrollhide.from-below.hidden{transform: translateY(50%);}
.scrollhide.from-below.subtle.hidden{transform: translateY(50px);}
.scrollhide.rotate-in.hidden{transform: translateY(50%) rotate(-60deg); transform-origin: bottom right;}
.scrollhide.from-left.hidden.subtle{transform: translateX(20%);}
.scrollhide.from-left.subtle{transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}


.faq, .faq li {list-style: none;}
.faq {padding: 0px;}
.faq li.q {margin-top: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.faq li.a { background: #fff; display: none; }