﻿.flex { display: flex; }
.flex_space_evenly { justify-content: space-between; }
.flex_space_center { justify-content: center; }
.flex_items_align_middle { align-items: center; }
.flex_wrap { flex-wrap: wrap; }
.text_center {text-align:center;}

.checbox_new_conti { padding-right: 20px; box-sizing: border-box; position: relative; }
    .checbox_new_conti > div { position: absolute; width: 15px; height: 15px; right: 0; top: 0; }
        .checbox_new_conti > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; }
        .checbox_new_conti > div > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border: 1px solid #707070; pointer-events: none;border-radius:3px; }
            .checbox_new_conti > div > span::after { content: ""; background-color: transparent; border-radius: 3px; position: absolute; width: 88%; height: 90%; top: 5%; right: 5%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
        .checbox_new_conti > div > input:checked ~ span::after { background-color: #51B91C; }
    .checbox_new_conti label { display: block; text-align: right; }
        .checbox_new_conti label > a { color: #509C33; }
            .checbox_new_conti label > a:hover, .checkbox_conti label > a:focus { text-decoration: underline; }

.column_1 > * { width: 100%; }
.column_2 > * {width:49%; }
.button10 {border:none;cursor:pointer; display: block; background-color: #51B91C; color: #fff; font-size: 1.2em; padding: 12px 20px; box-sizing: border-box; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
    .button10:hover, .button10:focus { background-color: #53f600; }

.register_partial { width: 100%; background-color: #fff;background-image:url('/Content/Resources/RegisterPartial/registerBg.png');background-position:right top;background-size:auto;background-repeat:no-repeat; margin-bottom:35px; padding:43px 0;box-sizing:border-box;margin-top:50px;}
    .register_partial .max_width {position:relative;width:100%;max-width:788px;margin:0 auto;padding:0 10px;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.7); }
.form_conti {width:100%; }
    .form_conti form { }
        .form_conti form > h2 { font-size: 2em; margin-bottom: 22px; font-weight: 400; display: block; text-align: center; color: #3D698F; }
        .form_conti form > p { color: #3D698F; display: block; margin-bottom: 27px; font-size: 1.2em; text-align: center; }
            .form_conti form > p > span { font-weight:400;}
            .form_conti form > p > strong { font-weight: 600; }
        .form_conti form > ul { }
            .form_conti form > ul > li {margin-bottom:20px; }
                .form_conti form > ul > li > input:not([type="checkbox"]) { display: block; width: 100%; border: 1px solid #B8B8B8;border-radius:5px; padding: 10px; box-sizing: border-box; font-size: 1.2em; }
            .form_conti form > ul > li button { display:inline-block; margin:0 auto;}

.image_item {width:399px;position:relative; }
    .image_item > img { width: 100%; position: absolute; left: 0; top: -89px; pointer-events:none;}

.loader2 {display:none; border: 1px solid #f3f3f3;  border-top: 1px solid #3498db;  border-radius: 50%; width: 10px; height: 10px; animation: spin 2s linear infinite; }
.active .loader2 {display:inline-block;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width : 1000px) {
    .register_partial {padding-bottom:10px; background-size:contain;}
    .image_item {position:absolute;right:0;top:-150px; text-align:center;width:100%;}
    .image_item > img {width:auto;height:150px;position:static;display:inline-block;}
    .form_conti { width:100%;}
}

@media only screen and (max-width : 414px) {
    .form_conti form > ul > li {width:100% !important; }
    .form_conti form > p > * {display:block;margin-bottom:5px; }
}