* {
    font-family: "Open Sans", sans-serif;
    box-sizing: border-box;
}

.none {
    display: none !important;
}
.error-inp{
    border: 1px solid red!important;
}
.main-form-block {
    position: relative;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.main-form-block-top {
    width: 100%;
    padding: 15px;
    max-width: 460px;
    margin-top: 10%;
    /*height: calc(100% - 10%);*/
    margin-bottom: 20px;
}

.main-form-block-bottom {
    /*margin-bottom: 20px;*/
    padding-bottom: 15px;
}

.logo-line {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 40px;
}

.logo-line img {
    width: 220px;
    height: auto;
}

/* login */
.login-form-title {
    font-weight: 500;
    text-align: center;
    margin: 0;
}

.login-form-title.without-sub-title {
    margin: 0 0 20px 0;
}

.login-form-sub-title {
    font-weight: 500;
    text-align: center;
    margin: 0 0 20px 0;
}

.login-form-inputs-area {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}

.login-form-input {
    display: block;
    width: 100%;
    border-radius: 46px;
    border: none;
    height: 45px;
    padding: 5px 25px;
    font-size: 14px;
    box-sizing: border-box;
}

.main-form-block-bottom-icons {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

.main-form-block-bottom-icons img {
    width: 50px;
    height: auto;
}

.login-form-text-forgot {
    font-weight: 500;
    text-align: center;
    margin: 20px 0;
}

.login-form-btns-block {
    display: flex;
}

.btn-login {
    width: 130px;
    margin: 0 auto;
    height: 45px;
    text-align: center;
    border-radius: 46px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #ffffff;
}

.link-forgot {
    cursor: pointer;
}

.link-go-register {
    cursor: pointer;
    font-weight: 700;
}

.main-form-block-bottom-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.main-form-block-bottom-text.margin-b-20 {
    margin-bottom: 5px;
}

.main-form-block-bottom-text p, .main-form-block-bottom-text a {
    margin: 0;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

.l-separator {
    width: 1px;
    height: 16px;
}

/*    register  */
.register-form-mini-font a {
    text-decoration: none;
}

.register-form-mini-font {
    margin: 10px 0 20px 0;
    font-size: 9px;
    text-align: center;
}

.register-form-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.btn-send-register {
    width: 180px;
    height: 45px;
    text-align: center;
    border-radius: 46px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #ffffff;
}

.cancel-register {
    width: 96px;
    height: 45px;
    text-align: center;
    border-radius: 46px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #ffffff;
}

.register-form-body {
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

/*    FORGOT    */
.forgot-form-body {
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.forgot-form-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 20px 0 0 0;
}

.btn-go-forget-password {
    width: 180px;
    height: 45px;
    text-align: center;
    border-radius: 46px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #ffffff;
}

.cancel-forget-password {
    width: 96px;
    height: 45px;
    text-align: center;
    border-radius: 46px;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #ffffff;
}
/*    LANGUAGE    */
.login-lang-selected{
    font-weight: 500;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    z-index: 5;
}
/*.reset-pass .login-lang-selected{*/
/*    font-weight: 600;*/
/*    font-family: "Open Sans", sans-serif!important;*/
/*}*/
/*.reset-pass .login-lang-selection a{*/
/*    font-weight: 600;*/
/*    font-family: "Open Sans", sans-serif!important;*/
/*}*/

.login-lang-selection{
    position: absolute;
    top: 20px;
    right: 90px;
    width: 50px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #FFFFFF;
    z-index: 5;
}
.login-lang-selection a{
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}
/*  END LANGUAGE    */

/*@media screen and (max-width: 1000px){*/
/*    .main-form-block-top{*/
/*        margin-top: 5px;*/
/*    }*/
/*}*/

@media (max-height: 700px) {
    .main-form-block-top{
        margin-top: 4%;
    }
}
@media (max-height: 600px) {
    .main-form-block-top{
        margin-top: 10px;
    }
}
@media screen and (max-width: 420px){
    .h-mobile{display: none}
}
@media screen and (max-width: 695px){
    #timeBanner{display: none}
    #dataBanner{display: none}
    .login-lang-selection{
        right: 80px;
    }
}


/*    WINTER   */
.winter .login-form-title{
    color: #363E5E
}
.winter .login-form-sub-title {
    color: #363E5E
}
.winter .login-form-input {
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    outline: 1px solid #F7F7F7;
}
.winter .login-form-input:focus{
    background: #EEF9FF;
    border: 1px solid #5BC6F0;
    outline: 1px solid #5BC6F0;
}
.winter .login-form-text-forgot {
    color: #363E5E
}
.winter .btn-login, .winter .btn-send-register, .btn-go-forget-password {
    background: #5BC6F0;
    color: #ffffff;
}
.winter .main-form-block-bottom-text p, .main-form-block-bottom-text a {
    color: #363E5E
}
.winter .l-separator {
    background: #363E5E;
}
.winter .register-form-mini-font, .winter .register-form-mini-font a {
    color: #363E5E
}
.winter .link-go-register{
    color: #363E5E;
}
.winter .cancel-register , .winter .cancel-forget-password {
    background: #5B89C5;
    color: #ffffff;
}
.winter .login-form-input::placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}

.winter .login-form-input:-moz-placeholder {
    color: #363E5E;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
}
.winter .login-form-input:-ms-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
.winter .login-form-input::-webkit-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
/*lang*/
.winter.login-lang-selected{
    background: #5BC6F0;
}
.winter.login-lang-selection{
    background: #C2EEFF;
}
.winter.login-lang-selection a.selected{
    background: #5BC6F0;
}
.winter .register-user-sex{
    background: #F7F7F7;
}
/*   END  WINTER   */

/*    SUMMER   */
.summer .login-form-title{
    color: #363E5E
}
.summer .login-form-sub-title {
    color: #363E5E
}
.summer .login-form-input {
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    outline: 1px solid #F7F7F7;
}
.summer .login-form-input:focus{
    background: #E7FCFF;
    border: 1px solid #55C4D7;
    outline: 1px solid #55C4D7;
}
.summer .login-form-text-forgot {
    color: #363E5E
}
.summer .btn-login, .summer .btn-send-register, .summer .btn-go-forget-password {
    background: #55C4D7;
    color: #ffffff;
}
.summer .main-form-block-bottom-text p, .main-form-block-bottom-text a {
    color: #363E5E
}
.summer .l-separator {
    background: #363E5E;
}
.summer .register-form-mini-font, .summer .register-form-mini-font a {
    color: #363E5E
}
.summer .link-go-register{
    color:  #363E5E;
}
.summer .cancel-register , .summer .cancel-forget-password {
    background: #1A748E;
    color: #ffffff;
}
.summer .login-form-input::placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}

.summer .login-form-input:-moz-placeholder {
    color: #363E5E;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
}
.summer .login-form-input:-ms-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
.summer .login-form-input::-webkit-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
/*lang*/
.summer.login-lang-selected{
    background: #55C4D7;
}
.summer.login-lang-selection{
    background: #9AEBF9;
}
.summer.login-lang-selection a.selected{
    background: #55C4D7;
}
.summer .register-user-sex{
    background: #F7F7F7;
}
/*  END  SUMMER   */

/*    AUTUMN   */
.autumn .login-form-title{
    color: #363E5E
}
.autumn .login-form-sub-title {
    color: #363E5E
}
.autumn .login-form-input {
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    outline: 1px solid #F7F7F7;
}
.autumn .login-form-input:focus{
    background: #FFF8E6;
    border: 1px solid #FFCC6F;
    outline: 1px solid #FFCC6F;
}
.autumn .login-form-text-forgot {
    color: #363E5E
}
.autumn .btn-login, .autumn .btn-send-register, .autumn .btn-go-forget-password {
    background: #FFCC6F;
    color: #ffffff;
}
.autumn .main-form-block-bottom-text p, .main-form-block-bottom-text a {
    color: #363E5E
}
.autumn .l-separator {
    background: #363E5E;
}
.autumn .register-form-mini-font, .autumn .register-form-mini-font a {
    color: #363E5E
}
.autumn .link-go-register{
    color: #363E5E;
}
.autumn .cancel-register , .autumn .cancel-forget-password {
    background: #FD9C4B;
    color: #ffffff;
}
.autumn .login-form-input::placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}

.autumn .login-form-input:-moz-placeholder {
    color: #363E5E;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
}
.autumn .login-form-input:-ms-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
.autumn .login-form-input::-webkit-input-placeholder {
    color: #363E5E;
    font-weight: 400;
    font-size: 14px;
}
/*lang*/
.autumn.login-lang-selected{
    background: #FFBB40;
}
.autumn.login-lang-selection{
    background: #FEDB9B;
}
.autumn.login-lang-selection a.selected{
    background: #FFBB40;
}
.autumn .register-user-sex{
    background: #F7F7F7;
}
/*  END  AUTUMN   */