article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,title {display: block;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none}
sub, sup { position: relative; font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {top: -0.5em;}
sub { bottom: -0.25em;}
a img { border: none; display:block; }
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus, :focus  {outline: 0;}
/*For Clear*/
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: block; content: ""; line-height: 0;}
.clearfix:after {clear: both;}
.clear{ clear:both;}
/*Form Elements*/
button,input,select,textarea {margin: 0;font-family: inherit;font-size: 100%;}
button,input {line-height: normal; text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
button[disabled], input[disabled] { cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0; box-sizing: border-box;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
textarea {overflow: auto;vertical-align: top;}
/*For Anchor and Anchor:hover*/
a, .navlink{color:#ff4b2d;outline-style : none; outline-width : medium; text-decoration:none;line-height:inherit;}
a:hover, .navlink:hover{color:#ff4b2d; -moz-transition: color 0.1s ease-in 0s;-webkit-transition: color 0.1s ease-in 0s;-mso-transition: color 0.1s ease-in 0s;-khtml-transition: color 0.1s ease-in 0s;-ms-transition: color 0.1s ease-in 0s;-o-transition: color 0.1s ease-in 0s;-xv-transition: color 0.1s ease-in 0s;  cursor:pointer;}
.navlink{color:#ff4b2d;}
li{list-style: none;}
/*page css here*/
.loginmain{max-width: 364px; box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.39); -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.39);border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7) 0%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.7) 100%); margin:auto; padding:39px 28px 26px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:95%;}
.loginmain .logo{text-align: center;}
.loginmain .logo a{display: block;}
.loginmain .logo img{display:inline-block;}
.loginmain .spear-logo{text-align: center;margin-top:10px;}
.loginmain .spear-logo a{display: block;}
.loginmain .spear-logo img{display:inline-block;}
.loginmain h1{text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; color: #fff; font-family: Lato; font-size: 25px;font-weight: 700; text-align: center; line-height:30px; margin-top:5px;}
.loginmain .forminner{width:270px; margin:auto;}
.loginmain h2{text-align:center;color: #fff; font-family: Lato; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-top:20px; padding-bottom:8px; border-bottom:1px solid rgba(255,225,255,0.46);}
.loginmain .inputbox{margin-top:23px; position: relative;}
.loginmain .inputbox label{color: #fff; font-family: Lato; font-size: 14px; font-style: italic; padding-bottom:4px; display: block;}
.loginmain .inputbox input{width:100%; height: 38px; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#fff; border: none; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: Lato; font-size: 14px; color:#000;}
.loginmain .errorshow input{border: 2px solid #ff0013;}
.loginmain .errormsg{color: #ffe42d; font-family: Lato; font-size: 13px; font-style: italic; display: none; position:absolute; bottom:-17px;}
.loginmain .errorshow .errormsg{display: block;}
.loginmain .bntsignin{width:100%; height:46px; box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%); -webkit-box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%); -moz-box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f20b1c; width:100%; border: none; color: #fff; font-family: Lato; font-size: 20px; font-weight: 500; text-transform: normal; transition: all 0.5s ease-in 0s; -webkit-transition:background 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}.loginmain .bntsignin:hover{background:#d00505;}
.loginmain .forgetpassworld{color: #fff; font-family: Lato; font-size: 13px; margin-top:16px; float: right;}
.loginmain a.forgetpassworld:hover{color:#f20b1c;}
.loginmain .powerdby{width:270px; margin:54px auto 3px;}
.loginmain .powerdleft{color: #fff; font-family: Lato; font-size: 14px; float: left;}
.powerdlogo{float: right;}
.loginmain a.privacy:hover{color:#f20b1c;}
.loginmain a.applink:hover{color:#f20b1c;}

/*========Update Css=========*/
.signin{display:inline-block; vertical-align:middle;}
.loginmain .privacy, .loginmain .applink,.loginmain .cancelBtn{color: #000; font-family: Lato; margin-top:16px;}
.loginmain .privacy,.loginmain .applink{ font-size: 13px; margin-top: 9px;}
.loginmain .cancelBtn{font-size: 16px;text-align:center;}
.loginmain a.privacy:hover,.loginmain a.applink:hover, .loginmain a.cancelBtn:hover{color:#f20b1c; text-decoration:underline;}
a.googleBtn{margin-bottom:15px;display:inline-block; vertical-align:middle; }
.googleBtn img{ margin-top: 29px; width:100%; display:block; box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%); -webkit-box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%); -moz-box-shadow: 1px 1px 1px rgba(0%, 0%, 7%, 20%);border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.orLine{ font-family: Lato;font-weight:500; color:#fff; font-size:20px; line-height:25px; position:relative; text-align:center;}
.orLine:before{position: absolute; content: ""; background-color: rgba(255,225,255,0.46); width: 43%; height: 1px; top: 15px; bottom: 0; left: 0;}
.orLine:after{position: absolute; content: ""; background-color: rgba(255,225,255,0.46); width: 43%; height: 1px; top: 15px; bottom: 0; right: 0;}
#signinwith {display: inline-block; text-align: center; line-height: 46px; margin-top:15px;}
#signinBtn{ margin-top:40px;}
#userform {margin-top: 21px; }
.loginmain .usersign .inputbox label{ font-style: normal}
.applink{display: none;}





/** login css 12-11-20  **/
/*Fonts family*/

@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold_1-webfont.woff') format('woff'), url('../fonts/roboto-bold_1-webfont.ttf') format('truetype'), url('../fonts/roboto-bold_1-webfont.svg#robotobold') format('svg'); }

@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light_1-webfont.woff') format('woff'), url('../fonts/roboto-light_1-webfont.ttf') format('truetype'), url('../fonts/roboto-light_1-webfont.svg#robotolight') format('svg'); }

@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium_1-webfont.eot'); src: url('../fonts/roboto-medium_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium_1-webfont.woff') format('woff'), url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'), url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg'); }

@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular_1-webfont.eot'); src: url('../fonts/roboto-regular_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular_1-webfont.woff') format('woff'), url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'), url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg'); }

form#loginform {
    width: 280px;
    margin: auto;
}
.login-container{height:100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(132,132,132,1) 100%);font-family: 'arial';}
.login-container input {width: 100%;margin-bottom: 28px;border: 1px solid #808080;height: 41px;background: #0f0f0f;border-radius: 4px;padding-left: 46px;position: relative;outline: none;color: #fff;font-size: 14px;}
.login-container input::placeholder{ color: #909090; }
.login-container input:focus{outline-offset: 0px;}
.login-container .submit {font-weight: 500;/* letter-spacing: 1px; */width: 280px;text-transform: capitalize;border: none;height: 47px;font-size: 17px;background: #f20b1c;outline: none;border-radius: 4px;color: #fff;cursor: pointer;font-family: 'arial',sans-serif;box-shadow: 1px 0px 1px rgba(0,0,0,.20);}
.login-container .logo img {width: 153px;margin: auto;display: block;padding-bottom: 74px;}
.login-container .mainLoginInput {position: relative;}
.login-container span.ligin-icon img {position: absolute;left: 17px;z-index: 2;width: 19px;top: 12px;}
.login-container span.error-username {
    position: absolute;
    top: -23px;
    left: 0px;
}
.login-container .privacy {
    display: block;
    margin-top: 14px;
}
.login-container span.error-password {
    position: absolute;
    top: -19px;
    left: 0;
}
.login-container #demo {
    line-height: 17px;
    padding: 0 0 8px;
}
.login-container .mainLoginInput input:-webkit-autofill,
.login-container .mainLoginInput input:-webkit-autofill:hover,
.login-container .mainLoginInput input:-webkit-autofill:focus,
.login-container .mainLoginInput input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #0f0f0f inset !important;
    -webkit-text-fill-color: #fff !important;
}
.honda-logo {position: absolute;top: 0;left: 0;}
/** login css End 12-11-20  **/