@charset "utf-8";

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

#pdp-wrapper .pdp-article p { display: inline; font-size: 12px; padding-left: 0.3rem; color: rgb(51, 51, 51); }

#pdp-wrapper .pdp-article a { color: rgb(50, 92, 147); text-decoration: none; }

#pdp-wrapper .pdp-article a:hover { color: rgb(51, 51, 51); text-decoration: none; }

#pdp-wrapper .check::before, #pdp-wrapper .time::before, #pdp-wrapper .note::before, #pdp-wrapper .promo::before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 13px; padding-left: 0.2em; line-height: 0px; }

#pdp-wrapper .time::before { content: ""; color: rgb(239, 65, 53); }

#pdp-wrapper .note::before { content: ""; color: rgb(239, 65, 53); }

#pdp-wrapper .promo::before { content: ""; color: rgb(254, 239, 0); }

#pdp-wrapper .promo { padding-bottom: 2%; }

#pdp-wrapper #promo-colour { color: rgb(239, 65, 53); }

#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; }

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

#pdp-wrapper .modal-header { border-radius: 20px 20px 0px 0px; padding: 0px; }

#pdp-wrapper .modal-header button { background: rgb(255, 255, 255); color: rgb(51, 51, 51); width: 6%; padding-right: 30px; }

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

#pdp-wrapper .modal-footer { text-align: center; }

#pdp-wrapper .modal-footer button { background-color: rgb(50, 92, 147); width: 200px; font-size: 2rem; border-radius: 15px; }

@media screen and (min-width: 50px) and (max-width: 767px) {
  #pdp-wrapper .pdp-banner img { margin: 2% auto; display: block; }
  #pdp-wrapper, #pdp-wrapper .pdp-article p { font-size: 13px !important; }
}

#pdp-wrapper #integrityContent { text-align: left; }

#pdp-wrapper #integrityContent ul { margin: 0px 25px; }

#pdp-wrapper #integrityContent ul li { list-style-type: disc; }

#pdp-wrapper #integrityContent p { font-size: 15px !important; }

#pdp-wrapper #integrityContent .container p { font-size: 1.2em; }

#pdp-wrapper #integrityContent header { margin-bottom: 25px; padding-left: 5px; }

#pdp-wrapper #integrityContent h1 { float: none; }

#pdp-wrapper #integrityContent h1.main { margin-bottom: 0px; width: 100%; text-align: left; font-size: 3em; }

#pdp-wrapper #integrityContent h1.sub { margin-top: 0px; width: 100%; text-align: right; font-size: 2.5em; font-style: italic; }

#pdp-wrapper #integrityContent .check-mark { display: inline; font-size: 30px; padding-left: 5px; }

#pdp-wrapper #integrityContent section.price-gurantee img { width: 100%; }

#pdp-wrapper #integrityContent section.plus h2 { padding: 10px 0px; }

#pdp-wrapper #integrityContent section.plus h3 { display: inline; }

#pdp-wrapper #integrityContent section.price-gurantee p { width: 98%; margin: 15px auto; }

#pdp-wrapper #integrityContent article img { width: 20%; float: right; }

#pdp-wrapper #integrityContent article h2 { float: left; display: inline; width: 80%; margin-top: 40px; }

#pdp-wrapper #integrityContent article p { width: 80%; }

#pdp-wrapper #integrityContent .center { text-align: center; }

#pdp-wrapper #integrityContent .plus { clear: both; }

#pdp-wrapper #integrityContent .plus div { vertical-align: middle; }

#pdp-wrapper #integrityContent .plus-table { background: rgb(238, 238, 238); padding: 10px; width: 90%; margin: auto; }

#pdp-wrapper #integrityContent .plus-table h3 { font-weight: bold; color: rgb(0, 88, 129); }

#pdp-wrapper #integrityContent .container .plus-table p { font-size: 1.1em; }

#pdp-wrapper #integrityContent .container footer p { font-size: small; }

#pdp-wrapper #integrityContent .container footer { margin-top: 35px; }

#pdp-wrapper #integrityContent hr { clear: both; width: 95%; }

#pdp-wrapper #integrityContent .shopping-button { display: table-cell; vertical-align: middle; text-align: center; background: rgb(34, 75, 115); border: double white; }

#pdp-wrapper #integrityContent .shopping-button a { display: block; padding: 20px 0px; text-decoration: none; color: rgb(255, 255, 255); font-size: small; }

#pdp-wrapper #integrityContent .shopping-button:hover { background: rgb(51, 103, 153); }

#pdp-wrapper #integrityContent .shopping-button:hover a { color: white; }

#pdp-wrapper #integrityContent nav.integrity-nav { margin-top: 25px; }

#pdp-wrapper #integrityContent nav.integrity-nav h3 { padding: 5px 5px 5px 0px; }

#pdp-wrapper #integrityContent .row-same-height { display: table; width: 100%; }

#pdp-wrapper #integrityContent .col-xs-height { display: table-cell; float: none !important; }

@media (min-width: 768px) {
  #pdp-wrapper #integrityContent .col-sm-height { display: table-cell; float: none !important; }
}

@media (min-width: 992px) {
  #pdp-wrapper #integrityContent .col-md-height { display: table-cell; float: none !important; }
}

@media (min-width: 1200px) {
  #pdp-wrapper #integrityContent .col-lg-height { display: table-cell; float: none !important; }
}

#pdp-wrapper #integrityContent col-top { vertical-align: top; }

#pdp-wrapper #integrityContent .col-middle { vertical-align: middle; }

#pdp-wrapper #integrityContent .col-bottom { vertical-align: bottom; }

@media screen and (min-width: 50px) and (max-width: 767px) {
  #pdp-wrapper #integrityContent div.side-image { display: none; }
  #pdp-wrapper #integrityContent section.price-gurantee { width: 100%; }
  #pdp-wrapper #integrityContent article h2 { width: 100%; }
  #pdp-wrapper #integrityContent article p { width: 100%; }
  #pdp-wrapper #integrityContent .spacing { padding-bottom: 10px; }
  #pdp-wrapper #integrityContent .plus-table { width: 100%; }
  #pdp-wrapper #integrityContent p { font-size: 15px !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #pdp-wrapper #integrityContent article img { margin-top: 10px; }
  #pdp-wrapper #integrityContent article h2 { margin-top: 10px; }
}

@media screen and (min-width: 50px) and (max-width: 529px) {
  #pdp-wrapper #integrityContent h1.main { font-size: 1.9em !important; }
  #pdp-wrapper #integrityContent h1.sub { font-size: 1.5em !important; }
  #pdp-wrapper #integrityContent article h2 { margin-top: 10px; }
  #pdp-wrapper #integrityContent nav.integrity-nav { margin-top: 0px; }
  #pdp-wrapper #integrityContent .plus-table p { padding-left: 5px; }
  #pdp-wrapper #integrityContent .center h3 { font-size: 15px; }
  #pdp-wrapper #integrityContent .check-mark { font-size: 15px; }
}

#pdp-wrapper #delivery-custom p { font-size: 15px !important; }

#pdp-wrapper #delivery-custom h1, #pdp-wrapper #delivery-custom h2, #pdp-wrapper #delivery-custom h3, #pdp-wrapper #delivery-custom h4, #pdp-wrapper #delivery-custom p, #pdp-wrapper #delivery-custom li, #pdp-wrapper #delivery-custom a { font-family: "Open Sans"; }

#pdp-wrapper #delivery-custom a { color: rgb(104, 200, 198); font-size: 1.4rem; }

#pdp-wrapper #delivery-custom a:hover { color: rgb(163, 0, 70); }

#pdp-wrapper #delivery-custom p, #pdp-wrapper #delivery-custom li { font-size: 1.4rem; }

#pdp-wrapper #delivery-custom header h1 { text-align: center; color: black; font-size: 5rem; font-weight: bold; text-transform: uppercase; float: none; }

#pdp-wrapper #delivery-custom header { position: relative; background: rgb(104, 200, 198); border: 4px solid rgb(104, 200, 198); border-radius: 16px; padding-bottom: 10px; }

#pdp-wrapper #delivery-custom header::after, #pdp-wrapper #delivery-custom header::before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

#pdp-wrapper #delivery-custom header::after { border-color: rgb(104, 200, 198) rgba(104, 200, 198, 0) rgba(104, 200, 198, 0); border-width: 30px; margin-left: -30px; }

#pdp-wrapper #delivery-custom header::before { border-color: rgb(104, 200, 198) rgba(245, 245, 245, 0) rgba(245, 245, 245, 0); border-width: 36px; margin-left: -36px; }

#pdp-wrapper #delivery-custom hr#slow-width { margin: 6% auto auto; border-top: 1px solid rgb(145, 145, 149); width: 80%; border-bottom: none; animation: 1.5s ease-out 0s 1 normal none running changeWidth; }

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

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

#pdp-wrapper #delivery-custom header img { float: left; width: 58%; }

#pdp-wrapper #delivery-custom .green { color: rgb(239, 65, 53); font-weight: bold; }

#pdp-wrapper #delivery-custom article { clear: both; padding-top: 1%; }

#pdp-wrapper #delivery-custom .header-background p { position: absolute; bottom: 0px; right: 0px; }

#pdp-wrapper #delivery-custom nav.delivery-nav { margin-top: 15px; }

#pdp-wrapper #delivery-custom .faq-link { margin-bottom: 10px; }

#pdp-wrapper #delivery-custom .services-block { background: rgb(238, 238, 238); border: 5px solid white; padding: 0px 15px; }

#pdp-wrapper #delivery-custom .shopping-button { display: table-cell; vertical-align: middle; text-align: center; background-color: rgb(50, 92, 147); border: solid white; border-radius: 7px; box-shadow: rgb(136, 136, 136) 0px 0px 2px; transition: box-shadow 0.2s; }

#pdp-wrapper #delivery-custom .shopping-button a { display: block; padding: 20px 0px; text-decoration: none; color: rgb(255, 255, 255); font-size: 3rem; }

#pdp-wrapper #delivery-custom .shopping-button:hover { background-color: rgb(253, 185, 19); box-shadow: rgb(136, 136, 136) 0px 2px 5px; }

#pdp-wrapper #delivery-custom .shopping-button:hover a { color: white; }

#pdp-wrapper #delivery-custom footer p { font-size: 1em; }

#pdp-wrapper #delivery-custom .row-same-height { display: table; width: 100%; }

#pdp-wrapper #delivery-custom .col-xs-height { display: table-cell; float: none !important; }

@media (min-width: 768px) {
  #pdp-wrapper #delivery-custom .col-sm-height { display: table-cell; float: none !important; }
}

@media (min-width: 992px) {
  #pdp-wrapper #delivery-custom .col-md-height { display: table-cell; float: none !important; }
}

@media (min-width: 1200px) {
  #pdp-wrapper #delivery-custom .col-lg-height { display: table-cell; float: none !important; }
}

#pdp-wrapper #delivery-custom .col-top { vertical-align: top; }

#pdp-wrapper #delivery-custom .col-middle { vertical-align: middle; }

#pdp-wrapper #delivery-custom .col-bottom { vertical-align: bottom; }

@media screen and (min-width: 50px) and (max-width: 767px) {
  #pdp-wrapper #delivery-custom h1.large-size { display: none; }
  #pdp-wrapper #delivery-custom h1.small-size { display: block; float: left; padding-bottom: 2%; }
  #pdp-wrapper #delivery-custom header img { width: 100%; margin-top: 3%; }
  #pdp-wrapper #delivery-custom hr#slow-width { margin-top: 13%; }
  #pdp-wrapper #delivery-custom header h1 { font-size: 4em; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #pdp-wrapper #delivery-custom header h1 { padding-right: 0px; font-size: 4.5em; padding-top: 18px; }
  #pdp-wrapper #delivery-custom header img { width: 54%; padding-top: 5%; }
}

@media screen and (min-width: 530px) and (max-width: 767px) {
  #pdp-wrapper #delivery-custom h1.small-size { font-size: 4em; }
}

@media screen and (min-width: 50px) and (max-width: 529px) {
  #pdp-wrapper #delivery-custom h1.small-size { font-size: 3em !important; letter-spacing: 1px; }
}