html, body { background:#022231; color:#fff; font-family:'Gustan', Arial, Helvetica, "sans-serif"; font-weight:300; height:100%; text-align:center; }

body { display:flex; justify-content:center; align-items:center; }

.container { max-width:500px; padding:20px; }

ul { list-style:none; padding:0; margin:0; }

h1 { font-size: 32px; line-height: 1.25; font-weight:300; }

.q-container { display:none; }

.radiolist { margin:0 auto; }

.radiolist input, .checkboxlist input { display:none; }

.radiolist label { background:url("star.svg") center center no-repeat; background-size:36px auto; height:36px; width: 56px; text-indent:-99999px; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; display:block; opacity:.5; }
.radiolist label:hover, .radiolist label.make-white  { opacity:1; }
.radiolist label:hover { transform: scale(1.2); }

.htmlsection { height:26px; margin:10px 0 20px; }

.rating-text { font-size:24px; line-height:26px; font-weight:500; }

li.checkboxlist { margin-bottom:35px; }

.checkboxlist tr { display:flex; flex-direction: row; flex-wrap: wrap; justify-content:center; }

.checkboxlist label { border:1px solid #404040; padding:9px 10px; font-size:16px; line-height:16px; letter-spacing:-.18px; border-radius:3px; display:block; margin:3px; font-weight:normal; }
.checkboxlist label:hover { background:#404040; }
.checkboxlist input:checked + label { background:#0077af; border:1px solid #0077af; }

textarea { width:100%; box-sizing: border-box; background:#1a3745; color:#fff; font-family:'Gustan', Arial, Helvetica, "sans-serif"; padding:20px; font-size:14px; border:1px solid #1a3745; border-radius:3px; height:120px; }
textarea:focus { border:1px solid #0077af; outline: none !important; }
::-webkit-input-placeholder { color:#fff; }
:-ms-input-placeholder { color:#fff; }
::placeholder { color:#fff; }

.submit-button { display:block; margin:10px 0; background:#cf2659; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; padding:10px 20px; font-size:14px; line-height:1; transition: color .3s,background-color .3s,border .3s; border-radius:3px; cursor:pointer; }
.submit-button:hover { background:#a5004e; }

.validation p, .field .error { display:none; }

.validation { font-size:14px; }

@media only screen and (max-height: 650px) {
	body { display:flex; justify-content:center; align-items:flex-start; }
}