.fade:not(.show) {
    opacity: 1;
}
ul.promotion_nav.nav {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 10px 5px;
}
.promotion_nav li {
    padding: 0 3px;
    width: 100%;
}
.promotion_nav li.active a {
    background: #ed1c24;
    border: 1px solid #ed1c24;
}
.promotion_nav li a {
    display: inline-block;
    height: 30px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    /*background: #962424;*/
    padding:0px 15px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    /* border: 1px solid #a2aabd; */
    background: #c3974e;
    font-weight: 500;
    text-transform: uppercase;
}
.promotion_nav li a label{
  font-size: 16px;
  white-space: nowrap;
}
.panel-body table {border-collapse: collapse;}
.panel-body table tr td{ border: 1px solid #a2aabd!important; padding: 5px;}
.nav-justified{text-align: center;}
.nav-justified li a{color: #fff; font-size: 20px;}
.icon-close3 {
    background-image: url(../images/close3.png);
}
.icon-close2, .icon-close3 {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-size: 100% 100%;
}
#promotionsWidgetParent{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-content: space-around;
}
#pop-promo-lob{
    top: 150px;
}
#pop-promo-lob ul{
    list-style: unset;
}
#pop-promo-lob ul li a label{
    list-style: unset;
    margin-left: 40px;

}
#promoPage ul li{
    cursor: pointer;
}
.modal{
    z-index: 9999 !important;
}
.modal-content-w {
    overflow: hidden;
    padding: 15px;
    background: #000;
    width: 100%;
    max-width: 800px;
    border-radius: 8px;
    color: #fff;
    border: 2px solid #4e37e8;
}
.center-block-img{
    width: 100%;
    height: 100%;
    /* filter: brightness(0.7); */
    border-radius: 10px;
}
/* .pro-item{
    padding: 10px;
    margin-right: 10px;
  } */
.promotions-text h4{
    margin: auto 8px;
    font-size: 18px;
    color: #ffdc7f;
    text-shadow: 1px 1px #000, 1px 1px #000, 1px 1px #000, 1px 1px #000, 1px 1px #000;
  }
.promotions-text h4 span{
    color: #ffdc7f !important;
}
.promotions-btn{
    top: 320px !important;
}
.promotions-info{
    position: relative;
  }
  .promotions-text{
    position: absolute;
    padding: 10px;
    top: 1px;
    text-align: center;
  }
  .promotions-text h4{
    margin: auto 8px;
  }
  
  .promotions-btn{
    position: absolute;
    top: 100px;
    width: 100%;
    /* padding: 10px; */
  }
  .t-pro-btn{
    text-align: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .btn-primary{
    /* background-color: #000; */
    padding: 5px;
    border-radius: 5px;
  }
  .promotion-info{
    background-image: var(--color-lg);
    padding: 5px;
    border-radius: 5px;
  }
  .promotions-btn a{
    color: #fff;
  }
  /* .pro-item{
    padding: 10px;
    margin-right: 20px;
  } */
  @media (min-width: 768px){
    .modal-dialog {
      max-width: 830px !important;
      margin: 60px auto;
    }
  }
 .ww-con{
    overflow: hidden;
    padding: 15px;
    background: #000;
    width: 100%;
    max-width: 800px;
    border-radius: 8px;
    color: #fff;
    border: 2px solid #c19749 !important;
  }
.tit-pop{
    display: flex;
    border-bottom: 1px solid black;
}
.promotions-box{    
    text-align: center;
    height: 400px;
}
.promotions-image{
    width: 639px;
    height: 330px;
}
.t-pro-btn{
    background-color: #273b44;
    border-radius: 10px 10px 10px;
}
.t-pro-btn a{
    font-size: 20px;
    cursor: pointer;
}
.t-pro-btn_1{
    width: 50%;
    padding: 15px;
    background-color: #f5bf5f;
    border-radius: 0 10px 10px 10px;
}
.t-pro-btn_2{
    width: 50%;
    padding: 15px;
    background-color: #273b44;
    border-radius: 10px 0 10px 10px;
}
#category_1 ol li{
    color: #000;
}