@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;*/
/*}*/


.notice-reg { font-size: 14px; color: #cc0000; padding: 15px; }

.myform{
    width: 53.3%;
    margin: auto;
/*    border: 1px solid #2b579a  !important;*/
    border-radius: 4px;
    background: #ffffff;
}
.myform h3{
    margin: 0px 0px 15px 0px;
/*    border: 1px solid red;*/
    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;
}
#login-form {
    padding: 20px;
}
.myform label {
    line-height: 34px;
}
.myform .checkbox label {
    line-height: inherit;
}
.myform .form-control {
    width: 80%;
    float: right;
}
p.help-block-error {
    width: 90%;
position: relative;
right: -10%;
}
.fields{
    /*border: 1px solid red;*/
    margin: 0px 12% 0px 12%;
}
.field{
    margin-top: -20px;
}
.mybtn{
    text-align: center;
}
.or{
    margin: 15px 0px 15px 0px;
    text-align: center;
}
.ermess{
    color:#ac4442;
}

.label-regform{
    font-weight: bold;
}
.myform .form-control {
    /*width: 90%!important;*/
}
.iti {
    width: 100%;
    float: right;
    margin-top: -40px;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    left: 10%!important;
}
@media(max-width:1300px) {

     .myform {
        width: 70%;
        margin-left: 15%;
     }
 }

 @media(max-width:768px) {

      .myform {
         width: 95%!important;
         margin-left:2%!important;
      }

     .myform .form-control {
          float: none!important;
         width: 100%;
      }
  }
  @media(max-width:600px) {


      .myform .help-block {
        display: block!important;
        width: auto!important;
        position: relative!important;
        margin-top: 0!important;
    }
    .iti {
        margin-top: 0!important;
        float: none!important;
    }
    .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
        left: 0!important;
    }
   }