/* 
Supercharger Mistery Prize Reveal - Feb 2023- MCL
*/


#SC_Mistery_Prize_Reveal_2 {
  background:url(../images/mobile/sc2-mpr-bg.jpg) no-repeat 0 0;
  background-size:contain;
  width: 320px;
  height: 700px;
  margin: 0 auto;
  position: relative;
  overflow:hidden;
}
#SC_Mistery_Prize_Reveal_2 .sc2-eagle{
  width:195px;
  height:115px;
  background:url(../images/mobile/sc2-eagle.png) no-repeat 0 0;
  background-size:contain;
  position:absolute;
  top:0;
  left:0;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-1 {
  color:#000;
  font-family: 'Cardo', serif;
  font-size: 22px;
  line-height:26px;
  text-align: center;
  text-transform: uppercase;
  padding: 60px 0 0;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-2 {
  color:#000;
  font-family: 'Cardo', serif;
  font-size: 19px;
  line-height:23px;
  text-align: center;
  padding-top:4px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-fold-container {
  margin-top:0px;
}
#sc2-mpr-peel-container{
    position: relative;
    width: 373px;
    height: 373px;
    margin-top:-27px;
    margin-left:-27px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
   
  }
  
  #sc2-mpr-peel-container .sc2-mpr-front-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 373px;
    height: 373px;
    
  }
  #sc2-mpr-peel-container .sc2-mpr-badge-wrapper{
    position: absolute;
    width: 373px;
    height: 373px;
    left: 0px;
    top: 0px;
    overflow: hidden;
  }
  #sc2-mpr-peel-container .sc2-mpr-badge{
    position: absolute;
    width: 290px;
    height:  290px;
    margin:41px;
    border-radius:50%;
  }
  #sc2-mpr-peel-container .sc2-mpr-seal .sc2-mpr-badge{
    background: url(../images/mobile/sc2-mpr-seal.png) no-repeat 0 0;
    background-size:contain;
    
  }
  #sc2-mpr-peel-container .sc2-mpr-back{
    height:21px; 
    top:62px;
  }
  #sc2-mpr-peel-container .sc2-mpr-back .sc2-mpr-badge{
    margin-top:-275px;
    background-color: #ccc;  
    background-image: -webkit-linear-gradient(bottom, rgba(214,226,215,.0), rgba(255,255,255,.8));
    box-shadow: inset 0 0 30px 0px rgba(0,0,0,.3);
  }
  #sc2-mpr-peel-container .sc2-mpr-front{
    height: 311px;
    bottom: 0;
    top: auto;
    box-shadow: 0 -470px 67px -470px rgba(0,0,0,.3);
  }
  #sc2-mpr-peel-container .sc2-mpr-front .sc2-mpr-badge{
    margin-top: -21px;
    background: url(../images/mobile/sc2-mpr-front.png) no-repeat 0 0;
    background-size:contain;
  }
 /* content for back*/ 
 #SC_Mistery_Prize_Reveal_2 .sc2-mpr-prize-description {
  width:250px;
  height:250px;
  position:absolute;
  top:65px;
  left:22px;
  text-align:center;
  transform-origin: center;
 
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-prize-description-inner {
  width:250px;
  height:250px;
  transform-origin: center;
  transform-origin:center;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-wrapper {
  position:relative;
  width:250px;
  height:45px;
 }
 #SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-6-wrapper {
  height:45px;
 }
 /* #SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-7-wrapper {
  height:45px;
 }
 #SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-8-wrapper {
  height:45px;
 } */
 #SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-shadow {
  width:100%;
  color:transparent;
  font-family: 'Roboto', serif;
  font-size: 34px;
  font-weight:900;
  line-height:38px;
  text-align: center;
  text-shadow: -5px 4px 4px #999;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(1, 1.2);
  transform: scale(1, 1.2);
}
 #SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-stroke {
  width:100%;
  color:transparent;
  font-family: 'Roboto', serif;
  font-size: 34px;
  font-weight:900;
  line-height:38px;
  text-align: center;
  text-shadow: 0px 0 #fff, -2px 0 #fff,
  0px 0 #fff, 2px 0 0 #fff,
  2px 2px 0 #fff, 0 2px 0 #fff;
  letter-spacing:2;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(1, 1.2);
  transform: scale(1, 1.2);
  
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-color {
  width:100%;
  color:#a20000;
  background: -webkit-linear-gradient(#a20000, #f90000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Roboto', serif;
  font-size: 34px;
  font-weight:900;
  line-height:38px;
  text-align: center;
  letter-spacing:2;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: scale(1, 1.2);
  transform: scale(1, 1.2);
  
}
/* sup { position: relative; top: 0em; font-size: 50%; color:transparent; }
sup.sc2-mpr-sup {
  color:#a20000;
  background: -webkit-linear-gradient(#a20000, #f90000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 

}*/
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-9 {
  color:#000;
  font-family: 'Roboto', serif;
  font-size: 25px;
  font-weight:700;
  line-height:29px;
  text-align: center;
  padding-top:5px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-9 span {
  text-transform: capitalize;
  font-style:italic;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-10 {
  color:#000;
  font-family: 'Roboto', serif;
  font-size: 13px;
  font-weight:400;
  line-height:16px;
  text-transform: capitalize;
  text-align: center;
  padding-top:5px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-bottom-panel {
  width:320px;
  margin:-13px auto 0;
  visibility:hidden;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-3 {
  color:#000;
  font-family: 'Roboto', serif;
  font-size: 13px;
  font-weight:500;
  line-height:15px;
  text-align: center;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-4-wrapper,
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-4-a-wrapper {
  position:relative;
  margin-top:-2px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-4-wrapper {
  margin-top:3px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-yellow-bar-wrapper {
  width:265px;
  height:20px;
  position:absolute;
  top:0;
  left:30px;
  z-index:10;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-yellow-bar-a-wrapper {
  width:170px;
  height:20px;
  position:absolute;
  top:0;
  left:70px;
  z-index:10;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-yellow-bar {
  background: url('../images/mobile/sc2-highlight.png') no-repeat 0 0;
  width:0;
  height:20px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-yellow-bar-a {
  background: url('../images/mobile/sc2-highlight-1.png') no-repeat 0 0;
  width:0;
  height:20px;
}
#SC_Mistery_Prize_Reveal_2 .sc2-mpr-txt-4 {
  color:#000;
  font-family: 'Roboto', serif;
  font-size: 14px;
  font-weight:900;
  font-style:italic;
  line-height:20px;
  text-align: center;
  position:relative;
  z-index:11;
}