* {
    -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: #B50D4D;
   }
   .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: #B50D4D;
     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: #B50D4D;
   }
   .numbered-radio-container input[type="radio"]:checked + label {
       background-color: #B50D4D;
   }
   .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;
       padding: 0 2rem;
       height: 40px;
       font-size: .875rem;
       font-weight: 400;
       transition: all .3s;
       line-height: normal;
       outline: 0;
       background-color: #B50D4D;
       color: #ffffff;
       border: none;
       width: 100%;
       font-family: "Open Sans",sans-serif;
       cursor: pointer;
       border-radius: 100px;
   }
   .submit-button:hover {
       background-color: #910A3C;
   }
   /* 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;
   }
   .validation {
    display: none;
   }