body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'open-sans-extrabold'; /*this is what you put on your font family*/
  src: url('/themes/brandstheme/src/fonts/open-sans/OpenSans-ExtraBold.ttf'); /*Link to the font*/
  font-display: swap;
}

@font-face {
  font-family: 'Akzidenz-Grotesk-Bold'; /*this is what you put on your font family*/
  src: url('/themes/brandstheme/src/fonts/AkzidenzGrotesk/AktivGrotesk-XBold.ttf'); /*Link to the font*/
  font-display: swap;
}

@font-face {
  font-family: 'Akzidenz-Grotesk-Medium'; /*this is what you put on your font family*/
  src: url('/themes/tastytheme/src/fonts/AkzidenzGroteskBE-Regular'); /*Link to the font*/
  font-display: swap;
}



.opensans-font {
  font-family: 'Open Sans', sans-serif;
}


.text-white {
  color: #fff;
}

.margin-right {
  margin-right: 50px;
}

.product-claim-font {
  font-size: 1.3rem;
}

.p-absolute {
  position:absolute;
}

.noDesktop-sm {
  display: none;
}

.noMobile-sm {
  display: block;
}

/**********************************
   Fonts
**********************************/



/**********************************
   Menu
**********************************/
ul.minicanisters_menu {
  height: 75px;
  padding: 0 30px;
}

.minicanisters-logo {
  display:flex;
  align-items: center;
  justify-content: center;
}

/**********************************
   Remove
**********************************/

/*section#banner {*/
/*  background-image: url('/themes/brandstheme/src/images/minicanisters/minicanisters-header-dsk.jpg');*/
/*  height: 580px;*/
/*  background-size: cover;*/
/*}*/



/**********************************
  Header Bottom
**********************************/

.header-bottom {
  background-color:#31414A;
  padding-bottom: 60px;
  text-align: center;
  padding-top: 30px;
  margin-top: -20px
}

.header-bottom .container {
  position: relative;
}

.header-bottom .container div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-bottom .container p {
  font-family: open-sans, sans-serif;
  margin-bottom: 40px;
}

 div.bottom-header-heading > svg:nth-child(1) {
   position: relative;
   left: -10px;
   top: -5px;
 }


div.bottom-header-heading > svg:nth-child(3) {
  position: relative;
  left: 10px;
  top: -10px
}

div.header-bottom > div.container > img:nth-child(1) {
  width: 120px;
  left: 85%;
  top: 50%;
}

div.header-bottom > div.container > img:nth-child(2) {
  width: 120px;
  right: 95%;
}

div.header-bottom > div.container > img:nth-child(3) {
  width: 120px;
  right: 85%;
  top: 60%
}

div.header-bottom > div.container > img:nth-child(4) {
  width: 120px;
  left: 95%;
}
/**********************************
   Products Section
**********************************/

.product-copy-minicanisters {
  margin-top:3rem;
}
.fa-nutrition, .fa-ingredients {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom:8px;
}

 .fa-nutrition.red-product > .minicanisters-nutrition-title > h3,
 .fa-ingredients.red-product > .minicanisters-ingredients-title > h3,
 .fa-nutrition.blue-product > .minicanisters-nutrition-title > h3,
 .fa-ingredients.blue-product > .minicanisters-ingredients-title > h3
 {
   color:#fff;
 }

.fa-nutrition.orange-product-2 > .minicanisters-nutrition-title > h3,
.fa-ingredients.orange-product-2 > .minicanisters-ingredients-title > h3  {
  color:#75190B;
}

.fa-nutrition.orange-product > .minicanisters-nutrition-title > h3,
.fa-ingredients.orange-product > .minicanisters-ingredients-title > h3  {
  color:#000;
}


.fa-nutrition.orange-product, .fa-ingredients.orange-product {
  border-bottom: 2px solid #000;
}

.fa-nutrition.orange-product-2, .fa-ingredients.orange-product-2 {
  border-bottom: 2px solid #75190B;
}


.minicanisters-nutrition-title h3, .minicanisters-ingredients-title h3 {
  font-size: 1.2em;
  font-family: 'Akzidenz-Grotesk-Bold', Helvetica, Arial, sans-serif;
}

.fa-swap, .fa-ingredients-swap {
  cursor: pointer;
}

.products-ingredients {
  padding: 8px 0;
}

.red {
  background-color:#E53838;
}

.light-green {
  background-color: #43D8C4;
}

.light-blue {
  background-color: #41B1F8;
}


.orange {
  background-color: #FFA43A;
}

.dark-green {
  background-color: #015D37;
  color:#fff;
}

.purple{
  background-color: #B01F5A;
}

.minicanisters-product-container {
  display: flex;
  position: relative;
}

.products-recipe-image {
  display: flex;
  justify-content: center;
}
.part-popcorn-bg-top img, .part-popcorn-bg-bottom img {
  max-width: 100%;
  width: 100%;
  transform: translate(10px, 10px);
  position: relative;
}

.part-popcorn-text-container {
  text-align: center;
  display: flex;
  justify-content: center;
}

div.part-popcorn-text-container > svg:nth-child(1) {
  position: relative;
  left: -10px;
  top:-8px
}


div.part-popcorn-text-container > svg:nth-child(3) {
  position: relative;
  left:10px;
  top:-13px
}

.minicanisters-product-claims {
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 9rem;
}

.minicanisters-product-claim-img {
  height: 100px;
}

 .red-bg-arrow-img {
   left: -28%;
   top: 35%;
   -webkit-transition: all .4s ease-in-out;
}


.red-bg-arrow-img img {
  width: 80%;
}
 .red-bg-triangle-img {
  top:20%;
   left:0;
   -webkit-transition: all .4s ease-in-out;
 }

.red-bg-triangle-img img {
  width: 85%;
}
.red-bg-popcorn-img {
  left: 72%;
  top: 20%;
  -webkit-transition: all .4s ease-in-out;
}

.red-bg-popcorn-img img {
  width:95%
}
.red-bg-airpopped-img{
  top:60%;
  left:70%;
}

.red-bg-airpopped-img img {
  width: 90%;
}

.lightgreen-img-2 img {
  width: 85%;
}

.lightgreen-arrow-img {
  top: 17%;
  left: 76%;
}

.lightgreen-img-1 {
  top:50%;
  left: 75%;
}

.lightgreen-img-2 {
  top: 50%;
  left:-2%;
}

.lightgreen-img-3 {
  top:15%;
  left: 0;
}

div.light-green > div.minicanisters-product-container >  div.product-copy-minicanisters > div {
  margin-left: 7rem;
}

.lightblue-bg-img-one {
  top: 10%;
  left: 3%;
}

.lightblue-bg-img-one img {
  width: 80%;
}


.lightblue-bg-img-arrow {
  top:30%;
  left: -25%;

}

.lightblue-bg-img-three img, .lightblue-bg-img-two img {
  width: 75%;
}

.lightblue-bg-img-two {
  top:60%;
}

.lightblue-bg-img-three {
  top:30%;
  left: 75%;
}


.orange-bg-arrow{
  top:5%;
  left: 75%;
}

.orange-bg-one {
  top:25%;
  left: 70%;
}

orange-bg-one img{
  width: 95%;
}

.orange-bg-two {
  top:55%;
  left: 80%;
}

.orange-bg-two img {
  width:165px;
}
.orange-bg-three {
  top: 30%;
}

.orange-bg-three img {
  width: 80%;
}

div.orange > div.minicanisters-product-container >  div.product-copy-minicanisters > div {
  margin-left: 7rem;
  color: #fff;
}

.darkgreen-bg-one {
  top: 15%;
  left: 0
}

.darkgreen-bg-one img {
  width: 63%;
}

.darkgreen-bg-arrow {
  top:45%;
  left: -20%;
}

.darkgreen-bg-two {
  left: 76%;
  top:30%
}

.darkgreen-bg-three {
  left: 74%;
  top:60%
}

.darkgreen-bg-three img {
  width:85%;
}



.product-copy-minicanisters > div {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.products-body.minicanisters-fave-body p {
  color: inherit;
}

.products-disclaimer p {
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.3em;
  width: 85%;
  font-family: open-sans, sans-serif;
  color: inherit;
  width:100%;
}

.ingredients-copy p {
  color: inherit;
  font-family: 'Akzidenz-Grotesk-Medium', Helvetica, Arial, sans-serif;
}

.ingredients-copy {
  margin-top: 10px;
}

.products-body p {
  font-size: 16px;
  font-family: open-sans, sans-serif;
}

.lightgreen-img-1 img {
  width: 80%;
}

.light-green, .dark-green {
  padding-bottom: 25px;
}

.orange > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-ingredients > div.fa-ingredients > div.fa-ingredients-icon.fa-ingredients-swap.noMobile > svg > g > path {
  fill: #fff !important;
}
.orange > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-nutrition > div.fa-nutrition > div.fa-nutrition-icon.fa-swap > svg > g > path {
  fill:#fff;
}

.product-img-col {
  max-height: 500px;
}




/**********************************
  Nutrition Table
**********************************/

.nutrition_minicanisters {
  padding:20px;
  margin-top: 20px;
}

table.performance-facts__table tr {
  border-bottom: 2px solid #FFF;
  text-align: left;
}

.light-green table.performance-facts__table tr {
  border-bottom: 2px solid #333;
  text-align: left;
}

table.performance-facts__table tr td {
  padding: 8px;
}
 th {
   padding: 0 8px 8px 8px;
 }

div.performance-facts > table > thead > tr:nth-child(2) {
  border-bottom: 2px solid #000;
  padding:8px;
}

#nutrition-facts > div.performance-facts > table > thead > tr:nth-child(1) {
  border:none;
}

.nutrition-title {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: open-sans, sans-serif;
}

td {
  font-family: open-sans, sans-serif;
}

table {
  width: 100%;
}

/*.bold-border{*/
/*  border-bottom: 4px solid #000 !important;*/
/*}*/

.nutrition-title {
  text-align: left;
  margin-bottom: 10px;
}

div#nutrition-facts {
  color:#FFF
}

.light-green #nutrition-facts {
  color:#333
}


  /*Coupon Block*/

.minicanisters-coupon--container {
  display:flex;
  justify-content: center;
  background-color: #31414A;
  padding: 70px;
}

.minicanisters-coupon--text {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  text-align: center;
  padding: 0 20px;
}

.minicanisters-coupon--text h3 {
  font-size: 39px;
  width: 70%;
  font-family: 'Veneer';
}
.minicanisters-coupon--leftcol {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #43D8C4;
  text-align: center;
}

.minicanisters-coupon--leftcol img {
  width:90%;
}

.arrow-section-footer-white {
  display: none;
}

.btn_minicanisters {
  border-radius: 25px;
  width: auto;
  display: block;
  padding: 15px 20px;
  margin: 0 auto;
  font-family: 'Raleway',sans-serif;
  text-align: center;
  background-color: #43D8C4;
  color: #fff;
  margin-bottom:30px;
  font-family: 'Veneer';
  margin-top: 10px;
}

.btn_minicanisters:hover, .btn_minicanisters:focus {
  color:#fff;
}

.minicanisters-coupon-disclaimer {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

#coupon-block > div > div.minicanisters-coupon--text > span {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}

.aboutus-content {
  margin-top: 8rem;
}


/**********************************
          Responsive 767 992 1024
**********************************/

@media only screen
and (max-device-width: 767px) {

  .noMobile {
    display: none !important;
  }

  .noMobile-sm {
    display: none;
  }

  .noDesktop-sm {
    display: block;
  }

  div.header-bottom > div.container > img:nth-child(1) {
    left: 60%;
    width: 90px;
    top: 65%;
  }

  div.header-bottom > div.container > img:nth-child(2) {
    width: 90px;
    right: 70%;
    top: -25%;
  }

  div.header-bottom > div.container > img:nth-child(3) {
    width: 90px;
    right: 70%;
    top: 65%;
  }

  div.header-bottom > div.container > img:nth-child(4) {
    width: 90px;
    left: 70%;
    top: -25%;
  }

  .header-bottom .container p {
    margin-bottom: 8rem;
  }

  div.bottom-header-heading > svg:nth-child(3) {
    left: -44px;
    top: -10px;
  }

  div.bottom-header-heading > svg:nth-child(1) {
    left: 55px;
  }

  .product-copy-minicanisters {
    order: 2;
  }

  .red-bg-arrow-img, div.light-green > div.minicanisters-product-container > div.product-img-col > div:nth-child(1), div.light-blue > div.minicanisters-product-container > div.product-img-col > div:nth-child(2) {
    display: none;
  }

  .div.orange > div.minicanisters-product-container > div.product-img-col > div:nth-child(1), div.dark-green > div.minicanisters-product-container > div.product-img-col > div:nth-child(2), div.orange > div.minicanisters-product-container > div.product-img-col > div:nth-child(1) {
    display: none;
  }

  .minicanisters-product-container {
    flex-direction: column;
  }

  .red-bg-triangle-img {
    left: 1%;
  }

  .red-bg-popcorn-img {
    left: 73%;
    top: 25%;
  }

  .product-copy-minicanisters > div {
    text-align: center;
    width: 100%;
    padding: 0 25px 25px 25px;
  }

  div.light-green > div.minicanisters-product-container > div.product-copy-minicanisters > div, div.orange > div.minicanisters-product-container > div.product-copy-minicanisters > div {
    margin-left: 0;
  }

  .minicanisters-product-claim-img {
    width: 80px;
  }

  .minicanisters-product-claims {
    flex-wrap: wrap
  }

  .margin-right {
    margin-right: 0;
  }

  .minicanisters-product-claim-container {
    width: 50%;
  }

  div.minicanisters-coupon--display > div > a > img {
    max-width: 100%;
    height: auto;
  }

  .minicanisters-coupon--text {
    padding: 20px 20px;
    height: auto;
  }

  .minicanisters-coupon--container {
    flex-direction: column;
    padding: 30px;
  }

  .minicanisters-coupon--text h3 {
    font-size: 31px;
  }

  .header-bottom {
    margin-top: -1rem;
    padding-top: 5rem;
  }

  .products-recipe-image img {
    max-width: 75%;
  }


  .red-bg-triangle-img img {
    width: 65%;
  }

  .red-bg-airpopped-img img {
    width: 80%;
  }

  .products-disclaimer p {
    text-align: center;
  }

  .lightgreen-img-1 img {
    width: 75%;
  }

  .lightgreen-img-2 img {
    width: 65%;
  }

  .lightgreen-img-3 img {
    width: 70%;
  }

  .part-popcorn-bg-bottom, .part-popcorn-bg-top {
    height: 80px !important;
  }

  div.part-popcorn-text-container > svg:nth-child(3) {
    left: -10px;
  }

  div.part-popcorn-text-container > svg:nth-child(1) {
    left: 10px;
  }

  .minicanisters-product-claims {
    margin-bottom: 3rem;
  }

  .aboutus-content {
    margin-top: 5rem;
  }

  .part-popcorn-bg-top img, .part-popcorn-bg-bottom img {
    transform: scale(1.2) !important;
    left: 12px
  }

  .minicanisters-navbar__vertical-align {
    flex-direction: column;
    padding-top: 10px;
  }

  .minicanisters-mobile-topnav {
    padding-top: 10px;
  }

  .logo-mobile {
    text-align: center;
  }

  div#to-open-close-search-popover-container {
    display: none !important;
  }

  ul.minicanisters_menu {
    padding: 0;
  }

  .lightblue-bg-img-one img {
    width: 55%;
  }

  .lightblue-bg-img-one img {
    width: 50%
  }

  .minicanisters-coupon--leftcol img {
    margin: 20px 0;
  }

  div.part-popcorn-bg-top > img:nth-child(1) {
    top: 50% !important;
    left: 0 !important;
  }

  div.part-popcorn-bg-top > img:nth-child(2) {
    top: 52% !important;
  }

  div.part-popcorn-bg-top > img:nth-child(3) {
    top: 60% !important;
    left: 15px !important;
  }

  div.part-popcorn-bg-bottom > img:nth-child(1) {
    left: 0 !important;
  }

  .products-disclaimer p {
    margin-top: 40px;
  }

  div.part-popcorn-bg-bottom > img:nth-child(2) {
    left: 0 !important;
  }

  .product-copy-minicanisters {
    margin-top: 0;
    margin-left: 0 !important;
  }

  .orange-bg-three img {
    width: 55%
  }

  .orange-bg-one img {
    width: 80%;
  }

  .orange-bg-two img {
    width: 95%;
  }

  .light-green, .dark-green {
    padding-bottom: 0 !important;
  }

  .product-copy-minicanisters > div {
    padding-bottom: 0 !important;
  }
  .arrow-up{
    background-image: url("/themes/brandstheme/src/images/minicanisters/arrow-down.svg");
    height: 54px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .arrow-down {
    background-image: url("/themes/brandstheme/src/images/minicanisters/up-arrow.svg");
  }

  .banner-mobile {
    background-size: 100% 100% !important;
  }
  .purple-two img, .purple-three img {
    width: 150px !important;
  }
  .purple-four {
    display: none;
  }
  .purple-one img {
    width:200px;
  }
  .purple-one {
    left: -2rem;
  }

  }


  @media only screen
  and (min-device-width: 768px)
  and (max-device-width: 992px) {
    .arrow-up{
      background-image: url("/themes/brandstheme/src/images/minicanisters/arrow-down.svg");
      height: 54px;
      background-repeat: no-repeat;
      background-position: center;
    }

    .arrow-down {
      background-image: url("/themes/brandstheme/src/images/minicanisters/up-arrow.svg");
    }

    .part-popcorn-bg-top, .part-popcorn-bg-bottom {
      height:150px !important;
    }

    .noMobile {
      display: none !important;
    }

    .banner-mobile {
      background-size: unset !important;
    }

    .noMobile-sm {
      display: none;
    }

    .minicanisters-navbar__vertical-align {
      flex-direction: column;
      padding-top: 10px;
    }

    ul.minicanisters_menu{
      padding-left: 0 !important;
    }

    .logo-mobile{
      margin-left: 15px;
    }

    .minicanisters-product-claims {
      margin-bottom: 4rem;
    }
    .part-popcorn-bg-top img, .part-popcorn-bg-bottom img {
      transform: scale(1.1) !important;
      left: 25px !important;
    }
    .product-copy-minicanisters {
      margin-top:0;
    }



  }

@media only screen
and (min-device-width:992px)
and (max-device-width: 1900px) {

  div.part-popcorn-bg-bottom > img:nth-child(2) {
    transform: scale(1) !important;
  }

}

@media screen and (min-width: 1900px) {
  .part-popcorn-bg-top, .part-popcorn-bg-bottom {
    height:400px !important;
  }
  .part-popcorn-bg-top img{
    transform: scale(0.8);
    top:-60%;
  }

  .part-popcorn-bg-bottom img {
    bottom:55% !important;
    transform: scale(0.8) !important;
  }


}


.part-popcorn-bg-top {
  background-image: url("/themes/brandstheme/src/images/minicanisters/aboutus-top-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.part-popcorn-bg-bottom {
  background-image: url("/themes/brandstheme/src/images/minicanisters/aboutus-bottom-bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.aboutus-chips-top, .aboutus-chips-bottom {
  width: 30% !important;
}

div.part-popcorn-bg-top > img:nth-child(1) {
  top:10%
}

div.part-popcorn-bg-top > img:nth-child(2) {
  top: 20%;
  left: 5%;
}

div.part-popcorn-bg-top > img:nth-child(3) {
  top: 25%;
  left: 10%;
}

div.part-popcorn-bg-bottom > img:nth-child(1) {
  bottom: 60%;
  left: -50px;
}

div.part-popcorn-bg-bottom > img:nth-child(2) {
  width: 30%;
  bottom: 45%;
  left:-20px;
  transform: rotate(
    66deg) scale(0.8);
}

div.part-popcorn-bg-bottom > img:nth-child(3) {
  bottom: 45%;
}

.slick-next:before {
  background-image: url('/themes/brandstheme/src/images/minicanisters/arrow-prev.svg') !important;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.slick-next {
  left: 90% !important;
}

.slick-prev:before {
  background-image: url('/themes/brandstheme/src/images/minicanisters/arrow-prev.svg') !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.products-recipe-image img {
  -webkit-transition: all .4s ease-in-out;
}

.scale {
  transform: scale(1.2);
  margin-top:3rem;
}

section#banner .slick-dots li.slick-active button {
  background-color: #43D8C4 !important;
}

.flavourful-img {
  width:120px;
}

.banner_slide--text.slide-left .h1 {
  font-family: 'Veneer';
  color: #333 !important;
}

a.btn_carousel.sign-up-link {
font-family: 'Veneer';
border-radius: 25px;
    width: auto;
    display: block;
    padding: 15px 20px;
    font-family: 'Raleway',sans-serif;
    text-align: center;
    background-color: #43D8C4;
    color: #fff;
    margin-bottom: 30px;
    font-family: 'Veneer';
    margin-top: 10px;
    border: 1px solid #43D8C4;
}

/*Buynow Modal*/

.minicanisters-buynow-modal {
  width: 85vw;
  height: 100vh;
  margin: auto
}

#minicanistersModal > div > div > div > iframe {
  width: 95%;
  height: 640px;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 100vw !important;
  }
}

.index {
  z-index: 1;
}

.modal-content {
  width: 85vw;
  margin: auto;
}

div#minicanistersModal {
  width: 100vw;
}

.modal-body.ui-dialog-content {
  text-align: center;
}

.ui-dialog .ui-dialog-titlebar-close {
  top:2% !important;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 85% !important;
  }
}

@media (max-width: 992px) {
  .modal-content {
    width:100vw;
  }

  #minicanistersModal {
    padding:0 !important;
  }
}

.product-minicanisters-buynow {
  padding: 11px 25px;
  border: none;
  font-weight: bold;
  font-family: open-sans, sans-serif;
  font-size: 18px;
}

.red .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button,
.light-blue .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button,
.dark-green .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button,
.purple .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button{
  background-color: #FFA43A;
  color:#fff;
}

.light-green .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button,
.orange .minicanisters-product-container .product-copy-minicanisters div .product-buy-now button{
  background-color: #E53838;
  color:#fff;
}

/* VIDEO */

#videos-popcorner{
  background-color: #31414A;
  text-align: center;
  padding-bottom: 50px;
}

.minicanisters-video-container{
  max-width: 1600px;
  margin: auto;
}

.popcorner-video-box{
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
}

.popcorner-youtube-iframe-container{
  aspect-ratio: 16 / 9;
  width: 100%;
}

.products-item.w-100.d-lg-flex.animate__animated.purple {
  color:#fff;
}

#products > div.row > div > div.products-item.w-100.d-lg-flex.animate__animated.purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-nutrition .fa-nutrition .fa-nutrition-icon svg g path,
.products-item.w-100.d-lg-flex.animate__animated.purple svg g{
  fill:#fff;
}

#products > div.row > div > div.products-item.w-100.d-lg-flex.animate__animated.purple > div > div.col-lg-6.product-img-col.minicanisters-align-right.animate__animated {
  position: relative;
}

.purple-bg-one img {
  width: 220px;
}

.purple-bg-two img, .purple-bg-three img, .purple-bg-four img {
  width:190px;
}

.purple-bg-one {
  top: 5%;
  left: 77%;
}

.purple-bg-two {
  top: 35%;
  left: 64%;
}

.purple-bg-three {
  top: 62%;
  left: 68%;
}

.purple-bg-four {
  top: 30%;
}

.purple-one img {
  width:220px;
}

.purple-two img, .purple-three img {
  width:190px;
}

.purple-four img {
  width:300px;
}

.purple-one {
  top:0;
}

.purple-two {
  left: 65%;
  top: 30%;
}

.purple-three {
  top: 55%;
  left: -7%;
}

.purple-four {
  top:18%;
  left:-24%;
}

#products > div.row > div > div.products-item.w-100.d-lg-flex.animate__animated.purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters {
  margin-left:7rem;
}

#products > div.row > div > div.products-item.w-100.d-lg-flex.animate__animated.purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-nutrition .fa-nutrition .fa-nutrition-icon svg g path, .products-item.w-100.d-lg-flex.animate__animated.purple svg g path {
  fill:#fff !important;
}

.dark-green {
  color:#fff !important;
}

.dark-green .container div svg g path#Path_3109 {
  fill: #fff !important;
}


/* DESKTOP LOGO*/

@media only screen and (max-width: 991px){
  .minicanisters-logo{
    display: none;
  }
}

/*NEW PRODUCT*/

.dark-purple {
  background-color: #93358d;
}

div.dark-purple > div.minicanisters-product-container > div.product-copy-minicanisters > div {
  margin-left: 7rem;
  color: #fff;
}

.dark-purple-bg-arrow {
  top: 5%;
  left: 75%;
}

.dark-purple-bg-one {
  top: 25%;
  left: 73%;
}

.dark-purple-bg-two {
  top: 56%;
  left: 75%;
}

.dark-purple-bg-three {
  top: 39%;
  left: 6%;
}

.dark-purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-ingredients > div.fa-ingredients > div.fa-ingredients-icon.fa-ingredients-swap.noMobile > svg > g > path,
.dark-purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.products-nutrition > div.fa-nutrition > div.fa-nutrition-icon.fa-swap > svg > g > path{
  fill: #fff;
}

.dark-purple > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.product-buy-now > button {
  background-color: #FFA43A;
  color: #fff;
}

@media only screen and (max-width: 991px){
  .dark-purple-bg-arrow img{
    width:100%;
  }
  div.dark-purple > div.minicanisters-product-container > div.product-copy-minicanisters > div {
    margin-left: 0 !important;
  }
  .dark-purple-bg-three img {
    width: 25% !important;
  }
  .dark-purple-bg-arrow {
    display: none;
  }
}

/*Product background light-green-variety*/

.light-green-variety {
  background-color: #43D8C4;
}

.light-green-variety  > div > div.col-lg-6.product-copy-col.text-center.product-copy-minicanisters > div > div.product-buy-now > button {
  background-color: #FFA43A;
  color: #fff;
}

.light-green-variety > div > .product-copy-minicanisters > div {
  color:#000 !important;
}

.light-green-variety > div > .product-copy-minicanisters > div > div.products-ingredients,
.light-green-variety > div > .product-copy-minicanisters > div > div.products-nutrition  {
  display:none;
}

.light-green-variety > div > .product-copy-minicanisters > div > div.products-nutrition > div.fa-nutrition > div.fa-nutrition-icon > svg > g > #Path_3109 {
  fill: #000 !important;
}

.light-green-variety > div > div > div.products-recipe-image > img {
  width: 100%;
}

.light-green-variety-one {
  top: 60%;
  left: 91%;
}
.light-green-variety-arrow {
  top: 57%;
  right: 88%;
}
.light-green-variety-two {
  left: 92%;
  top: 25%;
}
.light-green-variety-three {
  top: 30%;
  right: 94%;
}

.light-green-variety-one img, .light-green-variety-two img,  .light-green-variety-three img {
  width:113px;
}

@media only screen and (max-width: 768px) {
  .light-green-variety-arrow {
    display: none;
  }
  .light-green-variety-one img, .light-green-variety-two img,  .light-green-variety-three img {
    width: 70px;
  }

  .light-green-variety-two, .light-green-variety-one {
    left:81%;
  }
  .light-green-variety-three {
    top: 39%;
    right: 82%;
  }

  }

/**********************************
   Navigation
**********************************/
.minicanisters-navbar__vertical-align {
  background-color: #FDC12D;
}
.minicanisters-logo img {
  width:100px
}

#brands_navigation > div.logo-mobile.noDesktop{
  width: 80px !important;
  margin: 15px auto;
}
#brands_navigation > div.logo-mobile.noDesktop > img {
  width:100%;
}


.brands-navbar__ul a {
  font-family: 'open-sans-extrabold', Helvetica, Arial, sans-serif;
  color: #2B3B86;
}

/**********************************
   Header Section
**********************************/

.minicanister-banner div img {
  width:100%;
  object-fit: cover;
}

/**********************************
   Products Section
**********************************/
.minicanister-product-heading {
  color:#fff;
  position: absolute;
  top: 0;
  z-index: 999;
  transform: translateX(-50%);
  left: 50%;
  margin-top:30px;
  width:100%;
  text-align: center;
}
.minicanister-product-heading h2 {
  font-size: 40px !important;
  font-family: 'Akzidenz-Grotesk-Bold', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color:#fff;
}
.border-line {
  height:20px;
  border-bottom:2px solid #FDC12D;
  width:220px;
  margin:0 auto 30px auto;
}

#products {
  position:relative;
}

.products-item {
  background-size: 100% 100% !important;
  padding: 100px 0;
  background-repeat: no-repeat !important;
}
.minicanisters-product-container {
  max-width:100%;
}

.red-product > div > .product-copy-minicanisters > div, .blue-product > div > .product-copy-minicanisters > div {
  color:#fff;
}

.products-item.red-product {
  z-index: 9;
  position:relative;
  overflow:hidden;
  background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/doritos-background-2.png');
}

.doritos-background-pattern  {
 position: absolute;
  width: 55%;
  height: 660px;
  top: 0;
  left: 0;
}

.doritos-background-pattern img {
  width:100%;
  height:100%
}

.products-item.orange-product{
  margin-top: -23rem;
  position: relative;
  z-index: 6;
  overflow:hidden;
  background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/cheetos-bg.png');
  padding-bottom: 0;
  padding-top: 13rem;
}

.orange-product-2 .product-copy-minicanisters,
.orange-product .product-copy-minicanisters{
  padding-top:2.5rem;
  padding-bottom:2rem;
}

.orange-product-2 > .product-img-col > div {
  margin-top:2.5rem;
}

.ingredients-expanded-margin {
  margin-bottom:2rem;
}

.cheetos-background-pattern {
  position: absolute;
  width: 55%;
  height: 818px;
  top: 40px;
  right: 0;
}

.cheetos-background-pattern img {
  width:100%;
  height:100%;
}

.doritos-background-pattern.fr {
  height:708px;
}

.orange-product .minicanisters-product-container, .blue-product .minicanisters-product-container, .orange-product-2 .minicanisters-product-container{
  padding-top: 80px;
}

.red-product .minicanisters-product-container.fr {
  padding-bottom:30px;
}

.blue-product .minicanisters-product-container {
  padding-bottom:30px;
}

.blue-product .minicanisters-product-container.fr {
  padding-bottom:70px;
}

.doritos-coolranch-background-pattern.fr {
  height:672px;
}


.orange-product-2 .minicanisters-product-container {
  padding-bottom: 98px;
}

.orange-product .minicanisters-product-container {
  padding-bottom: 30px;
}

.orange-product .minicanisters-product-container.fr {
  padding-bottom: 20px;
}

.products-item.blue-product {
  margin-top: -24rem;
  position: relative;
  z-index: 7;
  overflow:hidden;
  background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/doritos-coolranch—background.png');
  padding-top: 13rem;
}
.doritos-coolranch-background-pattern  {
  position: absolute;
  width: 55%;
  height: 750px;
  top: 50px;
  left: 0;
}

.sunchips-background-pattern {
  position: absolute;
  width: 70%;
  height: 880px;
  overflow: hidden;
  right: 0;
  top: 8rem;
}

.sunchips-background-pattern img {
  width:100%;
  height:825px;
}

.doritos-coolranch-background-pattern img {
  width:100%;
  height:100%
}
.products-item.orange-product-2{
  margin-top: -20rem;
  position: relative;
  z-index:8;
  background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/Sunchips_Background.png');
  padding-top: 10rem;
}
.minicanisters-buy {
  font-family: 'Akzidenz-Grotesk-Bold', Helvetica, Arial, sans-serif;
  margin-top:30px;
}

.minicanisters-buy.red-product {
  background-color: #FFFFFF;
  color: #D0091A;
}
.minicanisters-buy.orange-product {
  background-color: #000000;
  color: #ffffff;
}
.minicanisters-buy.blue-product {
  background-color: #FFFFFF;
  color: #063595;
}

.minicanisters-buy.expanded-margin {
  margin-bottom: 5rem;
}

.minicanisters-buy.orange-product-2 {
  background-color:#75190B;
  color: #ffffff;
}

.orange-product-2.expanded-margin {
  margin-bottom:12rem;
}

.minicanisters-fave-subtitle {
  font-size: 21px;
  line-height: 1.4;
  font-family: 'Akzidenz-Grotesk-Bold', Helvetica, Arial, sans-serif;
}

.minicanisters-fave-subtitle span {
  display: block;
  font-size: 2rem;;
}

.minicanisters-fave-body p {
  font-size: 17px;
  font-family: 'Akzidenz-Grotesk-Medium', Helvetica, Arial, sans-serif;
}

.red-product.chip-image {
  right: -60px;
}

.red-product.chip-image img {
  width: 150px;
}
.orange-product.chip-image {
  top: 60%;
  left: -35px;
}
.orange-product.chip-image img {
  width: 140px;
}

.blue-product.chip-image {
  top: 41%;
  right: -30px;
}

.blue-product.chip-image img {
  width: 130px;
}

.orange-product-2.chip-image {
  top: 60%;
  left: -60px;
}

.orange-product-2.chip-image img {
  width:200px;
}

.fa-ingredients-icon, .fa-nutrition-icon {
  margin-top: auto;
}

.fa-ingredients-icon img, .fa-nutrition-icon img  {
  width:20px;
  transition: transform 0.3s linear;
}

.nutrition-expand img, .ingredients-expand img {
  transform: rotate(180deg);
  transition: all 0.3s linear;
}

.minicanisters-product-container.orange-product > .product-copy-minicanisters > div,
.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div {
  margin-left:7rem;
}

.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters {
  color: #75190B;
}

.orange-product > .product-copy-minicanisters > div {
  color:#000;
}

.sunchips-pattern-dsktp {
  display: none;
}


/*NUTRITION TABLE*/

.minicanisters-productdetails-nutrition-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  padding: 10px 8px;
}

.minicanisters-productdetails-nutrition-row {
  border-bottom: 0.5px solid #FFFFFF;
  font-family: 'Akzidenz-Grotesk-Medium', Helvetica, Arial, sans-serif;
}

.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row {
  border-color: #75190B;
}

.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row {
  border-color: #000000;
}

.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(3),
.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(5),
.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(7),
.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(9),
.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(11),
.minicanisters-product-container.red-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(13) {
  background-color: #D6283B;
}

.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(3),
.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(5),
.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(7),
.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(9),
.minicanisters-product-container.orange-product-2> .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(11),
.minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(13) {
  background-color: #F4953E;
}

.minicanisters-product-container.blue-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(3),
.minicanisters-product-container.blue-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(5),
.minicanisters-product-container.blue-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(7),
.minicanisters-product-container.blue-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(9),
.minicanisters-product-container.blue-product> .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(11),
.minicanisters-product-container.blue-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(13) {
  background-color: #345591;
}

.minicanisters-product-container.orange-product> .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(3),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(5),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(7),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(9),
.minicanisters-product-container.orange-product> .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(11),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(13),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(15),
.minicanisters-product-container.orange-product > .product-copy-minicanisters > div > div.products-nutrition > div.nutrition-copy > .minicanisters-productdetails-nutrition-row:nth-of-type(17) {
  background-color: #F58D44;
}

.minicanisters-row-indented {
  padding-left:20px;
}

.minicanisters-productdetails-nutrition-header-row {
  display: flex;
  justify-content: space-between;
  font-family: 'Akzidenz-Grotesk-Medium', Helvetica, Arial, sans-serif;
  padding-top: 20px;
}

.product-alert {
  font-family: 'Akzidenz-Grotesk-Medium', Helvetica, Arial, sans-serif;
  margin-top:20px;
  padding-top:15px;
}

.orange-product-2 > .product-copy-minicanisters > div > .products-ingredients > div.ingredients-copy > div {
  border-top: 2px solid #75190B;
}

.red-product > .product-copy-minicanisters > div > .products-ingredients > div.ingredients-copy > div,
.blue-product > .product-copy-minicanisters > div > .products-ingredients > div.ingredients-copy > div{
  border-top: 1px solid #fff;
}

.orange-product > .product-copy-minicanisters > div > .products-ingredients > div.ingredients-copy > div {
  border-top: 2px solid #000;
}

@media only screen and (max-width: 768px) {
  .products-item.red-product {
    margin-top: -5px;
    background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/Doritos-mb-bg.png');
  }

  .doritos-background-pattern {
    width: 100%;
    top: 100px;
    height: 475px;
  }

  .products-item.orange-product {
    background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/Cheetos_Background_Mobile.png');
  }

  .products-item.blue-product {
    margin-top: -14rem;
    background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/doritos-coolranch-mb-bg.png');
  }

  .doritos-coolranch-background-pattern {
    width: 100%;
    top: 120px;
    height: 600px;
  }

  .products-item.orange-product-2 {
    background-image: url('/themes/brandstheme/src/images/fritolay/minicanister/Sunchips_Background_Mobile.png') !important;
  }

  .sunchips-pattern-dsktp {
    display: none !important;
  }

  .minicanister-product-heading h2 {
    font-size: 25px !important;
    text-align: center;
  }

  .border-line {
    width: 100px;
  }

  .products-recipe-image {
    margin-right: 0;
    margin-top: 80px;
  }

  .product-copy-minicanisters {
    margin-top: 20px;
  }

  .fa-nutrition, .fa-ingredients {
    justify-content: space-between;
  }

  .product-buy-now {
    text-align: left;
  }

  .minicanisters-product-container.orange-product > .product-copy-minicanisters > div,
  .minicanisters-product-container.orange-product-2 > .product-copy-minicanisters > div {
    margin-left: 0;
  }

  .red-product.chip-image, orange-product.chip-image, blue-product.chip-image, orange-product-2.chip-image {
    display: none;
  }

  .cheetos-background-pattern, .sunchips-background-pattern {
    width: 100%;
  }

  .minicanister-product-heading {
    width: 80%;
  }

  .minicanisters-productdetails-headercell {
    font-size: 12px;
    text-align: left;
  }

  .orange-product-2 .minicanisters-product-container {
    padding-bottom: 10px;
  }

  .orange-product-2 > .product-img-col > div {
    margin-top: 6.5rem;
  }

  .orange-product-2 .product-copy-minicanisters, .orange-product .product-copy-minicanisters {
    padding-top: 0;
  }

  .blue-product .minicanisters-product-container {
    padding-top: 35px;
  }
.blue-product > div > div {
  margin-top:0;
}
.blue-product.fr > .product-copy-minicanisters {
  margin-top:10px;
}
}

@media screen and (min-width: 2000px) {
  .minicanisters-product-container {
    max-width: 2000px;
  }
}