/*Hero Banner Begins*/
main div.hero-banner.hb-split h1 {
  color: #00A24E;
}
main div.hero-banner.hb-split .hb-image {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=425,h=200,q=85,f=auto,fit=contain/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/top_banner_22022022.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 130px !important;
}
@media (min-width: 425px) {
  main div.hero-banner.hb-split .hb-image {
    height: 200px !important;
  }
}
@media (min-width: 768px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=502,h=200,q=85,f=auto,fit=contain/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/top_banner_22022022.jpg");
  }
  main div.hero-banner.hb-split .hb-image:before {
    content: none !important;
  }
}
@media (min-width: 1024px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=630,h=200,q=85,f=auto,fit=contain/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/top_banner_22022022.jpg");
  }
}
@media (min-width: 1280px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=630,h=200,q=85,f=auto,fit=contain/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/top_banner_22022022.jpg");
  }
}

/*Hero Banner Ends*/
/*Product Grid Begins*/
#eco-supplies .add-product {
  background-clip: content-box;
  background-color: white;
  outline: 1px solid #ededed;
  outline-offset: -10px;
  padding: 10px;
}
#eco-supplies .grid-prod-title {
  font-size: 1em;
  font-weight: 600;
}
#eco-supplies .grid-prod-price {
  font-size: 1.6em;
  font-weight: 400;
  color: #f2243f;
}
@media (min-width: 1024px) {
  #eco-supplies .grid-prod-price {
    font-size: 1.4em;
    font-weight: 600;
  }
}
#eco-supplies p.box-quantity {
  font-size: 14px;
  margin: 0;
  font-style: italic;
}
#eco-supplies span.prod-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75px;
}
#eco-supplies span.prod-vat-marker {
  font-size: 1em;
  font-weight: 400;
  color: #32374b;
}
#eco-supplies div.save-flash-cont {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 56px;
  height: 56px;
}
#eco-supplies div.save-flash-cont span.save-flash {
  width: inherit;
  height: inherit;
  background-color: #f2243f;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
#eco-supplies div.save-flash-cont span.save-flash:empty {
  display: none;
}
#eco-supplies .product-new {
  display: block;
}
#eco-supplies .product-new--pod {
  margin-top: 9px;
}

/*Product Grid Ends*/
/*H3 Image Replacement Begins*/
main #eco-supplies h3.fiesta-logo {
  font-size: 0.5em;
  line-height: 6.8em;
  position: absolute;
  top: 0;
  right: 10px;
  overflow: hidden;
}
@media (min-width: 640px) {
  main #eco-supplies h3.fiesta-logo {
    font-size: 1em;
    line-height: 2.5em;
  }
}
@media (min-width: 768px) {
  main #eco-supplies h3.fiesta-logo {
    line-height: 2em;
  }
}
@media (min-width: 1024px) {
  main #eco-supplies h3.fiesta-logo {
    line-height: 2.5em;
  }
}
main .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
main .fiesta-logo {
  width: 70px;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 640px) {
  main .fiesta-logo {
    width: 98px;
  }
}
@media (min-width: 768px) {
  main .fiesta-logo {
    width: 78px;
  }
}
@media (min-width: 1024px) {
  main .fiesta-logo {
    width: 98px;
  }
}
main .fiesta-logo-compostable {
  background-image: url("https://media.nisbets.com/static/content/logos/logo_fiesta_green_compostable.svg");
}
main .fiesta-logo-recyclable {
  background-image: url("https://media.nisbets.com/static/content/logos/logo_fiesta_green_recyclable.svg");
}

/*H3 Image Replacement Ends*/
/*Custom Buttons Begin*/
#eco-supplies {
  /*Text Link Begins*/
  /*Text Link Ends*/
  /*Green Buttons Begin*/
}
#eco-supplies .text-cta {
  font-size: 1em;
  color: #32374b;
  text-decoration: underline;
  display: block;
}
#eco-supplies a:hover {
  text-decoration: none;
}

.button {
  max-height: 42px;
  padding: 12px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}
.button-green {
  color: #ffffff;
  background-color: #00A24E;
  border: 1px solid transparent;
}
.button-green-outline {
  color: #00A24E;
  background-color: #ffffff;
  border: 1px solid #00A24E;
  width: 220px;
}
.button-green-outline span {
  color: #00A24E;
}
body .button-green-outline h3 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  color: #00A24E;
}
@media (min-width: 1024px) {
  .button-green-outline {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    bottom: 0;
  }
}

/*Green Buttons End*/
/*Custom Buttons Begin*/
/*Info Icon Begins*/
#eco-supplies p.info-icon::before {
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  background-image: url("https://media.nisbets.com/static/content/icons/info_icon.svg");
  background-repeat: no-repeat;
  background-size: 22px;
  -webkit-transform: translate(0, 22%);
          transform: translate(0, 22%);
}

/*Info Icon Begins*/
/*Banner Grid Begins*/
#eco-supplies .grid-banner {
  height: 214px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 425px) {
  #eco-supplies .grid-banner {
    height: 220px;
  }
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner {
    height: 138px;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner {
    height: 169px;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner {
    height: 229px;
  }
}
@media (min-width: 1280px) {
  #eco-supplies .grid-banner {
    height: 290px;
  }
}
#eco-supplies .grid-banner-bg {
  position: relative;
  height: inherit;
}
#eco-supplies .grid-banner-bg-cups {
  background-image: url(https://media.nisbets.com/cdn-cgi/image/w=300,h=214,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cups_22022022.jpg);
  height: 214px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 425px) {
  #eco-supplies .grid-banner-bg-cups {
    height: 220px;
  }
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-bg-cups {
    height: 138px;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-bg-cups {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=237,h=169,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cups_22022022.jpg);
    height: 169px;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-bg-cups {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=321,h=229,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cups_22022022.jpg);
    height: 229px;
  }
}
@media (min-width: 1280px) {
  #eco-supplies .grid-banner-bg-cups {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=406,h=290,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cups_22022022.jpg);
    height: 290px;
  }
}
#eco-supplies .grid-banner-bg-takeaway {
  background-image: url(https://media.nisbets.com/cdn-cgi/image/w=300,h=214,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/takeaway_22022022.jpg);
  height: 214px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 425px) {
  #eco-supplies .grid-banner-bg-takeaway {
    height: 220px;
  }
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-bg-takeaway {
    height: 138px;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-bg-takeaway {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=237,h=169,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/takeaway_22022022.jpg);
    height: 169px;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-bg-takeaway {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=321,h=229,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/takeaway_22022022.jpg);
    height: 229px;
  }
}
@media (min-width: 1280px) {
  #eco-supplies .grid-banner-bg-takeaway {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=406,h=290,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/takeaway_22022022.jpg);
    height: 290px;
  }
}
#eco-supplies .grid-banner-bg-cutlery {
  background-image: url(https://media.nisbets.com/cdn-cgi/image/w=300,h=214,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cutlery_22022022.jpg);
  height: 214px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 425px) {
  #eco-supplies .grid-banner-bg-cutlery {
    height: 220px;
  }
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-bg-cutlery {
    height: 138px;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-bg-cutlery {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=237,h=169,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cutlery_22022022.jpg);
    height: 169px;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-bg-cutlery {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=321,h=229,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cutlery_22022022.jpg);
    height: 229px;
  }
}
@media (min-width: 1280px) {
  #eco-supplies .grid-banner-bg-cutlery {
    background-image: url(https://media.nisbets.com/cdn-cgi/image/w=406,h=290,q=85,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/eco-supplies/assets/images/cutlery_22022022.jpg);
    height: 290px;
  }
}
#eco-supplies .grid-banner-text {
  width: calc(100% - 20px);
  height: 73px;
  background-color: #00A24E;
  position: absolute;
  bottom: 0;
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-text {
    height: 50px;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-text {
    height: 60px;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-text {
    height: 73px;
  }
}
#eco-supplies .grid-banner-text h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 0;
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-text h3 {
    font-size: 16px;
    margin: 4px 0 0;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-text h3 {
    margin: 8px 0 0;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-text h3 {
    font-size: 18px;
    margin: 15px 0 0;
  }
}
#eco-supplies .grid-banner-text p {
  color: #ffffff;
  font-size: 16px;
  text-decoration: underline;
  margin: 5px 0 0;
}
@media (min-width: 640px) {
  #eco-supplies .grid-banner-text p {
    margin: 0;
  }
}
@media (min-width: 768px) {
  #eco-supplies .grid-banner-text p {
    margin: 2px 0 0;
  }
}
@media (min-width: 1024px) {
  #eco-supplies .grid-banner-text p {
    margin: 5px 0 0;
  }
}
#eco-supplies .grid-banner a {
  height: inherit;
  width: 100%;
}

.lazyload-2x .mq-2x-1,
.mq-2x-2,
.mq-2x-3,
.mq-2x-4 {
  display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .lazyload-2x .mq-2x-4 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  .lazyload-2x .mq-2x-4 {
    display: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  .lazyload-2x .mq-2x-3 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .lazyload-2x .mq-2x-3 {
    display: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .lazyload-2x .mq-2x-2 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  .lazyload-2x .mq-2x-2 {
    display: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  .lazyload-2x .mq-2x-1 {
    display: block;
  }
}

/*Banner Grid Ends*/
/*Brand Block Begins*/
#eco-supplies .brand-container {
  max-width: 1130px;
}
#eco-supplies .brand-container-inner {
  height: 130px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(50, 55, 75, 0.3);
          box-shadow: 0 3px 6px rgba(50, 55, 75, 0.3);
}
#eco-supplies .brand-container-inner img {
  max-width: 200px;
  max-height: 100px;
  height: auto;
  width: 100%;
  padding: 0 10px;
}
#eco-supplies .text-cta {
  font-size: 1em;
  color: #32374b;
  text-decoration: underline;
  display: block;
}

/*Brand Block Ends*/
/*Info Dots Begins*/
.viewport-check .info-dot.in-view {
  -webkit-box-shadow: 0 0 10px 0px #32374b !important;
          box-shadow: 0 0 10px 0px #32374b !important;
}

.cleaners .dot-pos-1 {
  top: 7%;
  left: 7%;
}
.cleaners .dot-pos-2 {
  top: 39%;
  left: 29%;
}
.cleaners .dot-pos-3 {
  top: 28%;
  left: 48%;
}
.cleaners .dot-pos-4 {
  top: 17%;
  left: 86%;
}

.washroom .dot-pos-1 {
  top: 42%;
  left: 7%;
}
.washroom .dot-pos-2 {
  top: 20%;
  left: 19%;
}
.washroom .dot-pos-3 {
  top: 55%;
  left: 51%;
}
@media (min-width: 1024px) {
  .washroom .dot-pos-3 {
    top: 69%;
  }
}
.washroom .dot-pos-4 {
  top: 26%;
  left: 88%;
}

.sachets .dot-pos-1 {
  top: 53%;
  left: 5%;
}
.sachets .dot-pos-2 {
  top: 29%;
  left: 31%;
}
.sachets .dot-pos-3 {
  top: 15%;
  left: 55%;
}
@media (min-width: 1024px) {
  .sachets .dot-pos-3 {
    top: 19%;
  }
}
.sachets .dot-pos-4 {
  top: 50%;
  left: 84%;
}
@media (min-width: 1024px) {
  .sachets .dot-pos-4 {
    top: 64%;
  }
}

.concentrates .dot-pos-1 {
  top: 56%;
  left: 33%;
}
@media (min-width: 1024px) {
  .concentrates .dot-pos-1 {
    top: 71%;
    left: 34%;
  }
}
.concentrates .dot-pos-2 {
  top: 26%;
  left: 45%;
}
.concentrates .dot-pos-3 {
  top: 54%;
  left: 74%;
}
@media (min-width: 1024px) {
  .concentrates .dot-pos-3 {
    top: 69%;
  }
}

.modal-title {
  border-bottom: 4px solid #f2243f;
}
.modal-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    min-width: 700px;
  }
}
.modal-content {
  border: none;
}
.modal-body {
  padding: 40px 20px 40px 0px;
  position: relative;
}
.modal-body .close {
  margin: -20px 5px 15px 0;
}
@media (min-width: 640px) {
  .modal-body .row {
    margin-right: 0;
  }
}
.modal-body span.pack-qty {
  font-size: 17px;
  font-weight: 600;
  display: block;
}
.modal-body span.price {
  font-size: 34px;
  line-height: 30px;
  font-weight: 600;
  color: #f2243f;
}
.modal-body span.vat-value {
  font-size: 14px;
  font-weight: 400;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #32374b;
}
@media (min-width: 640px) {
  .modal-img {
    background-size: 300px 400px;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
  }
}
.modal .save-flash {
  width: inherit;
  height: inherit;
  background-color: #f2243f;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.modal .save-flash:empty {
  display: none;
}
.modal .save-flash-cont {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 56px;
  height: 56px;
}
.modal span.new-flash {
  position: absolute;
  top: 0;
  left: 10px;
}
.modal .product-new {
  display: block;
}
.modal .product-new--pod {
  margin-top: 0;
}

#eco-supplies .modal .add-product {
  outline: none;
  padding: 0;
}
#eco-supplies .modal .product-new--pod {
  margin-top: 0;
}
#eco-supplies .modal div.save-flash-cont {
  top: 0;
}

/*Info Dots Begins*/