.text_center {text-align:center; }
.item_margin_b_15 {margin-bottom:15px; }
.item_margin_b_30 {margin-bottom:30px; }

.button3_new, .red_button { position: relative; width: 100%; display: block; padding: 15px 5px; box-sizing: border-box; background-color: #FED72D; color: #000000; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; border-radius: 0; border: 1px solid #FED72D; cursor:pointer;}
    .button3_new:hover, .button3_new:focus, .red_button:hover, .red_button:focus { background-color: #a58600; }
.red_button {  max-width: 260px; transition: all 0.5s ease-in-out; }

.general_loader_conti { position: fixed; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #ffffffc7; z-index: 100000000; }
    .general_loader_conti.loaded { display: none; }
.general_loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #29265C; width: 120px; height: 120px; -webkit-animation: loaderspin 2s linear infinite; animation: loaderspin 2s linear infinite; }

.reg_form_conti iframe { max-width: 320px;width:100%; margin:20px auto 0 auto; display: block; height: 500px !important; }

/* Safari */
@-webkit-keyframes loaderspin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes loaderspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*Headlines And Titles*/
.headline1 { color: #27255F; }
    .headline1 > * { font-size: 2.1em; font-weight: 700; }
.headline2 { display: block; font-size: 1.5em; line-height: 140%; }
    .headline2 > * { font-weight: 400; color: #26265E; }
        .headline2 > * > strong > br {display:none;}
/*End Headlines And Titles*/

.login_register_bg { padding:0 10px;box-sizing:border-box;margin-bottom:30px;padding-top:30px;}

.box { /*box-shadow: 0px 3px 6px #00000029; border: 1px solid #00000000; border-radius: 20px; background-color: #fff;*/ margin-right: auto; margin-left: auto; }

    .box .button { max-width: 185px; margin: 0 auto; }

.login_box { max-width: 851px; padding: 20px 10px 45px 10px; box-sizing: border-box; }

    .login_box .form { width: 100%; max-width: 440px; margin: 0 auto; }

        .login_box .form form > ul > li { margin-bottom: 15px; }

            .login_box .form form > ul > li:last-child { margin-top: 30px; }

.register_box { position: relative; max-width: 951px; padding: 0 20px 45px 10px; box-sizing: border-box; margin-bottom: 20px; }

    .register_box::after { content: ""; position: absolute; left: 10px; top: -50px; width: 182px; height: 72px; background-image: url('/Resources/Register/carAndAssetIcon.svg'); background-position: left top; background-repeat: no-repeat; background-size: contain; pointer-events: none; }

    .register_box .list { margin-bottom: 35px; }

        .register_box .list > ul {display:flex;flex-wrap:wrap;justify-content:space-between; }

            .register_box .list > ul > li { background-image: url('/Content/Resources/RegisterPage/checkedIcon.svg'); background-position: right center; background-size: 28px auto; padding-right: 33px; min-height: 28px; display: flex; align-items: center; font-size: 1.25em; color: #26265E; margin-bottom: 10px; font-weight:300;}

    .register_box .register_bullets { width: 100%; margin: 0 auto 45px auto; }

        .register_box .register_bullets .register_bullets_title { display: block; text-align: center; margin-bottom: 10px; font-weight: 500; color: #111111; font-size: 1.15em; }

        .register_box .register_bullets > ul { display: flex; align-items: flex-end; justify-content: space-between; text-align: center; width:100%;max-width:422px;margin:0 auto;}

            .register_box .register_bullets > ul > li { }

                .register_box .register_bullets > ul > li .bullet_item { }

                    .register_box .register_bullets > ul > li .bullet_item .icon {width:60px;max-width:100%; display: flex; align-items: flex-end; justify-content: center; margin:0 auto 20px auto;}

                        .register_box .register_bullets > ul > li .bullet_item .icon > img { max-width: 100%; }

                    .register_box .register_bullets > ul > li .bullet_item .title { text-align: center; }

                        .register_box .register_bullets > ul > li .bullet_item .title > span { padding-right: 20px; background-image: url('/Content/Resources/RegisterPage/checkedIcon.svg'); background-position: right center; background-repeat: no-repeat; background-size: 17px auto; }

.register_box2 { }

    .register_box2 .form { width: 100%; max-width: 440px; margin: 0 auto; }

        .register_box2 .form > form > ul {display:flex;flex-wrap:wrap; align-items:flex-end;}
        .register_box2 .form > form > ul > li { margin-bottom: 15px; width:100%;position:relative;}
        .register_box2 .form > form > ul.m_half_width { justify-content:space-between;}
            .register_box2 .form > form > ul.m_half_width > li{ width: 49%; }


            .register_box2 .form > form > ul > li > label { color: #092033; font-size: 1.05em; margin-bottom: 5px; display: block; }
            .register_box2 .form > form > ul > li .red_button {margin:30px auto 0 auto;display:block; }


.progress_bar_title { text-align: center; font-size: 0.8em; color: #B2B2B2; margin-bottom: 13px; }

.progress_bar { position: relative; box-shadow: 0px 3px 6px #00000029; border: 1px solid #EFEFEF; border-radius: 20px; height: 8px; width: 100%; max-width: 588px; margin: 0 auto 25px auto; }

    .progress_bar > div { position: absolute; right: 0; top: 0; height: 100%; background: transparent linear-gradient(90deg, #EFEFEF 0%, #29265C 100%) 0% 0% no-repeat padding-box; border-radius: 0px 20px 20px 0px; }

        .progress_bar > div.width_33 { width: 33%; }

        .progress_bar > div.width_50 { width: 50%; }

        .progress_bar > div.width_66 { width: 66%; }

        .progress_bar > div.width_100 { width: 100%; }

.headline2 { display:block;font-size:1.3em;line-height:140%;}
    .headline2 > * { font-weight: 400; color: #26265E;}

.form input:not([type="checkbox"]), .form select, .form textarea { position: relative; width: 100%; box-sizing: border-box; background-color: transparent; padding: 12px 10px; border: 1px solid #CCCCCC; border-radius: 3px; line-height: 1; font-size: 1.1em; color: #111111; font-weight: 400; height:auto;}
.form .field-validation-error { position: absolute; right: 15px;top:initial; bottom: 3px; color: #fa0404; pointer-events: none; font-size: 10px; z-index: 2; width: auto !important; }
.form .policy_error .field-validation-error { bottom:-10px;right:30px;}

.checkbox_conti_absolute { position: relative; box-sizing: border-box; min-height: 22px; padding-right: 28px; box-sizing: border-box; }

    .checkbox_conti_absolute > div { position: absolute; vertical-align: middle; width: 22px; height: 22px; right: 0; top: 0; }

        .checkbox_conti_absolute > div > input, .like_input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; margin: 0; }

        .checkbox_conti_absolute > div > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border-radius: 3px; border: 1px solid #CCCCCC; pointer-events: none; background-color: transparent; box-sizing: border-box; }

            .checkbox_conti_absolute > div > span::after { content: ""; position: absolute; right: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background-color: #29265C; border-radius: 3px; opacity: 0; transition: all 0.25s ease-in-out; }

        .checkbox_conti_absolute > div > input:checked ~ span::after, .like_input.active ~ span::after { opacity: 1; }

    .checkbox_conti_absolute label { font-size: 1.05em !important; color: #111111; display: inline-block !important; vertical-align: bottom; text-align: right; margin-bottom: 0 !important; padding-top: 2px; }

        .checkbox_conti_absolute label > a { color: #29265C; }

            .checkbox_conti_absolute label > a:hover, .checkbox_conti label > a:focus { text-decoration: underline; }

.register_box2 .form .errors_list { display: block; padding: 10px 0; }
    .register_box2 .form .errors_list > ul { display: block; }
        .register_box2 .form .errors_list > ul > li { width: 100%; margin-bottom: 5px !important; }
            .register_box2 .form .errors_list > ul > li .field-validation-error { position: static !important; font-size: 1.2em; }

.step .reg_form_conti { background-color: #fff; padding: 0 0 20px 0; box-sizing: border-box; border-radius: 10px 10px 0 0;}

@media only screen and (max-width: 1020px) {
    .headline1 > *:not(.link) { font-size: 1.8em; }
    .headline2 { font-size: 1.3em; }
    .headline2  > * > strong {display:block;}
        .headline2 > * > strong > br { display: block; }
    .register_box2 .form > form > ul > li {width:100% !important;margin-bottom:20px; }

    .register_step2 {font-size:0.8em; }
}

/**/