@font-face {
    font-family: fontLight;
    src: url("/style/font/GothamRoundedLight.otf")
}

@font-face {
    font-family: fontBook;
    src: url("/style/font/GothamRoundedBook_21018.ttf")
}

@font-face {
    font-family: fontMedium;
    src: url("/style/font/GothamRoundedMedium_21022.ttf")
}

@font-face {
    font-family: fontBold;
    src: url("/style/font/GothamRoundedBold.otf")
}

@font-face {
    font-family: fontHelsing;
    src: url("/style/font/GreatLakesLetteringHelsing.otf")
}

@font-face {
    font-family: fontNorth;
    src: url("/style/font/TrueNorth.otf")
}

@font-face {
    font-family: fontNorth3D;
    src: url("/style/font/TrueNorth3D.otf")
}

@font-face {
    font-family: fontKidZone;
    src: url("/style/font/KidZone.ttf")
}

.fontLight {
    font-family: fontLight
}

.fontBook {
    font-family: fontBook
}

.fontMedium {
    font-family: fontMedium
}

.fontBold {
    font-family: fontBold
}

.fontNorth {
    font-family: fontNorth
}

.fontHelsing {
    font-family: fontHelsing
}

.fontNorth3D {
    font-family: fontNorth3D
}

.fontKidZone {
    font-family: fontKidZone
}

.register-cnt {
    background: #fff
}

.register-cnt .trial {
    background: #EAEAEA
}

.register-cnt .btn-center {
    text-align: center
}

.register-cnt .Expiration_Date,.register-cnt input {
    height: 2.875rem;
    border-radius: 1.4375rem;
    padding-left: 1rem;
    margin-bottom: 0.8125rem;
    border: 1px solid #787878
}

.register-cnt .inputBox_password {
    width: 100%
}

.register-cnt input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register-cnt .CVC {
    width: 8rem
}

.register-cnt .Expiration_Date {
    display: inline-block;
    margin-right: 0.75rem;
    width: calc(100% - 8rem - .75rem)
}

.register-cnt .Expiration_Date .exp_month,.register-cnt .Expiration_Date .exp_year {
    line-height: 2.875rem;
    height: 2.875rem;
    color: #7B838A;
    font-size: 0.875rem;
    font-family: fontBook;
    -webkit-appearance: none;
    border: none;
    background-color: transparent
}

.register-cnt .Expiration_Date .exp_year {
    padding-right: 2rem
}

.register-cnt .select-bar {
    height: 2.875rem;
    border-radius: 1.4375rem;
    padding-left: 1rem;
    margin-bottom: 0.8125rem;
    border: 1px solid #787878
}

.register-cnt .select-bar select {
    width: calc(100% - 1rem);
    height: 100%;
    border: none;
    background-color: transparent;
    color: #7B838A;
    font-size: .9rem
}

.register-cnt .select-bar select option {
    color: initial;
    font-size: 14px
}

.register-cnt input::-webkit-input-placeholder {
    font-size: .875rem;
    color: #787878
}

.register-cnt input::-moz-placeholder {
    font-size: .875rem;
    color: #787878
}

.register-cnt input::-moz-placeholder {
    font-size: .875rem;
    color: #787878
}

.register-cnt input::-ms-input-placeholder {
    font-size: .875rem;
    color: #787878
}

.register-cnt .addchildBox .add-kid-form {
    background-color: #f1f1f1;
    padding: 1rem;
    margin-bottom: 1rem
}

.register-cnt .addchildBox .add-kid-form ._Birthday {
    width: 60%
}

.register-cnt .addchildBox .add-kid-form ._Gender {
    width: 30%;
    margin-left: 10%
}

.register-cnt .sign-in-to {
    background: #EAEAEA;
    padding: 1.5625rem 1rem 1.5625rem 1rem;
}

.register-cnt .sign-in-to .sign-in-to-info {
    padding: 1.6875rem 1.1875rem 1.6875rem 1.1875rem;
    background: #fff;
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 #9b9b9b;
    box-shadow: 0 0.125rem 0.25rem 0 #9b9b9b;
    border-radius: 0.25rem
}

.register-cnt .sign-in-to .sign-in-to-info .account {
    text-align: center;
    color: #E87411
}

.register-cnt .sign-in-to .sign-in-to-info .giftsingup {
    font-size: 14px;
    color: #7B838A;
    font-family: fontMedium;
    text-align: center;
    margin-top: 43px
}

.register-cnt .sign-in-to .sign-in-to-info .giftsingup a {
    color: #005587
}

.register-cnt .sign-in-to .sign-in-to-info .PasswordBox {
    position: relative
}

.register-cnt .sign-in-to .sign-in-to-info .PasswordBox .eyseEnable,.register-cnt .sign-in-to .sign-in-to-info .PasswordBox .eyseDisable {
    content: '';
    width: 46px;
    height: 46px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto
}

.register-cnt .sign-in-to .sign-in-to-info .PasswordBox .eyseEnable {
    background-image: url("/style/icon/eyseEnable.png");
    display: block
}

.register-cnt .sign-in-to .sign-in-to-info .PasswordBox .eyseDisable {
    background-image: url("/style/icon/eysedisable.png");
    display: none
}

.register-cnt .sign-in-to .sign-in-to-info .create-account {
    margin-bottom: 3.0625rem
}

.register-cnt .sign-in-to-info .tell-us-online {
    font-size: 18px;
    color: #7B838A;
    text-align: center;
}

.register-cnt .sign-in-to .account-online {
    font-size: 12px;
    color: #E87411;
    text-align: left;
    margin-top: 20px;
    width: auto;
    padding-left: 15px;
    line-height: 1.6;
}

.register-cnt .sign-in-to .sign-in-to-info .tell-us-child {
    margin-bottom: 1.1875rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info {
    margin: 2.0625rem 0 1.8125rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-info-form,.register-cnt .sign-in-to .sign-in-to-info .login-info .parent-info-form,.register-cnt .sign-in-to .sign-in-to-info .login-info .payment-info-form,.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-parent-info {
    margin-top: 0.8125rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-parent-info .parent-info-title {
    margin-bottom: 0.75rem;
    font-size: .875rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-payment-info {
    margin-top: 1.25rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-payment-info .payment-info-title {
    margin-bottom: 0.5625rem;
    font-size: .875rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .login-payment-info .payment-info-form .payment-info-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-title {
    font-size: .875rem;
    margin-bottom: 0.75rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form {
    margin: 0.625rem 0 0.5rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other input:nth-of-type(1) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: .625rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle-wrapper {
    height: 2.4rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle-wrapper input {
    position: absolute;
    left: -99em
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 4.125rem;
    height: 2rem;
    background: #005587;
    border-radius: 1rem;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle:before,.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle:after {
    position: absolute;
    line-height: 2rem;
    font-size: .625rem;
    z-index: 2;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle:before {
    content: "Boy";
    left: 0.5rem;
    color: #005587
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle:after {
    content: "Girl";
    right: 0.3125rem;
    color: #3A3A3A
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other .toggle-handler {
    display: inline-block;
    z-index: 1;
    width: 2.0625rem;
    height: 1.75rem;
    background: #f9f9f9;
    position: relative;
    top: 0.125rem;
    left: 0.125rem;
    border-radius: 1rem;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem)
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other input:checked+.toggle {
    background: #E87411
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other input:checked+.toggle:before {
    color: #3A3A3A
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other input:checked+.toggle:after {
    color: #E87411
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .child-info-form .child-info-other input:checked+.toggle .toggle-handler {
    width: 2.0625rem;
    -webkit-transform: translateX(1.875rem);
    transform: translateX(1.875rem)
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .add-kid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .add-kid img {
    width: 1.375rem;
    height: 1.5rem;
    margin-right: .5rem;
    margin-left: .5rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .add-kid .add-kid-txt {
    font-size: .75rem;
    color: #E87411;
    margin-left: 1rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .add-kid #maddIconShow {
    display: block
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .add-kid #mreduceIconShow {
    display: none
}

.register-cnt .sign-in-to .sign-in-to-info .login-info .removeKid {
    margin-bottom: .5rem
}

.register-cnt .sign-in-to .sign-in-to-info .login-info #maddKidForm {
    display: none
}

.register-cnt .sign-in-to .sign-in-to-info .create-login-info {
    margin-bottom: 3.6875rem
}

.register-cnt .sign-in-to .sign-in-to-info .remember {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.375rem
}

.register-cnt .sign-in-to .sign-in-to-info .remember .remember-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.register-cnt .sign-in-to .sign-in-to-info .remember .remember-left .stay-input {
    margin-right: 0.5rem
}

.register-cnt .sign-in-to .sign-in-to-info .remember .remember-left .stay-signed-in {
    font-size: 0.6875rem
}

.register-cnt .sign-in-to .sign-in-to-info .remember .forget {
    font-size: 0.6875rem
}

.register-cnt .sign-in-to .sign-in-to-info .remember input[type="checkbox"] {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    padding: 0;
    margin: 0;
    position: relative
}

.register-cnt .sign-in-to .sign-in-to-info .remember input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    width: 100%;
    height: 100%
}

.register-cnt .sign-in-to .sign-in-to-info .remember input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #e87411;
    font-size: 10px;
    font-weight: bold
}

.register-cnt .sign-in-to .sign-in-to-info .agreement {
    margin-left: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .5rem
}

.register-cnt .sign-in-to .sign-in-to-info .agreement .read-accept,.register-cnt .sign-in-to .sign-in-to-info .agreement .agree-cnt {
    font-size: 0.6875rem;
    line-height: 1rem;
    margin-left: .5rem
}

.register-cnt .sign-in-to .sign-in-to-info .add-sign-up {
    margin-top: 1.8125rem
}

.register-cnt .sign-in-to .sign-in-to-info .class-sign-up-btn {
    margin-bottom: 1.875rem
}

.register-cnt .or {
    background: #EAEAEA;
    text-align: center
}

.register-cnt .sign-up-btn {
    padding-top: 3.4375rem;
    padding-bottom: 8.4375rem;
    background-color: #fff
}

.resetPassword-box {
    margin: 1.5625rem 1.0rem 2.625rem 1.0rem;
    text-align: center;
    background-color: #fff;
    padding: 1.6875rem 2rem 5.875rem 2rem
}

.resetPassword-box img {
    height: 2.5rem;
    width: auto;
    margin-top: 2.8125rem
}

.resetPassword-box p {
    margin-top: 2.8125rem;
    text-align: left;
    line-height: 1.25rem
}

.resetPassword-box p span {
    color: #E87411
}

.childpopboxbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.childpopboxbg .popBoxclose {
    position: absolute;
    width: 37px;
    height: 37px;
    right: 10px;
    top: 15px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.childpopboxbg .childpopbox {
    margin: auto;
    width: 100%;
    background: #EAEAEA;
    padding: 1.5625rem 3rem 1.8125rem 3rem;
    background-color: #F1F1F1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.childpopboxbg .childpopbox input {
    height: 2.875rem;
    border-radius: 1.4375rem;
    padding-left: 1rem;
    margin-bottom: 0.8125rem;
    border: 1px solid #787878;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.childpopboxbg .childpopbox .pop_Birthday {
    width: 70%
}

.childpopboxbg .title {
    font-size: 18px;
    color: #E87411;
    text-align: center;
    margin-bottom: 26px
}

.childpopboxbg .toggle-wrapper {
    height: 2.4rem;
    display: inline-block;
    float: right;
    position: relative;
    top: .3rem
}

.childpopboxbg .toggle-wrapper input {
    position: absolute;
    left: -99em
}

.childpopboxbg .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 4.125rem;
    height: 2rem;
    background: #005587;
    border-radius: 1rem;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.childpopboxbg .toggle:before,.childpopboxbg .toggle:after {
    position: absolute;
    line-height: 2rem;
    font-size: 0.6875rem;
    z-index: 2;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.childpopboxbg .toggle:before {
    content: "Boy";
    left: 0.5rem;
    color: #005587
}

.childpopboxbg .toggle:after {
    content: "Girl";
    right: 0.3125rem;
    color: #3A3A3A
}

.childpopboxbg .toggle-handler {
    display: inline-block;
    z-index: 1;
    width: 2.0625rem;
    height: 1.75rem;
    background: #f9f9f9;
    position: relative;
    top: 0.125rem;
    left: 0.125rem;
    border-radius: 1rem;
    -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem)
}

.childpopboxbg input:checked+.toggle {
    background: #E87411
}

.childpopboxbg input:checked+.toggle:before {
    color: #3A3A3A
}

.childpopboxbg input:checked+.toggle:after {
    color: #E87411
}

.childpopboxbg input:checked+.toggle .toggle-handler {
    width: 2.0625rem;
    -webkit-transform: translateX(1.875rem);
    transform: translateX(1.875rem)
}

.childpopboxbg .addChildToList {
    margin: 0 auto;
    margin-top: 16px;
    display: block
}
.StripeElement {
    box-sizing: border-box;
    padding: 0.875rem;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    height: 2.875rem;
    border-radius: 1.4375rem;
    padding-left: 1rem;
    margin-bottom: 0.8125rem;
    border: 1px solid #787878;
}

.StripeElement--focus {
	box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
	border-color: #fa755a;
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important;
}
.card-error{
	color: red;
}