/* -- ( css_main/main/headbar/head_bar.css ) -- */
.headbar-wrapper{width: 100%;background: var(--color-000c4e);}


/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px) { 


}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {


}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {


}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

	
}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 
   
   	.device-mobile .headbar-wrapper{display: none;}
}

/* -- ( css_main/main/headbar/head_bar_week_of_games.css ) -- */

.headbar-week-of-games{height: 82px;width: 100%;position: relative;display: flex;align-items:flex-end;box-sizing: border-box; background: #030b78}
.headbar-week-of-games-slides{display:flex;flex-flow:row;width: 100%; max-height: 100%;height: 100%;box-sizing: border-box;background-position: top center; background-repeat: no-repeat;background-size:100% 100%; font-family:'Montserrat',sans-serif; overflow: hidden;position: relative;}

/* Logo */
/*----------------------------------------------------------------------------*/
.headbar-week-of-games .week-of-games-logo-wrap{ height: 100%; width: 31%; position: relative; z-index:2; }
.headbar-week-of-games .week-of-games-logo{ position: relative; width: 100%;max-width: 110px; margin: 0 auto; opacity: 0; transform: scale(0); animation: scaleLogoGame 0.4s ease-in-out forwards;}

@keyframes scaleLogoGame {
    from { opacity: 0; transform: scale(0); }
    to { opacity: 1; transform: scale(1); } 
}

/* Slide Content  */
/*----------------------------------------------------------------------------*/
.headbar-week-of-games .slides-content { box-sizing: border-box; width:69%; height: 100%; padding: 0.125rem; }
.headbar-week-of-games .slide-box { position: relative; z-index: 3; width:100%;/* width:107%; left: -7%;*/ height: 100%; display: flex; flex-flow: row; align-items: center; justify-content:flex-start; }
.headbar-week-of-games .slide-box.slide-1 { opacity: 0; transform: scale(0); animation: scaleInSlideBoxText .9s 0.3s cubic-bezier(.25,1.33,.59,1.14) forwards; }

@keyframes scaleInSlideBoxText {
    from { opacity: 0; transform: scale(0); }
    to { opacity: 1; transform: scale(1); } 
}

.headbar-week-of-games .slides-week-of-games-box { width: 100%; }
.headbar-week-of-games .slides-week-of-games-box .big-txt { font-size: 134%; font-weight: 800; }
.headbar-week-of-games .slide-2 .slides-week-of-games-box .big-txt { font-size: 131%; }
.headbar-week-of-games .slides-week-of-games-box .small-txt { font-size: 81%; font-weight: 600; }
.headbar-week-of-games .slides-week-of-games-box .currency { text-transform: lowercase; font-size: 82%; }

.headbar-week-of-games .condition-txt { font-size: 0.6875rem; font-weight: 700; margin-bottom: 0.375rem; line-height: 1.25; }
.headbar-week-of-games .congrats-txt { font-size: 0.6875rem; font-weight: 700; margin-bottom: 0.375rem; line-height: 1.25; }

/* Progress Bar  */
/*----------------------------------------------------------------------------*/
.headbar-week-of-games .slider-wrap { width: 100%; max-width: 90%; min-width: 150px; } 
.headbar-week-of-games .slider-wrap .slider { margin: 0 auto; }
.headbar-week-of-games .slider-wrap .slider-progress-wrapper { /*background-color: #01135f; border-color:#75fbfd; */box-sizing: border-box; position: relative; width: 100%; height: 17px; margin: 0 auto; border-radius: 4rem; border: 1px solid #75fbfd; background: transparent; }
.headbar-week-of-games .slider-wrap .slider-progress { box-sizing: border-box; position: absolute; width: 30%;  height: 100%; padding: 2px; transition: all .3s linear; }
.headbar-week-of-games .slider-wrap .slider-progress-inner{ width: 100%; height: 100%; border-radius: 4rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.headbar-week-of-games .slider-wrap .slider-progress-txt { height: 100%;font-size:11px;padding:3px;box-sizing: border-box;position: relative;z-index: 3; color: #fff; }
.headbar-week-of-games .slider-wrap .slider-progress-cifers { height: 100%;display: flex;justify-content: center;align-items: center;text-transform: uppercase;font-weight: 700;}

.headbar-week-of-games .slider-wrap .mark-completed { width: 23px; height: 23px; position: absolute; top: -3px; right: -3px; border-radius: 50%; border: 1px solid #75fbfd; background: #01135f; box-sizing: border-box; }
.headbar-week-of-games .slider-wrap .mark-completed:before, 
.headbar-week-of-games .slider-wrap .mark-completed:after{ background: #00fffe;content: ""; width:8px; height: 3px;position:absolute;}
.headbar-week-of-games .slider-wrap .mark-completed:before { top: 11px;left: 3px;transform: rotate(45deg);}
.headbar-week-of-games .slider-wrap .mark-completed:after { top: 9px; left: 6px; width: 13px; transform: rotate(-45deg);}


@media all and (max-width: 390px){

    /* Slide Content */
    .headbar-week-of-games .condition-txt { font-size: 0.625rem; }
    .headbar-week-of-games .congrats-txt { font-size: 0.625rem; }
}

@media all and (max-width: 360px){

    .headbar-week-of-games .slide-box { /*width:110%; left: -10%; */}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

    .headbar-week-of-games{height:92px;}

    /* Logo */
    .headbar-week-of-games .week-of-games-logo-wrap{width: 20%}
    .headbar-week-of-games .week-of-games-logo{max-width: 124px}
    
    /* Slide Content  */
    .headbar-week-of-games .slides-content{width: 80%}
    .headbar-week-of-games .condition-txt { font-size: 0.86rem;margin-bottom: 0.6rem}
    .headbar-week-of-games .congrats-txt{ font-size: 0.8125rem; }

    /* Progress Bar  */
    .headbar-week-of-games .slider-wrap .slider-progress-wrapper { height: 20px; }
    .headbar-week-of-games .slider-wrap .slider-progress-txt{font-size: 0.6875rem;}
    .headbar-week-of-games .slider-wrap .mark-completed { width: 25px; height: 25px; }
    .headbar-week-of-games .slider-wrap .mark-completed:before {top:12px;left: 4px;}
    .headbar-week-of-games .slider-wrap .mark-completed:after {top:10px; left:7px;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) { 

    .headbar-week-of-games{ height:83px;max-width:500px;margin: 0 auto; border-radius: 8px; }
    .headbar-week-of-games-slides{ border-radius: 8px}

    /* Logo */
    .headbar-week-of-games .week-of-games-logo-wrap{width: 25%}
    .headbar-week-of-games .week-of-games-logo{max-width: 111px}
    
    /* Slide Content  */
    .headbar-week-of-games .slides-content{width: 75%}
    .headbar-week-of-games .condition-txt { font-size: 0.6875rem;line-height:1.3 }
    .headbar-week-of-games .congrats-txt { font-size: 0.6875rem;}

    /* Progress Bar  */
    .headbar-week-of-games .slider-wrap .slider-progress-wrapper{height: 18px;}
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

   
}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {
    
    .headbar-week-of-games{height:87px;max-width:550px;}

    /* Logo */
    .headbar-week-of-games .week-of-games-logo{max-width: 116px}
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

    .headbar-week-of-games{max-width:580px;}

    /* Logo */
    
    /* Slide Content  */
    .headbar-week-of-games .condition-txt { font-size:  0.75rem; }
    .headbar-week-of-games .congrats-txt { font-size: 0.75rem; }

}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

    .headbar-week-of-games{height:90px;max-width:600px;}

    /* Logo */
    .headbar-week-of-games .week-of-games-logo{max-width: 120px}

    /* Slide Content  */
    .headbar-week-of-games .condition-txt { font-size: 0.8125rem; }
    .headbar-week-of-games .congrats-txt { font-size: 0.8125rem; }

    /* Progress Bar  */
    .headbar-week-of-games .slider-wrap .slider-progress-wrapper{height: 20px;border-width: 2px}
    .headbar-week-of-games .slider-wrap .slider-progress-txt{font-size: 0.75rem}
    .headbar-week-of-games .slider-wrap .mark-completed { width: 27px; height: 27px;border-width: 2px;top:-5px;right:-5px }
    .headbar-week-of-games .slider-wrap .mark-completed:before {top:12px;left: 4px;}
    .headbar-week-of-games .slider-wrap .mark-completed:after {top:10px; left:7px;}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

    .headbar-week-of-games{height: 92px;max-width:620px;} 

     /* Logo */
    .headbar-week-of-games .week-of-games-logo{max-width: 122px}
}

/* -- ( css_main/main/headbar/head_bar_generous_faves.css ) -- */
.headbar-gnrs-piggies{height: 82px;width: 100%;position: relative;display: flex;align-items:flex-end;box-sizing: border-box;background: #0054ff; transition: all .3s ease-in-out; }
.headbar-gnrs-piggies-slides{ opacity: 0; width: 100%; max-height: 100%;height: 100%;box-sizing: border-box;font-family: 'Montserrat', sans-serif;overflow: hidden;position: relative; transition: all .3s ease-in; }
.headbar-gnrs-piggies-slides.has-load { opacity: 1; }
.headbar-gnrs-piggies-slides .slides-content { position: relative; box-sizing: border-box; width: 100%; height: 100%; }

.headbar-gnrs-piggies-slides .slide-box{position: relative;height: 100%;}

.headbar-gnrs-piggies-slides .slide-box.slide-1 { display: flex; align-items: center; justify-content: space-between; }
.headbar-gnrs-piggies-slides .slide-box.slide-1 .slide-col1 { width: 34%; height: 100%; }
.headbar-gnrs-piggies-slides .slide-box.slide-1 .slide-col2 { position: relative; width: 66%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2,
.headbar-gnrs-piggies-slides .slide-box.slide-3 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2.hidden .splide.is-initialized,
.headbar-gnrs-piggies-slides .slide-box.slide-2.hidden .splide.is-rendered,
.headbar-gnrs-piggies-slides .slide-box.slide-3.hidden .splide.is-initialized,
.headbar-gnrs-piggies-slides .slide-box.slide-3.hidden .splide.is-rendered { visibility: hidden; }

.headbar-gnrs-piggies-slides .info-icon { width: 1.25rem; position: absolute; top: 0; z-index: 40; cursor: pointer; }
.headbar-gnrs-piggies-slides .info-icon-bomb { left: 26%; }
.headbar-gnrs-piggies-slides .info-icon-levels { right: 0; }

/* Bomb Game */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .pig-bomb-game { width: 89%; height: 100%; position: relative; }
.headbar-gnrs-piggies-slides .pig-bomb-game:before { content: ""; position: absolute; height: 100%; display: block; left: 0; width: 4rem; background: #da9205; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-bgr { position: absolute; z-index: 1; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-img {  position: relative; width: 46%; max-width: 66px; margin: 0 auto; z-index: 2; top: 29%; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-boom-img { position: absolute; z-index: 3; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot { z-index: 2; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); background: #ffd22c; box-sizing: border-box; width: 82%; padding: 0.125rem; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-txt { box-sizing: border-box; text-align: center; border-radius: 0.375rem; padding: 0.125rem 0.25rem; font-size: 1.16rem; font-family: "RobotoCondbold", sans-serif; background: #37006b; color: #ecfb01; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-txt .currency { font-size: 60%; margin-left: 2px; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-win { position: absolute; z-index: 12; line-height: 1.1; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; font-size: 1.4375rem; text-align: center; font-family: "RobotoCondbold",sans-serif; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-win-label { width: 68%; margin: 0 auto; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-win-txt { color: #ecfb01; font-size: 80%; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-win-txt .currency { margin-left: 2px; font-size: 60%; }
.headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-win-user { color: #00fffc; font-size: 60%; }

/* Levels - Game */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .levels-game-wrap { position: relative; } 
.headbar-gnrs-piggies-slides .levels-game { position: relative; width: 100%; height: 100%; box-sizing: border-box; margin: 0 auto; padding-top: 26%; }
.headbar-gnrs-piggies-slides .levels-game .coin-img { display: none; width: 34%; position: absolute; transform: translate(0, -50%); top: 50%; left: -5%; }
.has-completed .headbar-gnrs-piggies-slides .levels-game .coin-img { display: block; }

.headbar-gnrs-piggies-slides .levels-game .logo-wrap { display: block; width: 45%; position: absolute; top: -9%; left: 2%; text-align: center; }
.has-completed .headbar-gnrs-piggies-slides .levels-game .logo-wrap { display: none; }
.headbar-gnrs-piggies-slides .levels-game .logo-img { width: 86%; margin: 0 auto; }
.headbar-gnrs-piggies-slides .levels-game .logo-txt { font-family: "RobotoCondregular",sans-serif; color: #ffffff; font-size: 0.8125rem; margin-top: -11%;}

.headbar-gnrs-piggies-slides .slider { margin: 0 auto; position: relative; display: flex; bottom: 0; left: -7%; width: 106%; padding: 3px; box-sizing: border-box; height: 10px; border-radius: 30px; background: #00042b;}
.headbar-gnrs-piggies-slides .slider-inner { max-width: 100%; border-radius: 30px; background: #00fffc; transition: all .3s ease-in-out; }
.headbar-gnrs-piggies-slides .levels-game-wrap.hidden .slider { transition: unset; }
.headbar-gnrs-piggies-slides .levels-game-wrap.hidden .slider-inner { transition: unset; }
.headbar-gnrs-piggies-slides .slider-txt { position: absolute; top: 50%; right: 1%; transform: translate(0, -50%); font-size: 0.625rem; text-align: center; color: #00fffc; font-weight:700; z-index: 8; letter-spacing: 1px; text-shadow: rgb(0, 4, 43) 2px 0px 0px, rgb(0, 4, 43) 1.75517px 0.958851px 0px, rgb(0, 4, 43) 1.0806px 1.68294px 0px, rgb(0, 4, 43) 0.141474px 1.99499px 0px, rgb(0, 4, 43) -0.832294px 1.81859px 0px, rgb(0, 4, 43) -1.60229px 1.19694px 0px, rgb(0, 4, 43) -1.97998px 0.28224px 0px, rgb(0, 4, 43) -1.87291px -0.701566px 0px, rgb(0, 4, 43) -1.30729px -1.5136px 0px, rgb(0, 4, 43) -0.421592px -1.95506px 0px, rgb(0, 4, 43) 0.567324px -1.91785px 0px, rgb(0, 4, 43) 1.41734px -1.41108px 0px, rgb(0, 4, 43) 1.92034px -0.558831px 0px; }

.headbar-gnrs-piggies-slides .gnrs-piggies-info-btn { z-index: 10; display: flex; align-items: center; justify-content: center; height: 1rem; width: 1rem; position: absolute; top: 0.25rem; right: 0.25rem; border-radius: 2rem; background: #07008f; color: #ffffff; border: 1px solid #ffffff; box-shadow: 0 0 8px 4px #07008f; font-size: 0.875rem; font-weight: 600; cursor: pointer; }

.headbar-gnrs-piggies-slides .levels-box { width: 100%; height:100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 7; }
.headbar-gnrs-piggies-slides .level-wrap { width: 49%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.headbar-gnrs-piggies-slides .level-box { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.6875rem; font-weight: 700; }
.headbar-gnrs-piggies-slides .level-box:before { content: ''; display: block; padding-top: 53%; }
.headbar-gnrs-piggies-slides .level-box .level-img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.headbar-gnrs-piggies-slides .level-box .level-txt { position: absolute; top: 9%; left: 44%; font-size: 90%; color: #ffffff; z-index: 4; }
.headbar-gnrs-piggies-slides .level-box .whole-award-txt { width: 100%; position: absolute; top: 32%; left: 49%; font-size: 96%; color: #ffde00; z-index: 4; }
.headbar-gnrs-piggies-slides .level-box .participants-txt { position: absolute; top: 55%; left: 69%; font-size: 100%; color: #00fffc; z-index: 4; }
.headbar-gnrs-piggies-slides .level-box .award-txt { width: 100%; position: absolute; top: 82%; left: 56%; font-size: 80%; color: #ffffff; z-index: 4; }
.headbar-gnrs-piggies-slides .level-box .currency { font-size: 87%; }

/* Levels - Game Start */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .levels-game-start-wrap { position: absolute; width: 100%; max-width: 266px; transform: translateX(-50%); left: 50%; top: 0; z-index: 10; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game { padding-top: 27%; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap { width: 34%; max-width: 88px; position: absolute; top: 56%; right: 0; transform: translateY(-50%); }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap .levels-pig-img { position: relative; z-index: 2; width: 100%; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap .levels-pig-spark-img { position: absolute; z-index: 1; width: 300%; top: 56%; left: 46%; transform: translate(-50%, -50%); }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game .logo-wrap { left: 8%; }
.has-completed .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game .logo-wrap { display: block; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game .logo-txt { position: relative; width: 156%; left: -28%; margin-top: -9%; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .win-txt-wrap { width: 61%; z-index: 3; position: absolute; top:18%; left: 0; text-align: center; font-size: 0.9375rem; font-family: 'Montserrat', sans-serif;}
.headbar-gnrs-piggies-slides .levels-game-start-wrap .win-txt-wrap .win-txt1 { font-size: 148%; color: #ecfb01; font-weight: 800; }
.headbar-gnrs-piggies-slides .levels-game-start-wrap .win-txt-wrap .win-txt2 { font-size: 88%; color: #ffffff; line-height: 1.2; }

/* Levels - Game Final */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .levels-game-fin-wrap { display: flex; align-items: center; justify-content: space-between; position: absolute; height: 100%; width: 104%; left: -4%; top: 0; z-index: 10; } 
.headbar-gnrs-piggies-slides .levels-game-fin-col1 { position: relative; z-index: 2; width: 48%; box-sizing: border-box; padding-left: 5%; font-family: 'Montserrat',sans-serif; font-size: 1.325rem; }
.headbar-gnrs-piggies-slides .levels-game-fin-col1 .levels-title { color: #fff600; font-weight: 800; font-size: 100%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col1 .levels-descr { color: #ffffff; font-weight: 600; font-size: 61%; line-height: 1.3; }
.headbar-gnrs-piggies-slides .levels-game-fin-col1 .levels-count { display: inline-block; color: #fff600; background: #433000; border: 1px solid #ffffff; font-weight: 700; border-radius: 4rem; text-align: center; width: 1.125rem; height: 1.125rem; line-height: 1.5; } 
.headbar-gnrs-piggies-slides .levels-game-fin-col2 { position: relative; width: 52%; max-width: 136px; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box { position: relative; z-index: 3; top: auto; left: auto; transform: translate(0, 0); }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box:before { padding-top: 53%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box .level-txt { top: 8%;}
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box .whole-award-txt { font-size: 96%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box .participants-txt { top: 57%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .level-box .award-txt { top: 84%; left: 49%; font-size: 83%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .coin-img { width: 73%; position: absolute; z-index: 2; transform: translate(0, -50%); top: 50%; left: -10%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .coin-img img { width: 100%; max-width: none; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .spark-img { width: 144%; position: absolute; z-index: 1; transform: translate(-37%, -50%); top: 57%; }
.headbar-gnrs-piggies-slides .levels-game-fin-col2 .spark-img img { width: 100%; max-width: none; }

/* Slide - 2 */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .info-state { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.headbar-gnrs-piggies-slides .info-state .splide__slide:first-child { margin-left: 0.5rem; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .splide  { background: #ffc900; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .info-state .splide__slide { display: flex; align-items: center; background: #ffff00; padding-right: 1.5%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .info-state .splide__slide:nth-child(1) { background: transparent; padding-right: 0; margin-right: 2%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .info-state .splide__slide:nth-child(2) { border-bottom-left-radius: 4rem; border-top-left-radius: 4rem; padding-left: 4%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .gnrs-piggies-info-wrap { display: flex; align-items: center; min-width: 100px; max-width: 228px; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .gnrs-piggies-logo { margin-right: 2.5%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .gnrs-piggies-dscr { background: #21046a; border: 1px solid #ffe22d; border-radius: 1rem; overflow: hidden; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .gnrs-piggies-arrow { max-width: 100px; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box { box-sizing: border-box; position: relative; padding: 0.25rem; width: 106px; font-size: 0.8125rem; background: #21046a; color: #00fffc; border: 1px solid #00fffc; border-radius: 8rem; height: 88%; text-align: center; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box .label-img { width: 66%; margin: 0 auto; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box .name-txt { font-size: 82%; font-weight: 700; line-height: 1.2; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box .award-txt { font-size: 108%; font-weight: 600; color: #fffd38; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box .award-txt .currency { font-size: 80%; }
.headbar-gnrs-piggies-slides .slide-box.slide-2 .bomb-box .hour-txt { font-size: 80%; padding: 0.125rem 0.125rem 0; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); background: #00fffc; color: #21046a; font-weight: 600; border-radius: 2px; }

/* Slide - 3 */
/*----------------------------------------------------------------------------*/
.headbar-gnrs-piggies-slides .slide-box.slide-3 .splide  { background: #3000ff; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .splide .splide__slide { display: flex; align-items: center; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .info-state .splide__slide { background: #0a0069; padding-right: 1.5%; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .info-state .splide__slide:nth-child(1) { background: transparent; margin-right: 2%; padding-right: 0; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .info-state .splide__slide:nth-child(2) { border-bottom-left-radius: 8rem; border-top-left-radius: 8rem; padding-left: 4%; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .gnrs-piggies-info-wrap { width: 100%; max-width: 480px; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .level-box { width: 130px; height: auto; position: relative; top: 0; left: unset; transform: unset; }
.headbar-gnrs-piggies-slides .slide-box.slide-3 .level-box::before { padding-top: 57%; }

@media all and (max-width: 390px) {

}

@media all and (max-width: 380px) {

    .headbar-gnrs-piggies-slides .pig-bomb-game .pig-bomb-jackpot-txt { font-size: 1.1rem; }

    .headbar-gnrs-piggies-slides .levels-game { margin-bottom: 0.125rem; }

    /* Levels - Game Start */
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .win-txt-wrap { font-size: 0.875rem; }
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

    .headbar-gnrs-piggies{height:92px; max-width: 420px; margin: 0 auto; }

    /* Levels - Game Start */
    .headbar-gnrs-piggies-slides .levels-game-start-wrap { max-width: unset; }
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap { max-width: 94px; }
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .win-txt-wrap { font-size: 1rem; }
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

    .headbar-gnrs-piggies{ height:83px;}
    .headbar-gnrs-piggies-slides .slide-box.slide-2 .gnrs-piggies-info-wrap { max-width: 250px; }
    .headbar-gnrs-piggies-slides .slide-box.slide-3 .gnrs-piggies-info-wrap { max-width: 516px; }

    /* Levels - Game Start */
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game { padding-top: 25.5%; }
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap { max-width: 88px; }
    
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 961px) {

}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {
    .headbar-gnrs-piggies{ height:87px; }

    /* Levels - Game Start */
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-pig-wrap { max-width: unset; }
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

    .headbar-gnrs-piggies{ height:90px; }
    
    /* Levels - Game Start */
    .headbar-gnrs-piggies-slides .levels-game-start-wrap .levels-game { padding-top: 27%; }
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 
    
    .headbar-gnrs-piggies{ height: 92px; } 
}

/* -- ( css_main/main/headbar/head_bar_mystery_game_jackpots.css ) -- */
.headbar-mystery-game-jackpots,
.headbar-mystery-game-jackpots *, 
.headbar-mystery-game-jackpots *::before, 
.headbar-mystery-game-jackpots *::after { box-sizing: border-box; }

.headbar-mystery-game-jackpots { height: 55px; width: 100%; max-width: none; }
.headbar-mystery-game-jackpots .headbar-slides { background: #080936 no-repeat 50% 0 / 100%; width: 100%; max-height: 100%; height: 100%; padding: 0 .375rem 0 .25rem; font-family: 'Montserrat', sans-serif; font-weight: 500; color: var(--const-color-ffffff); }
.headbar-mystery-game-jackpots .headbar-slides-inner { width: 100%; max-height: 100%; height: 100%; }

.headbar-mystery-game-jackpots .headbar-redirect-link { cursor: pointer; z-index: 7; }

/* Logo */
/*----------------------------------------------------------------------------*/
.headbar-mystery-game-jackpots .headbar-logo-wrap { height: 100%; width: 25%; max-width: 93px; }

/* Slides Content  */
/*----------------------------------------------------------------------------*/
.headbar-mystery-game-jackpots .headbar-slides-content { width: 75%; height: 100%; margin: 0 0 0 auto; }
.headbar-mystery-game-jackpots .headbar-slide-box { width: 100%; height: 100%; }

.headbar-mystery-game-jackpots .headbar-label-txt { margin-bottom: 4px; }

/* Jackpot */
/*----------------------------------------------------------------------------*/
@keyframes headbar-jackpot-drop {
    0% { transform: translateY(3%) scale(1); }
    8% { transform: translateY(3%) scale(1.05); }
    16% { transform: translateY(3%) scale(.9); }
    24% { transform: translateY(3%) scale(1.05); }
    32% { transform: translateY(3%) scale(.9); }
    40% { transform: translateY(3%) scale(1.05); }
    48% { transform: translateY(3%) scale(.9); }
    56% { transform: translateY(3%) scale(1.05); }
    64% { transform: translateY(3%) scale(.9); }
    72% { transform: translateY(3%) scale(1.05); }
    80% { transform: translateY(3%) scale(.9); }
    88% { transform: translateY(3%) scale(1.05); }
    96% { transform: translateY(3%) scale(.9); }
    100% { transform: translateY(3%) scale(1); }
}

@keyframes headbar-jackpot-new {
    33% { transform: translateY(3%) scale(1.15); }
    100% { transform: translateY(3%) scale(1); }
}

@keyframes headbar-jackpot-shrink {
    to { width: 100%; left: 0; }
}

@keyframes headbar-timer-expiring {
    to { transform: scale(1.075); }
}

@keyframes headbar-timer-expired {
    to { transform: scale(1.1); }
}

.headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.25rem; transition: all .5s ease-in-out; }
.headbar-mystery-game-jackpots .headbar-jackpot-label { position: absolute; width: 135%; top: 0; left: -17.5%; transform: translateY(-35%) scale(0); opacity: 0; transition: transform .65s ease-in-out, opacity .35s ease-in-out; font-size: 60%; font-weight: 600; text-shadow: var(--const-color-000000) 3px 0px 0px, var(--const-color-000000) 2.83487px 0.981584px 0px, var(--const-color-000000) 2.35766px 1.85511px 0px, var(--const-color-000000) 1.62091px 2.52441px 0px, var(--const-color-000000) 0.705713px 2.91581px 0px, var(--const-color-000000) -0.287171px 2.98622px 0px, var(--const-color-000000) -1.24844px 2.72789px 0px, var(--const-color-000000) -2.07227px 2.16926px 0px, var(--const-color-000000) -2.66798px 1.37182px 0px, var(--const-color-000000) -2.96998px 0.42336px 0px, var(--const-color-000000) -2.94502px -0.571704px 0px, var(--const-color-000000) -2.59586px -1.50383px 0px, var(--const-color-000000) -1.96093px -2.27041px 0px, var(--const-color-000000) -1.11013px -2.78704px 0px, var(--const-color-000000) -0.137119px -2.99686px 0px, var(--const-color-000000) 0.850987px -2.87677px 0px, var(--const-color-000000) 1.74541px -2.43999px 0px, var(--const-color-000000) 2.44769px -1.73459px 0px, var(--const-color-000000) 2.88051px -0.838247px 0px; }
.headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 35px; padding: 0 10px; line-height: 33px; font-size: 100%; font-family: 'NotoSansCondExtraBold', sans-serif; border: 2px solid var(--const-color-fff000); border-radius: 25px; color: var(--const-color-fff000); background: var(--const-color-000000); }
.headbar-mystery-game-jackpots .headbar-jackpot-wrapper .headbar-jackpot-sum { transition: all .35s ease-in-out; }

.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.dropped { transform: translateY(3%) scale(1); animation: headbar-jackpot-drop 10s ease-in-out; }
.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.dropped .headbar-jackpot-label { transform: translateY(-35%) scale(1); opacity: 1; }
.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.dropped .headbar-jackpot-sum { transform: translateY(1px); }

.headbar-mystery-game-jackpots .headbar-jackpot-particles { position: absolute; width: 100%; height: 100%; }
.headbar-mystery-game-jackpots .headbar-jackpot-particles .particle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.headbar-mystery-game-jackpots .headbar-jackpot-particles .particle.ray { background: var(--const-color-ffffff); box-shadow: 0 0 5px var(--const-color-fff000); will-change: top, left, opacity; }

.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.new { transform: translateY(3%) scale(1); animation: headbar-jackpot-new 3s .5s ease-in-out; }
.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.new .headbar-jackpot-label { transform: translateY(-35%) scale(.85); opacity: 1; }
.headbar-mystery-game-jackpots .headbar-jackpot-wrapper.new .headbar-jackpot-sum { transform: translateY(1px); }

/* Bet */
/*----------------------------------------------------------------------------*/
.headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .75rem; }
.headbar-mystery-game-jackpots .headbar-bet-content .headbar-bet-value { font-size: 110%; }

/* Timer */
/*----------------------------------------------------------------------------*/
.headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .7825rem; }
.headbar-mystery-game-jackpots .headbar-timer-content-wrap.timer-expiring { color: var(--const-color-ff9327); animation: headbar-timer-expiring .65s alternate ease-in-out infinite; }
.headbar-mystery-game-jackpots .headbar-timer-content-wrap.timer-expired { color: var(--color-dd5e5e); animation: headbar-timer-expiring .5s alternate ease-in-out infinite; }
.headbar-mystery-game-jackpots .headbar-timer-content { font-size: 125%; font-family: 'Archive-Regular', sans-serif; }
.headbar-mystery-game-jackpots .headbar-timer-content .headbar-timer-divider { padding: 0 5px; }

.headbar-mystery-game-jackpots .headbar-timer-content-wrap .headbar-nextjp { font-family: 'NotoSansCondExtraBold', sans-serif; font-size: 135%; }

@media all and (max-width: 360px) {

    .headbar-mystery-game-jackpots .headbar-logo-wrap { width: 24%; }
    .headbar-mystery-game-jackpots .headbar-slides-content { width: 76%; }
    .headbar-mystery-game-jackpots .headbar-slides { padding: 0 .25rem 0 .125rem; }
}

@media all and (max-width: 390px) {

    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 80px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.125rem; }
    .headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 32px; line-height: 30px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-label { font-size: .75rem; }
    .headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .625rem; }
    .headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .6875rem; }
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px) {

    .headbar-mystery-game-jackpots { height: 70px; margin: 0 auto; }
    .headbar-mystery-game-jackpots .headbar-slides { padding: 0 .6875rem 0 .375rem; }
    .headbar-mystery-game-jackpots .headbar-slides-inner { max-width: 640px; margin: 0 auto; }
    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 130px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.5625rem; }
    .headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 42px; line-height: 38px; padding: 0 .9375rem 0 .75rem; }
    .headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .875rem; }
    .headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .9375rem; }
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

    .headbar-mystery-game-jackpots {height: 65px; max-width: 480px; }
    .headbar-mystery-game-jackpots .headbar-slides { border-radius: 10px; }
    .headbar-mystery-game-jackpots .headbar-slides-inner { max-width: none; margin: unset; }
    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 110px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.375rem; }
    .headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 36px; line-height: 33px; padding: 0 .75rem 0 .65rem; }
    .headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .75rem; }
    .headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .8125rem; }
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 961px) { 

    .headbar-mystery-game-jackpots { max-width: 510px; }
    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 115px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.4375rem; }
    .headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 39px; line-height: 36px; padding: 0 .875rem 0 .65rem; }
}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 115px; }
    .headbar-mystery-game-jackpots .headbar-jackpot-wrapper { font-size: 1.5625rem; }
    .headbar-mystery-game-jackpots .headbar-jackpot-content-wrap { height: 42px; line-height: 38px; padding: 0 .9375rem 0 .75rem; }
    .headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .8125rem; }
    .headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .875rem; }
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) { }

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

    .headbar-mystery-game-jackpots { max-width: 540px; }
    .headbar-mystery-game-jackpots .headbar-logo-wrap { max-width: 120px; }
    .headbar-mystery-game-jackpots .headbar-bet-content-wrap { font-size: .875rem; }
    .headbar-mystery-game-jackpots .headbar-timer-content-wrap { font-size: .9375rem; }
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { }