@charset "utf-8";
/* CSS Document */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@-webkit-keyframes shake-vertical-414 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8.1px);
            transform: translateY(-8.1px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8.1px);
            transform: translateY(8.1px);
  }
  80% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  90% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
}
@keyframes shake-vertical-414 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8.1px);
            transform: translateY(-8.1px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8.1px);
            transform: translateY(8.1px);
  }
  80% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  90% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
}
@-webkit-keyframes shake-vertical-414-normal {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@keyframes shake-vertical-414-normal {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@-webkit-keyframes shake-vertical-414-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  80% {
    -webkit-transform: translateY(5.2px);
            transform: translateY(5.2px);
  }
  90% {
    -webkit-transform: translateY(-5.2px);
            transform: translateY(-5.2px);
  }
}
@keyframes shake-vertical-414-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  80% {
    -webkit-transform: translateY(5.2px);
            transform: translateY(5.2px);
  }
  90% {
    -webkit-transform: translateY(-5.2px);
            transform: translateY(-5.2px);
  }
}
@-webkit-keyframes shake-vertical-393 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@keyframes shake-vertical-393 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@-webkit-keyframes shake-vertical-384 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@keyframes shake-vertical-384 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7.7px);
            transform: translateY(-7.7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7.7px);
            transform: translateY(7.7px);
  }
  80% {
    -webkit-transform: translateY(6.2px);
            transform: translateY(6.2px);
  }
  90% {
    -webkit-transform: translateY(-6.2px);
            transform: translateY(-6.2px);
  }
}
@-webkit-keyframes shake-vertical-375 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.8px);
            transform: translateY(-6.8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.8px);
            transform: translateY(6.8px);
  }
  80% {
    -webkit-transform: translateY(5.4px);
            transform: translateY(5.4px);
  }
  90% {
    -webkit-transform: translateY(-5.4px);
            transform: translateY(-5.4px);
  }
}
@keyframes shake-vertical-375 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.8px);
            transform: translateY(-6.8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.8px);
            transform: translateY(6.8px);
  }
  80% {
    -webkit-transform: translateY(5.4px);
            transform: translateY(5.4px);
  }
  90% {
    -webkit-transform: translateY(-5.4px);
            transform: translateY(-5.4px);
  }
}
@-webkit-keyframes shake-vertical-375-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  80% {
    -webkit-transform: translateY(4.7px);
            transform: translateY(4.7px);
  }
  90% {
    -webkit-transform: translateY(-4.7px);
            transform: translateY(-4.7px);
  }
}
@keyframes shake-vertical-375-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  80% {
    -webkit-transform: translateY(4.7px);
            transform: translateY(4.7px);
  }
  90% {
    -webkit-transform: translateY(-4.7px);
            transform: translateY(-4.7px);
  }
}
@-webkit-keyframes shake-vertical-360 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  80% {
    -webkit-transform: translateY(5.6px);
            transform: translateY(5.6px);
  }
  90% {
    -webkit-transform: translateY(-5.6px);
            transform: translateY(-5.6px);
  }
}
@keyframes shake-vertical-360 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  80% {
    -webkit-transform: translateY(5.6px);
            transform: translateY(5.6px);
  }
  90% {
    -webkit-transform: translateY(-5.6px);
            transform: translateY(-5.6px);
  }
}
@-webkit-keyframes shake-vertical-360-normal {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  80% {
    -webkit-transform: translateY(5.2px);
            transform: translateY(5.2px);
  }
  90% {
    -webkit-transform: translateY(-5.2px);
            transform: translateY(-5.2px);
  }
}
@keyframes shake-vertical-360-normal {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-6.5px);
            transform: translateY(-6.5px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(6.5px);
            transform: translateY(6.5px);
  }
  80% {
    -webkit-transform: translateY(5.2px);
            transform: translateY(5.2px);
  }
  90% {
    -webkit-transform: translateY(-5.2px);
            transform: translateY(-5.2px);
  }
}
@-webkit-keyframes shake-vertical-320 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-5.6px);
            transform: translateY(-5.6px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(5.6px);
            transform: translateY(5.6px);
  }
  80% {
    -webkit-transform: translateY(4.5px);
            transform: translateY(4.5px);
  }
  90% {
    -webkit-transform: translateY(-4.5px);
            transform: translateY(-4.5px);
  }
}
@keyframes shake-vertical-320 {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-5.6px);
            transform: translateY(-5.6px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(5.6px);
            transform: translateY(5.6px);
  }
  80% {
    -webkit-transform: translateY(4.5px);
            transform: translateY(4.5px);
  }
  90% {
    -webkit-transform: translateY(-4.5px);
            transform: translateY(-4.5px);
  }
}
@-webkit-keyframes shake-vertical-320-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4.8px);
            transform: translateY(-4.8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4.8px);
            transform: translateY(4.8px);
  }
  80% {
    -webkit-transform: translateY(3.9px);
            transform: translateY(3.9px);
  }
  90% {
    -webkit-transform: translateY(-3.9px);
            transform: translateY(-3.9px);
  }
}
@keyframes shake-vertical-320-short {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4.8px);
            transform: translateY(-4.8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4.8px);
            transform: translateY(4.8px);
  }
  80% {
    -webkit-transform: translateY(3.9px);
            transform: translateY(3.9px);
  }
  90% {
    -webkit-transform: translateY(-3.9px);
            transform: translateY(-3.9px);
  }
}
@-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 pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 1;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 1;
  }
}
@-webkit-keyframes slide-out-top2 {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -1000px);
            transform: translate(-50%, -1000px);
    opacity: 1;
  }
}
@keyframes slide-out-top2 {
  0% {
       -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -1000px);
            transform: translate(-50%, -1000px);
    opacity: 1;
  }
}
@-webkit-keyframes overlay-to-pos {
  0% {
    bottom:0;      
  }
  100% {
   bottom:155px;
  }
}
@keyframes overlay-to-pos {
    0% {
    bottom:0;        
  }
  100% {
   bottom:155px;
  }
}
@-webkit-keyframes overlay-to-pos-414 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:156.5px;
  }
}
@keyframes overlay-to-pos-414 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:156.5px;
  }
}
@-webkit-keyframes overlay-to-pos-414-normal {
  0% {
    bottom:0;      
  }
  100% {
   bottom:149.4px;
  }
}
@keyframes overlay-to-pos-414-normal {
    0% {
    bottom:0;        
  }
  100% {
   bottom:149.4px;
  }
}
@-webkit-keyframes overlay-to-pos-414-short {
  0% {
    bottom:0;      
  }
  100% {
   bottom:125.5px;
  }
}
@keyframes overlay-to-pos-414-short {
    0% {
    bottom:0;        
  }
  100% {
   bottom:125.5px;
  }
}
@-webkit-keyframes overlay-to-pos-393 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:149.4px;
  }
}
@keyframes overlay-to-pos-393 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:149.4px;
  }
}
@-webkit-keyframes overlay-to-pos-384 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:149px;
  }
}
@keyframes overlay-to-pos-384 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:149px;
  }
}
@-webkit-keyframes overlay-to-pos-375 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:131.9px;
  }
}
@keyframes overlay-to-pos-375 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:131.9px;
  }
}
@-webkit-keyframes overlay-to-pos-375-short {
  0% {
    bottom:0;      
  }
  100% {
   bottom:116px;
  }
}
@keyframes overlay-to-pos-375-short {
    0% {
    bottom:0;        
  }
  100% {
   bottom:116px;
  }
}
@-webkit-keyframes overlay-to-pos-360 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:136.5px;
  }
}
@keyframes overlay-to-pos-360 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:136.5px;
  }
}
@-webkit-keyframes overlay-to-pos-360-normal {
  0% {
    bottom:0;      
  }
  100% {
   bottom:127.2px;
  }
}
@keyframes overlay-to-pos-360-normal {
    0% {
    bottom:0;        
  }
  100% {
   bottom:127.2px;
  }
}
@-webkit-keyframes overlay-to-pos-320 {
  0% {
    bottom:0;      
  }
  100% {
   bottom:121.3px;
  }
}
@keyframes overlay-to-pos-320 {
    0% {
    bottom:0;        
  }
  100% {
   bottom:121.3px;
  }
}
@-webkit-keyframes overlay-to-pos-320-short {
  0% {
    bottom:0;      
  }
  100% {
   bottom:104.7px;
  }
}
@keyframes overlay-to-pos-320-short {
    0% {
    bottom:0;        
  }
  100% {
   bottom:104.7px;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0) translateX(-50%);
            transform: scale(0) translateX(-50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-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;
      opacity:1
  }
}
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  40% {
    -webkit-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
  }
  60% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
  80% {
    -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-2 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
  40% {
    -webkit-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
  }
  60% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
  80% {
    -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-.5px, .5px);
            transform: translate(-.5px, .5px);
  }
  40% {
    -webkit-transform: translate(-.5px, -.5px);
            transform: translate(-.5px, -.5px);
  }
  60% {
    -webkit-transform: translate(.5px, .5px);
            transform: translate(.5px, .5px);
  }
  80% {
    -webkit-transform: translate(.5px, -.5px);
            transform: translate(.5px, -.5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
   20% {
    -webkit-transform: translate(-.5px, .5px);
            transform: translate(-.5px, .5px);
  }
  40% {
    -webkit-transform: translate(-.5px, -.5px);
            transform: translate(-.5px, -.5px);
  }
  60% {
    -webkit-transform: translate(.5px, .5px);
            transform: translate(.5px, .5px);
  }
  80% {
    -webkit-transform: translate(.5px, -.5px);
            transform: translate(.5px, -.5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes scale-in-center2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
            transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: rotate(-810deg) scale(0);
            transform: rotate(-810deg) 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(-810deg) scale(0);
            transform: rotate(-810deg) scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes hor {
  0% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  3.27869% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  6.55738% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  9.83606% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  13.11475% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  16.39344% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  18.03279% {  -webkit-transform:translate(0,0); transform:translate(0,0) }
  100% {  -webkit-transform:translate(0,0); transform:translate(0,0) }
}
@keyframes hor {
  0% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  3.27869% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  6.55738% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  9.83606% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  13.11475% {  -webkit-transform:translate(-3px,0); transform:translate(-3px,0) }
  16.39344% {  -webkit-transform:translate(3px,0); transform:translate(3px,0) }
  18.03279% {  -webkit-transform:translate(0,0); transform:translate(0,0) }
  100% {  -webkit-transform:translate(0,0); transform:translate(0,0) }
} 

.shake-vertical {
	-webkit-animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
.overlay-to-pos{
	-webkit-animation: overlay-to-pos 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}
.bounce-in-fwd {
	-webkit-animation: bounce-in-fwd 1.1s .25s both;
	        animation: bounce-in-fwd 1.1s .25s both;
}
.pulsate-fwd {
	-webkit-animation: pulsate-fwd 0.85s ease-in-out infinite both;
	        animation: pulsate-fwd 0.85s ease-in-out infinite both;
}
.scale-in-center {
	-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;
}
.slide-out-top {
	-webkit-animation: slide-out-top 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.slide-out-top2 {
	-webkit-animation: slide-out-top2 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top2 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.bounce-in-fwd2 {
	-webkit-animation: bounce-in-fwd 1s both;
	        animation: bounce-in-fwd 1s both;
}
.vibrate-1 {
	-webkit-animation: vibrate-1 .45s linear infinite both;
	        animation: vibrate-1 .45s linear infinite both;
    opacity:1
}
.vibrate-2 {
	-webkit-animation: vibrate-2 .3s linear infinite both;
	        animation: vibrate-2 .3s linear infinite both;
    opacity:1
}
.vibrate-3 {
	-webkit-animation: vibrate-3 .15s linear infinite both;
	        animation: vibrate-3 .15s linear infinite both;
    opacity:1
}
.scale-in-center2 {
	-webkit-animation: scale-in-center2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-elliptic-top-fwd {
	-webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.swirl-in-fwd {
	-webkit-animation: swirl-in-fwd 0.6s ease-out both;
	        animation: swirl-in-fwd 0.6s ease-out both;
}
.scale-in-center3 {
	-webkit-animation: scale-in-center2 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center2 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    opacity:1
}
.fade-in2 {
	-webkit-animation: fade-in 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in3 {
	-webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.hor{-webkit-animation:hor 2.44s ease infinite;  animation:hor 2.44s ease infinite; transform-origin:50% 50%}

/* 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; 
	line-height:normal;
}
#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%;
	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{width:100%; height:auto}

/* SCENE 1 */

.scene1_wrap{display:flex; flex-direction:column; align-items:center; position:absolute; width:100%; height:100%; background-color:#fff; z-index:40}
.burger{position:relative; overflow:hidden; margin-top:186.7px; width:164.24px; height:auto; overscroll-behavior:contain}
.burger-overlay{position:absolute; bottom:155px; right:0; overscroll-behavior:contain; background-color:#fff; left:-10%; width:calc(100% + 20%); height:100%; z-index:40}
.hand{position:absolute; top:50px; left:50%; transform:translateX(-50%); transform-origin:0% 50%; opacity:0; width:82px; height:auto; z-index:40}
.raise{position:absolute; bottom:42.3px; width:119.45px; height:auto; z-index:50}
.swipe-txt{position:absolute; top:15px; left:50%; width:82px; height:auto; transform:translateX(-50%); opacity:0; z-index:40}
.disappear{-webkit-transform:translateY(-100%); transform:translateY(-100%); transition:.6s; transition-timing-function:ease-in-out}

/* SCENE 2 */

.scene2_wrap{position:relative; z-index:30; -webkit-transform:translateY(100%); transform:translateY(100%); top:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; justify-content:space-between; width:100%; height:100%; background-image:url(img/bg-428.webp); background-size:100% auto; background-repeat:no-repeat; background-position:center}
.appear{-webkit-transform:translateY(0%); transform:translateY(0%); transition:.6s; transition-timing-function:ease-in-out}
.scene2-top{display:flex; flex-direction:column; align-items:center; justify-content:flex-start; margin-top:4vh}
.mcd-logo{width:144.6px}
.mcdeal{width:276.4px; margin-top:30px}
.mcdeal svg{overflow:visible}
.nothing{opacity:0}
.beats{opacity:0; transform-origin:50% 25%}
.beats-dark{opacity:0; transform-origin:50% 25%}
.beats-red{opacity:0; transform-origin:50% 25%}
.beats-yellow{opacity:0; transform-origin:50% 25%}
.vib-show{opacity:1; transition:opacity 1s}
.the{opacity:0; transform-origin:50% 50%}
.deal{opacity:0}
.arrow-left{opacity:0}
.arrow-right{opacity:0}
.deal-price{opacity:0; transform-origin:50% 50%; transform-box:fill-box}
.burgers-wrap{display:flex; align-self:flex-start; width:200%; margin-bottom:.54vh}
.big-mac-wrap{display:flex; flex-direction:column; align-items:center; width:100%; margin-top:38.8px; justify-content:flex-start}
.big-mac-title{width:118.7px}
.big-mac{align-self:flex-start; width:397.6px; margin-left:20.6px; margin-top:23px}
.bigg{opacity:0; transform-origin:50% 50%; transform-box:fill-box}
.mac{opacity:0}
.rm1{opacity:0}
.tm1{opacity:0}
.mc-chicken-wrap{display:flex; flex-direction:column; align-items:center; width:100%; margin-top:15px; justify-content:flex-start}
.mc-chicken-title{width:167.5px}
.mc-chicken{align-self:flex-start; width:398.1px; margin-left:10.7px; margin-top:10.6px}
.mc{opacity:0}
.chicken{opacity:0}
.rm2{opacity:0}
.tm2{opacity:0}
.get-it-now{opacity:0; width:202.3px; margin-top:1.7px}
.exit-btn-opa{opacity:1}
.final-burger-appear{-webkit-transform:translateX(-100vw); transform:translateX(-100vw); transition:.5s; transition-timing-function:ease-in-out}

/* Big Phone (tall screen) */
@media screen and (max-device-width:414px) and (-webkit-min-device-pixel-ratio:1.5) {
   
/* SCENE 1 */

.burger{margin-top:190.3px; width:164.24px}
.burger-overlay{bottom:158px}
.hand{top:51px; width:82px}
.raise{bottom:43.1px; width:119.45px}
.swipe-txt{top:15.2px; width:82px}

/* SCENE 2 */

.scene2_wrap{background-image:url(img/bg-414-tall.webp); background-position:bottom}
.mcd-logo{width:144.6px}    
.mcdeal{width:276.4px; margin-top:30.3px}
.big-mac-wrap{margin-top:39.2px}
.big-mac-title{width:118.7px}
.big-mac{width:397.6px; margin-left:10px; margin-top:23.2px}    
.mc-chicken-wrap{margin-top:15.1px}
.mc-chicken-title{width:167.5px}
.mc-chicken{width:398.1px; margin-left:10.35px; margin-top:10.7px}    
.get-it-now{width:202.3px; margin-top:1.7px}
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-414 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-414 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}    
.shake-vertical {
	-webkit-animation: shake-vertical-414 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-414 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}    
       
}

/* Big Phone (normal screen) */
@media  screen and (max-device-width:414px) and (max-height:725px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */
 
.burger{margin-top:179.9px; width:158.86px}    
.burger-overlay{bottom:149.4px}
.hand{top:48.2px; width:79.3px}    
.raise{bottom:40.8px; width:115.54px}    
.swipe-txt{top:14.5px; width:79.3px}    
    
/* SCENE 2 */    
    
.scene2_wrap{background-image:url(img/bg-414-normal.webp)}    
.scene2-top{margin-top:3vh}    
.mcd-logo{width:139.9px}    
.mcdeal{width:267.4px; margin-top:28.9px}     
.big-mac-wrap{margin-top:37.4px}    
.big-mac-title{width:114.8px}    
.big-mac{width:384.6px; margin-left:19.9px; margin-top:22.2px}    
.mc-chicken-wrap{margin-top:14.5px}
.mc-chicken-title{width:162px}
.mc-chicken{width:385.1px; margin-left:10.35px; margin-top:10.2px}   
.get-it-now{width:195.7px; margin-top:1.6px}    
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-414-normal 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-414-normal 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}       
.shake-vertical {
	-webkit-animation: shake-vertical-414-normal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-414-normal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}    
       
}

/* Big Phone (short screen) */
@media  screen and (max-device-width:414px) and (max-height:622px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */    
    
.burger{margin-top:151.2px; width:138.14px}    
.burger-overlay{bottom:125.5px}      
.hand{top:40.5px; width:69px}      
.raise{bottom:34.2px; width:100.47px}    
.swipe-txt{top:12.1px; width:69px}    
    
/* SCENE 2 */
    
.scene2_wrap{background-image:url(img/bg-414-short.webp)}    
.scene2-top{margin-top:3vh}    
.mcd-logo{width:111.8px}    
.mcdeal{width:213.7px; margin-top:24.3px}      
.burgers-wrap{margin-bottom:1.125vh}  
.big-mac-wrap{margin-top:31.4px}
.big-mac-title{width:99.8px}
.big-mac{width:334.4px; margin-left:40px; margin-top:18.6px}    
.mc-chicken-wrap{margin-top:12.1px}
.mc-chicken-title{width:140.9px}
.mc-chicken{width:334.9px; margin-left:40px; margin-top:8.6px}        
.get-it-now{width:170.2px; margin-top:1.4px}      
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-414-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-414-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-414-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-414-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
         
}

/* Medium++ Phone (tall screen) */
@media  screen and (max-device-width:393px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */

.burger{margin-top:179.9px; width:150.8px}
.burger-overlay{bottom:149.4px}      
.hand{top:48.2px; width:75.3px}        
.raise{bottom:40.8px; width:109.68px}    
.swipe-txt{top:14.5px; width:75.3px}
    
/* SCENE 2 */   

.scene2_wrap{background-image:url(img/bg-393-tall.webp)}    
.scene2-top{margin-top:4vh}    
.mcd-logo{width:132.8px}    
.mcdeal{width:253.8px; margin-top:28.9px}        
.burgers-wrap{margin-bottom:1.125vh}        
.big-mac-wrap{margin-top:37.4px}    
.big-mac-title{width:109px}    
.big-mac{width:365.1px; margin-left:18.9px; margin-top:22.2px}      
.mc-chicken-wrap{margin-top:14.5px}    
.mc-chicken-title{width:153.8px}    
.mc-chicken{width:365.5px; margin-left:9.8px; margin-top:10.2px}    
.get-it-now{width:185.8px; margin-top:1.6px}       
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-393 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-393 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}          
.shake-vertical {
	-webkit-animation: shake-vertical-393 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-393 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
} 
        
}

/* Medium++ Phone (normal screen) */
@media  screen and (max-device-width:393px) and (max-height:680px) and (-webkit-min-device-pixel-ratio:1.5) {
        
/* SCENE 1 */    

.burger{margin-top:166.1px; width:150.8px}
.burger-overlay{bottom:138px}      
.hand{top:44.5px; width:75.3px}       
.raise{bottom:37.7px; width:109.68px}    
.swipe-txt{top:13.4px; width:75.3px}
 
/* SCENE 2 */
    
.scene2_wrap{background-image:url(img/bg-393-normal.webp)}    
.scene2-top{margin-top:2.5vh}    
.mcd-logo{width:129.7px}    
.mcdeal{width:248px; margin-top:26.7px}        
.burgers-wrap{margin-bottom:1.125vh}      
.big-mac-wrap{margin-top:34.5px}
.big-mac-title{width:106.5px}
.big-mac{width:356.7px; margin-left:25px; margin-top:20.5px}       
.mc-chicken-wrap{margin-top:13.4px}
.mc-chicken-title{width:150.3px}
.mc-chicken{width:357.2px; margin-left:12px; margin-top:9.4px} 
.get-it-now{width:181.5px; margin-top:1.5px}  
     
}

/* Medium++ Phone (short screen) */
@media  screen and (max-device-width:393px) and (max-height:660px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */      
    
.burger{margin-top:164.6px}    
.burger-overlay{bottom:136.8px}          
.hand{top:44.1px}         
.raise{bottom:37.4px}     
.swipe-txt{top:13.3px}    
    
/* SCENE 2 */    
    
.scene2_wrap{background-image:url(img/bg-393-short.webp)}       
.scene2-top{margin-top:2vh}   
.mcdeal{margin-top:26.5px}          
.burgers-wrap{margin-bottom:1.125vh}         
.big-mac-wrap{margin-top:34.2px}    
.big-mac{margin-top:20.3px}      
.mc-chicken-wrap{margin-top:13.3px}    
.mc-chicken{margin-top:9.3px}         
.get-it-now{margin-top:1.5px}      
        
}

/* Medium+ Phone */
@media  screen and (max-device-width:384px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */    

.burger{margin-top:179.4px; width:147.35px}    
.burger-overlay{bottom:149px}        
.hand{top:48.1px; width:73.6px}        
.raise{bottom:40.7px; width:107.17px}    
.swipe-txt{top:14.4px; width:73.6px}
 
/* SCENE 2 */
    
.scene2_wrap{background-image:url(img/bg-384.webp)}    
.scene2-top{margin-top:4vh}    
.mcd-logo{width:129.7px}    
.mcdeal{width:248px; margin-top:28.8px}        
.burgers-wrap{margin-bottom:1.125vh}      
.big-mac-wrap{margin-top:37.3px}
.big-mac-title{width:106.5px}
.big-mac{width:356.7px; margin-left:18.5px; margin-top:22.1px}        
.mc-chicken-wrap{margin-top:14.4px}
.mc-chicken-title{width:150.3px}
.mc-chicken{width:357.2px; margin-left:9.6px; margin-top:10.2px} 
.get-it-now{width:181.5px; margin-top:1.6px}    
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-384 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-384 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-384 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-384 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
        
}

/* Medium Phone (tall screen) */
@media  screen and (max-device-width:375px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */  
    
.burger{margin-top:158.9px; width:143.9px}    
.burger-overlay{bottom:131.9px}    
.hand{top:42.6px; width:71.8px}        
.raise{bottom:36px; width:104.65px}    
.swipe-txt{top:12.8px; width:71.8px} 
 
/* SCENE 2 */
    
.scene2_wrap{background-image:url(img/bg-375-tall.webp)}    
.scene2-top{margin-top:2.5vh}    
.mcd-logo{width:121.6px}    
.mcdeal{width:232.5px; margin-top:25.5px}        
.burgers-wrap{margin-bottom:1.125vh}    
.big-mac-wrap{margin-top:33px}    
.big-mac-title{width:99.8px}    
.big-mac{width:334.4px; margin-left:25px; margin-top:19.6px} 
.mc-chicken-wrap{margin-top:12.8px}    
.mc-chicken-title{width:140.9px}    
.mc-chicken{width:334.9px; margin-left:14px; margin-top:9px}     
.get-it-now{width:170.2px; margin-top:1.4px}   
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-375 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-375 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-375 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-375 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
        
}

/* Medium Phone (short screen) */
@media  screen and (max-device-width:375px) and (max-height:628px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */     
    
.burger{margin-top:139.7px; width:126.5px}    
.burger-overlay{bottom:116px}    
.hand{top:37.5px; width:63.1px}        
.raise{bottom:31.7px; width:92px}    
.swipe-txt{top:11.3px; width:63.1px}
    
/* SCENE 2 */
    
.scene2-top{margin-top:2.5vh}     
.mcd-logo{width:106.9px}      
.mcdeal{width:204.4px; margin-top:22.4px}          
.burgers-wrap{margin-bottom:1.125vh}        
.big-mac-wrap{margin-top:29px}     
.big-mac-title{width:87.7px}        
.big-mac{width:294px; margin-left:45px; margin-top:17.2px}     
.mc-chicken-wrap{margin-top:11.3px}    
.mc-chicken-title{width:123.9px}    
.mc-chicken{width:294.4px; margin-left:35px; margin-top:7.9px}         
.get-it-now{width:149.6px; margin-top:1.2px}          
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-375-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-375-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-375-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-375-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
        
}

/* Small Phone */
@media screen and (max-device-width:360px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */    
    
.burger{margin-top:164.4px; width:138.14px}    
.burger-overlay{bottom:136.5px}       
.hand{top:44px; width:69px}       
.raise{bottom:37.3px; width:100.47px}    
.swipe-txt{top:13.2px; width:69px}    
    
/* SCENE 2 */
    
.scene2_wrap{background-image:url(img/bg-360-tall.webp)}    
.scene2-top{margin-top:4vh}    
.mcd-logo{width:121.6px}    
.mcdeal{width:232.5px; margin-top:26.4px}      
.burgers-wrap{margin-bottom:1.125vh}  
.big-mac-wrap{margin-top:34.2px}
.big-mac-title{width:99.8px}
.big-mac{width:334.4px; margin-left:17.3px; margin-top:20.3px}    
.mc-chicken-wrap{margin-top:13.2px}
.mc-chicken-title{width:140.9px}
.mc-chicken{width:334.9px; margin-left:9px; margin-top:9.3px}        
.get-it-now{width:170.2px; margin-top:1.5px}     
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-360 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-360 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-360 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-360 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
        
}

/* Small Phone (normal screen) */
@media screen and (max-device-width:360px) and (max-height:620px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */       
    
.burger{margin-top:153.1px; width:138.14px}     
.burger-overlay{bottom:127.2px}     
.hand{top:41px; width:69px}       
.raise{bottom:34.7px; width:100.47px}      
.swipe-txt{top:12.3px; width:69px}     
   
/* SCENE 2 */    
    
.scene2_wrap{background-image:url(img/bg-360-normal.webp)}      
.scene2-top{margin-top:4vh} 
.mcd-logo{width:113.3px}      
.mcdeal{width:216.6px; margin-top:24.6px}        
.burgers-wrap{margin-bottom:1.125vh}   
.big-mac-wrap{margin-top:31.9px}    
.big-mac-title{width:93px}    
.big-mac{width:312px; margin-left:25px; margin-top:18.9px}        
.mc-chicken-wrap{margin-top:12.3px}    
.mc-chicken-title{width:131.2px}
.mc-chicken{width:312px; margin-left:20px; margin-top:8.7px}         
.get-it-now{width:158.5px; margin-top:1.4px}        
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-360-normal 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-360-normal 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-360-normal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-360-normal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}     
        
}
	
/* Small Phone (short screen) */
@media screen and (max-device-width:360px) and (max-height:600px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */      
    
.burger{margin-top:149.6px}      
.burger-overlay{bottom:124.3px}          
.hand{top:40px}         
.raise{bottom:33.9px}      
.swipe-txt{top:12px}    
 
/* SCENE 2 */    
    
.scene2_wrap{background-image:url(img/bg-360-short.webp)}      
.scene2-top{margin-top:4vh}   
.mcdeal{margin-top:24px}          
.burgers-wrap{margin-bottom:1.125vh}        
.big-mac-wrap{margin-top:31.2px}      
.big-mac{margin-top:18.5px}        
.mc-chicken-wrap{margin-top:12px}    
.mc-chicken{margin-top:8.5px}     
.get-it-now{margin-top:1.4px}    
    
}

/* Very Small Phone */
@media screen and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:1.5) {
	
/* SCENE 1 */	
	
.burger{margin-top:131.6px; width:122.8px}
.burger-overlay{bottom:109.3px}    	
.hand{top:35.2px; width:61.3px}	
.raise{bottom:29.9px; width:89.3px}  	
.swipe-txt{top:10.6px; width:61.3px}  	
	
/* SCENE 2 */
	
.scene2_wrap{background-image:url(img/bg-320.webp)}    	
.scene2-top{margin-top:2.5vh} 	
.mcd-logo{width:97.4px} 	
.mcdeal{width:186.1px; margin-top:21.1px} 		
.burgers-wrap{margin-bottom:1.125vh}		
.big-mac-wrap{margin-top:27.4px}	
.big-mac-title{width:88.7px}	
.big-mac{width:297.2px; margin-left:15.4px; margin-top:16.3px}		
.mc-chicken-wrap{margin-top:10.6px}	
.mc-chicken-title{width:125.2px}	
.mc-chicken{width:297.7px; margin-left:8px; margin-top:7.4px}   	
.get-it-now{width:136.3px; margin-top:1.2px}  		
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-320 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-320 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-320 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-320 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}  	
		
}

/* Very Small Phone (short screen) */
@media screen and (max-device-width:320px) and (max-height:460px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* SCENE 1 */
	
.burger{margin-top:113.6px; width:106px}
.burger-overlay{bottom:94.3px}		
.hand{top:30.4px; width:52.9px}	
.raise{bottom:25.8px; width:77px}	
.swipe-txt{top:9.1px; width:52.9px}  

/* SCENE 2 */

.scene2_wrap{background-image:url(img/bg-320-short.webp)} 	
.scene2-top{margin-top:2.5vh}		
.mcd-logo{width:84.1px} 	
.mcdeal{width:160.6px; margin-top:18.2px} 	
.burgers-wrap{margin-bottom:1.125vh}		
.big-mac-wrap{margin-top:23.6px}	
.big-mac-title{width:76.6px}		
.big-mac{width:256.5px; margin-left:35px; margin-top:14.1px}			
.mc-chicken-wrap{margin-top:9.1px}		
.mc-chicken-title{width:108.1px}	
.mc-chicken{width:257px; margin-left:28px; margin-top:6.4px}   
.get-it-now{width:117.6px; margin-top:1px}		
.overlay-to-pos{
	-webkit-animation: overlay-to-pos-320-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: overlay-to-pos-320-short 0.75s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;	
}        
.shake-vertical {
	-webkit-animation: shake-vertical-320-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-vertical-320-short 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}  	
		
}