*{box-sizing: border-box; }
body{margin:0px; padding:0px; font-family: 'Roboto Condensed', sans-serif; font-size:13px;}
a, img, button:focus{outline:none;}
a{text-decoration:none;}

.top_linkpart a {
    padding-inline-start: 8px;
}

.login_sec{background:url(../images/login-bg.jpg) no-repeat; background-size:cover; min-height:670px;}
.our_bg1 { background: url(../images/our_bg.png) no-repeat; background-size: cover; }
.login_panel { width: 600px; margin: 120px auto; background: #fff; }
.logo_sec{text-align:center; min-height:255px; background:#fff; padding-top: 110px;}
.pad_b{padding-bottom: 15px;}
.logo_sec img{max-width:100%;}
.login_sec .tborow, .login_sec .tbo{padding:0;}
#login_form{background:#fff; color:#000; min-height:255px; padding:20px 30px 35px; border-radius: 20px;}
#login_form h2{margin-top: 0; text-transform: uppercase; font-weight: 400; font-size: 16px; text-align: center;}
.input_fields { position: relative; overflow: hidden; margin-bottom: 15px; border-radius: 5px; color: #941919; width:100%; display:block;}
.input_fields input{border: 0; width: 100%; overflow: hidden; border-radius: 5px; padding: 12px 10px; background: #e9e9e9;    color: #000;}
.input_fields .fa{position: absolute; top: 8px; right: 10px; font-size: 21px;}
    .input_fields:before { content: ""; position: absolute; top: 0; right: -10px; background: #ffe100; height: 100%; width: 53px; transform: skew(-15deg,0deg); }
.login-btn { background: #ffe100; border: 0; cursor: pointer; color: #000; border-radius: 5px; transition: 0.5s; font-size: 18px; text-transform: uppercase; padding: 6px 10px; margin-right: 10px; }
.login-btn .fa{font-size: 22px; vertical-align: bottom;}
.login-btn i.fa.fa-lock {
    color: #000;
    background: #fff;
    font-size: 18px;
    width: 24px;
    height: 24px;
    border-radius: 15px;
    padding-top: 3px;
}
    .login-btn:hover, .reg-btn:hover { background: #c40015; color: #fff; }
.login-btn:hover .fa.fa-angle-right{color:#fff;}
.for_pass{color: #fff; text-transform: uppercase;}
.login-btn .fa.fa-angle-right { font-weight: 700; font-size: 27px; color: #000; }
.login-btn span{padding:0 8px;}
.reg-btn{background: #ce0b1b; border: 0; cursor:pointer; color: #fff; padding: 9px 15px; transition:0.5s; font-size: 19px; font-family: inherit; margin-bottom:25px; font-weight: 100; margin-top: 70px;}
footer { background: #f2f2f2; padding: 25px 0; color: #000; font-size: 13px; font-family: Arial; }
footer .fa {font-size: 17px;}
.ft-links{list-style:none; padding-left:0;}
.ft-links li{display: inline-block; border-right: 1px solid #9B9B9B; padding-right: 6px; margin-right: 4px;}
.ft-links li:last-child{border-right:0;}
.ft-links li a{color:#9B9B9B;}
.copyright{text-align:right; margin: 13px 0;}
::-webkit-input-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
.tbtn { background: #fff; color: #c40015; width: 30px; height: 30px; display: inline-block; border-radius: 4px; text-align: center; font-size: 20px; padding-top: 2px; margin-right:4px; }
.btor { color: #fff; background: #ee8f3d ;}
.top_linkpart a{color:#fff; font-size:16px; vertical-align:middle;}
a.new_rg { background: #ffe100; color:#000; display:inline-block; padding:6px 16px; border-radius:4px; font-size:14px; text-transform:uppercase; margin-left:10px;}
    a.new_rg:hover { background: #c40015 ; color:#fff;}
.log_l { width: 33%; float: left; height: 258px; background: #fff; position:relative;}
    .log_l::after { content: " "; display: block; position: absolute; width: 160px; height: 258px; background: url(../images/log_l_bg.png) no-repeat; top:0; left:-160px;}
.log_r { width: 67%; float: left; height: 258px; background: #ed3237; position: relative; padding: 20px; color: #fff; }
.log_r::after { content: " "; display: block; position: absolute; width: 82px; height: 258px; background: url(../images/log_r_bg.png) no-repeat; top: 0; right: -82px; }
.log_ps { position: relative; z-index: 1; margin: 63px 0 0 -80px; display:flex; justify-content:center;}
.bck_stip{ background:rgba(0,0,0, 0.4); color:#fff;}
    .bck_stip h3{font-size:24px;}
    .whylist { list-style: none; margin: 0 0 20px 0; padding: 0; text-align: center; }
    .whylist svg { vertical-align: middle; }
    .whylist li { display: inline-block; background: #fff; border-radius: 10px; color: #000; padding: 10px 2rem; font-size: 16px; height: 80px; vertical-align: bottom; padding-top: 20px; margin:0 8px;}
        .whylist li span { display: inline-block; vertical-align: middle; padding: 0 1rem; }


.our_bg1 h3 { font-size: 24px; text-transform: uppercase; padding-top:20px; }
.ourlist { list-style: none; margin: 0 0 20px 0; padding: 0; text-align: center; }
    .ourlist image { vertical-align: middle; }
    .ourlist li { text-transform: uppercase; display: inline-block; color: #000; padding: 10px 16px; font-size: 16px; vertical-align: bottom; padding-top: 20px; margin: 0 8px; }
.about_stip { background: #941919; color: #fff; }
    .about_stip h3 { font-size: 24px; text-transform: uppercase; }
    .about_stip{font-size:18px; padding-bottom:20px;}
    /*forgot password*/
.errorbox{color:#fff!important; font-size:13px; display:block; float:left; width:100%; padding:8px 0; text-align:start;}
.registration_box{width:100%; margin-top:5px;}
#forgot_password { background:#fff; border:1px solid #ccc; padding: 10px; position: absolute; width:99%; max-width:400px; z-index:1000; left:5px; bottom:-30px; border-radius:8px; box-shadow:2px 2px 5px #333;}
#ForgotPasswordMsg {float:left; color: #333; float: left; font-size: 14px; padding: 0 0 8px; }
.xross { float: left; position: absolute; right:6px; top:6px; cursor:pointer; font-size: 30px; line-height: 22px; color:#333;}
.button_submit { float:left; padding-top:3%; width:100%;}
.submitbtn {
    background: rgb(237 50 55);
    background: linear-gradient( 90deg, rgb(237 50 55) 0%, rgb(237 50 55) 50%, rgb(148 25 25) 100%);
    color: #fff;
    border: 0;
    border: 1px solid transparent;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    font-size: 18px;
    transition: 0.5s;
    padding: 10px 10px;
    border-radius: 5px;
}
.forgot_txtbox {
    width: 100% !important;
    border: 1px solid #e7e7e7 !important;
    background: #fff !important;
    padding: 15px
}

.ft_links{list-style:none;margin:0; padding:0;}
.ft_links li{display:inline-block;}
.ft_links li:not(:last-child):after{content:'|';}
.ft_links li a{display:inline-block; padding:0 8px; color:#000;}
.ft_links li a:hover{color:#941919;}


@media(max-width:992px) {
    .login_sec{min-height: 100vh;}
}
@media(max-width:767px){
    .top_linkpart{text-align:center !important; }
 .top_linkpart a{display:inline-block;padding-bottom:8px; padding-inline-start:8px;}
 .login-btn{width:min(300px, 100%);}
.for_pass{display:inline-block; margin-top:10px;}
.login_panel{width: 90%;     margin: 40px auto 0;}
.logo_sec{padding-top: 40px; min-height: 100px;}
.ft-links, .copyright{text-align:center; margin: 5px 0;}
.reg-btn{margin-bottom: 55px;}
.log_r::after, .log_l::after { display: none; }
.login_panel{background:none;}
.log_l, .log_r { width: 100%; height:auto;}
.log_ps{margin:0;}
.whylist li { width: 100%; margin:5px 0; }
.whylist{padding:10px;}
.ourlist li{padding:4px 0;}
footer, footer .tboright{ text-align: center; }
}
@media(max-width:375px){
#login_form{padding: 30px 15px; min-height: initial;}
.reg-btn{margin-top: 40px;}
.logo_sec{padding-top: 30px; min-height: 80px;}
    .login_panel { background: none; }
}