/* -- ( css_main/main/promo_tools/easter_surprises/page/v_2/index.css ) -- */
.easter-surprises{background-color: var(--page-color-blue); background-position:center; background-repeat:no-repeat; background-size: cover;}

.easter-surprises-content{overflow: hidden;position: relative;z-index: 2}
.easter-surprises-wrapper{width: 100%;font-family: "Montserrat", sans-serif;;padding: 0 0 0.95rem 0;margin:0 auto;overflow: hidden;}
.easter-surprises .easter-surprises-section-wrap{margin-left: auto; margin-right: auto;}
.easter-surprises .max-width-centered{width: 94%;max-width: 720px;padding-bottom:0;}
.easter-surprises .inner-wrap{padding: 0 0%;}

/* Main Colors */
/*----------------------------------------------------------------------------*/
.easter-surprises-yellow-color{color: #fff000;}
.easter-surprises-blue-color{color: #02099d;}
.easter-surprises-light-blue-color{color: #0ed2e2;}
.easter-surprises-black-color{color: #000f04;}
.easter-surprises-orange-color { color: #ff5400; }
.easter-surprises-green-color { color: #7cff00; }
.easter-surprises-white-color { color: #ffffff; }
.easter-surprises-yellow-dark-color{color: #fddd4c;}

/* Main Backgr */
/*----------------------------------------------------------------------------*/
.easter-surprises-green-backgr{background: #63ff00;}
.easter-surprises-yellow-backgr{background-color: #fff000;}
.easter-surprises-blue-backgr{background: #0f2ece;}
.easter-surprises-darkblue-backgr{background: #02098d;}

/* Main Styles */
/*----------------------------------------------------------------------------*/
.easter-surprises-section-mb{margin-bottom:1.5rem;}
.easter-surprises-meduim-txt{font-family: 'Montserrat', sans-serif;font-weight: 500;}
.easter-surprises-bold-txt{font-family: 'Montserrat', sans-serif;font-weight: 700;}
.easter-surprises-extra-bold-txt{font-family: 'Montserrat', sans-serif;font-weight: 800;}
.easter-surprises-black-txt{font-family: 'Montserrat', sans-serif;font-weight: 900;}
.easter-surprises-ul{padding-left: 20px;}
.easter-surprises-ul li{list-style-type: disc; margin-bottom: 3px;}

/* Main titles */
/*----------------------------------------------------------------------------*/
.easter-surprises-section-title{font-size: 1.875rem; text-align: center; letter-spacing: -0.5px; text-transform: uppercase;margin-bottom:1.125rem;}
.easter-surprises-section-subtitle{font-size: 1rem;margin-bottom: 0.625rem;line-height: 1.2;text-align: center;}

/* Rules Btn  */
/*----------------------------------------------------------------------------*/
.easter-surprises-rules-btn{padding-bottom: 2rem; position: relative;opacity: 0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-surprises-rules-btn .easter-surprises-rules-link{font-size: 1rem; background: #fff000;padding: 0 35px;font-family: "RobotoBold", sans-serif;border-color: #fff000; color: #000;}
.easter-surprises-rules-btn .easter-surprises-rules-link:before{border-color: #fff000;}

/* Animations that is used at all page */
/*----------------------------------------------------------------------------*/
@keyframes transformContent {
	from {opacity: 0;}
	to {opacity: 1;}
}

/* Big Two Btns  */
/*----------------------------------------------------------------------------*/
.easter-surprises-twobtns{text-align: center; font-size: 1.5rem;font-family: 'RobotoBold', sans-serif;position: relative; z-index: 4;}
.easter-surprises-twobtns-wrap{width: 100%;max-width: 390px;position:relative;justify-content: space-around;margin:0 auto;}
.easter-surprises-twobtns.hasparts .inner-wrap{padding: 0 !important;}
.easter-surprises-twobtns .easter-surprises-big-btn{display: flex;justify-content: center;position: relative;}
.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow {min-width: 150px;height: 40px; line-height: 40px; padding: 0 15px; border-radius: 5rem; font-size: 0.9rem; background:#fff000; color: #000;}

.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{height: 53px; line-height: 53px; padding: 0 2rem; font-size: 1.45rem; font-family: "RobotoBlack", sans-serif;}

.easter-surprises-twobtns .easter-surprises-big-btn.btn-left .btn{box-shadow: 0 0 0 0 rgb(255, 240, 0);animation: EasterSurprisesBtnSportPulse 3.5s linear 3s infinite;}
.easter-surprises-twobtns .easter-surprises-big-btn.btn-left .btn.btn-yellow:before{border-color: #fff000}

.easter-surprises-twobtns .easter-surprises-big-btn.btn-right .btn{box-shadow: 0 0 0 0 rgb(255, 240, 0);animation: EasterSurprisesBtnCasinoPulse 3.5s linear 4s infinite;}
.easter-surprises-twobtns .easter-surprises-big-btn.btn-right .btn.btn-yellow:before{border-color:#fff000;}


@keyframes EasterSurprisesBtnSportPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(rgba(255, 240, 0, 0.7));
    }
    20% {
        box-shadow: 0 0 10px 36px rgba(0, 255, 138, 0);
    }
    40% {
        box-shadow: 0 0 0 0 rgba(0, 255, 138, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 138, 0);
    }
}

@keyframes EasterSurprisesBtnCasinoPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 240, 0, 0.7);
    }
    20% {
        box-shadow: 0 0 10px 36px rgba(255, 240, 0, 0);
    }
    40% {
        box-shadow: 0 0 0 0 rgba(255, 240, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 240, 0, 0);
    }
}

/* finish state  */
/*----------------------------------------------------------------------------*/
.easter-surprises-finished{opacity:0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.finished .easter-surprises-topinfo-period{font-size: 1.5rem;font-style: normal;}
.finished .easter-surprises-info-bonus-txt{margin-bottom: 1.2rem;font-size: 1.125rem; color: #ffdf00;}
.finished .easter-surprises-luck-txt{margin-bottom: 1.8rem;font-size: 1.125rem;}
.finished .easter-surprises-twobtns{margin-bottom: 2rem;}
.finished .easter-surprises-rules-btn .easter-surprises-rules-link{color: #fff000;background: transparent;}
.finished .easter-surprises-top-img{margin: 0 auto 1rem;}


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

	.easter-surprises-twobtns-wrap{width: 104%;left:-2%;}

	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow {padding: 0 10px; font-size: 0.85rem; }
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{line-height: 47px; height: 47px; font-size: 1.3rem; padding: 0 2rem;}

}

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

	/* finish state  */
	.finished .easter-surprises-topinfo-period{font-size: 1.35rem;}
}


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

	.easter-surprises .easter-surprises-section-wrap{width:70%;}
	.easter-surprises .inner-wrap{padding: 0 4%;}

	/* Big Two Btns  */
	.easter-surprises-twobtns .inner-wrap{padding: 0 8%;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn-icon{font-size: 4.1875rem}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{height: 45px;line-height: 45px;font-size: 0.9375rem;}
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.45rem; line-height: 53px; height: 53px;}

	/* finish state  */
	.finished .easter-surprises-topinfo-period {font-size: 1.75rem;}
	.finished .easter-surprises-info-bonus-txt{font-size: 1.3125rem;}
	.finished .easter-surprises-luck-txt{font-size: 1.3125rem;}
}

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

	.easter-surprises-wrapper{width: 95%;max-width: 1320px;overflow: unset;}
	.easter-surprises .easter-surprises-section-wrap{width: 64%;max-width: 44rem;}
	.easter-surprises .max-width-centered{width: 92%;}

	/* Main titles */
	.easter-surprises-section-title{font-size: 1.5rem;margin-bottom: 1.25rem}

	/* Main Styles */
	.easter-surprises-section-mb{margin-bottom: 2rem;}

	/* Big Two Btns  */
	.easter-surprises-twobtns .inner-wrap{padding: 0 10%;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow {font-size: 1rem;}
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.45rem;}

	.easter-surprises-twobtns .easter-surprises-big-btn.btn-left .btn-icon{left: -12%;}
	.easter-surprises-twobtns .easter-surprises-big-btn.btn-right .btn-icon{right: -12%;}
	
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {
    
	.easter-surprises-wrapper{width:70%;}
	.easter-surprises .easter-surprises-section-wrap{width: 70%;}
	.easter-surprises .inner-wrap{padding: 0;}

	/* Main titles */
	.easter-surprises-section-title{font-size: 1.625rem}

	/* Big Two Btns  */
	.easter-surprises-twobtns-wrap{max-width: 420px;}
	.easter-surprises-twobtns .inner-wrap{padding: 0 8%;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{min-width: 165px;padding: 0 22px;}
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{padding: 0 2rem;}

	/* finish state  */
	.finished .easter-surprises-topinfo-period {font-size: 1.8125rem;}
	.finished .easter-surprises-info-bonus-txt{font-size: 1.375rem;}
	.finished .easter-surprises-luck-txt{font-size: 1.375rem;}

}

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

	.easter-surprises .easter-surprises-section-wrap{width: 66%;}

	/* Main titles */
	.easter-surprises-section-title{font-size: 2.2rem;}

	/* Rules Btn  */
	.easter-surprises-rules-btn .easter-surprises-rules-link:hover{background:transparent; color: #fff000;}

	/* Big Two Btns  */
	.easter-surprises-twobtns-wrap{max-width: 460px;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn-icon{font-size: 4.6rem}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{font-size: 1.0625rem;height: 50px;line-height: 50px;min-width: 172px;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow:hover{color: #fff000;background: transparent;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow:hover:before{border-color: #fff000; opacity: 1;}

	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.55rem; height: 58px; line-height: 58px; padding: 0 2.5rem;}

	/* finish state  */
	.finished .easter-surprises-topinfo-period {font-size: 1.875rem;}
	.finished .easter-surprises-info-bonus-txt{font-size: 1.4375rem;}
	.finished .easter-surprises-luck-txt{font-size: 1.4375rem;}
	.finished .easter-surprises-rules-btn .easter-surprises-rules-link:hover{background:#fff000; color:  var(--page-color-blue);}
}

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

	.easter-surprises .easter-surprises-section-wrap{width: 65%;}

	/* Main Styles */
	.easter-surprises-section-mb{margin-bottom: 2.5rem;}

	/* Rules Btn  */
	.easter-surprises-rules-btn .easter-surprises-rules-link{font-size: 1.125rem;}

	/* Big Two Btns  */
	.easter-surprises-twobtns-wrap{max-width: 520px;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{min-width: 180px;font-size:1.125rem;}
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.55rem; padding: 0 2.5rem; height: 58px; line-height: 58px;}

	/* finish state  */
	.finished .easter-surprises-topinfo-period {font-size: 2.25rem;}
	.finished .easter-surprises-info-bonus-txt{font-size: 1.625rem;}
	.finished .easter-surprises-luck-txt{font-size: 1.625rem;}
	
}

@media all and (min-width: 1661px) {

	/* Big Two Btns  */
	.easter-surprises-twobtns .easter-surprises-big-btn .btn-icon{font-size: 5.1rem}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{height: 59px;line-height: 59px;font-size:1.25rem;min-width: 193px;}
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.55rem; padding: 0 2.5rem; height: 58px; line-height: 58px;}
	
}

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

	/* Main titles */
	.easter-surprises-section-title{font-size: 2rem;margin-bottom:2rem;}
	.easter-surprises-section-title span{font-size: 2.8rem;}

	/* Main Styles */
	.easter-surprises-section-mb{margin-bottom:3rem;}

	/* Rules Btn  */
	.easter-surprises-rules-btn .easter-surprises-rules-link{font-size: 1.35rem;}

	/* Big Two Btns  */
	.easter-surprises-twobtns-wrap{max-width: 580px;}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn-icon{font-size: 5.5rem}
	.easter-surprises-twobtns .easter-surprises-big-btn .btn.btn-yellow{font-size:1.375rem;}	
	.easter-surprises-twobtns.hide .easter-surprises-big-btn .btn-yellow{font-size: 1.8rem; padding: 0 2.7rem; height: 65px; line-height: 65px;}

	/* finish state  */
	.easter-surprises.finished {background-position: center 0%;}
	.easter-surprises.finished.after-login{background-position: center 0%;}
}

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

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 

	.device-mobile .easter-surprises-wrapper{width:65%;max-width: 450px;overflow: unset;}
	.device-mobile .easter-surprises .easter-surprises-section-wrap{width: 100%;max-width:none;}
	.device-mobile .easter-surprises .max-width-centered{width: 94%;}

	/* Big Two Btns  */
	.device-mobile .easter-surprises-twobtns-wrap{max-width: 400px;}
	.device-mobile .easter-surprises-twobtns .inner-wrap{padding: 0 8%;}

	/* finish state  */

	.device-mobile .finished .easter-surprises-topinfo-period{font-size: 1.5rem;}
	.device-mobile .finished .easter-surprises-info-bonus-txt{margin-bottom: 1.2rem;font-size: 1.125rem;}
	.device-mobile .finished .easter-surprises-luck-txt{margin-bottom: 1.8rem;font-size: 1.125rem;}
	.device-mobile .finished .easter-surprises-rules-btn .easter-surprises-rules-link{color: #fff000;background: transparent;}
		
}

/* -- ( css_main/main/promo_tools/easter_surprises/page/v_2/top_info.css ) -- */
.easter-surprises-topinfo{position: relative; z-index:1; padding-bottom: 1rem; margin: 2% auto 1.5rem; width: 96%; border-radius: 10px; background: var(--topinfo-bgr); background-position: center; background-size: cover; background-repeat: no-repeat;}

/* Top Img  */
/*----------------------------------------------------------------------------*/
.easter-surprises-topimg{width: 100%;z-index: 3;position:relative;margin:0.8rem auto;}
.easter-surprises-topimg img{margin: 0 auto;}
.easter-surprises-topimg .easter-surprises-topimg-wrap{width: 90%;margin: 0 auto;transform:translate(0, -50%);position:relative;opacity:0;animation: transformBigImg 0.4s 0.1s ease-in-out forwards;}
.easter-surprises-topimg .img-m{display: block;}
.easter-surprises-topimg .img-d{display: none;}
.easter-surprises-topimg .easter-surprises-person{position: absolute;top:-3%;right:-15%;width: 41%;animation: movePerson 1.3s 0.2s forwards;transform: translateX(320%)}

@keyframes transformBigImg {
	from{
		transform: translate(0, -50%); 
		opacity:0
	}
	to{
		transform:translate(0, 0);
		opacity:1
	}
}

@keyframes movePerson {
	0% {
		transform: translateX(320%);
	}

	50% {
		transform: translateX(0px);

	}

	100% {
		transform: scale(1);
	}
}

/* Top Info Prizes */
/*----------------------------------------------------------------------------*/
.easter-surprises-topinfo-prizes{font-size: 3.5rem; margin-top: 0.5rem; color: #fff; font-weight: 900; opacity: 0; animation: transformContent 0.4s 0.6s ease-in-out forwards}
.easter-surprises-topinfo-prizes .topinfo-prize{padding: 1.7rem 0;}
.easter-surprises-topinfo-prizes .topinfo-prize.prize-big{font-size: 100%;}
.easter-surprises-topinfo-prizes .topinfo-prize.prize-medium{font-size: 90%;}
.easter-surprises-topinfo-prizes .topinfo-prize.prize-small{font-size: 80%;}
.easter-surprises-topinfo-prizes .topinfo-prize .prize-txt{position: absolute; left: 50%; top: 0; width: 100%; transform: translateX(-50%);}
.easter-surprises-topinfo-prizes .topinfo-prize .prize-txt.prize-1{z-index: 4; text-shadow: rgb(14, 47, 39) 4px 0px 0px, rgb(14, 47, 39) 3.87565px 0.989616px 0px, rgb(14, 47, 39) 3.51033px 1.9177px 0px, rgb(14, 47, 39) 2.92676px 2.72656px 0px, rgb(14, 47, 39) 2.16121px 3.36588px 0px, rgb(14, 47, 39) 1.26129px 3.79594px 0px, rgb(14, 47, 39) 0.282949px 3.98998px 0px, rgb(14, 47, 39) -0.712984px 3.93594px 0px, rgb(14, 47, 39) -1.66459px 3.63719px 0px, rgb(14, 47, 39) -2.51269px 3.11229px 0px, rgb(14, 47, 39) -3.20457px 2.39389px 0px, rgb(14, 47, 39) -3.69721px 1.52664px 0px, rgb(14, 47, 39) -3.95997px 0.56448px 0px, rgb(14, 47, 39) -3.97652px -0.432781px 0px, rgb(14, 47, 39) -3.74583px -1.40313px 0px, rgb(14, 47, 39) -3.28224px -2.28625px 0px, rgb(14, 47, 39) -2.61457px -3.02721px 0px, rgb(14, 47, 39) -1.78435px -3.57996px 0px, rgb(14, 47, 39) -0.843183px -3.91012px 0px, rgb(14, 47, 39) 0.150409px -3.99717px 0px, rgb(14, 47, 39) 1.13465px -3.8357px 0px, rgb(14, 47, 39) 2.04834px -3.43574px 0px, rgb(14, 47, 39) 2.83468px -2.82216px 0px, rgb(14, 47, 39) 3.44477px -2.03312px 0px, rgb(14, 47, 39) 3.84068px -1.11766px 0px, rgb(14, 47, 39) 3.9978px -0.132717px 0px;}
.easter-surprises-topinfo-prizes .topinfo-prize .prize-txt.prize-2{background: -webkit-linear-gradient(-90deg,rgba(176, 137, 31, 1) 18%, rgba(210, 171, 49, 1) 47%, rgba(240, 203, 67, 1) 73%, rgba(255, 254, 202, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 5;}
.easter-surprises-topinfo-prizes .topinfo-prize span{font-size: 60%;}

.easter-surprises-topinfo-prizes-txt{color: #fff; font-family: "Montserrat", sans-serif; font-size: 1.75rem; font-style: italic; margin-bottom: 1.5rem; opacity: 0; animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-surprises-topinfo-prizes-txt span{font-size: 150%; color: #ffdf00; font-weight: 800;}

/* Top info - Period */
/*----------------------------------------------------------------------------*/
.easter-surprises-topinfo-textwrap{opacity:0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-surprises-topinfo-period{font-size:1.25rem; font-style: italic;font-family: "Montserrat", sans-serif; margin-bottom: 1.5rem;}

/* Top info - Btn - To the game */
/*----------------------------------------------------------------------------*/
.easter-surprises-topinfo-btn{opacity:0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-surprises-topinfo-btn .btn-form-action{font-size: 1.45rem;padding: 0 2rem;font-family: "RobotoBlack", sans-serif;height: 53px;line-height:54px;border-radius: 40px; background: #fff000; color: #000;}
.easter-surprises-topinfo-btn .btn-yellow:before{border-color: #fff000;}
.easter-surprises-topinfo-steps .easter-surprises-topinfo-btn .btn{box-shadow: 0 0 0 0 rgba(255, 240, 0, 0.7);animation: BtnAnimToGame 3.5s linear 3s infinite;}

	/* Rules Info */
.easter-surprises-rules-info{opacity: 0; animation: transformContent 0.4s 0.6s ease-in-out forwards;}


@keyframes BtnAnimToGame {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 240, 0, 0.7);
    }
    20% {
        box-shadow: 0 0 10px 36px rgba(57, 255, 113, 0);
    }
    40% {
        box-shadow: 0 0 0 0 rgba(57, 255, 113, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(57, 255, 113, 0);
    }
}

/*  media queries for max 390px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 390px) {
	
	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes-txt{font-size: 1.65rem;}

	/* Top info - Btn - To the game */
	.easter-surprises-topinfo-btn .btn-form-action{font-size: 1.35rem;height: 48px;line-height: 47px;}
}

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 360px) {

}

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

	/* Top Img  */
	.easter-surprises-topimg  .img-d{display: block;}
	.easter-surprises-topimg  .img-m{display: none;}

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes{font-size: 4rem;}
	.easter-surprises-topinfo-prizes .topinfo-prize{padding: 2rem 0;}

	/* Top info - Period */
	.easter-surprises-topinfo-period{font-size:1.35rem;}

	/* Rules Info */
	.easter-surprises-rules-info{padding-top: 1rem;}
}

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

	/* Top Img  */
	.easter-surprises-topimg .easter-surprises-person{right: -18%}	
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {
	
	.easter-surprises-topinfo{background: none; padding-bottom: 0;}

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes{font-size: 4.5rem;}
	.easter-surprises-topinfo-prizes .topinfo-prize{padding: 2.3rem 0;}

	/* Top Img  */
	.easter-surprises-topimg .easter-surprises-person{right: -18%}	

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes-txt{font-size: 1.85rem;}

	/* Top info - Period */
	.easter-surprises-topinfo-period{font-size:1.55rem;}

	/* Rules Info */
	.easter-surprises-rules-info{padding-top: 2rem;}
}

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

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes{font-size: 5rem;}
	.easter-surprises-topinfo-prizes .topinfo-prize{padding: 2.5rem 0;}

	/* Top info - Period */
	.easter-surprises-topinfo-period{font-size:1.55rem;}
	.easter-surprises-topinfo-btn .btn-form-action {padding: 0 3rem;height: 56px;line-height: 55px;}

	/* Top info - Btn - To the game */
	.easter-surprises-topinfo-btn .btn-form-action{font-size: 1.55rem;padding: 0 2.5rem;height:58px;line-height:59px;}
	.easter-surprises-topinfo-btn .btn-form-action:hover{color: #fff000;background: transparent;}
}

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

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes{font-size: 5.3rem;}
	.easter-surprises-topinfo-prizes-txt{font-size:2.1rem;}

	/* Top info - Period */
	.easter-surprises-topinfo-period{font-size:1.65rem;}
}

@media all and (min-width: 1661px) {

	/* Top Info Prizes */
	.easter-surprises-topinfo-prizes{font-size: 6rem;}
	.easter-surprises-topinfo-prizes .topinfo-prize{padding: 2.8rem 0;}
	.easter-surprises-topinfo-prizes-txt{font-size:2.45rem;}
}

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

	/* Top info - Period */
	.easter-surprises-topinfo-period{font-size:1.95rem;}

	/* Top info - Btn - To the game */
	.easter-surprises-topinfo-btn .btn-form-action{font-size: 1.8rem;padding: 0 2.7rem;height:65px;line-height:65px;}
}

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

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 

	/* Top Img  */
	.device-mobile .easter-surprises-topimg{margin: 0.8rem auto;}

	/* Top Info Prizes */
	.device-mobile .easter-surprises-topinfo-prizes-txt{font-size: 1.75rem;}

	/* Top info - Period */
	.device-mobile .easter-surprises-topinfo-period{font-size:1.25rem;margin-bottom: 1.5rem;}

	/* Top info - Btn - To the game */
	.device-mobile .easter-surprises-topinfo-btn .btn-form-action{font-size: 1.45rem;padding: 0 2rem;height: 53px;line-height:54px;}
}



/* -- ( css_main/custom/MEGAWINMK/promo_tools/easter_surprises/page/v_2/top_info.css ) -- */
.easter-surprises-topinfo-prizes{font-size: 3.2rem;}


/*  media queries for max 390px  */
/* -------------------------------------------- */
@media all and (max-width: 390px) {
    .easter-surprises-topinfo-prizes{font-size: 3.2rem;}
}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {
    .easter-surprises-topinfo-prizes{font-size: 3rem;}
}


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

.easter-surprises-topinfo-prizes{font-size: 4.3rem;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) { 
   .easter-surprises-topinfo-prizes{font-size: 4.2rem;}
	
}

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

	.easter-surprises-topinfo-prizes{font-size: 4.5rem;}
}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {
    .easter-surprises-topinfo-prizes{font-size: 4rem;}
	
}

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

@media all and (min-width: 1661px) {
.easter-surprises-topinfo-prizes{font-size: 6.1rem;}
}

/*  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 .easter-surprises-topinfo-prizes{font-size: 3.5rem;}
  
}

/* -- ( css_main/main/promo_tools/easter_surprises/page/v_2/how_to_play.css ) -- */
/* Rules Info */ 
/*----------------------------------------------------------------------------*/
.easter-surprises-rules-info{opacity:0;animation: transformContent 0.4s 0.6s ease-in-out forwards; }
.easter-surprises-rules-info .easter-surprises-rules-info-wrap{position: relative;}
.easter-surprises-rules-info .easter-surprises-rules-info-backgr{position: absolute; width: 100vw; top:0;bottom:0;left: 50%;transform: translateX(-50%);background: var(--page-backgr-howtoplay);}
.easter-surprises-rules-info .easter-surprises-rules-info-inner{position:relative;padding: 1.3rem 0;box-sizing: border-box;}
.easter-surprises-rules-info .easter-surprises-section-title{margin-bottom: 1rem;}

/* Steps */
/*----------------------------------------------------------------------------*/
.easter-surprises-rules-steps{position:relative;z-index: 2}
.easter-surprises-rules-steps .easter-surprises-step{position: relative;font-size: 1.125rem;margin-left: 2.5rem;margin-bottom: 1.5rem;line-height: 1.2;}
.easter-surprises-rules-steps .easter-surprises-step.easter-surprises-step-first{padding-right: 10%}
.easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number{position: absolute;font-size: 3.188rem;top: -0.45rem;left: -2.5rem; color: #e8e913;}
.easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number.first-num{left: -2.3rem;}

/* flower position */
/*-------------------------------------------------------------------------------*/
.easter-surprises-rules-info .easter-surprises-flower-first{display: none;}
.easter-surprises-rules-info .easter-surprises-flower-second{display: none;}

/* How to play - Video */
/*----------------------------------------------------------------------------*/
.easter-surprises-videos {position: relative; z-index: 4;  border-radius: 25px; background-size: cover;background-position: center;}
.easter-surprises-videos.active .easter-surprises-video-wrap { border-radius: 0; margin: 0 auto;}
.easter-surprises-videos.active .easter-surprises-video-iframe-wrap { visibility: visible; }
.easter-surprises-videos.active .easter-surprises-video-poster { display: none; }
.easter-surprises-videos.active .easter-surprises-video-play-btn { display: none; }
.easter-surprises-videos.active .easter-surprises-video-close-btn { display: flex; }

.easter-surprises-videos-inner { position: relative; }
.easter-surprises-videos .easter-surprises-video-wrap { position: relative; overflow: hidden; display: flex; border-radius:8px; transition: all .3s ease-in; padding: 0 1.65rem; }
.easter-surprises-videos .easter-surprises-video-wrap:before {content: '';display: block;padding-top: 115.61%;}
.easter-surprises-video.has-played-video .easter-surprises-video-wrap { border-radius: 0; } 
.easter-surprises-video.has-pending-video .easter-surprises-video-wrap, 
.easter-surprises-video.has-live-video .easter-surprises-video-wrap,
.easter-surprises-video.error-live-video .easter-surprises-video-wrap { display: none; }

.easter-surprises-new-video-poster-wrap { display: none; position: relative; width: 100%; overflow: hidden; z-index: 4; background-color: #07006b; transition: all .3s ease-in; }
.easter-surprises-new-video-poster-wrap:before { content: ''; display: block; padding-top: 56.25%; }
.easter-surprises-video.has-pending-video .easter-surprises-new-video-poster-wrap { display: flex; }
.easter-surprises-video.error-live-video .easter-surprises-new-video-poster-wrap { display: flex; border-radius: 0; }
.easter-surprises-new-video-poster { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }
.easter-surprises-new-video-poster .new-video-poster-img { width: 100%; }
.easter-surprises-video.error-live-video .easter-surprises-new-video-poster .new-video-poster-img { display: none; }
.easter-surprises-new-video-poster .new-video-poster-img-2 { display: none; width: 100%; }
.easter-surprises-video.error-live-video .easter-surprises-new-video-poster .new-video-poster-img-2 { display: block; }

.easter-surprises-video-live-wrap { display: none; position: relative; overflow: hidden; }
.easter-surprises-video-live-wrap:before { content: ''; display: block; padding-top: 56.25%; }
.easter-surprises-video.has-live-video .easter-surprises-video-live-wrap { display: flex; }
.easter-surprises-video-live { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }
.easter-surprises-video-live iframe { width: 100%; height: 100%; }

.easter-surprises-video-play-btn {width: 3.75rem; position: absolute; top: 0; left: 0; transform: translate(12%, 12%); z-index: 5; transition: all .3s ease-in-out;}
.easter-surprises-video .easter-surprises-play-video { z-index: 4; cursor: pointer; }
.easter-surprises-video.has-pending-video .easter-surprises-video-play-btn,
.easter-surprises-video.has-pending-video .easter-surprises-play-video { visibility: hidden; }
.easter-surprises-video.has-played-video .easter-surprises-video-play-btn,
.easter-surprises-video.has-played-video .easter-surprises-play-video,
.easter-surprises-video.has-live-video .easter-surprises-play-video, 
.easter-surprises-video.has-live-video .easter-surprises-video-play-btn,
.easter-surprises-video.error-live-video .easter-surprises-play-video,
.easter-surprises-video.error-live-video .easter-surprises-video-play-btn { display: none; }
.easter-surprises-video-play-btn img { animation: scalePlayBtn 5s linear 4s infinite forwards; }

.easter-surprises-videos .easter-surprises-video-poster { z-index: 3; cursor: pointer;background:#4d4d4d;border-radius:25px }
.easter-surprises-video.has-played-video .easter-surprises-video-poster { visibility: hidden; }
.easter-surprises-videos .easter-surprises-video-poster .video-poster-img { width: 100%; border-radius: 25px;}

.easter-surprises-videos .easter-surprises-video-iframe-wrap { visibility: hidden; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; }
.easter-surprises-videos .easter-surprises-video-iframe { width: 100%; height: 100%; }
.easter-surprises-videos .easter-surprises-video-backup { height: 100%; max-height: 800px; }
.easter-surprises-videos .easter-surprises-video-backup video { width: 100%; height: 100%; }

.easter-surprises-videos .easter-surprises-video-close-btn { cursor: pointer; display: none; align-items: center; justify-content: center; height: 18px; width: 18px; position: absolute;  right: 0; top: 0; transform: translateY(-120%); border-radius: 3rem; background: #fff000; color:var(--page-color-blue); border: 2px solid #fff000; font-size: 0.875rem; font-weight: 600; transition: all .3s ease-in-out; }

.easter-surprises-videos.active .easter-surprises-video-wrap { border-radius: 0; margin: 0 auto;}
.easter-surprises-videos.active .easter-surprises-video-iframe-wrap { visibility: visible; }
.easter-surprises-videos.active .easter-surprises-video-poster { display: none; }
.easter-surprises-videos.active .easter-surprises-video-close-btn { display: flex; }

@keyframes scalePlayBtn {
    0% { transform: scale(1); }
    7% { transform: scale(1.1); }
    14% { transform: scale(1); }
    21% { transform: scale(1.1); }
    28% { transform: scale(1); }
    100% { transform: scale(1); }
}


/*  media queries for max 390px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 390px) {

    /* Steps */
    .easter-surprises-rules-steps .easter-surprises-step{font-size: 1rem}

    /* How to play - Video */
    .easter-surprises-video-play-btn { width: 3.25rem; }
    .easter-surprises-video-poster{height: 90%; display: flex; justify-content: center;}

}

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 360px) {

}


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

    /* Rules Info */
    .easter-surprises-rules-info .easter-surprises-rules-info-inner{padding: 1.3rem 0 2rem}
    .easter-surprises-rules-info .easter-surprises-section-title {font-size: 2rem;}

    /* Steps */
    .easter-surprises-rules-steps{margin-bottom: 2.5rem}
    .easter-surprises-rules-steps .easter-surprises-step{font-size: 1.125rem;margin-left: 3rem}
    .easter-surprises-rules-steps .easter-surprises-step.easter-surprises-step-first {padding-right: 30%}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number{font-size: 3.5rem;left:-3rem}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number.first-num{left: -2.8rem}

    /* flower position */
    .easter-surprises-rules-info .easter-surprises-flower-first{display: block ;position: absolute;width: 17%;top: 12%;left:0;z-index: 4;}
    .easter-surprises-rules-info .easter-surprises-flower-second{display: block ;position: absolute;width: 14%;top: 42%;right: -1%;z-index: 4;}

    /* How to play - Video */
    /* .easter-surprises-videos{height: 80vw} */
    .easter-surprises-videos .easter-surprises-video-wrap {padding: 0 2.35rem; }
    .easter-surprises-video-wrap {padding: 1.6rem;box-sizing:border-box;height:100%; display: flex;justify-content: center;}
    .easter-surprises-video-poster{height: 100%}
    .easter-surprises-video-poster .video-poster-img{height: 100%; width: auto;}
    .easter-surprises-videos .easter-surprises-video-close-btn { height:24px; width: 24px; font-size: 1rem}
}
	

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {
    
    /* Rules Info */
    .easter-surprises-rules-info .easter-surprises-rules-info-backgr{border-radius: unset;}

    /* flower position */
    .easter-surprises-rules-info .easter-surprises-flower-first{top:18%;}
    .easter-surprises-rules-info .easter-surprises-flower-second{top: 48%;}

}


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


    /* flower position */
    .easter-surprises-rules-info .easter-surprises-flower-second{top: 62%;right: 7%;}

    /* How to play - Video */
    /* .easter-surprises-videos{height: 58vw} */
    .easter-surprises-video-play-btn { width: 4.5rem; }
    .easter-surprises-videos .easter-surprises-video-close-btn { height:26px; width: 26px;}

}

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

    /* Rules Info */
    .easter-surprises-rules-info .easter-surprises-section-title{font-size: 2.5rem;}

    /* Steps */
    .easter-surprises-rules-steps .easter-surprises-step:nth-child(2){padding-right: 10%}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number {font-size: 3.5rem;}

}

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

    /* Steps */
    .easter-surprises-rules-steps .easter-surprises-step {font-size: 1.25rem;margin-left: 3.3rem}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number {font-size: 3.8rem;left:-3.3rem}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number.first-num{left: -3rem}

    /* How to play - Video */
    .easter-surprises-videos .easter-surprises-video-wrap {padding: 0 2.85rem; }
    .easter-surprises-video.has-played-video .easter-surprises-video-date-txt { margin-right: 1.275rem; }
    .easter-surprises-video-box {margin-bottom: 2rem;}
    .easter-surprises-videos .easter-surprises-video-close-btn { height:30px; width: 30px;}

}

@media all and (min-width: 1661px) {

    /* Rules Info */
    .easter-surprises-rules-info .easter-surprises-section-title{font-size: 2.7rem;}

    /* Steps */
    .easter-surprises-rules-steps .easter-surprises-step{margin-bottom: 2rem}
    .easter-surprises-rules-steps .easter-surprises-step:nth-child(2){padding-right: 20%}

}

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

    /* Rules Info */
    .easter-surprises-rules-info .easter-surprises-rules-info-inner{padding-bottom: 2.2rem}
    .easter-surprises-rules-info .easter-surprises-section-title{font-size: 2.9rem;}

    /* Steps */
    .easter-surprises-rules-steps{margin-bottom: 3rem}
    .easter-surprises-rules-steps .easter-surprises-step {font-size: 1.35rem;margin-bottom:2.5rem;margin-left: 3.6rem}
    .easter-surprises-rules-steps .easter-surprises-step:nth-child(2){padding-right: 10%}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number {font-size: 4.5rem;left:-3.6rem;top:-0.65rem}
    .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number.first-num{left: -3.3rem}

    /* flower position */
    .easter-surprises-rules-info .easter-surprises-flower-first{top:34%;}
    .easter-surprises-rules-info .easter-surprises-flower-second{top: 44%;} 

    /* How to play - Video */
    .easter-surprises-videos{border-radius: 35px}
    .easter-surprises-videos .easter-surprises-video-poster{border-radius: 35px}
    .easter-surprises-videos .easter-surprises-video-poster .video-poster-img{border-radius: 35px}
    .easter-surprises-video-play-btn { width: 6.125rem;}
    .easter-surprises-video-wrap { border-radius: 10px; }
    .easter-surprises-videos .easter-surprises-video-close-btn { height:32px; width:32px; font-size: 1.25rem; }
	
}

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


}

@media all and (min-width: 2140px) {

}


/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 
    
    /* Rules Info */
    .device-mobile .easter-surprises-rules-info .easter-surprises-rules-info-inner{padding: 1.3rem 0}
    .device-mobile .easter-surprises-rules-info .easter-surprises-section-title{margin-bottom: 1rem;font-size: 1.875rem;}

    /* Steps */
    .device-mobile .easter-surprises-rules-steps .easter-surprises-step{font-size: 1.125rem;margin-left: 2.5rem;margin-bottom: 1.5rem;line-height: 1.2;}
    .device-mobile .easter-surprises-rules-steps .easter-surprises-step.easter-surprises-step-first{padding-right: 10%}
    .device-mobile .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number{font-size: 3.188rem;top: -0.45rem;left: -2.5rem;}
    .device-mobile .easter-surprises-rules-steps .easter-surprises-step .easter-surprises-step-number.first-num{left: -2.3rem;}

    /* flower position */
    .device-mobile .easter-surprises-rules-info .easter-surprises-flower-first{display: block ;position: absolute;width: 17%;top: 12%;left:0;z-index: 4;}
    .device-mobile .easter-surprises-rules-info .easter-surprises-flower-second{display: block ;position: absolute;width: 14%;top: 42%;right: -1%;z-index: 4;}

    /* How to play - Video */
    .device-mobile .easter-surprises-videos .easter-surprises-video-wrap {padding: 0 1.65rem;}
    .device-mobile .easter-surprises-videos {border-radius: 25px;}
    .device-mobile .easter-surprises-videos .easter-surprises-video-poster .video-poster-img {border-radius: 25px;}
    .device-mobile .easter-surprises-videos .easter-surprises-video-close-btn { height:24px; width: 24px; font-size: 0.875rem}

}



/* -- ( css_main/main/promo_tools/easter_surprises/page/v_2/winnings.css ) -- */
	/* Winnings info */
/*----------------------------------------------------------------------------*/
.easter-winnings-info {margin: 0 0.5rem;opacity: 0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-winnings-info .easter-surprises-section-title{font-size: 1.25rem;position:relative;line-height: 1.3}

/*Winnings*/
/*----------------------------------------------------------------------------*/
.easter-surprises-winnings .easter-surprises-winning {position: relative;display: flex;margin-bottom: 0.7rem;font-size: 0.875rem;}
.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus {position: relative; width: 40%; margin-right: 3%; font-size: 115%;}
.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-imgbox{position: relative;}
.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-imgbox .easter-surprises-egg-img{position: absolute; bottom: 2%; right: 1%; width: 28%;}
.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-box-txt {position: absolute;top: 10%;left: 0;right: 0;bottom: 0; color: #000; text-align: center;display: flex;align-items: center;justify-content: center;line-height: 1.1;flex-flow: column;letter-spacing: -0.5px;}
.easter-surprises-winnings .easter-surprises-winning .easter-surprises-winning-txt {display: flex;width: 72%;line-height: 1.2;align-items: center;}

/*  media queries for max 390px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 390px) {

	/* Winnings info */
	.easter-winnings-info {margin: 0 0.3rem;}

	/*Winnings*/
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus {font-size: 100%;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-box-txt {top: 5%;}
}

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 360px)  {

	/* Winnings info */
	.easter-winnings-info .easter-surprises-section-title{font-size: 1.125rem;}

}

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

	/* Winnings info */
	.easter-winnings-info .easter-surprises-section-title{font-size: 1.35rem;}

	/* Winnings */
	.easter-surprises-winnings .easter-surprises-winning {font-size: 1rem;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-box-txt{top: 8%;}
}
	

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

	/* Winnings */
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus {width: 45%;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-winning-txt {width: 71%;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-box-txt{top: 3%;}
}

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

	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus{font-size: 120%;}
}

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

	/* Winnings info */
	.easter-winnings-info {margin: 0 1rem;}
	.easter-winnings-info .easter-surprises-section-title {font-size: 1.75rem;}
}

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

	/* Winnings info */
	.easter-surprises-winnings .easter-surprises-winning {font-size: 1.125rem;}
   	
}

@media all and (min-width: 1661px) {

	/* Winnings info */
	.easter-winnings-info .easter-surprises-section-title{font-size: 1.85rem}

	/* Winnings */
	.easter-surprises-winnings .easter-surprises-winning {font-size: 1.25rem;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus {width: 35%; font-size: 110%;}
	.easter-surprises-winnings .easter-surprises-winning .easter-surprises-winning-txt {width: 72%;}
	
}

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


}

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


}

@media all and (min-width: 2140px) {

}


/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 

	/* Winnings info*/
	.device-mobile .easter-winnings-info {margin: 0 0.5rem;}
	.device-mobile .easter-winnings-info .easter-surprises-section-title{font-size: 1.25rem;}

	/* Winnings */
	.device-mobile .easter-surprises-winnings .easter-surprises-winning {margin-bottom: 0.7rem;font-size: 0.9375rem;}
	.device-mobile .easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus {width: 30%; margin-right: 3%; font-size: 90%;}
	.device-mobile .easter-surprises-winnings .easter-surprises-winning .easter-surprises-box-bonus .easter-surprises-box-txt {top: 10%;}
	.device-mobile .easter-surprises-winnings .easter-surprises-winning .easter-surprises-winning-txt {width: 72%;}
}



/* -- ( css_main/main/promo_tools/easter_surprises/page/v_2/progress.css ) -- */
/* Progress section*/
/*----------------------------------------------------------------------------*/
.easter-surprises-progress{margin-top:-0.7rem;position: relative;box-sizing: border-box;opacity:0;animation: transformContent 0.4s 0.6s ease-in-out forwards;}
.easter-surprises-progress .easter-surprises-progress-inner {padding: 1.2rem 0 1.5rem;}
.after-login .easter-surprises-progress .easter-surprises-progress-inner{padding-top: 0;}

/* Progress titles*/
/*----------------------------------------------------------------------------*/
.easter-surprises-progress .easter-surprises-section-subtitle {font-size: 1.10625rem;margin-bottom: 0.7rem;letter-spacing: -0.3px;position: relative;z-index: 4;}
.easter-surprises-progress .easter-surprises-section-subtitle span{color: #ffdf00;}

/* Progress box*/
/*----------------------------------------------------------------------------*/
.easter-surprises-progress .easter-surprises-progress-box {position: relative;z-index: 4;margin-bottom: 1rem;left: -2.5%;width: 105%;}

/* Progress text*/
/*----------------------------------------------------------------------------*/
.easter-surprises-progress .easter-surprises-progress-text {position: relative; z-index: 4;font-size: 0.875rem;margin-bottom: 1rem;margin-left: auto;margin-right: auto;width: 85%;line-height: 1.15;}
.easter-surprises-progress .easter-surprises-progress-text .easter-surprises-egg-number{color:#fff000;font-size: 130%;}


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

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 360px) {	

}

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

	/* Progress section*/
	.easter-surprises-progress{margin-top:0;margin-bottom: 1rem}

	/* Progress titles*/
	.easter-surprises-progress .easter-surprises-section-subtitle {font-size: 1.25rem;}

	/* Progress text*/
	.easter-surprises-progress .easter-surprises-progress-text{font-size: 1rem;}
}
	
/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {
	
}

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

	/* Progress section*/
	.easter-surprises-progress{margin-top:2rem;margin-bottom:0}
}

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

	/* Progress section*/
	.easter-surprises-progress .easter-surprises-section-subtitle {font-size: 1.4375rem;}

	/* Progress text*/
	.easter-surprises-progress .easter-surprises-progress-text{font-size: 1.125rem;}
}

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

	/* Progress section*/
	.easter-surprises-progress{margin-top:3rem;}
	.easter-surprises-progress .easter-surprises-progress-inner {padding: 1.7rem 0 2rem;}

	/* Progress text*/
	.easter-surprises-progress .easter-surprises-progress-text{width: 70%;margin-bottom: 1.5rem}
}

@media all and (min-width: 1661px) {

	/* Progress titles*/
	.easter-surprises-progress .easter-surprises-section-subtitle { font-size: 1.5rem;}
}

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

	/* Progress section*/
	.easter-surprises-progress .easter-surprises-progress-inner {padding:2rem 0 2.3rem;}
}

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

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 

	/* Progress titles*/
	.device-mobile .easter-surprises-progress .easter-surprises-section-subtitle {font-size: 1.125rem;}

	/* Progress text*/
	.device-mobile .easter-surprises-progress .easter-surprises-progress-text {font-size: 0.875rem;}
}



/* -- ( css_main/main/promo_tools/easter_surprises/headbar/v_2/head_bar.css ) -- */
/* Gabriela Font */
/*-------------------------------------------------------------*/
@font-face {
    font-family: 'Gabriela';
    src: url('../fonts/Gabriela/gabriela-regular.woff2') format('woff2'),
         url('../fonts/Gabriela/gabriela-regular.woff') format('woff');
    font-weight:500;
    font-style: normal;
}

.headbar-easter-surprises{height: 70px;width: 100%;position: relative;display: flex;align-items:flex-end;box-sizing: border-box;}
.headbar-easter-surprises-slides{display:flex;flex-flow:row;width: 100%; max-height: 100%;height: 100%;box-sizing: border-box;font-family: 'Gabriela',sans-serif;overflow: hidden;position: relative; }

.headbar-easter-surprises .easter-redirect-button{cursor: pointer; z-index: 7;}

/* Logo */
/*----------------------------------------------------------------------------*/
.headbar-easter-surprises .headbar-logo-wrap{height: 100%;width: 25%;position: relative;z-index:2; position: relative;}
.headbar-easter-surprises .headbar-logo-wrap .easter-logo{padding-top: 0.5rem;}
.headbar-easter-surprises .headbar-logo{padding-top: 2px;position: relative;max-width: 122px}


/* Slide Content  */
/*----------------------------------------------------------------------------*/
.headbar-easter-surprises .slides-content{width:70%;height: 100%;box-sizing: border-box;}
.headbar-easter-surprises .slide-box{width:100%;height: 100%;display: flex;flex-flow: row;}

.headbar-easter-surprises .slide-2 .progress-txt{text-align: center; padding-top: 0.2rem;}
.headbar-easter-surprises .slide-2 .progress-txt span{font-weight: 600; display: block; color: #fff;}
.headbar-easter-surprises .slide-2 .slides-progress-box{width: 80%;}

/* HeadBar - Progress Slider  */
/*----------------------------------------------------------------------------*/
.headbar-easter-surprises .slides-progress-box{width: 85%;height:96%;position:relative; display:flex;flex-flow:column; padding:0.2rem 0.7rem 0.2rem 0.2rem ;box-sizing:border-box; }
.headbar-easter-surprises .slides-progress-box.dark .progress-line-slider-txt{color:#000; text-shadow: rgb(255, 255, 0) 1px 0px 0px, rgb(255, 255, 0) 0.540302px 0.841471px 0px, rgb(255, 255, 0) -0.416147px 0.909297px 0px, rgb(255, 255, 0) -0.989992px 0.14112px 0px, rgb(255, 255, 0) -0.653644px -0.756802px 0px, rgb(255, 255, 0) 0.283662px -0.958924px 0px, rgb(255, 255, 0) 0.96017px -0.279415px 0px;}
.headbar-easter-surprises .progress-txt{color: #ffdf00; font-size:0.9375rem; font-family: 'NotoSansCond', sans-serif; padding-top: 0.3rem; line-height: 1.1;}
/* .headbar-easter-surprises .progress-txt span{color: #ffff00; font-size: 130%; font-weight: bold;} */
.headbar-easter-surprises .progress-line-slider { box-sizing: border-box; position: relative; height:17px; width: 95%; border-radius: 30px; background: var(--headbar-progress-bgr);}
.headbar-easter-surprises .progress-line-slider-inner { box-sizing: border-box; position: absolute; top:0; bottom:0;left:0; z-index: 5; min-width: 9%; width: 9%; border-radius: 30px; background-color: var(--headbar-progress); }
.headbar-easter-surprises .progress-line-slider-txt { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #00220f;color: #fff;font-family:'RobotoMedium', sans-serif; z-index: 6; font-size: 0.9rem;}
.headbar-easter-surprises .progress-line-slider-txt.light-color{color: #fff; background: transparent; }

/* HeadBar - Easter Box  */
/*----------------------------------------------------------------------------*/
.headbar-easter-surprises .slides-easter-box{width: 21%; position: absolute; top: 0; right: 0; height: 100%; display: flex;justify-content: center;align-items: flex-end;}
.headbar-easter-surprises .slides-easter-box .easter-box-inner{position: absolute; content: ""; top: 50%; left: 50%; width: 2rem; height: 2.2rem; transform: translate(-50%, -50%);}
.headbar-easter-surprises .slides-easter-box .easter-box-inner.text{opacity: 0 ;display: flex; flex-flow: column; align-items: center; justify-content: center; font-family: "Montserrat"; font-size: 0.85rem; color: #fff; font-weight: bold;}
/* .headbar-easter-surprises .slide-2 .easter-box-inner.text{opacity: 1;} */
.headbar-easter-surprises .slides-easter-box .easter-box-inner.text .number{padding: 0.2rem 0; color: #ffff00; font-size: 150%; text-shadow: 0px 1px 0 rgb(0,4,70), 0px -1px 0 rgb(0,4,70), 1px 0px 0 rgb(0,4,70), -1px 0px 0 rgb(0,4,70), 1px 1px 0 rgb(0,4,70), 1px -1px 0 rgb(0,4,70), -1px 1px 0 rgb(0,4,70), -1px -1px 0 rgb(0,4,70), 0px 2px 0 rgb(0,4,70), 0px -2px 0 rgb(0,4,70), 2px 0px 0 rgb(0,4,70), -2px 0px 0 rgb(0,4,70), 2px 2px 0 rgb(0,4,70), 2px -2px 0 rgb(0,4,70), -2px 2px 0 rgb(0,4,70), -2px -2px 0 rgb(0,4,70);;}
.headbar-easter-surprises .slides-easter-box .easter-box-inner.text .txt{font-size: 90%; color: #000; text-shadow: rgb(255, 223, 0) 2px 0px 0px, rgb(255, 223, 0) 1.75517px 0.958851px 0px, rgb(255, 223, 0) 1.0806px 1.68294px 0px, rgb(255, 223, 0) 0.141474px 1.99499px 0px, rgb(255, 223, 0) -0.832294px 1.81859px 0px, rgb(255, 223, 0) -1.60229px 1.19694px 0px, rgb(255, 223, 0) -1.97998px 0.28224px 0px, rgb(255, 223, 0) -1.87291px -0.701566px 0px, rgb(255, 223, 0) -1.30729px -1.5136px 0px, rgb(255, 223, 0) -0.421592px -1.95506px 0px, rgb(255, 223, 0) 0.567324px -1.91785px 0px, rgb(255, 223, 0) 1.41734px -1.41108px 0px, rgb(255, 223, 0) 1.92034px -0.558831px 0px;}
.headbar-easter-surprises .slides-easter-box.has-golden-egg .easter-box-inner.text .txt{text-shadow: rgb(255, 255, 0) 2px 0px 0px, rgb(255, 255, 0) 1.75517px 0.958851px 0px, rgb(255, 255, 0) 1.0806px 1.68294px 0px, rgb(255, 255, 0) 0.141474px 1.99499px 0px, rgb(255, 255, 0) -0.832294px 1.81859px 0px, rgb(255, 255, 0) -1.60229px 1.19694px 0px, rgb(255, 255, 0) -1.97998px 0.28224px 0px, rgb(255, 255, 0) -1.87291px -0.701566px 0px, rgb(255, 255, 0) -1.30729px -1.5136px 0px, rgb(255, 255, 0) -0.421592px -1.95506px 0px, rgb(255, 255, 0) 0.567324px -1.91785px 0px, rgb(255, 255, 0) 1.41734px -1.41108px 0px, rgb(255, 255, 0) 1.92034px -0.558831px 0px;}
.headbar-easter-surprises .slides-easter-box img{height: 100%;}


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

    /* Logo */
    .headbar-easter-surprises .headbar-logo{ max-width:108px;}

    /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .slides-progress-box{width: 85%;max-width:230px;}
    .headbar-easter-surprises .progress-txt{font-size:0.8rem;}
    .headbar-easter-surprises .progress-line-slider{height: 17px}
}

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

    /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .slides-progress-box{width: 84%;}
    .headbar-easter-surprises .progress-line-slider{height: 15px; width: 94%;}

    /* HeadBar - Easter Box  */
    .headbar-easter-surprises .slides-easter-box .easter-box-inner.text{font-size: 0.75rem;}

}

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

    .headbar-easter-surprises{height:92px;}
    .headbar-easter-surprises-slides{border-radius: 10px}

    /* Logo */
    .headbar-easter-surprises .headbar-logo-wrap{width: 27%;}
    .headbar-easter-surprises .headbar-logo{max-width: none}

    /* Slide Content  */
    .headbar-easter-surprises .slides-content{width:80%}

    /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .slides-progress-box{width: 80%;left: 0%; justify-content: space-evenly;}
    .headbar-easter-surprises .progress-txt{font-size:1.1rem;line-height: 1.15; align-self: center; padding-left: 0;}
    .headbar-easter-surprises .progress-txt br{display: none;}
    .headbar-easter-surprises .progress-line-slider{/*width: 65%; */max-width:260px;align-self: center; height: 20px;}

    /* HeadBar - Easter Box  */
    .headbar-easter-surprises .slides-easter-box{width: 20%;}
    .headbar-easter-surprises .slides-easter-box .easter-box-inner.text{font-size: 1.1rem;}

}

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

    .headbar-easter-surprises{height:83px;max-width:500px;margin: 0 auto;border-radius: 10px}

    /* Logo */
    .headbar-easter-surprises .headbar-logo-wrap{width: 25%;}

 
    /* Slide Content  */
    .headbar-easter-surprises .slides-content{width:75%;padding-left: 1%}

    /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .slides-progress-box{width: 80%;}
    .headbar-easter-surprises .progress-txt{font-size: 0.875rem;}
    /* .headbar-easter-surprises .progress-line-slider{width: 80%; height: 24px;} */

    /* HeadBar - Easter Box  */
    /* .headbar-easter-surprises .slides-easter-box{width: 15%;} */


}

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

     /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .progress-txt{font-size: 0.9375rem;}
}

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

    /* Logo */
    .headbar-easter-surprises .headbar-logo-wrap{width: 24%;}
    .headbar-easter-surprises .headbar-logo{width: 97%}

    
    /* Slide Content  */
    .headbar-easter-surprises .slides-content{width:76%}

     /* HeadBar - Progress Slider  */

}

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

    .headbar-easter-surprises{max-width:580px;}

    /* Logo */
    .headbar-easter-surprises .headbar-logo{padding-top: 0}
    .headbar-easter-surprises .headbar-logo{width: 94%}

    /* Slide Content  */
    .headbar-easter-surprises .slides-content{width:76%}

    /* HeadBar - Progress Slider  */
    /* .headbar-easter-surprises .progress-line-slider{width: 70%; height: 27px;} */

}

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

    .headbar-easter-surprises{height:90px;max-width:600px;}

    /* HeadBar - Progress Slider  */
    .headbar-easter-surprises .slides-progress-box{height: 97%}
    .headbar-easter-surprises .progress-txt{font-size:1rem}

  
}

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

    .headbar-easter-surprises{height: 92px;max-width:620px;} 
}


/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) {

    .device-mobile .headbar-easter-surprises .progress-txt{font-size: 0.9rem;}
    .device-mobile .headbar-easter-surprises .slides-progress-box{width: 78%;}
    .device-mobile .headbar-easter-surprises .slides-easter-box .easter-box-inner.text{font-size: 0.9rem;}
    .device-mobile .headbar-easter-surprises .progress-line-slider{height: 17px;}

}