body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0px;
  font-size: 10px;
  color: #848687;
  font-weight: 400;
  background-color: #f3f5f7;
  background-image: url('../img/platiumnUser/images/loginBgImg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  }
h1, h2, h3, h4, h5, h6 {color: #F3D55D;/* margin: 0px 0px 15px 0px; */font-weight: 600;font-family: 'Roboto Condensed', sans-serif;/* line-height: 18; */}
h1 { font-size: 30px; line-height: 42px; }
h2 { font-size: 24px; line-height: 32px; }
h3 {font-size: 20px;line-height: 15px;letter-spacing: 0.3px;text-transform: uppercase;}
h4 { font-size: 18px; line-height: 26px; }
h5 { font-size: 14px; font-weight: 400; }
h6 { font-size: 12px; font-weight: 400; }
p { margin: 0 0 0px 0px; padding: 0px; }
p:last-child { margin: 0px; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #D4AF37; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #fb730f; }
.box { }
.box-head { background-color: #ffffff; border-bottom: 1px solid #f3f5f7 }
.head-title { padding: 16px 30px; margin-bottom: 0px; }
.box-body {background-color: #141C1E87;padding: 20px;margin-bottom: 30px;backdrop-filter: blur(9px);width: 400px;}
.box-body-logo {background-color:transparent;padding:77px 0px 0px;margin-bottom: 30px;}
.mb20{margin-bottom: 0px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.textColor{color:#A5A5A5}
.content{padding-top:60px; padding-bottom:30px; }

label { }
.control-label {font-size: 12px;text-transform: capitalize;color: #fff;margin-bottom: 10px;letter-spacing: 0.3px;line-height: 18px;font-weight: 400;}
.control-forgotPassword {font-size: 11px;text-transform: capitalize;color: #A5A5A5;margin-bottom: 10px;letter-spacing: 0.3px;line-height: 2px;font-weight: 400;}

.form-control:focus { }
.textarea.form-control { }
.required { }
.form-group { margin-bottom: 5px; }

.form-control {
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  height: 30px;
  background-color:#AEAEAE33;
  text-transform:none;
  letter-spacing: 1px;
  margin-bottom:34px;
  border:none;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  /* box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); */
}
.form-control:focus { border-color: #a5a8ab; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
input[type=checkbox], input[type=radio] { margin: 8px 0 0; margin-top: 1px\9; line-height: normal; }
input::-webkit-input-placeholder {color: #a6a7a8 !important; opacity: 1; }
input:focus::-webkit-input-placeholder {
   opacity:   0;
  transition: 1s ease;
}
textarea::-webkit-input-placeholder { color: #a6a7a8 !important; }
.input-group-addon { background-color: transparent; border: 1px solid #e8ecf0; border-radius: 0px; }
.focus { border: 2px solid #e8ecf0; background-color: #fff; }
.focus:focus { border-color: #e8ecf0; outline: 0; -webkit-box-shadow: none; box-shadow: none; }


.login-input {position: relative;height: 40px;}
.login-input .form-control { background-color: #AEAEAE33; color:#fff; padding-left: 35px; }
.login-icon { display: inline-block; position: relative; bottom:66px; left: 18px; font-size: 12px }
.login-icon i {position: absolute;top: 1px; color:#fff;}
.eye-icon { position: absolute; bottom:66px; right: 18px; font-size: 14px }
.eye-icon i {position: absolute;top: 32px;right: 0px;}
.btn-social-rectangle, .btn-facebook .btn-twitter .btn-googleplus { font-size: 14px; margin-right: 6px; display: inline-block; line-height: 1.2; padding: 14px 16px; margin-bottom: 10px; border-radius: 3px; }
.social-text { font-size: 14px; text-transform: uppercase; padding-left: 6px; letter-spacing: 1px; }

.btn-twitter { background: #00aced; color: #fff; }
.btn-twitter:hover, .btn-twitter:active { background: #0084b4; color: #fff; }
.btn-facebook { background: #3B5997; color: #fff; }
.btn-facebook:hover, .btn-facebook:active { background: #2d4372; color: #fff; }
.btn-googleplus { background: #D64937; color: #fff; }
.btn-googleplus { background: #D64937; color: #fff; }
.btn-googleplus:hover, .btn-googleplus:active { background: #b53525; color: #fff; }
.btn {font-family: 'Roboto Condensed', sans-serif;font-size: 16px;/* text-transform: uppercase; */font-weight: 700;padding: 0px 26px;border-radius: 4px;line-height: 2;letter-spacing: 2px;border: transparent;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;word-wrap: break-word;white-space: normal !important;height: 35px;}
.btn-primary {background: rgb(146,98,40);
  background: linear-gradient(90deg, rgba(146,98,40,1) 8%, rgba(233,220,142,1) 85%);}
.btn-primary:hover { background-color: #ed6908; color: #fff; }
.btn-primary.focus,.btn-primary:focus { background-color: #ed6908; color: #fff; }

.feature-left { margin-bottom: 20px; border-bottom: 1px solid #f4f7f9; }
.feature-left:last-child { margin-bottom: 0px; border-bottom: transparent; }
.feature-left .feature-icon { float: left; padding-top: 16px; }
.feature-left .feature-content { padding-top: 8px; padding-left: 70px; padding-bottom: 20px; }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
  background: rgb(146, 98, 40);
  background: linear-gradient(90deg, rgba(146, 98, 40, 1) 8%, rgba(233, 220, 142, 1) 85%);
  border-color: rgb(146, 98, 40) !important;
}

@media only screen and (max-width: 600px) {
  
  .hideInSm{
    display: none;
  }

  .box-body-logo img {width: 340px;}
  .box-body-logo {background-color:transparent;padding: 20px 0px 0px;margin-bottom: 20px; text-align: center;}
  .box-body{margin: 0 auto;}
  .content {
    padding-top: 0px;
    padding-bottom: 15px;
}

}



@media screen and (min-width: 900px) {
  .hideInLg{
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  .hideInLg{
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .hideInLg{
    display: none;
  }
}