@font-face {
    font-family: 'g-r';
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
    url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.image-div {
    display: grid;
    height: 100%;
    left: 0;
}

#login-image {
    max-width: 100%;
    /*max-height: 105vh;*/
}

.right-sec{
    padding: 0px 80px;
}

.form-header img{
    margin-bottom: 20px;
    height: 120px;
}
.form-header h1{
    font-size: 25px;
    color: #363B52;
    font-family: g-r;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 16px;
}
.form-header p{
    font-size: 14px;
    font-family: g-r;
    font-weight: 600;
    color: #6F7382;
}
.form-header{
    margin-bottom: 40px;
}
.right-sec form input[type="email"]::placeholder,.right-sec form input[type="password"]::placeholder{
    color:#363B52;
    opacity: 60%;
    font-size: 16px;
    font-family: g-r;
}
.right-sec form input[type="text"],.right-sec form input[type="password"]{
    color:rgba(54, 59, 82, 0.6);
    font-family: g-r;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding: 10px 20px;
    border: 1px solid rgba(33, 74, 128, 0.3);
    border-radius: 3px;
    background-color: #ffffff !important;
}
.right-sec form .input-main {
    margin-bottom: 27px;
}

.right-sec form .form-check {
    text-align: left;
}
.right-sec form .form-check label{
    color:rgba(54, 59, 82, 0.6);
    font-weight: 600;
    font-family: g-r;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 27px;
}
.right-sec form input[type="check"]{
    border: 1px solid rgba(33, 74, 128, 0.3);
    border-radius: 3px;
}
.right-sec form input:focus{
    outline: none !important;
    box-shadow: none !important;
}
.right-sec form button{
    width: 50%;
    padding: 20px 20px;
    font-family: g-r;
    font-weight: 600;
    box-shadow: none !important;
    background-color: #21368D !important;
    font-size: 16px;
}

.right-sec form button:hover{
    background-color: #F8981D !important;
    border:1px solid #F8981D !important;
}

.right-sec form a.register{
    width: 49%;
    padding: 20px 20px;
    font-family: g-r;
    font-weight: 600;
    box-shadow: none !important;
    background-color: #21368D !important;
    font-size: 16px;
}

.right-sec form a.register:hover{
    background-color: #F8981D !important;
    border:1px solid #F8981D !important;
}


.right-sec form .forgot {
    font-size: 14px;
    font-family: g-r;
    font-weight: 600;
    color: #3e414e !important;
}

.right-sec form{
    margin-bottom: 27px;
}
.right-sec .forgot-pass{
    color: #21368D;
    font-size: 16px;
    font-family: g-r;
    font-weight: 600;
    text-decoration: none;
}
@media all and (max-width: 1199px){
    .login-main .right-sec{
        padding: 20px 60px;
    }
}
@media all and (max-width: 1299px){
    .login-main .right-sec{
        padding: 20px 60px;
    }
    a.btn-primary {
        display: block;
        margin: 10px auto;
    }
}
@media all and (max-width: 991px){
    .login-main .row [class*=col-]:first-child{
        /*display: none;*/
    }
    .login-main .right-sec{
        max-width: 600px;
        margin: 0 auto;
        padding: 20px 0px;
    }
}

#frontlogin {
    display: block !important;
}

#frontlogin input[type=text], select, textarea {
    padding: 20px 20px;
    border: 1px solid rgba(33, 74, 128, 0.3);
    color: rgba(54, 59, 82, 0.6);
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(54, 59, 82, 0.6) !important;
    opacity: .5!important; /* Firefox */
  }

  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(54, 59, 82, 0.6)!important;
  }

  ::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(54, 59, 82, 0.6)!important;
  }