.welc-msg { 
    font-size: 21px; 
    line-height: 30px;  
    font-family: 'noto-light', serif !important; 
    color:#FFF; 
    font-weight: normal; 
    text-align: center;  
    margin-bottom: 30px; 
}
.login-sec {
    padding-bottom: 100px;
}
form.login {
    margin: 0px auto 0;
    width: 300px;
}
.login ul { 
    margin: 0px;  
    padding: 0px; 
    list-style-type: none; 
    box-sizing: border-box; 
    overflow: hidden;
}
.login li { 
    width: 100%; 
    box-sizing: border-box; 
    overflow:hidden; 
    position: relative;
}
::-webkit-input-placeholder {
   color: #a1a1a1;
}
a {
  color: #282828; 
}

:-moz-placeholder { 
   color: #a1a1a1;  
}

::-moz-placeholder { 
   color: #a1a1a1;  
}

:-ms-input-placeholder {  
   color: #a1a1a1;  
}

input:-webkit-autofill::first-line {
    font-size: 20px !important;
    font-family: 'Montserrat', serif !important; 
    font-weight: 600;
}

img { max-width: 100%; }

.login input { 
    width: 100%; 
    float: left; 
    height: 40px; 
    padding: 0 15px; 
    font-size: 20px; 
    font-family: 'Montserrat', serif !important; 
    font-weight: 600;
    /*margin: 30px 0 0; */
    box-shadow: none;
    text-align: center;
    outline: none;
    margin: 12px 0 0;
}
.login input[type="text"], .login input[type="password"] {
    height: 54px;
    left: 135px;
    top: 423px;
    background: #FFF;
    border-radius: 4px;
    border: none;
}

.err-msg { color:#ba1c1c; font-size: 16px; line-height: 24px; font-family:"Sen", sans-serif; margin: 10px 0 0; clear: both; display:block; text-align:center;}

.log-in { 
    font-size: 21px!important;
    line-height: 21px !important;
    color: #000;
    border: none;
    padding: 22px 0px!important;
    background-color: #ffce22;
    border-radius: 5px !important;
    height: 60px!important;
    display: block!important;
	text-align:center;
    /*width: 288px!important;
    margin: 20px auto 0!important;*/
    float:none!important;
}
.log-in:hover{
    background-color : #bc8a31;
    color: #000;
}
.custom-flex{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.custom-flex input{
  margin-top: 0 !important;
  margin-right: 0 !important;
  font-family: 'noto-semibold', serif !important; 
}


.log-in.req_login { margin: 30px auto 0; }
.login-sec.reqlogin {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
}
.login label.error {
    margin: 0px;
    padding: 5px 0 0 0px;
    color: #ba1c1c;
    font-weight: normal;
    font-size: 16px; 
    font-family:"Sen", sans-serif;
}

.acount_expired  input[type="submit"] {
    background-color: #3a4968;
    border: 0px;
    color: #fff;
}
.acount_expired input[type="submit"]:hover {
    background-color: #57637c;
    color: #fff;
     border: 0px;
}

@media (max-width: 1366px) {
    .dnt-account { bottom: 35px;} 
    .login-sec {
        margin: 0% 0;
        overflow:hidden;
        justify-content: center;
    }
    .welc-msg.forget { margin-top: 10%;}
    .login input.log-submt { margin: 50px auto 0;}
}

@media (max-width: 1280px) {

    .dnt-account { bottom: 20px;} 
}

@media (max-width: 1024px) {
    .dnt-account {
        bottom: 10px;
    }
}

@media (max-width: 991px) { 
    .login-sec.reqlogin { display: block; }
    .reqwelc {
        position: relative;
    }
    .login-sec.reqlogin {
        display: block;
    }

    .dnt-account  { position: relative; width: 100%; margin: 30px 0 0; }

    .dnt-account p {
        margin: 60px auto 0;
        width: 360px;
    }
    .welc-msg::before { top : 65px;}
    .dynm-prod { margin: 60px 0 60px ;}
    .log-in { margin: 75px auto 0 !important; }
}
.login-sec.reqlogin.thank { display: block; margin: 10% 0 0 ; }

@media (max-width: 480px) { 
    form.login {
        margin: 30px auto 0;
        width: 300px;
    }
    .login li .email-txt { width: 100%;}
    .login input { width: 300px;}
    .dnt-account p {
        width: 300px;
    }
}

@media screen and (max-width: 767px) { 
	ul.selectionbox li:nth-child(2n), ul.selectionbox li:nth-child(2n+1) {float: none;padding: 0;}
	.newsticker ul {padding: 0; }
    .dynm-prod.newsticker.newslide1 {display: none;}
    .dnt-account.onlinecat-account, .dnt-account.register-now-account {
        margin-bottom: 30px;
    }

    .custom-text {
        padding: 38px 30px 0px 30px;
    }
    .logo-sm {
        padding: 0px 0 0 0px;
        text-align: unset !important;
    }
    .logo-sm::before {
      margin: 0px auto !important;
      padding: 0px;
      left: 41%;
    }
    .logo-sm a {
      padding: 0px;
    }
    .logo-img {
        height: 80px;
        display: block;
    }
    .login-bg {
        display: none;
    }
    .log-in {
        margin: 20px auto 0 !important;
    }
    .dnt-account p {
        margin: 0px auto 0;
        font-size: 16px;
    }
    form.login {
        margin: 0px auto 0;
    }
    .dnt-account.onlinecat-account {
        margin-top: 30px !important;
    }
}

.clearfix {
  clear: both !important;
}

.login-credential {
  text-align: center;
  color: #282828;
  font-size: 18px;
}
.dnt-account.onlinecat-account {
    font-size: 17px;
    line-height: 18px; 
    font-family:"Sen", sans-serif; 
    color:#3B4868; /*#5b5b5b; */
    bottom: 30px;  
    content: "";  
    text-align:center;  
    margin-top:  88px; 
    position: static;
    width: 100%;
}
.dnt-account.register-now-account {
    position: static;
    width: 100%;
    margin-top:  88px;
}
.exist_user.onlinecat-account {
    font-size: 17px;
}


.btn-border {
    color: #fff !important;
    padding: 12px 24px !important;
    font-family: 'Helvetica-reg' !important;
    font-size: 14px !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    border-radius: 4px !important;
    transition: 0.5s ease-in-out !important;
    text-decoration: none !important;
}
.btn-border:hover{
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #BC8A31 !important;
}