.material-icons{
            color:#d2a860 !important;
          }
      
        *{
         font-family: 'Museo'!important;
        }
        .btn.btn-primary:hover{
            box-shadow:none!Important;
        }
         .btn.btn-primary{
            box-shadow:none!Important;
        }
        .form-control:invalid {
              background-image: linear-gradient(to top,#e0b664 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #e0b664d4  1px, rgba(210, 210, 210, 0) 1px)!important;
        }

        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: black!Important;
          opacity:0.4!important;
        
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: black;
        }

        ::-ms-input-placeholder { /* Microsoft Edge */
          color: black;
        }
        
        .form-check-label{
            color:black!important;
        }

        @media only screen and (max-width: 767px) {
        .mobile-background{
            background-image: url('/assets/background.png')!important;
            background-size: contain!important;
            max-height: inherit!important;
            height: 100vh!important;
            padding-top: 10vh!important;
            background-repeat: no-repeat!important;
            background-attachment: fixed!important;
            background-position: center!important;
        }

        .image-logos{
            display:none!important;
        }
        .mobile-forms{
           padding-top:18vh; 
        }
    }
    
    card .card-header-primary:not(.card-header-icon):not(.card-header-text) {
  background: #122c47 !important;
}

.btn{
  background: #122c47 !important;
}
  #ofBar {
    background: linear-gradient(135deg, #FF9500 0%, #f37227 100%);
    text-align: left;
    z-index: 999999999;
    font-size: 16px;
    color: #fff;
    padding: 18px 5%;
    font-weight: 400;
    display: block;
    position: relative;
    top: 0px;
    box-shadow: 0 6px 13px -4px rgba(0, 0, 0, 0.25);
  }
  #ofBar b {
    font-size: 15px !important;
  }
  #count-down {
    display: initial;
    padding-left: 10px;
    font-weight: bold;
  }
  #close-bar {
    font-size: 22px;
    color: #3e3947;
    margin-right: 0;
    position: absolute;
    right: 5%;
    background: white;
    opacity: 0.5;
    padding: 0px;
    height: 25px;
    line-height: 21px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    top: 18px;
    cursor: pointer;
    z-index: 9999999999;
    font-weight: 200;
  }
  #close-bar:hover{
    opacity: 1;
  }
  #btn-bar {
    background-color: #fff;
    color: #40312d;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    opacity: .95;
    margin-left: 15px;
    top: 0px;
    position: relative;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 5px 10px -3px rgba(0,0,0,.23), 0 6px 10px -5px rgba(0,0,0,.25);
  }
  #btn-bar:hover{
    opacity: 0.9;
  }
  #btn-bar{
    opacity: 1;
  }

  #btn-bar span {
    color: red;
  }
  .right-side{
    float: right;
    margin-right: 60px;
    top: -6px;
    position: relative;
    display: block;
  }

  #oldPriceBar {
    text-decoration: line-through;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    top: 2px;
    position: relative;
  }
  #newPrice{
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    top: 2px;
    position: relative;
    margin-left: 7px;
  }

  #fromText {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin-right: 3px;
    top: 0px;
    position: relative;
  }

  @media(max-width: 991px){
    .right-side{
      float:none;
      margin-right: 0px;
      margin-top: 5px;
      top: 0px
    }
    #ofBar {
      padding: 50px 20px 20px;
      text-align: center;
    }
    #btn-bar{
      display: block;
      margin-top: 10px;
      margin-left: 0;
    }
  }
  @media (max-width: 768px) {
    #count-down {
      display: block;
      font-size: 25px;
    }
    
    .view-mobile-login{
        margin-top:40%;
    }
  }
  
  
  .home-wrapper-bay{
      background-color:#f5f6ea;max-height: inherit;height: 100vh;padding-top: 10vh;
  }
  
  .logo-style{
      /*filter: invert(17%) sepia(32%) saturate(3120%) hue-rotate(233deg) brightness(12%) contrast(80%);*/
  }
  
  .home-container{
      height: auto;
  }
  
  .form-inside{
      padding:20px;
  }
  
  .is-filled-home{
      padding: 0px 0px;
  }
  
  .login-text-box{
      text-align:center;
  }
  
  .home-login-btn{
      background-color: #f5f6ea!important;
      width:100%;color:#e0b664;
      border: 1px solid #e0b664;
  }
  
  .home-login-btn:hover{
      background-color: #f5f6ea!important;
      width:100%;color:#e0b664;
      border: 1px solid #e0b664;
  }
  
  .card-background{
      background:#d2a860 !important;
  }
  
  .login-otp-label{
      float:right;
  }
  
  .login-link-color{
      color:black;
  }
  
  .login-label{
      padding-right:10px;
  }
  
  .password-field{
      padding: 0px 0px;
  }