.auth_reg .input-email:-webkit-autofill {background-color:#fff !important; -webkit-box-shadow:0 0 0 50px #fff inset; transition: background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;}
.auth_reg {
    /* background: #fff; */
    margin: 4rem 0 2rem;
    color:#333;
}
.auth_reg_sm {margin:2rem 0}
.auth_reg .wrap {padding: 20px 0;}
.auth_reg {
    position:relative;
    transition:height 0.5s ease 2s;
    overflow:hidden;
    height:auto;
}
.auth_reg h2 {text-align:center;font-weight: 600;font-size:28px;}
.auth_reg h2 span {position:relative; font-weight:bold}
.auth_reg h2 span i {position:absolute; left:-10px; top:35px; width:105px; height:20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InllbGxvd194NUZfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6I0ZGRTYwMDsiIGQ9Ik01Mi4yNjksMC44MzRDNjcuODc5LDEuNzQ1LDgzLjM4NywzLjk1NCw5OC41ODUsNy40NWMwLjI4MywwLjA2NSwwLjQ2NCwwLjM2LDAuNDAzLDAuNjU4Yy0wLjA1NywwLjI4LTAuMzExLDAuNDYzLTAuNTc3LDAuNDI4QzgzLjA0OCw2LjQ5Miw2Ny41OTUsNi4yNjYsNTIuMjE3LDYuMzIyQzM0LjUwMiw2LjM4NiwxNC4xMjYsMTAuMDIsNi42MjgsMTEuNTgzYy0yLjU0LDAuNTI5LTUuMDE4LTEuMjEzLTUuNTMzLTMuODkxczEuMTA5LTUuMzkyLDMuNjY5LTUuODFDMTEuNTcsMC43NjksMzEuODA5LTAuMzYxLDUyLjI2OSwwLjgzNHoiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
}

.auth_reg h2 a {
    color: #090;
}

.auth_reg h2 a:hover {
    color: #060;
}

.row-delimiter {
    width: 320px;
    margin: 0 auto;
}

.row-header, .row-socials {
    padding-bottom: 30px;
}
.row-delimiter {padding:30px 0}

.auth_reg {
    width: 100%;
    text-align: left;
}

.auth_reg .wrap {
    display: flex;
    flex-direction: column;
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
}

.row-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.auth_reg_email {
    width: 100%;
    box-sizing: border-box;
    height: 56px;
    border: 2px solid var(--BLUE);
    padding: 14px 15px;
    font: 400 16px/20px var(--FONT1);
    border-radius: 8px;
}

.auth_reg_email:focus {
    box-shadow: 0 0 0px 3px #0099ff66;
}
.auth_reg .main-button {
    padding: 0 20px;
    width: max-content;
}

.auth_reg .main-input {
    flex: 2;
    max-width: 390px;
    padding-left: 20px;
    position:relative
}
.auth_reg .main-input input:placeholder-shown + label {
    opacity: 0;
    top:20px;
}

.auth_reg .main-input input + label {
    position: absolute;
    top: -10px;
    left: 35px;
    transition: all 0.1s;
    opacity: 1;
    background: white;
    padding: 0 5px;
    font-size: 12px;
    color: #a6a6a6;
}

.auth_reg .main-input input:placeholder-shown + .in-row {
    display: block;
}

.auth_reg .only_desktop .in-row {
    position: absolute;
    top: 14px;
    right: 5px;
    height: 26px;
    background: white;
}

.auth_reg .only_desktop .in-row .btn {
    display: none;
    border: 2px solid var(--BLUE_OPAC1);
    border-radius: 14px;
    text-align: center;
    transition: 0.3s;
    padding: 1px 4px;
    margin-right: 5px;
}

.auth_reg .only_desktop .in-row .btn:hover {
    border-color: var(--BLUE);
    box-shadow: 0 0 0 5px var(--BLUE_OPAC1);
}

.auth_reg .only_desktop .in-row .btn svg {
    display: block;
    width: 24px;
    height: 24px;
}

.left-effect,
.right-effect {
    min-width: 20px;
    height: 46px
}

.left-effect > div,
.right-effect > div {
    margin-top: 17px;
}

.left-effect .incline-top-left,
.right-effect .incline-top {
    margin-top: 0;
}

.auth_reg .main-button .main-button_place {
    width:100px;
    height: 56px;
}
.auth_reg .main-button .main-button_place.only_mobile {width:200px}
.auth_reg .main-button button {
    border-radius: 40px;
    background-color: var(--MAGENTA);
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: bold;
    position: absolute;
    font-size: 14px;
    transition:0.3s;
    box-shadow:0 0 0 12px transparent;
}
.auth_reg .main-button button:hover {box-shadow: 0 0 0 50px #0000001a inset}
.auth_reg .main-button button:active, .auth_reg .main-button button:focus {
    transition:none;
    box-shadow:0 0 0 6px var(--MAGENTA_OPAC2);
}

.auth_reg .main-button button.effect-yellow {
    background-color: var(--YELLOW);
    box-shadow:0 0 0 12px transparent;
}
.auth_reg .main-button button.effect-yellow:active, .auth_reg .main-button button.effect-yellow:focus {
    transition:none;
    box-shadow:0 0 0 6px var(--YELLOW_OPAC2);
}

.auth_reg .main-button button.effect-green {
    background-color: var(--BLUE);
    box-shadow:0 0 0 12px transparent;
}
.auth_reg .main-button button.effect-green:active, .auth_reg .main-button button.effect-green:focus {
    transition:none;
    box-shadow:0 0 0 6px var(--BLUE_OPAC3);
}

.auth_reg .main-button button.effect-green:hover {
    background-color: var(--BLUE_HI2);
}

.auth_reg .wrap .liner,
.auth_reg .wrap .liner2,
.auth_reg .wrap .liner3,
.auth_reg .wrap .liner4 {
    background-color: var(--BLUE);
    border-radius: 50%;
}

/*.auth_reg .wrap.effect-yellow .liner,
.auth_reg .wrap.effect-yellow .liner2,
.auth_reg .wrap.effect-yellow .liner3,
.auth_reg .wrap.effect-yellow .liner4 {
    background-color: var(--YELLOW);
}

.auth_reg .wrap.effect-green .liner,
.auth_reg .wrap.effect-green .liner2,
.auth_reg .wrap.effect-green .liner3,
.auth_reg .wrap.effect-green   .liner4 {
    background-color: var(--BLUE);
}*/

.row-socials {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.row-socials .btn {
    padding: 4px 0;
    border-radius: 30px;
    border: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
    margin: 0 10px;
    color:#000;
    white-space:nowrap;
    height: 48px;
    box-sizing: border-box;
    overflow:hidden;
    line-height: 40px;
}
.row-socials .btn font {margin-left:10px; opacity:0}
.row-socials .btn svg {width:40px;height:40px;margin: 0 0 0 20px;float: left;}
.row-socials .btn:hover {
    border-color: #000;
}

.auth_reg h2.part-title {
    text-align:center;
    height: 50px;
    margin: -50px 0 0;
    padding: 0;
    opacity: 0;
}

.auth_reg .part-title div:first-child {
    font-size: 25px;
    padding-bottom: 7px;
}

.auth_reg .part-title span {
    background-color: #ebf5d9;
    color: #336600;
    padding: 2px 4px;
    border-radius: 4px;
}


.auth_reg .text-description {
    line-height:25px;
    font-size: 16px;
    text-align:center;
    display: none; opacity:0;
    height:100px;
    margin:0 0 -100px;
}

.auth_reg .text-description a {
    text-decoration:underline
}
.auth_reg .text-description a:hover, .auth_reg .text-description a:focus {
    text-decoration:none;
}
.auth_reg .div-line {
    display: block;
    height: 1px;
    border-bottom: 1px solid #dedede;
    width: 50%;
    margin: 0 auto;
}

.auth_reg .text-email {
    background-color: #f1ebf3;
    color: #a27bb0;
    padding: 2px 5px;
    border-radius: 4px;
}

.auth_reg .auth-social .btn {
    padding: 15px 30px;
    border-radius: 50px;
}

.auth_reg .auth-social {
    text-align: center;
}
.auth_reg .auth-social a {
    display:inline-block; margin:0 5px;
}

.auth_reg .auth-social button {
    font-family: var(--FONT1);
}

.auth_reg .auth-social button:first-child {
    margin-bottom: 20px;
}

.auth_reg .auth-social .btn {
    text-indent: 25px;
    width: 130px;
}

.auth_reg .ico_success {
    width: 30px;
    height: 30px;
    transform: scale(2);
    margin: 0 -40px 0 10px;
}

.auth_reg h2 span.hide840 {
    font-weight: normal;
	margin-left: -5px;
}
.blue_on {background:rgba(21,168,255,0.3); box-shadow:0 0 0 9px rgba(21,168,255,0.3); transition:all 0.1s ease;-webkit-transition:all 0.1s ease;}
.blue_off {background:rgba(21,168,255,0); box-shadow:0 0 5px 25px rgba(21,168,255,0); transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}


/*------------------------------------------------------------------------------------------------*/
.auth_reg .text-description .message {
    background-color: #fe7;
    padding: 20px;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    display: block;
    margin: auto;
    width: 350px;
}
.activation_code_block .code_4digit {height: 100px; position: relative; margin-top: 20px}
.activation_code_block .code_4digit {height: 120px; position: relative; margin-top: 30px}
.activation_code_block .btn {
    border-radius: 40px;
    background-color: var(--MAGENTA);
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: bold;
    font-size: 14px;
    padding: 15px;
    transition: 0.3s;
    box-shadow: 0 0 0 12px transparent;
    margin-bottom: 20px;
}
.activation_code_block input.btn {transition: none !important}
.activation_code_block .btn:focus, .activation_code_block .btn:active{transition: none !important; box-shadow: 0 0 0 6px var(--MAGENTA_OPAC2)}
.activation_code_block .btn:hover {background-color: var(--MAGENTA) !important; box-shadow: 0 0 0 50px #0000001a inset}
.activation_code_block .code_4digit input:focus {box-shadow: 0 0 0 3px #0099ff66; border-color:transparent}
.auth_reg .text-description.activation_code_submitted {transition: height 0.5s ease; height: 250px}
/*------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
    .auth_reg h2 {
        padding: 20px 0;
    }

    .row-header, .row-form, .row-delimiter, .row-socials {
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {

    .auth_reg h2.only_mobile {
        font-size: 4.9vw;
    }

    .auth_reg h2 span i.yellowstroke {
        left: -2.5vw;
        top: 7vw;
    }

    .auth_reg h2 span i {
        width: 18vw;
        height: 2.2vw;
    }
    .auth_reg .text-description { height:140px;}
}

@media (max-width: 430px) {

}
.auth_reg button {width:100px;height: 56px;position:relative;transition:0.5s;}
.auth_reg button.btn-big {width:200px;}
.auth_reg.submitted button font {display:none}
.auth_reg button svg {position:absolute; left:30px; top:5px;width:40px; height:40px; transition:0.5s; opacity:0;}
.auth_reg button svg polyline {
    fill: none;
    stroke: #FFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 18px;
    stroke-dashoffset: 18px;
}

.auth_reg.submitted button svg polyline {
    stroke-dashoffset: 0;
    transition: all 0.3s ease 0.4s;
}
.auth_reg.submitted .main-input {/*transition:opacity 0.3s; */opacity:0}
.auth_reg.submitted button {
	pointer-events: none;
	left: 50% !important;
	margin: 25px -25px 25px;
	transform: scale(2);
	transition: 0.5s !important;
	width: 60px;
	height: 60px;
}
.auth_reg.submitted button svg {left: 12px;top: 10px;opacity:1;}
.auth_reg.submitted .row-form {padding-bottom:80px; transition:padding-bottom 0.5s;}


/*.auth_reg.submitted_ button {left:50% !important;margin:25px -25px 25px;transform:scale(2);transition:0.5s;width: 60px;height: 60px;}*/

.auth_reg.submitted h2 {opacity:0; transition:0.3s}
.auth_reg.submitted h2.only_desktop {position: absolute}
.auth_reg.submitted .row-header {min-height: 50px}
.auth_reg.submitted h2.part-title {margin:0; opacity:1; transition:0.3s ease 0.8s}

.auth_reg.submitted .text-description {display:block; position: relative; z-index:1;}
.auth_reg.submitted__ .text-description {height: 250px; opacity:1; transition:all 0.5s ease}
.auth_reg.submitted__ button {opacity:0; transform:scale(0); transition:0.5s;}

.auth_reg.submitted .ico_success {
    animation: success_ani 1.5s linear;
    -webkit-animation: success_ani 1.5s linear;
}
.auth_reg .text-on-line span {display:inline-block; white-space:nowrap;}
.auth_reg.submitted .text-on-line span {opacity:0; margin:0 -120px; transition:margin 0.3s ease 0.3s, opacity 0.3s}
.auth_reg.submitted__ .text-on-line span {opacity:1; margin:0; transition:margin 0.3s ease, opacity 0.3s ease 0.3s}
.auth_reg .row-socials a {width: 80px;}
.auth_reg .row-socials font {margin-right:-200px;}
.auth_reg.submitted__ .row-socials a {transition:width 0.3s ease;width: 160px;}
.auth_reg.submitted__ .row-socials font {opacity:1; transition:0.3s ease 0.5s}

@-webkit-keyframes success_ani {
    0% {
        transform:scale(0);
    }
    70% {
        transform:scale(0);
    }
    80% {
        transform:scale(3);
    }
    100% {
        transform:scale(2);
    }
}

@keyframes success_ani {
    0% {
        transform:scale(0);
    }
    70% {
        transform:scale(0);
    }
    80% {
        transform:scale(3);
    }
    100% {
        transform:scale(2);
    }
}
@media print {
    .auth_reg {display: none}
}

#blocks .block_laptop .auth_reg_email {
    font: 400 1.25rem var(--FONT1);
}
#blocks .block_laptop .auth_reg_email::placeholder {
    font: 400 1rem var(--FONT1);
}
.auth_reg .main-button button .loader_dots {position:absolute;text-align: center;left:0;top:0;right:0;bottom:0; display:none}
.auth_reg.loading .main-button button .loader_dots {display:block;}
.auth_reg.loading .main-button button font {opacity:0}


.auth_reg.disable_reg {
	pointer-events:none;
	filter:grayscale(80%);
	opacity:0.3
}