/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
/*    scroll-behavior: smooth !important;*/
}
html,
body {
    margin: 0;
    padding: 0;
    /*font-family:'Rubik', sans-serif,Helvetica,Arial,sans-serif;
    */font-family:'Open Sans', sans-serif;
        font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    text-transform: none;
    color: #000;
}
html {
  scroll-behavior: smooth;
}
body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
img {
    max-width: 100%;
}
a {
    color: #f16824;
}

a:hover{ color:#d01c5b}
a, .btn, button {
    cursor: pointer;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f16824;
    outline: 0;
    box-shadow: 0 0 2px 0px #f16824 !important;
}
:focus, :active, .active {
    outline: 0 none;
}

a, a:hover, a:focus, a:active, button, button:hover, button:focus, input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus, .btn, .btn:hover, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background:#f16723;
}

::selection {
  color: white;
  background:#f16723;
}


.form-control:focus, [type="text"]:focus, [type="email"]:focus, [type="checkbox"]:focus, [type="password"]:focus, [type="file"]:focus, [type="radio"]:focus, [type="submit"]:focus, [type="date"]:focus, [type="time"]:focus, [type="tel"]:focus, [type="search"]:focus, [type="button"]:focus, [type="number"]:focus, [type='reset']:focus, textarea:focus, select:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner, [type='submit']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='button']::-moz-focus-inner {
    border: none;
    padding: 0;
}
/* ============================================= */
/* !!!!       All MINIFY CSS                !!!! */
/* ============================================= */
a:hover, a:focus {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.blue_color {
    color: #41b3e4;
}
/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p {  font-family:  'Rubik', sans-serif,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    color: #000000;
    margin: 0 0 20px 0;
}

h1, h2 {
    font-family: 'Rubik', sans-serif,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
ul, ol {
    font-family: 'Rubik', sans-serif,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}
h1 {
    font-size: 50px;
    line-height: 56px;
}
h2 {font-size: 24px;line-height: 32px;text-transform: uppercase;}
h5 {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: none;
    color: #090909;
		margin:0;
}
h4 {
    font-family: 'Rubik', sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: none;
    color: #000;
	margin:0;
}

h6 {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: none;
    color: #090909;
		margin:0;
}
.col-md-1 , .col-md-2 , .col-md-3 , .col-md-4 , .col-md-5 , .col-md-6 { float:left;}
/*h2 span {color: #6b6e71;font-size: 20px;line-height: 20px;}*/
hr { width: 100%; border-color: #cccccc; }
nav.navbar.navbar-expand-lg.navbar-light.bg-light .row {
    width: 100%;
    margin: 0;
}
.main-section {
	background: url(../../img/login-bg.jpg);
    background-repeat: no-repeat;
        background-size: cover; 
		    background-position: center;
			float: left;
    width: 100%;}
header {
    background: #fff;
    padding: 5px 0;
    float: left;
    width: 100%;
}
.container-fluid {
    width: 100%;
    padding-right: 45px;
    padding-left: 45px;
    margin-right: auto;
    margin-left: auto;
}
.login-section {
    padding: 130px 0 150px;
    float: left;
    width: 100%;
}

.wrap {
    width: 100%;
    overflow: hidden;
    background: rgb(255 255 255 / 75%);
    border-radius: 25px;
    -webkit-box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}
.wrap .img {
    width: 46%;
    background-color: #8b1720;
    background-image: url(../../img/login-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}
.wrap form.signin-form {
    max-width: 85%;
}
.form-group {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px !important;
} 
.login-wrap {
    width: 54%;
}
.form-group .label {
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #941b4f;
    font-weight: 300;
    margin-bottom: 10px;
}
.form-group-input {
    border: 1px solid #941b4f;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.form-group-input .form-control {
    background: transparent;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #941b4f;
    height: 50px;
    width: 92%;
    float: left;
}
.btn.btn-primary {
    background: #f18421;
    border: 1px solid #f18421 !important;
    color: #fff !important;
    float: left;
    width: auto;
    line-height: 40px;
    padding: 0 20px;
    height: 40px;
	    margin: 0 5px;
} 
.login-section h5 figure {
    float: left;
    margin: 0 15px 0 0;
}
.login-section h5 {
    font-size: 20px;
    font-weight: bold;
    color: #8b1720;
}
.form-group-input i{
    float: right;
    width: 8%;
    text-align: center;
    background: #8b1820;
    height: 51px;
    line-height: 51px;
    font-size: 20px;
    color: #fff;
    margin-top: -1px;
    border-radius: 0 10px 10px 0px;
    transform: translate(0, 0%);
}

.form-group.d-md-flex.forget {
    color: #941b4f;
}
.form-group.d-md-flex.forget a {
    color: #941b4f;
    display: inline-block;
}

.button-inner {
   float: left;
    margin: 0px auto;
    width: 100%;
}
button.form-control.btn.btn-primary.rounded.submit.px-3.login {
    padding-left: 10px !important;
}
footer {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}
footer a {
    background: #77141a;
    padding: 5px;
    float: left;
    color: #fff;
    border-radius: 5px;
}
footer a i {
    margin-right: 4px;
}

.errorMsg{ 
 float: left;
 width: 100%;  
 font-size:14px;
}

a.btn.btn-danger.btn-shadow {
    line-height: 29px;
} 

@media screen and (max-width: 991px) {


    .login-wrap.p-5.p-md-6 {
        width: 54%;
        padding: 1rem!important;
    }
    .wrap form.signin-form {
        max-width: 100%;
    }
    .form-group.d-md-flex.forget .w-50.text-md-left {
        width: 100% !important;
    }
    }
    @media screen and (max-width: 767px){
    .login-wrap.p-5.p-md-6 {
        width: 100%;
        padding: 1rem!important;
    }
    .form-group-input .form-control { width:90%; } 
    .form-group-input i { width:10%; }
    .login-section {
        padding: 50px 0;
       
    }
}


@media screen and (max-width: 767px){
    .login-wrap.p-5.p-md-6 {
        width: 100%;
        padding: 1rem!important;
    }
    .form-group-input .form-control { width:90%;} 
    .form-group-input i { width:10%;}
    .login-section {
        padding: 50px 0;
       
    }

}