.font-01{font-family:"codec",sans-serif}header,nav,footer{display:none !important}main{padding:0 0 50px 0 !important}main .main-content{width:100%}main ::placeholder{color:#737278;opacity:0.7}body{background:transparent repeat center center / cover}.section-main{position:relative;width:max-content;min-height:calc(100vh - 100px);margin:0 auto;background:transparent no-repeat center center / 100% auto;background-image:url("../css/images/bg_section_hrz.svg")}.section-main .registrate{width:400px;margin:0 auto;position:relative;padding:10px;text-align:center;font-size:1.8em;font-weight:bold;color:#444}.section-main .registrate b{color:#e37b50;font-size:2em;line-height:1.2em;font-weight:800}@media (max-width: 500px){.section-main .registrate{width:calc(100% - 40px);font-size:1.5em}}.section-main .registrate.small{font-size:1.4em;line-height:1.2em}.section-main .form{width:360px;min-height:260px;border-radius:20px;margin:230px auto 10px auto;position:relative;padding:55px 40px 0 40px}@media (max-width: 500px){.section-main .form{width:calc(100% - 40px);padding:55px 30px 0 30px;background-size:auto 100%;background-position:20% center;margin-top:150px}}@media (max-width: 800px){.section-main .form form{padding:0 0 0 0}}.section-main .form input[type=text],.section-main .form input[type=email],.section-main .form input[type=password],.section-main .form select,.section-main .form select:disabled{width:100%;padding:0 18px;margin:8px 0;font-size:1.3em;font-weight:bold;border:1px solid transparent;height:45px;background-color:#cbcbcb !important;color:#111;opacity:1;position:relative;border-radius:100px}@media (max-width: 400px){.section-main .form input[type=text],.section-main .form input[type=email],.section-main .form input[type=password],.section-main .form select,.section-main .form select:disabled{height:45px}}.section-main .form button{font-size:1.3em;font-weight:bold;background-color:#ffb700;height:45px;margin:8px auto 35px auto;border-radius:100px;width:100%;max-width:400px;display:block;transition:all linear 0.2s}.section-main .form button:hover,.section-main .form button.selected{background-color:#3d93c2}.section-main .form .error{border-color:#c00 !important}.section-main .form .valid{border-color:#0c0 !important}.section-main .form .logo{background:transparent no-repeat center center / 100% auto;background-image:url("../css/images/logo.png?a=2");position:absolute;width:330px;height:180px;top:-110px;left:0px}@media (max-width: 500px){.section-main .form .logo{width:100%;height:110px;position:relative;margin:0 auto;top:0;left:unset;max-width:290px}}.section-main .form .text{color:#555;margin:10px 0 20px 0;text-align:center}.section-main .form .info{display:none}.section-main .form .info .arcoiris,.section-main .form .info .sapo{display:none}.section-main .form .login-message{color:#c00;text-align:center;font-size:1.1em;font-weight:bold}.section-main .form .login-message h5{text-align:center}.section-main .form .checkbox{display:block;position:relative;padding:5px 0px 0 33px;margin:3px 0;cursor:pointer;font-size:1.25em;user-select:none;line-height:11px;color:#7c44a0;text-align:left;float:left;width:120px;height:30px;font-size:0.85em;font-weight:normal}.section-main .form .checkbox.error .checkmark{background:#fff;border-color:#f6cf51}.section-main .form .checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.section-main .form .checkbox .checkmark{position:absolute;top:0;left:0;height:22px;width:22px}.section-main .form .checkbox .checkmark,.section-main .form .checkbox .checkbox input:checked ~ .checkmark{background-color:#fff;border:2px solid #7c44a0;border-radius:4px;float:left;margin:5px}.section-main .form .checkbox:hover input ~ .checkmark{background-color:#fff;border:2px solid #7c44a0;border-radius:4px;float:left}.section-main .form .checkbox .checkmark:after{content:"";position:absolute;display:none}.section-main .form .checkbox input:checked ~ .checkmark:after{display:block}.section-main .form .checkbox .checkmark::after{left:30%;top:8%;width:39%;height:69%;border:solid black;border-width:0px 3px 3px 0px;transform:rotate(45deg)}
