@charset "utf-8";
/* CSS Document */
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  15% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  15% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
}
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-540deg) scale(0);
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes have-you-heard-appear {
  0% {
    -webkit-transform: rotate(0deg) scale(1.25);
    transform: rotate(0deg) scale(1.25);
  }
  50% {
    -webkit-transform: rotate(270deg) scale(2);
    transform: rotate(270deg) scale(2);
  }
  100% {
    -webkit-transform: rotate(540deg) scale(1.25);
    transform: rotate(540deg) scale(1.25);
  }
}
@keyframes have-you-heard-appear {
  0% {
    -webkit-transform: rotate(0deg) scale(1.25);
    transform: rotate(0deg) scale(1.25);
  }
  50% {
    -webkit-transform: rotate(270deg) scale(2);
    transform: rotate(270deg) scale(2);
  }
  100% {
    -webkit-transform: rotate(540deg) scale(1.25);
    transform: rotate(540deg) scale(1.25);
  }
}
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/*@-webkit-keyframes crums-front-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes crums-front-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}*/
/*@-webkit-keyframes crums-front-appear2 {
  0% {
    -webkit-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(180deg);
    transform: scale(0.75) rotate(180deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}
@keyframes crums-front-appear2 {
  0% {
    -webkit-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(180deg);
    transform: scale(0.75) rotate(180deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}*/
/*@-webkit-keyframes crums-front-appear3 {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
  }
}
@keyframes crums-front-appear3 {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
  }
}*/
/*@-webkit-keyframes crums-front-appear4 {
  0% {
    -webkit-transform: scale(0) rotate(270deg);
    transform: scale(0) rotate(270deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(270deg);
    transform: scale(0.75) rotate(270deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@keyframes crums-front-appear4 {
  0% {
    -webkit-transform: scale(0) rotate(270deg);
    transform: scale(0) rotate(270deg);
  }
  50% {
    -webkit-transform: scale(0.75) rotate(270deg);
    transform: scale(0.75) rotate(270deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}*/
/*@-webkit-keyframes crums-front-appear5 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes crums-front-appear5 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}*/
/*@-webkit-keyframes crums-front-appear6 {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(90deg);
    transform: scale(0.5) rotate(90deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}
@keyframes crums-front-appear6 {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(90deg);
    transform: scale(0.5) rotate(90deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
  }
}*/
/*@-webkit-keyframes crums-front-appear7 {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(180deg);
    transform: scale(0.5) rotate(180deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@keyframes crums-front-appear7 {
  0% {
    -webkit-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(180deg);
    transform: scale(0.5) rotate(180deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@-webkit-keyframes crums-front-appear8 {
  0% {
    -webkit-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(270deg);
    transform: scale(0.5) rotate(270deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}
@keyframes crums-front-appear8 {
  0% {
    -webkit-transform: scale(0) rotate(180deg);
    transform: scale(0) rotate(180deg);
  }
  50% {
    -webkit-transform: scale(0.5) rotate(270deg);
    transform: scale(0.5) rotate(270deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}*/
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
.bounce-in-fwd {
  display: inline-flex !important;
  -webkit-animation: bounce-in-fwd 1.1s both;
  animation: bounce-in-fwd 1.1s both;
}
.scale-up-center {
  display: inline-flex !important;
  -webkit-animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-center 5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.swirl-in-fwd {
  -webkit-animation: swirl-in-fwd 0.6s ease-out both;
  animation: swirl-in-fwd 0.6s ease-out both;
}
.pulsate-fwd {display:inline-flex !important;
  -webkit-animation: pulsate-fwd 1.5s ease-in-out infinite both;
  animation: pulsate-fwd 1.5s ease-in-out infinite both;
}
.have-you-heard-appear {display: inline-flex !important;
  -webkit-animation: have-you-heard-appear 3s linear forwards;
  animation: have-you-heard-appear 3s linear forwards;
}

.have-you-heard-appear-test{display: inline-flex !important;}

/*.crums-front-appear {
  display: inline-flex !important;
  -webkit-animation: crums-front-appear 3s linear forwards;
  animation: crums-front-appear 3s linear forwards;
}*/
.crums-front-appear2 {
  display: inline-flex !important;
  -webkit-animation: swirl-in-fwd 2.5s ease-out both;
  animation: swirl-in-fwd 2.5s ease-out both;
}
/*.crums-front-appear3 {
  display: inline-flex !important;
  -webkit-animation: crums-front-appear3 3s linear forwards;
  animation: crums-front-appear3 3s linear forwards;
}*/
.crums-front-appear4 {
  display: inline-flex !important;
  -webkit-animation: swirl-in-fwd 2.5s ease-out both;
  animation: swirl-in-fwd 2.5s ease-out both;
}



/*.crums-front-appear5 {
  display: inline-flex !important;
  -webkit-animation: crums-front-appear5 3s linear forwards;
  animation: crums-front-appear5 3s linear forwards;
}*/
.crums-front-appear6 {
  display: inline-flex !important;
 -webkit-animation: swirl-in-fwd 2.5s ease-out both;
  animation: swirl-in-fwd 2.5s ease-out both;
}
/*.crums-front-appear7 {
  display: inline-flex !important;
  -webkit-animation: crums-front-appear7 3s linear forwards;
  animation: crums-front-appear7 3s linear forwards;
}
.crums-front-appear8 {
  display: inline-flex !important;
  -webkit-animation: crums-front-appear8 3s linear forwards;
  animation: crums-front-appear8 3s linear forwards;
}*/
.scale-in-center {
  display: inline-flex !important;
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.swing-in-top-bck {
  display: inline-flex !important;
  -webkit-animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
  animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.fade-in {
  display: inline-flex !important;
  -webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.bounce-in-bck {
  display: inline-flex !important;
  -webkit-animation: bounce-in-bck 1.1s both;
  animation: bounce-in-bck 1.1s both;
}
.swing-in-bottom-fwd {
  display: inline-flex !important;
  -webkit-animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
  animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.fade-in-fwd {display:inline-flex !important;
	-webkit-animation: fade-in-fwd 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* Div layer for the entire container. */
#dc_container {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: auto;
  font-size: 0;
  top: 0;
  left: 0;
  z-index: 999999999999;
}
#dc_content {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 100;
}
#info {
  position: absolute;
  display: block;
  display: none;
  bottom: 0.75%;
  z-index: 999;
  left: 1.25%;
  width: 20px;
  height: 20px;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none
}
#info img {
  position: inherit;
  width: 100%
}
/* Invisible button for background clickthrough. */
#dc_background_exit {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  z-index: 998;
  cursor: pointer;
  opacity: 0;
}
#dc_bgImage {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#dc_expand_logo {
  position: absolute;
  left: 5px;
  top: 5px;
}
#dc_btnClose {
  display: block;
  display: none;
  position: absolute;
  width: 25px;
  height: auto;
  top: 1.5%;
  /*left: 3%;*/ right: 3%;
  z-index: 999;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none
}
#dc_content img, #dc_content svg, #dc_content object {
  width: 100%;
  height: auto
}
/* TAKE A BITE */
.mcd-take-a-bite-group-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fcbc00;
  z-index: 40
}
.mcd-take-a-bite-gra {
  position: absolute;
  z-index: 42;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 93%;
  top: 16.25%
}
.mcd-crams-gra {
  position: absolute;
  z-index: 41;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 91.35%;
  top: 12.4%
}
.mcd-tap-here-btn {
  position: absolute;
  z-index: 43;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 27.4%;
  top: 71.15%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  transition: all 0.1s ease
}
.mcd-tap-here-btn:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  filter: brightness(95%)
}
/* HAVE YOU HEARD IT */
.mcd-have-you-heard-group-wrap {
  position: absolute;
  z-index: 50;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: none
}
.mcd-crambs {
  width: auto !important;
  height: auto !important
}
/*@supports (-webkit-hyphens:none) {
.mcd-crambs {
  width: 3255px !important;
  height: 3255px !important
}
}*/


.mcd-crambs-test{}



/*.mcd-crambs-front {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
.mcd-crambs-front3 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
.mcd-crambs-front5 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
.mcd-crambs-front7 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}*/
.mcd-crambs-front-wrap {
  position: absolute;
  z-index: 52;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: none
}
.mcd-crambs-front2 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
.mcd-crambs-front4 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
.mcd-crambs-front6 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}
/*.mcd-crambs-front8 {
  position: absolute;
  width: auto !important;
  height: auto !important;
  display: none
}*/
.mcd-have-you-heard-gra {
  position: absolute;
  z-index: 51;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 85.6%;
  top: 34%;
  /*filter: drop-shadow(15.25px 15.25px 22px rgba(81, 23, 23, 0.55))*/
}
/* FINAL */
.mcd-final-slide-wrap {
  position: absolute;
  z-index: 60;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f1ab06
}
.mcd-final-slide {
  position: absolute;
  z-index: 61;
  width:100%;
  display: none
}
.mcd-final-logo {
  position: absolute;
  z-index: 62;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 15%;
  top: 4.37%;
  display: none
}
.mcd-final-mcrispy {
  position: absolute;
  z-index: 63;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 77.1%;
  top: 13.9%;
  display: none
}
.mcd-final-deluxe {
  position: absolute;
  z-index: 64;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 13.2%;
  bottom: 14.5%;
  left: 20.4%;
  display: none
}
.mcd-final-original {
  position: absolute;
  z-index: 65;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 15.5%;
  bottom: 9.9%;
  right: 26.3%;
  display: none
}
.mcd-final-find-out-more {
  position: absolute;
  z-index: 66;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 41.1%;
  bottom: 1.8%;
  display: none
}
/******/
a.exit_link {
  position: absolute;
  z-index: 900;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  display: none
}