@charset "utf-8";

#pdp5-promo-card { margin-bottom: 10px; }

#pdp5-promo-card, #pdp5-promo-card .container { width: 100%; max-width: 595px !important; }

#pdp5-promo-card .container { padding: 0px; }

#pdp5-promo-card .row { display: flex; align-items: center; margin: 0px; border-radius: 0px 8px 8px 0px; }

#pdp5-promo-card .container .row .col-xs-12 { padding-left: 0px; margin: 3px; padding-right: 0px; }

#pdp5-promo-card #card-content { display: flex; align-items: center; flex-direction: row; height: 100%; background-image: linear-gradient(to right, rgb(0, 40, 70) 15%, rgb(39, 125, 176)); justify-content: center; border-radius: 25px 5px; }

#mobile-img { display: none; }

#pdp5-promo-card #card-content #img-holder { place-content: center; display: flex; flex-basis: 26%; }

#pdp5-promo-card #card-content #content-holder { flex-basis: 70%; display: flex; align-items: center; border: 3px solid rgb(255, 255, 255); border-radius: 20px 5px; margin: 10px; padding: 8px; }

#pdp5-promo-card #card-content h5 { color: white; margin: 0px; padding: 0px; font-size: 13px; line-height: initial; text-transform: inherit !important; }

#pdp5-promo-card #card-content i { padding-left: 5px; }

#pdp5-promo-card #card-content p { color: rgb(118, 118, 118); font-size: 12px; margin-bottom: 0px; margin-top: 5px; line-height: initial; }

#promo-msg #large-font { font-weight: bold; font-size: 13.5px; text-transform: uppercase; display: block; margin-bottom: 3px; }

#close-button { color: rgba(255, 255, 255, 0.76); display: flex; flex-direction: row; background-color: transparent; font-size: 25px; cursor: pointer; z-index: 999999999; justify-content: end; margin: 5px 0px; width: 0%; padding: 0px !important; }

@media screen and (min-width: 50px) and (max-width: 500px) {
  #mobile-img { display: block; filter: drop-shadow(black 2px 5px 13px); margin-bottom: 0px; width: 110px; }
  #pdp5-promo-card #card-content #img-holder { display: none; }
  #pdp5-promo-card #card-content #content-holder { flex-basis: 100%; flex-flow: column; padding: 10px; }
}

#pdp-wrapper { font-family: "Open Sans"; text-align: left; }

#pdp-wrapper #card-content a { color: rgb(51, 51, 51); text-decoration: none; }

#pdp-wrapper #card-content a:hover { text-decoration: none; }

#pdp-wrapper .data-box { cursor: pointer; }

#pdp-wrapper .pdp-banner img { width: 100%; max-width: 300px; margin-top: 2%; }

#pdp-wrapper .modal { z-index: 99999; padding: 0px !important; }

.modal-dialog.modal-lg { position: absolute; left: 50%; top: 50%; max-height: 100%; width: 95% !important; transform: translate(-50%, -50%) !important; }

#pdp-wrapper .modal-title { line-height: 2.8; padding-left: 15px; }

header::before, header::after { display: none; }

#pdp-wrapper #rebateModal .modal-body { position: relative; padding: 0px !important; }

.modal .modal-content button::before { display: none; }

#pdp-wrapper .btn-default:active:focus { color: rgb(205, 205, 205); }

#pdp-wrapper .modal-content { border-radius: 20px; overflow: hidden; }

@media screen and (min-width: 751px) and (max-width: 991px) {
  #pdp-wrapper #delivery-custom header h1 { font-size: 3.5em; }
}

@media screen and (min-width: 50px) and (max-width: 750px) {
  #pdp-wrapper #delivery-custom header h1 { font-size: 3em; }
}

@media screen and (min-width: 50px) and (max-width: 500px) {
  #pdp-wrapper #delivery-custom header h1 { font-size: 2.5em; padding: 10px; }
}

@-webkit-keyframes changeWidth { 
  0% { width: 20%; }
  100% { width: 80%; }
}

@keyframes changeWidth { 
  0% { width: 20%; }
  100% { width: 80%; }
}