.main_col {
    position: relative;
    width: 1232px;
    padding: 0 16px;
    margin: 0 auto;
    color: white;
}
@media screen and (max-width: 1248px) {
  .main_col {
    width: 100%;
    min-width: 375px;
  }
}
.main_logo {
    padding-top: 20px;
}
.main_logo img {
    width: 134px;
    height: 38px;
}
.lang_sel{
    position: absolute;
    top: 26px;
    right: 16px;
    border-radius: 4px;
    width: 28px;
    height: 26px;
    background: rgba(255, 255, 255, 0.1);   
}
.lang_sel a {
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    box-sizing: content-box;
    display: block;
    text-align: center;
    padding: 3px 5px;
    width: 18px;
    height: 20px;
}
.lang_sel:hover {
    background: #657b95;
}
.login_form{
    border-radius: 14px;
    background: #234268; /*login form background*/
    margin-top: 20px;
    padding: 18px 30px 30px;
}
.err_div {
    border-radius: 10px;
    margin-top: 20px;
    padding: 18px 30px;
    background: #93232e; /*dark red error background*/
}
.err_div a {
    color: white;
    text-decoration: underline dotted white;
}
.err_div a:visited {
    color: #e48790;
    text-decoration: underline dotted #e48790;
}
.login_form a {
    text-decoration: underline #8C9DAF;
}
.login_form_header {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 10px;
}
.login_form input {
    border-radius: 4px;
}
.login_form input[type="text"],
.login_form input[type="password"],
.login_form input[type="submit"],
.login_form span{
    letter-spacing: .04rem;
}
.login_form input[type="text"],
.login_form input[type="password"],
.login_form input[type="submit"]{
    margin: 0;
    height: 42px;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
}
.login_form input[type="submit"]{
    border: 1px solid white;
    width: 135px;
    background: #234268; /*login form background*/
    color: white;
}
.login_form input[type="submit"]:hover{
    background: white;
    color: #1a3858; /*text dark blue*/
}
.login_form input[type="text"],
.login_form input[type="password"]{
    border: 1px solid #cfd5da;
    width: 270px;
    margin-right: 10px;
    color: #1a3858; /*text dark blue*/
}
.login_form input[type="text"]:hover,
.login_form input[type="password"]:hover{
    border: 1px solid #213953; /*input hover border*/
}
.login_form input::placeholder{
    color: #747c84;/*input placeholder*/
}
button, input[type="submit"] {
    cursor: pointer;
}
.forgot_pass {
    font-weight: 300;
    display: inline-block;
    margin-left: 25px;
    min-height: 42px;
    width: 370px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    overflow: visible;
    vertical-align:top;
}
.info_big{
    margin-top: 88px;
    width: 750px;
    font-weight: 400;
    font-size: 50px;
    line-height: 110%;
    letter-spacing: .04rem;
}
.info_small{
    margin-top: 24px;
    margin-bottom: 60px;
    width: 750px;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: #8c9daf;
}
@media screen and (max-width: 1210px) { /*allow 3 lines*/
  .forgot_pass {
    width: 290px;
  }l
}
@media screen and (max-width: 1140px) { /*move "forgot password?" to a new line*/
  .forgot_pass {
    display: block;
    margin-left: 0;
    margin-top: 24px;
    width: 100%;
    min-height: 0;
  }
}
@media screen and (max-width: 812px) { /*apply mobile version style to submit*/
  .login_form input[type="submit"] {
    display: block;
    margin-left: 0;
    margin-top: 16px;
    width: 554px;
  }
  .login_form input[type="text"],
 .login_form input[type="password"] {
        margin-top: 14px;
    }
  .login_form input[type="password"]{
    margin-right: 0;
  }
  .login_form {
    padding: 24px 16px;
  }
  .err_div {
    padding: 24px 16px;
  }
    .info_big{
        margin-top: 50px;
        font-size: 36px;
        line-height: 140%;
    }
    .info_small{
        margin-top: 15px;
        font-size: 20px;
        line-height: 166%;
    }
}
@media screen and (max-width: 812px) { /*apply mobile version style divs with info "Smart Suv - ..."*/
    .info_big, .info_small{
        width: 100%;
    }
}
@media screen and (max-width: 635px) {/*mobile version*/
    .login_form input[type="text"],
    .login_form input[type="password"],
    .login_form input[type="submit"] {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .login_form input[type="text"] {
        margin-top: 22px;
    }
    .login_form input[type="password"],
    .login_form input[type="submit"] {
        margin-top: 16px;
    }
}