#faq-form { border: 10px solid #f3f3f3; padding: 40px 40px 20px; margin-bottom: 40px; }
#faq-form .question { padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
#faq-form .question h2 { padding-top: 0; padding-bottom: 0; font: 26px/30px 'PT Sans Caption', sans-serif; font-weight: bold; letter-spacing: -0.03em; color: #fe8f01; }
.answer-box { padding: 40px 0 30px 50px; border-bottom: 1px solid #e5e5e5; }
.answer { position: relative; margin-bottom: 20px; }
.answer-title { display: block; padding-left: 40px; position: relative; font: 18px/20px 'PT Sans', sans-serif; color: #000; cursor: pointer; z-index: 9; }
.answer:hover .answer-title { color: #fe8f01; }
.answer input[type="radio"] { margin-right: 20px; position: absolute; visibility: hidden; }
.answer .answer-checked { display: block; position: absolute; top: 0; background: #d1d1d1; width: 14px; height: 14px; border: 3px solid #d1d1d1; border-radius: 50%; z-index: 6; }
.answer:hover .answer-checked { border-color: #fe8f01; background: #fff; }
.answer .answer-checked::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 2px; left: 2px; margin: auto; }
.answer input[type=radio]:checked ~ .answer-checked { border: 3px solid #fe8f01; width: 14px; height: 14px; background: #fff; }
.answer input[type=radio]:checked ~ .answer-checked::before { background: #fe8f01; }
.faq-buttons { padding-top: 40px; }
.faq-buttons .button { display: inline-block; border: 0; margin: 0 20px 20px 0; height: 40px; border-radius: 4px; font-size: 15px; position: relative; outline: none; }
.faq-buttons .button.hide { display: none; }
.faq-buttons .button-back { width: 130px; background: #d9d9d9; text-align: right; color: #8c8c8c; padding-right: 20px; }
.faq-buttons .button:before, .faq-buttons .button:after { content: ""; position: absolute; }
.faq-buttons .button:before { bottom: 14px; }
.faq-buttons .button:after { bottom: 0px; height: 100%; }
.faq-buttons .button-back:before { left: 9px; border: 6px solid transparent; border-right: 6px solid #8c8c8c; }
.faq-buttons .button-back:after { left: 40px; bottom: 0px; border-left: 1px solid #b6b6b6; }
.faq-buttons .button-back:hover { background: #FF8827; color: #fff; }
.faq-buttons .button-back:hover:before { border: 6px solid transparent; border-right: 6px solid #fff; }
.faq-buttons .button-back:hover:after { border-left: 1px solid #feb14e; }
.faq-buttons .button-forward { background: #fe8f01; text-align: left; padding-right: 60px; }
.faq-buttons .button-forward:hover { background: #FFA73E; }
.faq-buttons .button-forward:before { right: 11px; border: 6px solid transparent; border-left: 6px solid #fff; }
.faq-buttons .button-forward:after { right: 40px; border-left: 1px solid #feb14e; }
.answer-box.answer-info p { font: 18px/22px 'PT Sans', sans-serif; font-style: italic; color: #484747; }
.answer-title {transition: color 0.3s;}
.answer-checked, .faq-buttons .button {transition: border-color 0.3s, background 0.3s;}
.faq-buttons .button:disabled, .faq-buttons .button:hover:disabled { background: #DFDFDF; color: #B6B6B6; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); }
.faq-buttons .button:disabled:after, .faq-buttons .button:hover:disabled:after,
.faq-buttons .button:disabled:before, .faq-buttons .button:hover:disabled:before { border-left-color: #CBCBCB; }