﻿.vv-student-auth__hero{position:relative;background:url(/assets/back-vv-student-b7c1d6b0bab20633708e4c311309f587f90c2b618a125bb2152888e70add6d6b.jpg) no-repeat 50% 100%;background-size:cover;min-height:536px;display:flex;align-items:center}.vv-student-auth__hero::after{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0.5;background-color:#000;content:'';z-index:1}.vv-student-auth__hero .container{position:relative;z-index:2}.vv-student-auth__hero .has-error .help-block{color:#f74656}@media only screen and (max-width: 1024px){.vv-student-auth__hero{flex-direction:column;background-size:auto 487px;background-position:50% 0;min-height:auto;overflow:hidden}.vv-student-auth__hero::after{height:487px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.vv-student-auth__hero{background-size:auto 690px}.vv-student-auth__hero::after{height:690px}}.vv-student-auth__content{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 1024px){.vv-student-auth__content{flex-direction:column}}.vv-student-auth__form{margin-right:24px;max-width:466px}@media only screen and (max-width: 1024px){.vv-student-auth__form{margin-right:0;padding:24px 0 16px 0}}.vv-student-auth__title{font-size:32px;font-weight:800;letter-spacing:0.2px;color:#ffffff;margin:0}.vv-student-auth__subtitle{margin:4px 0 24px;font-size:14px;line-height:1.43;letter-spacing:0.2px;color:#ffffff}.vv-student-auth__input{height:48px;padding:10px 27px 11px 16px;border-radius:2px;border:solid 1px rgba(0,0,0,0.07);background-color:#f4f7f9;width:100%;font-size:16px;color:#354354}.vv-student-auth__input+.vv-student-auth__input,.vv-student-auth__input+.password-wrap{margin-top:16px}.vv-student-auth__input::placeholder{color:#a1a1a1}.has-error .vv-student-auth__input{border-color:#f74656;box-shadow:none}.vv-student-auth__form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}@media only screen and (max-width: 1024px){.vv-student-auth__form-footer{flex-direction:column;align-items:flex-start}.vv-student-auth__form-footer .vv-btn{width:100%}}@media only screen and (max-width: 1024px){.vv-student-auth__link{margin-top:32px}}.vv-student-auth__steps{margin:32px 0;max-width:567px;padding:24px 40px 22px;border-radius:12px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);background-color:#ffffff}@media only screen and (max-width: 1024px){.vv-student-auth__steps{margin:0 0 24px 0;padding:24px}}.vv-student-auth__steps-title{font-size:24px;font-weight:800;line-height:1.25;letter-spacing:0.2px;color:#354354;margin:0}.vv-student-auth__steps-list{margin:16px 0 0;padding:0;counter-reset:auth-steps;list-style-type:none}.vv-student-auth__steps-item{font-size:18px;line-height:1.33;letter-spacing:0.2px;padding:0 0 0 93px;position:relative}.vv-student-auth__steps-item+.vv-student-auth__steps-item{margin-top:12px}.vv-student-auth__steps-item::before{counter-increment:auth-steps;content:"Étape " counter(auth-steps);position:absolute;top:3px;left:0;font-size:14px;line-height:1.29;letter-spacing:-0.1px;color:#68727f;padding:0 24px 0 0;background:url(/assets/icons/green-white-bullet-4c8335a3e17871e965fcb767956cc351a931962a43633b29de413f28f8d8baf4.svg) 57px 3px no-repeat;background-size:12px 12px}.vv-student-auth__steps-item::after{content:'';width:1px;height:calc(100% - 8px);position:absolute;top:22px;left:62px;background-color:#eef1f6}.vv-student-auth__steps-item:last-child::after{display:none}@media only screen and (max-width: 1024px){.vv-student-auth__steps-item{padding:22px 0 0 28px}.vv-student-auth__steps-item+.vv-student-auth__steps-item{margin-top:24px}.vv-student-auth__steps-item::before{top:0;left:0;padding:0 0 0 28px;background-position:0 3px}.vv-student-auth__steps-item::after{left:6px}}.vv-student-auth__steps-item-title{font-size:18px;font-weight:bold;line-height:1.33;letter-spacing:0.2px;margin:0 0 2px}.vv-student-auth__password-form{max-width:760px;margin:0 auto;padding:28px 0}.vv-student-auth__new-password{display:flex;justify-content:space-between}.vv-student-auth__new-password .password-wrap{margin-top:16px}.vv-student-auth__new-password .vv-student-auth__input{max-width:368px}.vv-student-auth__new-password .form-group{width:100%;max-width:368px;margin:0}@media only screen and (max-width: 1024px){.vv-student-auth__new-password{flex-direction:column}.vv-student-auth__new-password .vv-student-auth__input{max-width:none}}
