body{
    background:#f2f2f2;
    }
    a{
     text-decoration:none !important;
     }
      .myform{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    max-width: 500px;
    padding: 40px;
     }
     .tx-tfm{
     text-transform:uppercase;
     }
     .mybtn{
     border-radius:50px;
     }
    
     .login-or {
     position: relative;
     color: #aaa;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
     }
     .span-or {
     display: block;
     position: absolute;
     left: 50%;
     top: -2px;
     margin-left: -25px;
     background-color: #fff;
     width: 50px;
     text-align: center;
     }
     .hr-or {
     height: 1px;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
     }
     .google {
     color:#666;
     width:100%;
     height:40px;
     text-align:center;
     outline:none;
     border: 1px solid lightgrey;
     }
      form .error {
     color: #ff0000;
     }
     #second{display:none;}

     .myform label{    margin-bottom: .5rem !important;}
     .myform h1 {font-family: 'Source Serif Pro', serif; margin-bottom: 0;}
     .form-group {
        margin-bottom: 1rem;
    }
button:hover {
        border: 1px solid #295b9d !important;
        background-color: #295b9d !important;
        background: #295b9d !important;
        color: #fff !important;
    }

    .font-12 {font-size: 12px;}

    @media only screen and (min-width: 768px) and (max-width: 1399px) {
    .form-wrapper .mx-auto {margin: auto; max-width: 500px; width: 100%;}

    }