* {
 -webkit-font-smoothing: antialiased;
}
body {
	margin: 0;
}
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
    color: #444;
}
h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 600;
}
h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
}
textarea {
    height: 112px;
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    font:14px/1.55 'Open Sans', sans-serif;
    outline: none;
    text-indent: 8px;
    padding-top: 8px;
}
select {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: #495057;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4LjQ5NiIgdmlld0JveD0iMCAwIDE0IDguNDk2Ij4KICA8ZyBpZD0iY2hldnJvbi1kb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2MC4zMTggLTQyMi41KSI+CiAgICA8cGF0aCBpZD0iY2hldnJvbi1kb3duLTIiIGRhdGEtbmFtZT0iY2hldnJvbi1kb3duIiBkPSJNMTIuMTEyLDEzMS43NjVsLTYuMjMxLTYuMjMxYS43NjkuNzY5LDAsMCwxLDAtMS4wODhsLjcyNy0uNzI3YS43NjkuNzY5LDAsMCwxLDEuMDg3LDBsNC45NjEsNC45MzgsNC45NjEtNC45MzhhLjc2OS43NjksMCwwLDEsMS4wODcsMGwuNzI3LjcyN2EuNzY5Ljc2OSwwLDAsMSwwLDEuMDg4TDEzLjIsMTMxLjc2NWEuNzcuNzcsMCwwLDEtMS4wODgsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTQuNjYyIDI5OS4wMDUpIiBmaWxsPSIjNDk1MDU3Ii8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "Open Sans",sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    background-position: right 10px top 20px;
}
input[type="text"] {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5715;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d6d6d6;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "Open Sans",sans-serif;
}
select:focus {
    color: #495057;
    background-color: #fff;
    border-color: #396ec1;
    outline: 0;
    box-shadow: inset 0 0 0 transparent, 0 0 0 0.15rem #cdd3dc;
}
input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #396ec1;
    outline: 0;
    box-shadow: inset 0 0 0 transparent, 0 0 0 0.15rem #cdd3dc;
}
input::placeholder {
 color: #6C757D
}
/* The container */
.radio-container {
  display: block; 
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font:14px/1.55 'Open Sans', sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.radio-container input:checked ~ .checkmark {
  background-color: #F69139;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox {
  -webkit-appearance: none;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  margin-right: 8px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  width: 20px;
  height: 20px;
}
.checkbox:active, .checkbox:checked:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
  outline: none;
}
.checkbox:checked {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #FFFFFF;
  outline: none;
}
.checkbox:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #F69139;
  outline: none;
}
.checkbox-label {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding-bottom: 8px;
}
.numbered-radio-container input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.numbered-radio-container label {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 10px 15px;
  font-size: 12px;
  border-radius: 50%;
  margin: 4px 8px;
  cursor: pointer;
}
.numbered-radio-container label:hover {
  background-color: #F69139;
}
.numbered-radio-container input[type="radio"]:checked + label {
    background-color: #F69139;
}
.headers {
  text-align: center;
  margin-bottom: 44px;
  padding: 16px;
}
.headers h1 {
  color: #0060A9;
}
.headers h2 {
  color: #1E1E1ECC;
}
.page-wrapper {
    width: 100%;
}
.thank-you {
  text-align: center;
  padding-top: 32px;
}
.question {
    margin-bottom: 1rem;
}
.question-final {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.submit-button {
    display: inline-block;
    text-align: center;
    border-radius: .1875rem;
    padding: 0 2rem;
    height: 50px;
    font-size: .9rem;
    font-weight: 600;
    transition: all .3s;
    line-height: normal;
    outline: 0;
    background-color: #f79239;
    color: #ffffff;
    border: none;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    cursor: pointer;
}
.submit-button:hover {
    background-color: #f68520;
}
/* Flexbox to align Firstname and Lastname */
.flex-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.flex-container div {
  flex: 1;
  margin:0 10px;
}
.flex-container div p {
  margin-top: 0;
}
.flex-container div:first-of-type{
  margin-left:0;
}
.flex-container div:last-of-type{
  margin-right:0;
}
/* Thank you page */
.thank-you-wrapper {
    padding: 0px 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}