 .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{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 rgba(0, 153, 255, 0.4)}
.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 rgba(0, 0, 0, 0.1) 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%}
.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 rgba(0, 0, 0, 0.1) inset}
.activation_code_block .code_4digit input:focus{box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.4);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{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 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}
