#form-wrapper {background-color:#101010; padding:3rem 0 3.5rem}
#form-wrapper > .container { max-width: 980px; }
#form-wrapper h2 { color: #44d62c; letter-spacing: 0.0625rem; text-align:center; text-transform: uppercase; margin-bottom:2rem; font: 200 1.75rem/1.875rem 'RazerF5', Arial, Helvetica, sans-serif; }
#form-wrapper h2:empty {margin:0; }
#razer-form { color:#888; text-align:center; font: 300 1rem/normal 'Roboto', Arial, Helvetica, sans-serif;}
.nice-select { display:none; }
#f_fields { display:grid; margin:0 auto; text-align:left; }
#f_fields input[type="checkbox"] { visibility:visible; margin-left: 0; }
#f_fields input[type="text"], 
#f_fields input[type="email"] { color:#fff; }
#f_fields input[type="text"], 
#f_fields input[type="email"],
#f_fields select { display:inline-block; font-size:1rem; padding:5px 10px; width:100%; background:#222; border:1px solid transparent; border-radius:3px; color:#888; height:40px; -webkit-appearance:menulist; -moz-appearance:menulist; }
#f_fields select option { color:#fff; }
#f_fields select:invalid { color:#999; }
#country {display:block !important; }
#success-msg {  }
#success-msg,
#error-msg {color:#44d62c; margin:0.5rem auto}
#f_other p {margin:0; text-align:center; font-size:14px; }
#f_chkbox label { display:flex; align-items: center; margin-bottom: 0; font-size:14px; cursor:pointer;}
#f_chkbox input { margin-right:10px; outline:0; position:unset; width:unset; height:unset; -moz-appearance:checkbox; }
#f_chkbox p { margin-bottom: 0 }
#f_cta { text-align:center; }
#f_cta img { margin:0 auto;}
#btn_submit { height: 2.5rem; min-height: 2.5rem; padding: .725rem 1.625rem; letter-spacing: .05em; }
#form-wrapper.vertical-style {background-color:black}
#form-wrapper.vertical-style > .container {max-width:600px}
#form-wrapper.vertical-style #f_fields input[type="text"], 
#form-wrapper.vertical-style #f_fields input[type="email"],
#form-wrapper.vertical-style select { height:46px; color:#fff; padding:5px 14px; font-size:19px; border-color:#888; background:rgba(0,0,0,0.5); }
#form-wrapper.vertical-style option { background-color: #101010 }
#form-wrapper.vertical-style select:invalid {color:#888 }
@media (max-width:767px) {
 	#form-wrapper {background-image:none!important; }
	.f_item { margin-bottom: 1rem }
	#f_cta { margin-top:1.1rem}
 	#btn_submit { width: 100% }
}
@media (min-width:768px) { 
	#f_fname { grid-area: fname; }
	#f_lname { grid-area: lname; }
	#f_email { grid-area: email; }
	#f_location { grid-area: location; }
	#f_cta { grid-area: cta; }
	#f_chkbox { grid-area: chkbox; }
	#f_other { grid-area: other; }
	#f_chkbox label { min-height: 40px; }
	.default #f_fields {grid-template-columns: repeat(3,1fr); grid-template-areas: 'fname location chkbox' 'lname email cta' 'other other other'; gap: 20px 40px; }
	.default #f_cta button { width: 100% }
	.vertical-style #f_fields { grid-template-areas: 'fname' 'lname' 'email' 'location' 'chkbox' 'cta' 'other'; gap: 0; }
	.vertical-style .f_item { margin-bottom: 1rem }
	.vertical-style #f_chkbox label { min-height: auto;}
	.newsletter-signup #f_fields { grid-template-areas: 'fname lname' ' location email' 'chkbox chkbox' 'cta cta' 'other other'; gap: 0 40px; }
	.newsletter-signup .f_item { margin-bottom: 2rem }
	.vertical-style #f_cta,
	.newsletter-signup #f_cta { margin-bottom: 0.5rem; margin-top: 1rem } 
	#f_other.f_item { margin-bottom: 0; }
}