@import url("https://fonts.googleapis.com/css?family=Roboto:500&subset=cyrillic,cyrillic-ext,latin-ext");
*{
    /*box-sizing: border-box;*/
    padding:0;
    margin: 0;
    /*border: 1px solid red !important;*/
}
body{
    font-family: 'Roboto', sans-serif;
    background: #eaeaea;
}
/*.loginform{*/
    /*border: 1px solid #4b77a8  !important;*/
    /*width: 30.4%;*/
    /*margin: 45px 34.8% 0px 34.8%;*/
    /*border-radius: 4px;*/
    /*box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
    /*background: #ffffff;*/
    /*text-align: center;*/
/*}*/

.myform{
    margin-top: 0;
    border-radius: 4px;
    background: #ffffff;
    padding: 0;
    margin-bottom: 10px;

}
.myform h3{
    margin: 0px 0px 15px 0px;
    border-radius: 4px 4px 0px 0px;
        background-color: rgb(26 75 131);
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    color: #fcffff;
}
.fields{
    /*border: 1px solid red;*/
    margin: 0px 12% 0px 12%;
}
.field{
    margin-top: -20px;
}
.mybtn{
    text-align: center;
    margin-top: 0;
}
.or{
    margin: 15px 0px 15px 0px;
    text-align: center;
    clear: both;
}
.or a{
    text-decoration: none;
    color:#4b77a8 ;
    font-size: 16px;
    font-weight: 500;
}
.socnetlog{
/*    border: 1px solid red;*/
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;

}

.socnetlog li{
    display: inline-block;

    width: 32px;
    height: 32px;
    list-style-type: none;
}
.facebook{
background: blue;
}
.twitter{
    margin-left: 15px;
background: yellow;
}
.vk{

    margin-left: 15px;
background: green;
}
.gplus{
    margin-left: 15px;
background: black;
}

.label-regform {
    font-weight: bold;
}

.myform .help-block {
    display: inline-flex;
    width: 65%;
    position: absolute;
    right: 0;
    margin-top: 33px;
}
#login-form {
    padding: 0 20px;
}

.form-v2-600 { width: 600px; max-width: 100%; margin: 0 auto; }
.form-v2 { padding-bottom: 15px; }
.form-v2 .form-group { display: flex; align-items: center; justify-content: space-between; }
.form-v2 .form-group label { flex-shrink: 0; width: 122px; max-width: 100%; margin: 0 10px 0 0; white-space: nowrap; }
.form-v2 .form-group input[type='text'] { }
.form-v2 .mybtn { margin-bottom: 15px; }

@media(max-width:768px) {
    .form-v2 .form-group { display: block; }
    .form-v2 .form-group label { white-space: normal; }
}