@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 {
    padding: 74px 0 177px 0;
    background: #F9F9F9;
    border-radius: 4px;
    margin-bottom: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.register-cnt .submitBtn {
    margin-top: 50px
}

.register-cnt .flex {
    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 {
    border: 1px solid #979797;
    border-radius: 4px;
    padding: 43px 36px 117px;
    width: 476px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

.register-cnt .sign-info {
    padding: 43px 36px 117px;
    width: 476px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

.register-cnt .sign-in .Expiration_Date,.register-cnt .sign-in input {
    border: 1px solid #7B838A;
    padding-left: 18px;
    width: 340px;
    height: 46px;
    border-radius: 32px;
    margin-bottom: 18px;
    background: none
}

.register-cnt .sign-in .select-bar {
    border: 1px solid #7B838A;
    width: 322px;
    height: 46px;
    border-radius: 32px;
    margin-bottom: 18px;
    background: none;
    overflow: hidden;
    padding: 0 18px
}

.register-cnt .sign-in .select-bar select {
    width: 100%;
    height: 100%;
    border: none
}

.register-cnt .sign-in .child-info-form input:nth-of-type(3),.register-cnt .sign-in .add-kid-form input:nth-of-type(3) {
    border: 1px solid #7B838A;
    padding-left: 18px;
    width: 209px;
    height: 46px;
    border-radius: 32px;
    background: none
}

.register-cnt .sign-in .child-info-form input:nth-of-type(4),.register-cnt .sign-in .add-kid-form input:nth-of-type(4) {
    border: 1px solid #7B838A;
    padding-left: 18px;
    width: 104px;
    height: 46px;
    border-radius: 32px;
    background: none
}

.register-cnt .sign-in .CVC {
    width: auto
}

.register-cnt .sign-in .toggle-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.register-cnt .sign-in .toggle-wrapper input {
    position: absolute;
    left: -99999999999px;
    display: none
}

.register-cnt .sign-in .toggle-wrapper .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 104px;
    height: 46px;
    border-radius: 23px;
    background: #005587;
    -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 .toggle-wrapper .toggle:before,.register-cnt .sign-in .toggle-wrapper .toggle:after {
    position: absolute;
    width: 52px;
    line-height: 42px;
    font-size: 11px;
    z-index: 2;
    text-align: center;
    top: 2px;
    -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 .toggle-wrapper .toggle-handler {
    display: inline-block;
    z-index: 1;
    width: 52px;
    height: 42px;
    background: #f9f9f9;
    position: relative;
    top: 2px;
    left: 2px;
    border-radius: 21px;
    -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 .toggle-wrapper input:checked+.toggle {
    background: #E87411
}

.register-cnt .sign-in .toggle-wrapper input:checked+.toggle .toggle-handler {
    -webkit-transform: translateX(48px);
    transform: translateX(48px)
}

.register-cnt .sign-in .toggle-wrapper .toggle:before {
    content: "Boy";
    left: 2px;
    color: #005587
}

.register-cnt .sign-in .toggle-wrapper .toggle:after {
    content: "Girl";
    right: 2px;
    color: #3A3A3A
}

.register-cnt .sign-in .tell-us {
    font-size: 18px;
    color: #E87411;
    text-align: center;
}

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

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

.register-cnt .sign-in .child-info {
    margin-top: 34px;
    padding: 0 21px
}

.register-cnt .sign-in .child-info .child-info-title {
    font-size: 14px;
    color: #7B838A;
    margin-bottom: 20px
}

.register-cnt .sign-in .child-info .remember {
    margin-left: 19px
}

.register-cnt .sign-in .child-info .remember .stay-input {
    margin-right: 8px
}

.register-cnt .sign-in .child-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 .child-info .remember input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    width: 100%;
    height: 100%
}

.register-cnt .sign-in .child-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 .child-info .remember p {
    font-size: 11px;
    font-weight: normal;
    color: #787878
}

.register-cnt .sign-in .child-info .remember .stay-signed-in {
    margin-right: 125px
}

.register-cnt .sign-in .child-info .remember .agree-cnt {
    font-size: 11px;
    color: #7B838A;
    line-height: 14px
}

.register-cnt .sign-in .child-info .agreement {
    margin-left: 0;
	margin-top: 20px;
    line-height: 10px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.register-cnt .sign-in .addchildBox .add-kid-form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.register-cnt .sign-in .addchildBox .add-kid-form input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default
}

.register-cnt .sign-in .addchildBox .add-kid-form input:nth-of-type(3) {
    width: 188px
}

.register-cnt .sign-in .addchildBox .add-kid-form ._Gender {
    width: 104px;
    margin-left: 20px
}

.register-cnt .sign-in .add-kid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: row;
    -ms-flex: row;
    flex: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 21px;
    margin: 20px 0;
    cursor: pointer
}

.register-cnt .sign-in .add-kid img {
    width: 22px;
    height: 24px
}

.register-cnt .sign-in .add-kid label {
    margin-left: 21px;
    font-size: 12px;
    color: #E87411;
    line-height: 14px
}

.register-cnt .sign-in .add-kid #addIconShow {
    display: block
}

.register-cnt .sign-in .add-kid #reduceIconShow {
    display: none
}

.register-cnt .sign-in .add-kid-form {
    background: #f1f1f1;
    padding: 30px 21px 34px;
    border-radius: 4px
}

.register-cnt .sign-in #addKidForm {
    display: none
}

.register-cnt .sign-in .next-btn {
    margin-top: 116px
}

.register-cnt .sign-in .next-in-btn {
    margin-top: 92px
}

.register-cnt .sign-in .payment-info {
    margin-top: 20px
}

.register-cnt .sign-in .payment-info .payment-form input:nth-of-type(2) {
    width: 146px;
    height: 46px
}

.register-cnt .sign-in .payment-info .payment-form input:nth-of-type(3) {
    width: 146px;
    height: 46px
}

.register-cnt .sign-in .Expiration_Date {
    width: 146px;
    height: 46px;
    margin-right: 22px;
    display: inline-block
}

.register-cnt .sign-in .Expiration_Date .exp_month,.register-cnt .sign-in .Expiration_Date .exp_year {
    height: 44px;
    line-height: 44px;
    font-family: fontMedium;
    color: #7B838A;
    position: relative;
    -webkit-appearance: none;
    border: none;
    background-color: transparent
}

.register-cnt .sign-in .Expiration_Date .exp_month:before,.register-cnt .sign-in .Expiration_Date .exp_year:before {
    content: '';
    background-color: #fff;
    width: 10px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

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

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

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

.register-cnt .sign-in .PasswordBox .eyseEnable,.register-cnt .sign-in .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 .PasswordBox .eyseEnable {
    background-image: url("/style/icon/eyseEnable.png");
    display: block
}

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

.register-cnt .sign-in-to {
    padding-bottom: 70px
}

.register-cnt .sign-info-to {
    padding-bottom: 50px
}

.register-cnt .sign-in-btn {
    margin-top: 35px
}

.register-cnt .sign-up-btn {
    margin-top: 102px
}

.register-cnt .sign-up {
    padding-bottom: 128px
}

.register-cnt .or {
    margin: 32px 0;
    text-align: center
}

.register-cnt .class-sign-up-btn {
    margin-top: 52px
}

.resetPassword-box {
    width: 377px;
    margin: 0 auto;
    text-align: center;
    padding: 105px 0
}

.resetPassword-box img {
    height: 40px;
    width: auto;
    margin-top: 56px
}

.resetPassword-box p {
    margin-top: 57px;
    text-align: left;
    line-height: 20px
}

.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: 24px;
    top: 19px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.childpopboxbg .childpopbox {
    margin: auto;
    width: 623px;
    height: 406px;
    background-color: #F1F1F1;
    padding: 47px 132px 60px 132px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.childpopboxbg .childpopbox input {
    border: 1px solid #7B838A;
    padding-left: 18px;
    width: 340px;
    height: 46px;
    border-radius: 32px;
    margin-bottom: 18px;
    background: none
}

.childpopboxbg .childpopbox .pop_Birthday {
    width: 209px
}

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

.childpopboxbg .toggle-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.childpopboxbg .toggle-wrapper input {
    position: absolute;
    left: -99999999999px;
    display: none
}

.childpopboxbg .toggle-wrapper .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 104px;
    height: 46px;
    border-radius: 23px;
    background: #005587;
    -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-wrapper .toggle:before,.childpopboxbg .toggle-wrapper .toggle:after {
    position: absolute;
    width: 52px;
    line-height: 42px;
    font-size: 11px;
    z-index: 2;
    text-align: center;
    top: 2px;
    -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-wrapper .toggle-handler {
    display: inline-block;
    z-index: 1;
    width: 52px;
    height: 42px;
    background: #f9f9f9;
    position: relative;
    top: 2px;
    left: 2px;
    border-radius: 21px;
    -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 .toggle-wrapper input:checked+.toggle {
    background: #E87411
}

.childpopboxbg .toggle-wrapper input:checked+.toggle .toggle-handler {
    -webkit-transform: translateX(48px);
    transform: translateX(48px)
}

.childpopboxbg .toggle-wrapper .toggle:before {
    content: "Boy";
    left: 2px;
    color: #005587
}

.childpopboxbg .toggle-wrapper .toggle:after {
    content: "Girl";
    right: 2px;
    color: #3A3A3A
}

.childpopboxbg .addChildToList {
    margin: 0 auto;
    margin-top: 16px;
    display: block
}
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 12px 9px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    border: 1px solid #7B838A;
    padding-left: 10px;
    width: 360px;
    height: 46px;
    border-radius: 32px;
	margin-bottom: 8px;
}

.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;
}