@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
body{
  /* font-family: 'Roboto' ; */
  font-family: 'Montserrat', sans-serif;
}  
*{
  /* font-family: 'Roboto' ; */
  font-family: 'Montserrat', sans-serif;
}   

   
   .sidebar-content-wrapper h1{ color: #ed1b24; font-size: 26px;  }
      .sidebar-content-wrapper h2{}
      .sidebar-content-wrapper h3{  }
      .sidebar-content-wrapper h4{}
      .sidebar-content-wrapper h5{}
      .sidebar-content-wrapper p{}
      .sidebar-content-wrapper .link{ color: #454546;   float: left; width: 100%; padding: 15px; font-weight: 600; }
      .sidebar-content-wrapper .link-active { color: #fff; background-color: #ed1b24; text-decoration: none; }

      .sidebar-content-wrapper .link:hover { color: #fff; background-color: #ed1b24; text-decoration: none; }
      .sidebar-content-wrapper .list-group  { background: #ededed!important; }
      .sidebar-content-wrapper .list-group-item{ border-left: 0; border-right: 0; padding: 0; border-color:#fff;   background: #ededed!important;  font-size: 14px; }

      .sidebar-content-wrapper .link .active-pointer { width: 13px; height: 35px; background-image: url(img/pointer.png); background-repeat: none; position: absolute; right: -13px; top: 12px; display: none; }
      .sidebar-content-wrapper .link:hover .active-pointer { display: block; }
      .sidebar-content-wrapper .link-active .active-pointer { display: block; }
     


      .inner-content-wrapper { color: #444444;  font-size: 14px;  }
      .inner-content-wrapper h1{ }
      .inner-content-wrapper h2{ }
      .inner-content-wrapper h3{ font-size: 16px; font-weight: 600; }
      .inner-content-wrapper h4{ font-size: 18px; font-weight: 600;  }
      .inner-content-wrapper h5{ font-weight: 600; font-size: 16px; }
      .inner-content-wrapper p{ font-size:14px; }
      .inner-content-wrapper ul{ }
      .inner-content-wrapper ul li{ }
      .inner-content-wrapper .sub-header { margin-top: 10px; font-weight: 600; font-size: 24px; }
      .inner-content-wrapper a{ padding: 10px 20px; color: #ed1b24; }
      .inner-content-wrapper .downloadbtn{ background-color: #210a0b; border: none;  font-size: 14px;}
      .inner-content-wrapper .applynowbtn{ background-color: #ed1b24; border:none;  font-size: 14px;}


      .inner-content-wrapper .downloadbtn:hover{ opacity: 0.8;}
      .inner-content-wrapper .applynowbtn:hover{ opacity: 0.8;}


      .inner-content-wrapper table{ } 



.inner-content-wrapper table {
  border-collapse: collapse;
  width: 100%;
}

.inner-content-wrapper th, .inner-content-wrapper td {
  text-align: left;
  padding: 8px;
  border-bottom: #fff solid 1px;
  font-size: 14px;
}

.inner-content-wrapper td { line-height: 38px; padding-left: 25px; }

.inner-content-wrapper tr:nth-child(even){background-color: #f8f8f8;}

.inner-content-wrapper th {
  background-color: #f8f8f8;
  color: #444444;
  border-bottom: #fff solid 1px!important;
  border-top: #fff solid 1px!important;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
}


.pdfbtn {}
.no-border { border: 0!important; }

.pdfbtn { background: none;  border:0; color: #444444; font-weight: 600; background-image: url(img/download.png); background-repeat: no-repeat; padding-right: 50px!important; background-position: 80px 10px;}
.pdfbtn:hover {  background-color: #ed1b24; background-image: url(img/download-hover.png); }
.download-table { margin-bottom: 35px; }


.next-holiday { float: left; background-color: #fff; color: #ed1b24; width: 100%;  font-size: 20px; text-align: center; padding: 40px 0; line-height: 40px; border-bottom: #444444 solid 20px; margin-bottom: 30px; border-radius: 10px; } 
/* .next-holiday strong {   background-color: #ed1b24; padding:0 15px; } */
.next-holiday .date {  padding-left: 15px; font-size: 50px; font-weight: bolder;  color: #ed1b24; }
.next-holiday span { color: #444444;}
.next-holiday strong { color: #444444;}
.next-holiday-table { line-height: 18px; }

.next-holiday-table td {
    line-height: 24px;
    padding-left: 25px;
}

.sm-item    { padding: 10px; color: #444444; text-align: center;}
.sm-item h2 { font-size: 15px; padding: 10px; margin-bottom: 0; padding-bottom: 5px; font-weight: 600;; }
.sm-item p { font-size: 13px; }

.main-submenu {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  background: #444444;
}
.main-submenu ul { float: left; padding: 0 30px;}
.main-submenu ul li { display: inline; float:left; height: 50px; line-height: 50px; list-style: none; color: #fff; padding: 0 25px; font-size: 14px;}
.main-submenu ul li:hover{ background: #ed1b24; color: #fff; }
.main-submenu ul li.active{ background: #ed1b24; color: #fff; }
.main-submenu ul li a{  color: #fff; }
.main-submenu ul li a:hover { text-decoration: none;}


.dark-bg { background: #444444; }

.awards-submenu                 { width: 100%;  height: 50px;  margin: 0 auto;  background: #444444; margin-bottom: 15px;}
.awards-submenu ul              { float: left; padding: 0 0px; }
.awards-submenu ul li           { display: inline; float:left; height: 50px; line-height: 50px; list-style: none; color: #fff; padding: 0 25px; }
.awards-submenu ul li:hover     { background: #ed1b24; color: #fff; }
.awards-submenu ul li.active    { background: #ed1b24; color: #fff; }
.awards-submenu ul li a         { color: #fff; }
.awards-submenu ul li a:hover   { text-decoration: none;}




.padding-lr-0 { padding-right: 0; padding-left: 0;}
.margin-top-25 { margin-top: 25px;}

.mvm-header { color:#ed1b24; margin-bottom:20px; font-weight:600;}

blockquote{ 
  border-left: 10px solid #ed1b24;
  padding-left: 30px;
  margin-bottom:40px;
  font-style: italic;
  background:#ede0e1;
  padding:15px;
}
 



.table-style-2 table {  border-collapse: collapse;  width: 100%;}
.table-style-2 th, .table-style-3 td {  text-align: left;  padding: 8px;  border-bottom: #fff solid 1px;  font-size: 14px;}
.table-style-2 td { line-height: 38px; padding-left: 25px; }
.table-style-2 tr:nth-child(even){background-color: #f8f8f8;}

.table-style-2 tr a{ opacity:0; }
.table-style-2 tr:hover a{ opacity:1;}
.table-style-2 tr:hover a:hover{ opacity:1;}
.table-style-2 th {  background-color: #444444;  color: #fff;  border-bottom: #fff solid 1px!important;  border-top: #fff solid 1px!important;  padding-top: 15px;  padding-bottom: 15px;  padding-left: 25px;}


.table-style-3 table {  border-collapse: collapse;  width: 100%;}
.table-style-3 th, .table-style-3 td {   padding: 8px;  border-bottom: #fff solid 1px;  font-size: 14px;}
.table-style-3 td { line-height: 38px; padding-left: 25px; }
.table-style-3 tr:nth-child(even){background-color: #f8f8f8;}
 
.table-style-3 tr:hover a:hover{ opacity:1;}
.table-style-3 th {  background-color: #444444;  color: #fff;  border-bottom: #fff solid 1px!important;  border-top: #fff solid 1px!important;  padding-top: 15px;  padding-bottom: 15px;  padding-left: 25px;}
.table-style-3 td a { color: #444444; text-decoration: underline; }

.table-style-3 td a:hover { background-color: #ed1b24; color:#fff; }
.rates-header             { font-size: 18px; margin-bottom: 15px; }
.rates-header span        {     color: #ed1b24; font-weight: 600; }

.table-style-4  { margin-top: 20px!important; }
.table-style-4 table                  { border-collapse: collapse;  width: 100%; text-align: center;  }
.table-style-4 th, .table-style-4 td  { padding: 8px;  border-bottom: #fff solid 1px;  font-size: 13px; text-align: center;}
.table-style-4 td                     { line-height: 33px;   }
.table-style-4 tr:nth-child(even)     { background-color: #f8f8f8;}
.table-style-4 tr:hover a:hover       { opacity:1;}
.table-style-4 th                     {   color: #444;  border-bottom: #fff solid 1px!important;  border-top: #fff solid 1px!important;  padding-top: 15px;  padding-bottom: 15px;  }
.table-style-4 td a                   { color: #444444; text-decoration: underline; }
.table-style-4 td a:hover             { background-color: #ed1b24; color:#4444; }
.flag img { margin-right: 10px; }

.cn { background-color: #ed1b24!important;  color:#fff!important;  }
.tc { background-color: #ed2e37!important;  color:#fff!important; }
.tt { background-color: #ed434a!important;   color:#fff!important; }
.ib { background-color: #ed575e!important;   color:#fff!important; }

.cn-title { background-color: #ede0e1!important;    }
.tc-title { background-color: #edc4c7!important; }
.tt-title { background-color: #edafb4!important; }
.ib-title { background-color: #ed9198!important; }

.white-bg { background-color: #fff!important;  }

.cn-value { background-color: #ede0e1!important;  }
.tc-value { background-color: #edc4c7!important;   }
.tt-value { background-color: #edafb4!important;    }
.ib-value { background-color: #ed9198!important;   }


.milestone-item {border-top:#ed1b24 solid 5px; }
.milestone-item .milestone-year { background-color: #f8f8f8; height: 115px; text-align: right; padding: 15px 15px;}
.milestone-item .milestone-year h3{ color:#444444; font-weight: 700; font-size: 25px; margin-bottom: 0;}
.milestone-item .milestone-year h2{ color:#ed1b24; font-weight: 700; font-size: 40px;}
.milestone-item .milestone-content {  padding: 15px 15px;}
.milestone-item .milestone-content ul li { font-size: 15px; font-weight: 600; margin-bottom: 15px;}
.milestone-item .milestone-content ul li ul li { font-size: 14px; font-weight: 400;}
.milestone-item .milestone-content p { margin-left: 15px;  font-size: 15px; }

.corporate-announcements { width: 100%;   float: left; background-image: url(img/corporate-announcements.jpg); color:#fff;  }
.corporate-announcements span { padding: 15px; text-align: center; width: 100%; float: left;}
.corporate-announcements span strong { margin-top: 75px;}
.corporate-announcements span p { font-size: 14px; font-style: italic;}
.corporate-announcements a { width: 100%; height: 50px; float: left; background-color: #000; line-height: 50px; text-align: center; color:#fff; text-decoration: underline; font-size: 14px;}
.corporate-announcements a:hover { background-color: #444444; }


.external-links              { margin-top: 25px;}
.external-links a            { font-weight: bold; color:#444; border-left:#e3e3e3 solid 1px; padding-top: 15px;}
.external-links a:hover .svg { fill:  #ed1b24; }
.external-links .link-1      { height: 40px; width: 100%; float: left; margin:0 auto; background: url(img/mail.svg); fill: #ed1b24; margin-bottom: 5px; background-position:center 0; background-repeat: no-repeat;}
.external-links .link-2      { height: 40px; width: 100%; float: left; margin:0 auto; background: url(img/phone.svg); fill: #ed1b24; margin-bottom: 5px; background-position:center 0; background-repeat: no-repeat;}
.external-links .link-3      { height: 40px; width: 100%; float: left; margin:0 auto; background: url(img/book.svg); fill: #ed1b24;  margin-bottom: 5px; background-position:center 0; background-repeat: no-repeat;}
.external-links .link-4      { height: 40px; width: 100m %; float: left; margin:0 auto; background: url(img/calendar.svg); fill: #ed1b24;  margin-bottom: 5px; background-position:center 0; background-repeat: no-repeat;}



.holiday-header {  height: 50px; line-height: 50px;  font-weight: 600;  background: #454546!important; text-indent: 15px;  color: #fff; border-left: 0;border-right: 0;padding: 0;border-color: #fff;}
.holiday-header img { margin-bottom: 10px;}


.bod-tabs       { }
 
.bod-tabs ul                  { padding: 0; margin-left: 0; padding: 15px;  padding-top: 0;}  
.bod-tabs ul li               { padding: 0; list-style: none; float: left; width: 45%; margin: 0 15px 15px 0; position: relative; }
.bod-tabs ul li a             { padding: 0; color: #fff;}
.bod-tabs ul li .name         { width: 100%; height: 40px; transition: 0.5s; position: absolute; background:rgba(237, 27, 36, 0.6);; bottom: 0; margin-left: 0; text-align: center ;  overflow: hidden; } 
.bod-tabs ul li:hover .name   { height: 100%;}

.bod-tabs ul li .name .dname { margin-top: 8px; margin-bottom: 0; font-weight: bold;  }
.bod-tabs ul li .name:hover .dname { margin-top: 70px;  }
.bod-tabs ul li .name .dtitle { font-size: 15px; padding:15px; padding-top: 10px; }


.bod-text         {  }
.bod-text img     { margin-bottom: 15px;  }
.bod-text h4      { margin-bottom: 15px; }
.bod-text h4 span { font-size: 14px; }
.bod-text p       { font-size: 13px;  }

.contact-form  { background: #f9f9f9; padding: 30px;  }
.form-control  { font-size: 12px!important; }

.contact-form  p{ font-size: 14px; }

.padding-0          { padding: 0; }
.margin-bottom-30px { margin-bottom: 20px; }


.link-item                { color: #000; transition: 0.5s;  border:none; margin-right: 15px;    padding: 0!important; background: #fff;}
.link-item:hover          { margin-top: -5px; text-decoration: none; border-bottom: #ed1b24 solid 5px; }
.link-item .item-image    { width:60px; height: 70px; float: left; margin-right: 15px; background-color: #000; text-align: center; background: #f9f9f9;    padding: 10px;  }


.link-item .item-image img { width: 40px; }

.link-item .card-title  {  margin-bottom: 0; margin-top: 15px;  }
.link-item p            {  margin-bottom: 0;  }

.card-title {   font-size: 13px; font-weight: 600;  }
.card-text  {    font-size: 12px!important; padding-right: 10px; }



.btn-color-red { background-color: #ed1b24; border:none; padding-right: 15px; padding-left: 15px; }
.btn-color-red:hover {  background-color: #ed1b24; opacity: 0.8; }

.bod-main-banner { width: 100%; height: 450px; background-color: red; margin:0 auto; }
.bod-main-banner .bod-1  { width: 16%; height: 450px; background-color: green; position: relative;   }
.bod-main-banner .bod-2  { width: 16%; height: 450px; background-color: blue; position: relative;    }
.bod-main-banner .bod-3  { width: 16%; height: 450px; background-color: orange; position: relative;  }
.bod-main-banner .bod-4  { width: 16%; height: 450px; background-color: white; position: relative;   }
.bod-main-banner .bod-5  { width: 16%; height: 450px; background-color: yellow; position: relative;  }
.bod-main-banner .bod-6  { width: 16%; height: 450px; background-color: black; position: relative;   }

.bod-main-banner .bod-7  { width: 16%; height: 300px; background-color: blue; position: relative; bottom: 300px; }
.bod-main-banner .bod-8  { width: 16%; height: 300px; background-color: red; position: relative; bottom: 300px; }
.bod-main-banner .bod-9  { width: 16%; height: 300px; background-color: blue; position: relative; bottom: 300px; }
.bod-main-banner .bod-10 { width: 16%; height: 300px; background-color: red; position: relative; bottom: 300px; }
.bod-main-banner .bod-11 { width: 16%; height: 300px; background-color: blue; position: relative; bottom: 300px; }
.bod-main-banner .bod-12 { width: 16%; height: 300px; background-color: red; position: relative; bottom: 300px; }


.sitemap        {  }
.sitemap h2     { font-size: 18px; font-weight: 600; color: #ed1b24;  }
.sitemap h3     { font-size: 14px; font-weight: 600; }
.sitemap ul     { padding-left: 0; font-size: 13px; }
.sitemap ul li  { list-style: none; background-image: url(img/arrow.png); list-style: none; background-repeat: no-repeat; padding-left: 15px; background-position: 0 5px; }
.sitemap ul li a { color: #444; }
.sitemap ul li a:hover { color: #ed1b24; }



.awards {border-top:#ed1b24 solid 5px; }
.awards .awards-item {  height: 115px; text-align: right; padding: 15px 15px;}
.awards .awards-item img{ color:#444444; font-weight: 700; font-size: 25px; margin-bottom: 0; width: 100%;}
 
.awards .awards-content {  padding: 15px 15px;}
.awards .awards-content ul li { font-size: 15px; font-weight: 600; margin-bottom: 15px;}
.awards .awards-content ul li ul li { font-size: 14px; font-weight: 400;}
.awards .awards-content p { margin-left: 0px;  font-size: 15px; }
.awards .awards-content h2 { font-size: 20px; font-weight: 600; }

.awards-dec { margin-bottom: 15px; width: 100%; }
.awards-dec .awards-details { width: 250px; float: left; font-size: 15px; }
.awards-dec .awards-details-two { width: 250px; float: left; font-size: 15px; }
.awards-dec span strong { font-style: normal; }
.awards-dec span { font-style: italic; }

.csr-projects { padding: 0; width: 23%!important; margin-left:15px; margin-bottom: 15px;  }

/*flag*/
 
.flag-wrapper {  width: 50px; height: 30px; float: left; margin-right: 15px;     overflow: hidden;  margin-bottom: 0;}
.flag-wrapper:after {  padding-top: 75%;  /* ratio */  display: block;  content: '';}
.flag-wrapper .flag {  width: 50px; height: 30px;  background-size: cover;}
.no-wrap {  white-space: nowrap;  margin-bottom: 8px;  overflow: hidden;}
.all-flags .flag-icon-background {  cursor: pointer;} 







/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
/* .carousel-item {
  height: 350px;
  background-color: #777;
} */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  width: 100%;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}



.p-sidebar-content-wrapper h1     { color: #ed1b24; font-size: 26px;  }
.p-sidebar-content-wrapper h2     {}
.p-sidebar-content-wrapper h3     {  }
.p-sidebar-content-wrapper h4     {}
.p-sidebar-content-wrapper h5     {}
.p-sidebar-content-wrapper p      {}
.p-sidebar-content-wrapper .link  { color: #454546;   float: left; width: 100%; padding: 10px;   border-bottom:#ededed solid 1px; font-size: 13px; }
.p-sidebar-content-wrapper .link-active { color: #fff; background-color: #ed1b24; text-decoration: none; }

.p-sidebar-content-wrapper .link:hover                  { color: #fff; background-color: #ed1b24; text-decoration: none; }
.p-sidebar-content-wrapper .list-group                  { background: #ededed!important; }
.p-sidebar-content-wrapper .list-group-item             { border-left: 0; border-right: 0; padding: 0; border-color:#fff;   background: #ededed!important;   }
.p-sidebar-content-wrapper .link .active-pointer        { width: 13px; height: 35px; background-image: url(img/pointer.png); background-repeat: none; position: absolute; right: -13px; top: 2px; display: none; }
.p-sidebar-content-wrapper .link:hover .active-pointer  { display: block; }
.p-sidebar-content-wrapper .link-active .active-pointer { display: block; }

.p-sidebar-content-wrapper .list-group img { margin-right: 10px; }

.offer-items { padding: 0; width: 31.5%!important; margin-left:15px; margin-bottom: 15px; padding: 0!important;  }
.expiry span { text-transform: uppercase; color: #444; font-weight: bold; }
.expiry { color: #ed1b24; font-weight: bold; }


.promotions-tabs        { padding: 0; background: #ededed!important; border:0;}
.promotions-items       { padding: 0!important; width: 23%!important; margin-left:20px; margin-bottom: 15px;  }
.promotions-first-items { padding: 0!important; width: 23%!important; margin-left:20px; margin-bottom: 15px;  }
.promotions-tabs a      {  }
.promotions-tabs .a-image      { padding: 0!important; }
.promotions-tabs .a-txt      { padding: 0!important; float: left; color: #444; }

.register-btn { background-color:#ed1b24; font-weight: bold; color: #fff!important; padding: 10px 15px!important; float: right;  }
.register-btn:hover { background-color:#ed1b24; color: #fff!important; padding: 10px 15px!important; float: right; text-decoration: none!important;   }
.promotions-tabs .card-body { padding: 0px; height: 41px;   }

 
.promotions-tabs  h5{ line-height: 40px!important; text-indent: 15px; font-size:12px!important; border-left:#444 solid 10px;  }
.promotions-tabs:hover .register-btn { opacity: 1; } 
.promotions-tabs:hover h5 { border-left:#ed1b24 solid 10px;  }

.main-promotions { margin-bottom: 25px; margin-top: 0px; }
.main-promotions-items { width: 12.2%; float: left; text-align: center; margin-left: 3px; padding: 15px 0; background: #f9f9f9; }
.main-promotions-items:hover { background: #ede0e1; }
.main-promotions-items .a-link{  text-align: center!important; padding: 0; color: #444; font-weight: bold;   }
.main-promotions-items .a-link img { width: 50%; margin-bottom: 15px; }
.promo-sub-header  { float: left; width: 300px; }
.promo-sub-header-two  { float: left; width: 600px; }



.p-main-submenu {  width: 100%;  height: 50px;  margin: 0 auto;  background: #444444;}
.p-main-submenu ul { float: left; padding: 0 15px;}
.p-main-submenu ul li { display: inline; float:left; height: 50px; line-height: 50px; list-style: none; color: #fff; padding: 0 20px; }
.p-main-submenu ul li:hover{ background: #ed1b24; color: #fff; }
.p-main-submenu ul li.active{ background: #ed1b24; color: #fff; }
.p-main-submenu ul li a{  color: #fff; }
.p-main-submenu ul li a:hover { text-decoration: none;}

.filtter-form  { background: #f9f9f9; padding: 10px; margin: 15px; border-bottom: #ed1b24 solid 5px; }
.filtter-form .form-group { margin-bottom: 0;
 }

 

.contact-sub-nav          { margin-bottom: 40px; margin-top: 10px; }
.contact-sub-nav ul       { list-style: none; padding:0; margin:0;  }
.contact-sub-nav  ul li   { display: inline-block; padding:0; margin:0;  }
.contact-sub-nav ul li a  { margin:0; border:#ed1b24 solid 2px; border-radius: 6px;  }
.contact-sub-nav ul li a:hover { background-color: #ed1b24; color: #fff; text-decoration: none; }
.contact-sub-nav ul li .active {  background-color: #ed1b24; color: #fff; text-decoration: none;  }



.margin-top-30px { margin-top: 30px;  }
.margin-top-50px { margin-top: 50px;  }


.promotions-breadcrumb       { list-style: none; padding: 0; margin:0;   }
.promotions-breadcrumb li    { display: inline-block;  }
.promotions-breadcrumb li a  { border:#000 solid 1px;  }
.promotions-breadcrumb li a:before {     top: -2px;    transform: skew(30deg);}


.offer-detail         { margin-top: 10px; }
.offer-detail h1      { font-size: 18px;}
.offer-detail h2      { font-size: 24px; font-weight: 600; }
.offer-detail h3      { }
.offer-detail h4      { }
.offer-detail h5      { }
.offer-detail p       { font-size: 14px; }
.offer-detail li      { }

.promotion-item {    margin-top: 30px; margin-bottom: 0px;  }
.promotion-item .item{ border:#c7c7c7 solid 1px; padding: 0;    margin: 0px; }
.promotion-item .item .offer-rate {   font-weight: 600px; font-size: 22px; padding: 5px 15px; right: 0; position: absolute; background-color:#ed1b24; color:#fff; line-height: 30px; }
.promotion-item .item img{ border-radius: 0; }

.promotion-item .item a  { padding: 0; margin: 0; }

.promotion-item .item .offer-time-track {  font-weight: 600px; font-size: 22px; padding: 5px 15px; top: 175px; left: 0px; position: absolute;  } 
.promotion-item .item .offer-time-track .time-item { background: #000000;  float: left; margin-right: 5px; padding: 5px; text-align: center; font-size: 12px; }
.time-value { background-color:#ed1b24; color:#fff; padding: 5px; font-size: 16px; font-weight: 600;  }
.time-heading {  color:#fff; padding: 5px;  }

.promotion-item .card-body { color: #444; }
.promotion-item .card-body a{ color: #444; }
.promotion-item .card-body a:hover { opacity: 0.8; }
.promotion-item {  }
.promotion-item .card-footer{  }
.promotion-item .card-footer .expiry { line-height: 19px;     color: #444444; }
.promotion-item .card-footer .expiry .calendar-icon{ float: left; margin-right: 10px;  }


.pro-share { float: right; margin-left: 10px!important; margin-right: 0px!important;}
.pro-bookmark { float: right;    }


.pro-share  img       { width: 15px; float: right; opacity: 0.5; }
.pro-bookmark img     { width: 15px; float: right;  opacity: 0.5; }

.promotion-list .promotion-item {    margin-top: 0px; margin-bottom: 25px;  }
.promotion-list .promotion-item .item .offer-time-track {  top: 115px; }
.promotion-list .promotion-item .item .offer-time-track .time-item { background: #000000;  float: left; margin-right: 5px; padding: 5px; text-align: center; font-size: 10px; }
.promotion-list .time-value { background-color:#ed1b24; color:#fff; padding: 5px; font-size: 12px; font-weight: 600;  }



.main-promo-list .promotion-item {    margin-top: 0px; margin-bottom: 25px;  }
.main-promo-list .promotion-item .item .offer-time-track {  top: 175px; }
.main-promo-list .promotion-item .item .offer-time-track .time-item { background: #000000;  float: left; margin-right: 5px; padding: 5px; text-align: center; font-size: 12px; }
.main-promo-list .time-value { background-color:#ed1b24; color:#fff; padding: 5px; font-size: 16px; font-weight: 600;  }