.promobanner-placeholder {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.navbar.prls-sub-nav {
  z-index:1000 !important;
}
header#main-nav {
  z-index:1010;
}


#promoBanner, 
.promoBanner {
  height:auto;
  line-height:30px;
  padding:30px 0;
  text-align:center;
  width:100%;
  color:#fff;
  background: #000;
  position:relative;
  z-index:999;
}

#promoBanner.fixed,
.promoBanner.fixed{
  position: fixed !important;
  top:0;
}

#promoBannerLink,
.promoBannerLink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#promoBanner .container,
.promoBanner .container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
}

.promoBanner.bannerTimer {
  padding:0px;
  background: #e8e8e7 url('./img/PD15-BD-website-banner-bg-2560x90.png') no-repeat center top;
  background-size: cover;
  -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.25);
  box-shadow: inset 0 5px 5px rgba(0,0,0,.25);
}
.promoBanner.bannerTimer.promoCollapse {
  padding:0px;
  background: #e8e8e7 url('./img/PDF15_BD_website_991x250.png') no-repeat center top;
  background-size: 100% 100%;
  -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.25);
  box-shadow: inset 0 5px 5px rgba(0,0,0,.25);
}
@media(max-width:767px){
.promoBanner.bannerTimer.promoCollapse {
  background: #e8e8e7 url('./img/PDF15_BD_website_767x220.png') no-repeat center top;
  background-size: auto;
}
}
@media(max-width:991px){
.promoBanner.bannerTimer.promoCollapse .promoBannerText {
  padding: 10px 20px 0px;
}
}

.promoBanner.bannerTimer a,
.promoBanner.bannerTimer a:hover,
.promoBanner.bannerTimer a:focus {
  color:#09f;
  text-decoration: none;
}

.promoBannerText{
  color:#092642;
  text-align: right;
  margin:0px;
  padding:5px 20px;
}
html[lang='br'] .promoBannerText,
html[lang='es'] .promoBannerText,
html[lang='mx'] .promoBannerText{
  padding:5px 10px;
}
@media(min-width:992px){
#promoBanner .container,
.promoBanner .container {
  flex-wrap: nowrap;
}
.promoBannerText{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
}
@media(max-width:650px){
.promoBannerText {
}
}
.promoCollapse .promoBannerText{
  text-align: center;
  margin: 0px auto 0;
}
.promoBanner .promoBannerText h3{
  color:#092642;
  font-size:24px;
  line-height:35px;
  margin-top:0px;
  margin-bottom:0px;
  font-weight:400;
  display: inline-block;
  //text-transform: uppercase;
}
.promoBanner .promoBannerText h3 span{
  font-size:24px;
  line-height:35px;
  margin-bottom:0px;
  font-weight:600;
  //text-transform: none;
}

html[lang="fr-ca"] body {font-family: "Helvetica Neue LT W1G Condenced","Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;}
html[lang="ch"] body {font-family: "Helvetica Neue LT W1G Condenced","Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;}

html[lang="de"] .promoBanner .promoBannerText h3,
html[lang="ch"] .promoBanner .promoBannerText h3,
html[lang="kr"] .promoBanner .promoBannerText h3,
html[lang="br"] .promoBanner .promoBannerText h3 {
  font-size: 24px;
}
html[lang="it"] .promoBanner .promoBannerText h3 {
  font-size: 23px;
}
html[lang="nl"] .promoBanner .promoBannerText h3{
  //font-size:20px;
}
html[lang="fr"] .promoBanner .promoBannerText h3,
html[lang="fr-ca"] .promoBanner .promoBannerText h3,
html[lang="se"] .promoBanner .promoBannerText h3,
html[lang="es"] .promoBanner .promoBannerText h3,
html[lang="mx"] .promoBanner .promoBannerText h3{
  font-size:19px;
}
html[lang="fr"] .promoBanner .promoBannerText h3 span,
html[lang="fr-ca"] .promoBanner .promoBannerText h3 span,
html[lang="es"] .promoBanner .promoBannerText h3 span,
html[lang="mx"] .promoBanner .promoBannerText h3 span{
  font-size:19px;
}

.promoBanner .promoBannerText p{
  font-size:16px;
  line-height:35px;
  margin-top:4px;
  margin-bottom:0px;
  margin-left:30px;
  display: inline-block;
  color:#092642;
}
html[lang="hk"] .promoBanner .promoBannerText p,
html[lang="jp"] .promoBanner .promoBannerText p{
  font-size:13px;
}
html[lang="kr"] .promoBanner .promoBannerText p{
  font-size:13px;
}
html[lang="fr"] .promoBanner .promoBannerText p,
html[lang="fr-ca"] .promoBanner .promoBannerText p{
  font-size:13px;
}
html[lang="br"] .promoBanner .promoBannerText p,
html[lang="es"] .promoBanner .promoBannerText p,
html[lang="mx"] .promoBanner .promoBannerText p{
  font-size:13px;
}

@media(min-width:992px) and (max-width:1921px){
  .promoBanner.bannerTimer {
    background-image: url('./img/PD15-BD-website-banner-bg-1920x90.png');
  }
}

@media(min-width:1830px){
  #promoBanner .container, 
  .promoBanner .container {
    width: 1800px;
  }

  .promoBanner .promoBannerText h3,
  .promoBanner .promoBannerText h3 span,
  html[lang="kr"] .promoBanner .promoBannerText h3,
  html[lang="de"] .promoBanner .promoBannerText h3,
  html[lang="ch"] .promoBanner .promoBannerText h3,
  html[lang="se"] .promoBanner .promoBannerText h3{
    font-size: 40px;
  }
  html[lang="it"] .promoBanner .promoBannerText h3,
  html[lang="nl"] .promoBanner .promoBannerText h3,
  html[lang="br"] .promoBanner .promoBannerText h3,
  html[lang="br"] .promoBanner .promoBannerText h3 span {
    font-size:32px;
  }
  html[lang="es"] .promoBanner .promoBannerText h3,
  html[lang="mx"] .promoBanner .promoBannerText h3,
  html[lang="es"] .promoBanner .promoBannerText h3 span,
  html[lang="mx"] .promoBanner .promoBannerText h3 span,
  html[lang="fr"] .promoBanner .promoBannerText h3,
  html[lang="fr-ca"] .promoBanner .promoBannerText h3,
  html[lang="fr"] .promoBanner .promoBannerText h3 span,
  html[lang="fr-ca"] .promoBanner .promoBannerText h3 span{
    font-size: 27px;
  }
  .promoBanner .promoBannerText p {
    font-size: 22px;
    margin-left: 110px;
  }
  html[lang="hk"] .promoBanner .promoBannerText p,
  html[lang="kr"] .promoBanner .promoBannerText p,
  html[lang="br"] .promoBanner .promoBannerText p{
    font-size: 23px;
    margin-left: 100px;
  }
  html[lang="jp"] .promoBanner .promoBannerText p {
    font-size: 20px;
    margin-left: 60px;
  }
  html[lang="es"] .promoBanner .promoBannerText p,
  html[lang="mx"] .promoBanner .promoBannerText p,
  html[lang="fr"] .promoBanner .promoBannerText p,
  html[lang="fr-ca"] .promoBanner .promoBannerText p{
    font-size: 18px;
    margin-left: 60px;
  }
}

@media(min-width:1400px) and (max-width: 1829px){
  #promoBanner .container, 
  .promoBanner .container {
    width: 1370px;
  }

  .promoBanner .promoBannerText h3,
  .promoBanner .promoBannerText h3 span,
  html[lang="kr"] .promoBanner .promoBannerText h3,
  html[lang="de"] .promoBanner .promoBannerText h3,
  html[lang="ch"] .promoBanner .promoBannerText h3,
  html[lang="se"] .promoBanner .promoBannerText h3{
    font-size: 30px;
  }
  html[lang="it"] .promoBanner .promoBannerText h3,
  html[lang="nl"] .promoBanner .promoBannerText h3,
  html[lang="br"] .promoBanner .promoBannerText h3,
  html[lang="br"] .promoBanner .promoBannerText h3 span {
    font-size:27px;
  }
  html[lang="es"] .promoBanner .promoBannerText h3,
  html[lang="mx"] .promoBanner .promoBannerText h3,
  html[lang="es"] .promoBanner .promoBannerText h3 span,
  html[lang="mx"] .promoBanner .promoBannerText h3 span,
  html[lang="fr"] .promoBanner .promoBannerText h3,
  html[lang="fr-ca"] .promoBanner .promoBannerText h3,
  html[lang="fr"] .promoBanner .promoBannerText h3 span,
  html[lang="fr-ca"] .promoBanner .promoBannerText h3 span{
    font-size: 20px;
  }
  .promoBanner .promoBannerText p {
    font-size: 20px;
  }
  html[lang="hk"] .promoBanner .promoBannerText p,
  html[lang="kr"] .promoBanner .promoBannerText p,
  html[lang="br"] .promoBanner .promoBannerText p{
    font-size: 20px;
  }
  html[lang="jp"] .promoBanner .promoBannerText p {
    font-size: 15px;
  }
  html[lang="es"] .promoBanner .promoBannerText p,
  html[lang="mx"] .promoBanner .promoBannerText p,
  html[lang="fr"] .promoBanner .promoBannerText p,
  html[lang="fr-ca"] .promoBanner .promoBannerText p{
    font-size: 16px;
  }
}


.promoBannerTimer .timer-wrapper {
  background-color:#000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}
.promoBannerTimer{
  position: relative;
  margin: 10px 0px;
  width:335px;
  height:70px;
  border-radius: 3px;
  flex-shrink:0;
}
.promoBanner:not(.promoCollapse) .promoBannerTimer{
  padding-top: 0px;
  padding-left: 15px;
  //border-left: 1px solid #3a3d44;
  height: 70px;
  text-align: left;
}
.promoCollapse .promoBannerTimer{
  margin: 10px auto 10px;
  text-align: center;
  border: none;
  padding: 0px;
  height: auto;
}
.promoBannerTimer .timerCol{
  width:60px;
  padding-top:6px;
  text-align: center;
  position:relative;
}
.promoBannerTimer .timerCol + .timerCol:before {
  content: ":";
  display: inline-block;
  font-size:30px;
  position: absolute;
  left: -16px;
  top:11px;
  color: #fff;
}

.promoBannerTimer .cd-num{
  float:left;
  width:30px;
  height: 43px;
  font-size: 34px;
  line-height: 43px;
  text-align: center;
  color:#000;
  background-color:#fff;
  display: inline-block;
  margin-bottom: 3px;
}
.promoBannerTimer .cd-num:nth-child(1) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  text-align:right;
}
.promoBannerTimer .cd-num:nth-child(2) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align:left;
  
  /* ie-fix : */
  position:relative;
  left:-1px;
}

.promoBannerTimer .label{
  float:left;
  color:#fff;
  font-size:10px;
  line-height: 14px;
  text-transform: uppercase;
  width:100%;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.promoBannerTimer .label-limited {
  //display:none;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 0;
}
.promoBannerTimer .label-limited.hurry {
  text-align: center;
  display:none;
}
.promoBannerTimer .label-limited.timeline {
  display:none;
}


progress.progressbar {
  display: none;
  border:0;
  width: 120px;
  height: 6px;
  border-radius: 3px;
  background: #f1f1f1;
}
progress.progressbar::-webkit-progress-bar {
  width: 120px;
  height: 6px;
  border-radius: 3px;
  background: #f1f1f1;
}
progress.progressbar::-webkit-progress-value {
  border-radius: 3px;
  background: #d71931;
}
progress.progressbar::-moz-progress-bar {
  border-radius: 3px;
  background: #d71931;
}
