/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


* { margin: 0; padding: 0; outline: 0; }
body { font: 17px 'Open Sans', sans-serif; color: #000; background: none; -webkit-appearance: none; font-weight: 300; }
#content-wrapper { width: 100%; margin: 0 auto 0 auto; background: none; }
.form-field { margin-bottom: 5px; line-height: 16px!important; }
.field { width: 61%; display: inline-block; margin-right: 5px; }
.form-title { text-align:left; text-transform:capitalize; color: #ffffff !important; width: 35%; line-height: 17px; display: inline-block; float: left; vertical-align: top; padding-top: 5px; position: relative; margin-left: 5px; }
input.text { height: 30px; width: 100%; box-sizing: border-box; border: 1px solid #a8a8a8; font-size: 12px; padding: 0 8px; -webkit-appearance: none !important; }
select { color: #000!important; border-radius: 0px; padding-left: 5px; height: 30px; width: 100%; box-sizing: border-box; border: 1px solid #a8a8a8; background: #fff;}
.form-title2 { float: left; font-weight: bold; margin-top: 2px; font-size: 12px; color: #000; }
input[type="submit"] { color: #ffffff; width: 50%; height: 55px; border: 1px solid #56A84A; cursor: pointer; font-size: 20px; font-weight: bold; text-decoration: none; background: #56A84A; max-width: 350px; min-width: 240px; border-radius: 4px; }
input[type="submit"]:hover { border: 1px solid #FFFFFF; }
input[type="radio"] { width: 20px; height: 16px; }
.field_pay { margin-top: 10px; text-align: center; padding-bottom: 10px; }
.field_pay, .message2 { font-size: 15px; font-weight: 700; }
.message { display: block; font-size: 12px; color: #fff; font-style: italic; padding-top: 10px; }
.message2 { text-align: center; color: #ffffff; }
.message3 { text-align: center; font-weight: bold; color: rgb(0, 0, 0); margin: 0 auto; width: 100%; height: 42px; padding: 5px; }
.submit { float: left; width: 100%; padding: 10px 0 5px 0; background-size: cover; text-align: center; }
input[type=submit] { -webkit-appearance: none; }
.loading1 { position: absolute; }
.loading2 { position: absolute; z-index: 9999; }
.pull-in { width: 242px; height: 182px; overflow: hidden; text-align: center; margin: auto; cursor: pointer; }
red { color: #ffffff; }
.ageplus { border-radius: 50%; width: 30px; height: 30px; background: #ffffff; border: 3px solid #56A84A; float: left; line-height: 30px; font-size: 19px; letter-spacing: -1px; color: #56A84A; }
.msgText { float: left; margin: 7px 0 0 5px; width: 85%; text-align: left; }
.subtext { position: absolute; font-size: 8px; bottom: -14px; left: 0; }

@media screen and (min-width:1000px) {
    body { padding: 0px; }
}
@media screen and (max-width:500px) {
    body { font-size: 14px; }
    .form-field { line-height: 30px; }
    select, input.text { height: 30px; }
    .field_pay, .message2 { font-size: 11px; }
    .field_pay { margin-top: 5px; }
    input.submit { font-size: 17px; height: 45px; }
}
@media screen and (max-width:440px) {
    .form-field { line-height: 24px;  max-width: 410px; }
    .form-field2 {    max-width: 360px;}
    select, input.text { height: 30px;}
    .field_pay, .message2 { font-size: 10px; max-width: 339px; margin-top: 10px; }
    input.submit { font-size: 15px; height: 36px; }
    .msgText { margin: 0px 0 0 5px; font-size: 14px; }

}
@media screen and (max-width:350px) {
    .form-title { color: #ffffff; width: 34%; line-height: 17px; vertical-align: top; display: inline-block; font-size: 13px; }
    .form-title { color: #ffffff; width: 34%; min-width: 100px; line-height: 17px; vertical-align: top; display: inline-block; font-size: 13px; }
}
@media screen and (max-width:320px) {
    .msgText { margin: 10px 0 0 5px; font-size: 9px; width: 80%; }
    .ageplus { line-height: 30px; }
    .field {width: 60%;}
}
@media screen and (max-width:280px) {
    .field {width: 34%;}
    .submit {max-width: 280px}
    .field {width: 100px;}
    .submit {max-width: 245px;}
}
.eOut { color: #fff; font-size: 9px; background: #f00; padding: 0px 2px; }

.submit-btn{
    color: #ffffff;
    width: 50%;
    height: 55px;
    border: 1px solid #56A84A;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background: #56A84A;
    max-width: 350px;
    min-width: 240px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
}

.submit-btn:hover {
    border: 1px solid #FFFFFF;
}