.quiz{position:relative;display:block;width:900px;margin:0 auto}.quiz,.quiz *{-webkit-box-sizing:border-box;box-sizing:border-box}.quiz__head{position:relative;display:block;margin:25px 0;padding:0;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;color:#2c3e50;font-size:30px;text-align:center}.quiz__form,.quiz__item,.quiz__list{position:relative;display:block;width:100%}.quiz__form{overflow:hidden;height:400px}.quiz__item,.quiz__list{height:100%;margin:0;padding:0;list-style:none}.quiz__item{position:absolute;padding:50px 0 0;background-color:#eee;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.quiz__title,p.quiz__counter{display:block;padding:0;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif}p.quiz__counter{right:10px;top:10px;font-weight:700;position:absolute;margin:0}.quiz__title{position:relative;margin:0 0 100px;font-size:22px;color:#2c3e50;text-align:center}.quiz__title--p50{margin:0 0 50px}.quiz__sublist{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none}.quiz__sublist,.quiz__sublist--between{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.quiz__subitem{position:relative;display:block;width:100%;max-width:360px;margin:0 auto;padding:0;list-style:none}.quiz__subitem--p50{width:50%;margin:0 0 20px}.quiz__succes{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;margin:0;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:20px;text-align:center;color:#3fc33f}.quiz__input{position:relative;display:block;width:100%;height:40px;margin:0;padding:0;border:0;border-bottom:1px solid #cfcfcf;outline:0;background:0 0;font-size:18px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.quiz__input[type=checkbox],.quiz__input[type=radio]{display:none}.quiz__input:focus{border-bottom:1px solid #f1c40f}.quiz__input:checked~.quiz__label{border:1px solid #f1c40f}.quiz__btn,.quiz__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:18px;cursor:pointer}.quiz__label{margin:0 auto;text-align:center;position:relative;width:200px;border:1px solid #d9d9d9;-webkit-border-radius:3px;border-radius:3px;color:#2c3e50}.quiz__label:hover{background-color:#e8e8e8}.quiz__btn{position:absolute;bottom:10px;right:10px;width:165px;border:0;-webkit-border-radius:10px;border-radius:10px;outline:0;background-color:#2c3e50;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.quiz__btn:hover{background-color:#f1c40f;color:#2c3e50}.notactive{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}@media (max-width:900px){.quiz{width:600px}.quiz__title--p50{margin:0 0 20px}.quiz__subitem--first{margin:0 0 40px}}@media (max-width:610px){.quiz{width:100%;padding:0 5px}.quiz__sublist{top:30%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 5px}.quiz__title{margin:0 0 20px;font-size:18px}.quiz__label{width:130px}}