div[data-page="valentinefestival"] > div.navbar{
	background: transparent!important;
}
div[data-page="valentinefestival"] > div.page-content{
	background-image: url(https://sheepola.sgp1.cdn.digitaloceanspaces.com/static/imgs/game/valentine/BG-640x1024.1.jpg)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-color: #8ee9fe!important;
	background-position: center bottom!important;
	padding-top: 65px;
	margin-top: 0px;
	overflow: hidden;
}

div[data-page="valentinefestivalplay"] > div.navbar{
	background: transparent!important;
}
div[data-page="valentinefestivalplay"] > div.page-content{
	background-image: url(https://sheepola.sgp1.cdn.digitaloceanspaces.com/static/imgs/game/valentine/BG-640x1024.1.jpg)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-color: #8ee9fe!important;
	background-position: center bottom!important;
	padding-top: 0px;
	margin-top: 0px;
	overflow: hidden;
}
.valentine_max_width_img_logo {
	max-width: 70%!important;
}
.bg_varen{
	font-size: larger;
	background-image: url(https://sheepola.sgp1.cdn.digitaloceanspaces.com/static/imgs/game/valentine/BG-640x1024.1.jpg)!important;
	background-size: cover  !important;
	background-repeat: no-repeat !important;
	background-color: #8ee9fe !important;
	background-position: center bottom !important;
	display: block;
}
.bg_varen > .content-block{
	color: #000!important;
}
.bg_varen .close-popup {
	text-decoration: none !important;
	color: #a600ff !important;
	font-weight: bold;
	text-shadow: 0px 0px 0px #fff;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.valentine_selsubheader {
		margin-top: -15%!important;
		width: 35%!important;
		position: relative!important;;
	}

	.valentine_w75 {
		width: 34%!important;
	}

}

.valentineplay_krathong_crad{
	margin-top: 80px;
}
.valentine_selheader{
	position: absolute;
	width: 100%;
	text-align: -webkit-right;
}

.valentine_selsubheader{
	margin-top: -25%;
	width: 50%;
	position: relative;
}

.valentine_cashback{
	float: left;
	margin-top: -6px;
	padding-right: 5px;
}

.valentine_textw.valentine_delay_text.valentine_slide-top.view_rlue {
	background-color: #308fa5;
	width: fit-content;
	border-radius: 5px;
	box-shadow: 0 0 0px 5px #f1ecee;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.valentine_max_width_img{
	max-width: 100%;
}

.valentine_center{
	text-align: -webkit-center;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.valentineplay_krathong_crad {
		width: 80%!important;
		margin-top: 15% !important;
		margin-right: auto !important;
		margin-bottom: auto !important;
		margin-left: auto !important;
	}

/*div[data-page="valentinefestivalplay"] .valentine_cashback {
    float: left!important;
    margin-top: -6px!important;
    padding-right: 5px!important;
    font-size: 63px!important;
    }*/
/*.valentinefestival_cashback_play {
	height: auto!important;
    background-color: #dd4778!important;
    width: fit-content!important;
    border-radius: 5px!important;
    box-shadow: 0 0 0px 5px #f1ecee!important;
    padding-top: 5px!important;
    padding-right: 10px!important;
    font-size: -webkit-xxx-large!important;
    padding-bottom: 5px!important;
    padding-left: 20px!important;
    margin-left: 56px!important;
    color: #fff!important;
    position: absolute!important;
       top: -30%;
       }*/

       .valentineplay_width_img{
       	width: 40%!important;
       }

       div[data-page="valentinefestivalplay"] > div.page-content{
       	background-size: cover!important;
       }

       div[data-page="valentinefestival"] > div.page-content{
       	background-size: cover!important;
       }

   }

   .valentine_w75{
   	width: 50%;
   }

   .valentine_textw{
   	color: #fff!important;
   }

   .valentine_slide-top {
   	-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   	animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   }
   .valentine_delay{
   	animation-delay: 1s;
   }
   .valentine_delay_text{
   	animation-delay: 2s;
   }

   .valentine_blinker {
   	animation: blinker 2s linear infinite;
   }

   @keyframes blinker {
   	50% { opacity: .8; }
   }

   .valentine_wave {
   	animation: wavein 5s linear infinite;
   }

   @keyframes wavein {
   	0% {
   		margin-top: 0px;
   		padding-bottom: 40px;
   	}
   	50% {
   		margin-top: 20px;
   		padding-bottom: 20px;
   	}
   	100% {
   		margin-top: 0px;
   		padding-bottom: 40px;
   	}
   }

   .valentine_relative{
   	position: relative;
   }

   @-webkit-keyframes slide-top {
   	0% {
   		opacity: 0;
   		-webkit-transform: translateY(100px);
   		transform: translateY(100px);
   	}
   	100% {
   		opacity: 1;
   		-webkit-transform: translateY(0px);
   		transform: translateY(0px);
   	}
   }
   @keyframes slide-top {
   	0% {
   		opacity: 0;
   		-webkit-transform: translateY(100px);
   		transform: translateY(100px);
   	}
   	100% {
   		opacity: 1;
   		-webkit-transform: translateY(0px);
   		transform: translateY(0px);
   	}
   }

   .pyro > .before, .pyro > .after {
   	position: absolute;
   	width: 5px;
   	height: 5px;
   	border-radius: 50%;
   	box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
   	-moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
   	-webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
   	-o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
   	-ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
   	animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
   }

   .pyro > .after {
   	-moz-animation-delay: 1.25s, 1.25s, 1.25s;
   	-webkit-animation-delay: 1.25s, 1.25s, 1.25s;
   	-o-animation-delay: 1.25s, 1.25s, 1.25s;
   	-ms-animation-delay: 1.25s, 1.25s, 1.25s;
   	animation-delay: 1.25s, 1.25s, 1.25s;
   	-moz-animation-duration: 1.25s, 1.25s, 6.25s;
   	-webkit-animation-duration: 1.25s, 1.25s, 6.25s;
   	-o-animation-duration: 1.25s, 1.25s, 6.25s;
   	-ms-animation-duration: 1.25s, 1.25s, 6.25s;
   	animation-duration: 1.25s, 1.25s, 6.25s;
   }

   @-webkit-keyframes bang {
   	to {
   		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
   	}
   }
   @-moz-keyframes bang {
   	to {
   		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
   	}
   }
   @-o-keyframes bang {
   	to {
   		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
   	}
   }
   @-ms-keyframes bang {
   	to {
   		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
   	}
   }
   @keyframes bang {
   	to {
   		box-shadow: -205px -83.6666666667px #0400ff, 123px -197.6666666667px #ff0084, -82px -261.6666666667px #a600ff, -189px 1.3333333333px #6200ff, 177px -138.6666666667px #62ff00, 154px -265.6666666667px #00eaff, -120px -280.6666666667px #ff00f2, -149px -271.6666666667px #e1ff00, 69px -297.6666666667px #0026ff, 247px -347.6666666667px #ff00bf, -70px 54.3333333333px #ff00ae, -120px 26.3333333333px #fff700, 191px -7.6666666667px #c400ff, 177px -284.6666666667px #ff0080, -23px -190.6666666667px red, -242px -355.6666666667px #0059ff, -199px -335.6666666667px #ff3c00, 213px -198.6666666667px #91ff00, 7px -116.6666666667px #84ff00, 154px -107.6666666667px #ffcc00, -249px 9.3333333333px #99ff00, 105px -277.6666666667px #0040ff, -241px -302.6666666667px #00ff5e, -2px -148.6666666667px #00ff11, -163px -341.6666666667px #ff008c, -138px -396.6666666667px #00a2ff, 68px 55.3333333333px #6600ff, -230px -210.6666666667px #5100ff, 205px -184.6666666667px #ff00bf, 55px -76.6666666667px #ea00ff, -221px 72.3333333333px #37ff00, 114px 13.3333333333px #ff1e00, 147px -413.6666666667px #008cff, -195px 60.3333333333px #3700ff, -72px -302.6666666667px #a6ff00, 94px -350.6666666667px #0004ff, -215px -48.6666666667px #ffb700, -222px -184.6666666667px #66ff00, -98px -310.6666666667px #0011ff, -89px -340.6666666667px #00fbff, 209px -57.6666666667px #ff00c4, -45px -218.6666666667px #ff0900, -133px -196.6666666667px #d900ff, -14px -43.6666666667px #d500ff, -52px -279.6666666667px #ff0099, -47px -223.6666666667px #ff007b, 133px -155.6666666667px #04ff00, -140px -321.6666666667px #fffb00, 225px -339.6666666667px #ff2600, 137px -393.6666666667px #00ffae, 128px 19.3333333333px #0d00ff;
   	}
   }
   @-webkit-keyframes gravity {
   	to {
   		transform: translateY(200px);
   		-moz-transform: translateY(200px);
   		-webkit-transform: translateY(200px);
   		-o-transform: translateY(200px);
   		-ms-transform: translateY(200px);
   		opacity: 0;
   	}
   }
   @-moz-keyframes gravity {
   	to {
   		transform: translateY(200px);
   		-moz-transform: translateY(200px);
   		-webkit-transform: translateY(200px);
   		-o-transform: translateY(200px);
   		-ms-transform: translateY(200px);
   		opacity: 0;
   	}
   }
   @-o-keyframes gravity {
   	to {
   		transform: translateY(200px);
   		-moz-transform: translateY(200px);
   		-webkit-transform: translateY(200px);
   		-o-transform: translateY(200px);
   		-ms-transform: translateY(200px);
   		opacity: 0;
   	}
   }
   @-ms-keyframes gravity {
   	to {
   		transform: translateY(200px);
   		-moz-transform: translateY(200px);
   		-webkit-transform: translateY(200px);
   		-o-transform: translateY(200px);
   		-ms-transform: translateY(200px);
   		opacity: 0;
   	}
   }
   @keyframes gravity {
   	to {
   		transform: translateY(200px);
   		-moz-transform: translateY(200px);
   		-webkit-transform: translateY(200px);
   		-o-transform: translateY(200px);
   		-ms-transform: translateY(200px);
   		opacity: 0;
   	}
   }
   @-webkit-keyframes position {
   	0%, 19.9% {
   		margin-top: 10%;
   		margin-left: 40%;
   	}
   	20%, 39.9% {
   		margin-top: 40%;
   		margin-left: 30%;
   	}
   	40%, 59.9% {
   		margin-top: 20%;
   		margin-left: 70%;
   	}
   	60%, 79.9% {
   		margin-top: 30%;
   		margin-left: 20%;
   	}
   	80%, 99.9% {
   		margin-top: 30%;
   		margin-left: 80%;
   	}
   }
   @-moz-keyframes position {
   	0%, 19.9% {
   		margin-top: 10%;
   		margin-left: 40%;
   	}
   	20%, 39.9% {
   		margin-top: 40%;
   		margin-left: 30%;
   	}
   	40%, 59.9% {
   		margin-top: 20%;
   		margin-left: 70%;
   	}
   	60%, 79.9% {
   		margin-top: 30%;
   		margin-left: 20%;
   	}
   	80%, 99.9% {
   		margin-top: 30%;
   		margin-left: 80%;
   	}
   }
   @-o-keyframes position {
   	0%, 19.9% {
   		margin-top: 10%;
   		margin-left: 40%;
   	}
   	20%, 39.9% {
   		margin-top: 40%;
   		margin-left: 30%;
   	}
   	40%, 59.9% {
   		margin-top: 20%;
   		margin-left: 70%;
   	}
   	60%, 79.9% {
   		margin-top: 30%;
   		margin-left: 20%;
   	}
   	80%, 99.9% {
   		margin-top: 30%;
   		margin-left: 80%;
   	}
   }
   @-ms-keyframes position {
   	0%, 19.9% {
   		margin-top: 10%;
   		margin-left: 40%;
   	}
   	20%, 39.9% {
   		margin-top: 40%;
   		margin-left: 30%;
   	}
   	40%, 59.9% {
   		margin-top: 20%;
   		margin-left: 70%;
   	}
   	60%, 79.9% {
   		margin-top: 30%;
   		margin-left: 20%;
   	}
   	80%, 99.9% {
   		margin-top: 30%;
   		margin-left: 80%;
   	}
   }
   @keyframes position {
   	0%, 19.9% {
   		margin-top: 10%;
   		margin-left: 40%;
   	}
   	20%, 39.9% {
   		margin-top: 40%;
   		margin-left: 30%;
   	}
   	40%, 59.9% {
   		margin-top: 20%;
   		margin-left: 70%;
   	}
   	60%, 79.9% {
   		margin-top: 30%;
   		margin-left: 20%;
   	}
   	80%, 99.9% {
   		margin-top: 30%;
   		margin-left: 80%;
   	}
   }


   .valentine_slide_out_top {
   	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
   	animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
   }

   @-webkit-keyframes slide-out-top {
   	0% {
   		-webkit-transform: translateY(0);
   		transform: translateY(0);
   		opacity: 1;
   	}
   	100% {
   		-webkit-transform: translateY(-1000px);
   		transform: translateY(-1000px);
   		opacity: 0;
   	}
   }
   @keyframes slide-out-top {
   	0% {
   		-webkit-transform: translateY(0);
   		transform: translateY(0);
   		opacity: 1;
   	}
   	100% {
   		-webkit-transform: translateY(-1000px);
   		transform: translateY(-1000px);
   		opacity: 0;
   	}
   }

   .valentineplay_krathong_bb{
   	position: absolute;
   	right: 20px;
   	bottom: 10px;
   	text-align: -webkit-right;
   }
   .valentineplay_width_img{
   	width: 50%;
   }


   .valentineplay-scale-in-center {
   	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
   	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
   }

   @-webkit-keyframes scale-up-center {
   	0% {
   		-webkit-transform: scale(0.5);
   		transform: scale(0.5);
   	}
   	100% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   	}
   }
   @keyframes scale-up-center {
   	0% {
   		-webkit-transform: scale(0.5);
   		transform: scale(0.5);
   	}
   	100% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   	}
   }

   .valentineplay-slide-out-elliptic-top-bck {
   	-webkit-animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
   	animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
   }
   @-webkit-keyframes slide-out-blurred-top {
   	0% {
   		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
   		transform: translateY(0) scaleY(1) scaleX(1);
   		-webkit-transform-origin: 50% 0%;
   		transform-origin: 50% 0%;
   		-webkit-filter: blur(0);
   		filter: blur(0);
   		opacity: 1;
   	}
   	100% {
   		-webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
   		transform: translateY(-1000px) scaleY(2) scaleX(0.2);
   		-webkit-transform-origin: 50% 0%;
   		transform-origin: 50% 0%;
   		-webkit-filter: blur(40px);
   		filter: blur(40px);
   		opacity: 0;
   	}
   }
   @keyframes slide-out-blurred-top {
   	0% {
   		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
   		transform: translateY(0) scaleY(1) scaleX(1);
   		-webkit-transform-origin: 50% 0%;
   		transform-origin: 50% 0%;
   		-webkit-filter: blur(0);
   		filter: blur(0);
   		opacity: 1;
   	}
   	100% {
   		-webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
   		transform: translateY(-1000px) scaleY(2) scaleX(0.2);
   		-webkit-transform-origin: 50% 0%;
   		transform-origin: 50% 0%;
   		-webkit-filter: blur(40px);
   		filter: blur(40px);
   		opacity: 0;
   	}
   }
   .valentineplay-hidden{
   	display: none;
   }

   .valentineplay-shake-horizontal {
   	position: relative;
   	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
   	animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
   	text-align: -webkit-center;
   	text-align: center;
   }
   .valentinefestival_win {
   	font-size: -webkit-xxx-large;
   	color: #ffd503;
   	text-shadow: -2px 0 #fdb000, 0 2px #fdb000, 2px 0 #fdb000, 0 -2px #fdb000;
   	margin: 0;
   	position: absolute;
   	top: 65%;
   	left: 54%;
   }
   @-webkit-keyframes shake-horizontal {
   	0%,
   	100% {
   		-webkit-transform: translateX(0);
   		transform: translateX(0);
   	}
   	10%,
   	30%,
   	50%,
   	70% {
   		-webkit-transform: translateX(-10px);
   		transform: translateX(-10px);
   	}
   	20%,
   	40%,
   	60% {
   		-webkit-transform: translateX(10px);
   		transform: translateX(10px);
   	}
   	80% {
   		-webkit-transform: translateX(8px);
   		transform: translateX(8px);
   	}
   	90% {
   		-webkit-transform: translateX(-8px);
   		transform: translateX(-8px);
   	}
   }
   @keyframes shake-horizontal {
   	0%,
   	100% {
   		-webkit-transform: translateX(0);
   		transform: translateX(0);
   	}
   	10%,
   	30%,
   	50%,
   	70% {
   		-webkit-transform: translateX(-10px);
   		transform: translateX(-10px);
   	}
   	20%,
   	40%,
   	60% {
   		-webkit-transform: translateX(10px);
   		transform: translateX(10px);
   	}
   	80% {
   		-webkit-transform: translateX(8px);
   		transform: translateX(8px);
   	}
   	90% {
   		-webkit-transform: translateX(-8px);
   		transform: translateX(-8px);
   	}
   }



   .valentineplay-flip-scale-up-ver {
   	border-radius: 20px;
   	-webkit-animation: flip-scale-up-ver 1s linear both;
   	animation: flip-scale-up-ver 1s linear both;
   }

   @-webkit-keyframes flip-scale-up-ver {
   	0% {
   		-webkit-transform: scale(1) rotateY(0);
   		transform: scale(1) rotateY(0);
   	}
   	20% {
   		-webkit-transform: scale(1) rotateY(90deg);
   		transform: scale(1) rotateY(90deg);
   	}
   	50% {
   		-webkit-transform: scale(1.5) rotateY(180deg);
   		transform: scale(1.5) rotateY(180deg);
   	}
   	80% {
   		-webkit-transform: scale(1) rotateY(270deg);
   		transform: scale(1) rotateY(270deg);
   	}
   	100% {
   		-webkit-transform: scale(1) rotateY(360deg);
   		transform: scale(1) rotateY(360deg);
   	}
   }
   @keyframes flip-scale-up-ver {
   	0% {
   		-webkit-transform: scale(1) rotateY(0);
   		transform: scale(1) rotateY(0);
   	}
   	20% {
   		-webkit-transform: scale(1) rotateY(90deg);
   		transform: scale(1) rotateY(90deg);
   	}
   	50% {
   		-webkit-transform: scale(1.5) rotateY(180deg);
   		transform: scale(1.5) rotateY(180deg);
   	}
   	80% {
   		-webkit-transform: scale(1) rotateY(270deg);
   		transform: scale(1) rotateY(270deg);
   	}
   	100% {
   		-webkit-transform: scale(1) rotateY(360deg);
   		transform: scale(1) rotateY(360deg);
   	}
   }


   .valentineplay-animation{
   	animation: animationFrames linear 13s;
   	animation-iteration-count: infinite;
   	transform-origin: 50% 50%;
   	-webkit-animation: animationFrames linear 13s;
   	-webkit-animation-iteration-count: infinite;
   	-webkit-transform-origin: 50% 50%;
   	-moz-animation: animationFrames linear 13s;
   	-moz-animation-iteration-count: infinite;
   	-moz-transform-origin: 50% 50%;
   	-o-animation: animationFrames linear 13s;
   	-o-animation-iteration-count: infinite;
   	-o-transform-origin: 50% 50%;
   	-ms-animation: animationFrames linear 13s;
   	-ms-animation-iteration-count: infinite;
   	-ms-transform-origin: 50% 50%;
   }
   .valentineplay_krathong_bb > img:nth-child(2){
   	width: 100px;
   	animation-delay: 5s;
   	animation: animationFrames linear 15s;
   	animation-iteration-count: infinite;
   	transform-origin: 50% 50%;
   	-webkit-animation: animationFrames linear 15s;
   	-webkit-animation-iteration-count: infinite;
   	-webkit-transform-origin: 50% 50%;
   	-moz-animation: animationFrames linear 15s;
   	-moz-animation-iteration-count: infinite;
   	-moz-transform-origin: 50% 50%;
   	-o-animation: animationFrames linear 15s;
   	-o-animation-iteration-count: infinite;
   	-o-transform-origin: 50% 50%;
   	-ms-animation: animationFrames linear 15s;
   	-ms-animation-iteration-count: infinite;
   	-ms-transform-origin: 50% 50%;
   }

   @keyframes animationFrames{
   	0% {
   		transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   	10% {
   		transform:  translate(0px,-2px)  rotate(5deg) ;
   	}
   	20% {
   		transform:  translate(-1px,-3px)  rotate(-5deg) ;
   	}
   	29% {
   		transform:  translate(-1px,-5px)  rotate(0deg) ;
   	}
   	40% {
   		transform:  translate(-2px,-6px)  rotate(5deg) ;
   	}
   	50% {
   		transform:  translate(-2px,-8px)  rotate(0deg) ;
   	}
   	60% {
   		transform:  translate(-3px,-5px)  rotate(-4deg) ;
   	}
   	70% {
   		transform:  translate(-3px,-5px)  rotate(1deg) ;
   	}
   	80% {
   		transform:  translate(-3px,-5px)  rotate(-5deg) ;
   	}
   	90% {
   		transform:  translate(-3px,-5px)  rotate(5deg) ;
   	}
   	100% {
   		transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   }

   @-moz-keyframes animationFrames{
   	0% {
   		-moz-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   	10% {
   		-moz-transform:  translate(0px,-2px)  rotate(5deg) ;
   	}
   	20% {
   		-moz-transform:  translate(-1px,-3px)  rotate(-5deg) ;
   	}
   	29% {
   		-moz-transform:  translate(-1px,-5px)  rotate(0deg) ;
   	}
   	40% {
   		-moz-transform:  translate(-2px,-6px)  rotate(5deg) ;
   	}
   	50% {
   		-moz-transform:  translate(-2px,-8px)  rotate(0deg) ;
   	}
   	60% {
   		-moz-transform:  translate(-3px,-5px)  rotate(-4deg) ;
   	}
   	70% {
   		-moz-transform:  translate(-3px,-5px)  rotate(1deg) ;
   	}
   	80% {
   		-moz-transform:  translate(-3px,-5px)  rotate(-5deg) ;
   	}
   	90% {
   		-moz-transform:  translate(-3px,-5px)  rotate(5deg) ;
   	}
   	100% {
   		-moz-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   }

   @-webkit-keyframes animationFrames {
   	0% {
   		-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   	10% {
   		-webkit-transform:  translate(0px,-2px)  rotate(5deg) ;
   	}
   	20% {
   		-webkit-transform:  translate(-1px,-3px)  rotate(-5deg) ;
   	}
   	29% {
   		-webkit-transform:  translate(-1px,-5px)  rotate(0deg) ;
   	}
   	40% {
   		-webkit-transform:  translate(-2px,-6px)  rotate(5deg) ;
   	}
   	50% {
   		-webkit-transform:  translate(-2px,-8px)  rotate(0deg) ;
   	}
   	60% {
   		-webkit-transform:  translate(-3px,-5px)  rotate(-4deg) ;
   	}
   	70% {
   		-webkit-transform:  translate(-3px,-5px)  rotate(1deg) ;
   	}
   	80% {
   		-webkit-transform:  translate(-3px,-5px)  rotate(-5deg) ;
   	}
   	90% {
   		-webkit-transform:  translate(-3px,-5px)  rotate(5deg) ;
   	}
   	100% {
   		-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   }

   @-o-keyframes animationFrames {
   	0% {
   		-o-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   	10% {
   		-o-transform:  translate(0px,-2px)  rotate(5deg) ;
   	}
   	20% {
   		-o-transform:  translate(-1px,-3px)  rotate(-5deg) ;
   	}
   	29% {
   		-o-transform:  translate(-1px,-5px)  rotate(0deg) ;
   	}
   	40% {
   		-o-transform:  translate(-2px,-6px)  rotate(5deg) ;
   	}
   	50% {
   		-o-transform:  translate(-2px,-8px)  rotate(0deg) ;
   	}
   	60% {
   		-o-transform:  translate(-3px,-5px)  rotate(-4deg) ;
   	}
   	70% {
   		-o-transform:  translate(-3px,-5px)  rotate(1deg) ;
   	}
   	80% {
   		-o-transform:  translate(-3px,-5px)  rotate(-5deg) ;
   	}
   	90% {
   		-o-transform:  translate(-3px,-5px)  rotate(5deg) ;
   	}
   	100% {
   		-o-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   }

   @-ms-keyframes animationFrames {
   	0% {
   		-ms-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   	10% {
   		-ms-transform:  translate(0px,-2px)  rotate(5deg) ;
   	}
   	20% {
   		-ms-transform:  translate(-1px,-3px)  rotate(-5deg) ;
   	}
   	29% {
   		-ms-transform:  translate(-1px,-5px)  rotate(0deg) ;
   	}
   	40% {
   		-ms-transform:  translate(-2px,-6px)  rotate(5deg) ;
   	}
   	50% {
   		-ms-transform:  translate(-2px,-8px)  rotate(0deg) ;
   	}
   	60% {
   		-ms-transform:  translate(-3px,-5px)  rotate(-4deg) ;
   	}
   	70% {
   		-ms-transform:  translate(-3px,-5px)  rotate(1deg) ;
   	}
   	80% {
   		-ms-transform:  translate(-3px,-5px)  rotate(-5deg) ;
   	}
   	90% {
   		-ms-transform:  translate(-3px,-5px)  rotate(5deg) ;
   	}
   	100% {
   		-ms-transform:  translate(0px,0px)  rotate(0deg) ;
   	}
   }

   @-webkit-keyframes swell {
   	0%, 100% {
   		-webkit-transform: translate3d(0, -25px, 0);
   		transform: translate3d(0, -25px, 0);
   	}
   	50% {
   		-webkit-transform: translate3d(0, 5px, 0);
   		transform: translate3d(0, 5px, 0);
   	}
   }
   @keyframes swell {
   	0%, 100% {
   		-webkit-transform: translate3d(0, -25px, 0);
   		transform: translate3d(0, -25px, 0);
   	}
   	50% {
   		-webkit-transform: translate3d(0, 5px, 0);
   		transform: translate3d(0, 5px, 0);
   	}
   }

   .valentineplay_text-pop-up-top {
   	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
   	animation: heartbeat 1.5s ease-in-out infinite both;
   }


   @-webkit-keyframes heartbeat {
   	from {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-transform-origin: center center;
   		transform-origin: center center;
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   	10% {
   		-webkit-transform: scale(0.91);
   		transform: scale(0.91);
   		-webkit-animation-timing-function: ease-in;
   		animation-timing-function: ease-in;
   	}
   	17% {
   		-webkit-transform: scale(0.98);
   		transform: scale(0.98);
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   	33% {
   		-webkit-transform: scale(0.87);
   		transform: scale(0.87);
   		-webkit-animation-timing-function: ease-in;
   		animation-timing-function: ease-in;
   	}
   	45% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   }
   @keyframes heartbeat {
   	from {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-transform-origin: center center;
   		transform-origin: center center;
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   	10% {
   		-webkit-transform: scale(0.91);
   		transform: scale(0.91);
   		-webkit-animation-timing-function: ease-in;
   		animation-timing-function: ease-in;
   	}
   	17% {
   		-webkit-transform: scale(0.98);
   		transform: scale(0.98);
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   	33% {
   		-webkit-transform: scale(0.87);
   		transform: scale(0.87);
   		-webkit-animation-timing-function: ease-in;
   		animation-timing-function: ease-in;
   	}
   	45% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-animation-timing-function: ease-out;
   		animation-timing-function: ease-out;
   	}
   }



   .valentineplay_slide-in-bck-center {
   	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
   	animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
   }


   @-webkit-keyframes puff-in-center {
   	0% {
   		-webkit-transform: scale(2);
   		transform: scale(2);
   		-webkit-filter: blur(2px);
   		filter: blur(2px);
   		opacity: 0;
   	}
   	100% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-filter: blur(0px);
   		filter: blur(0px);
   		opacity: 1;
   	}
   }
   @keyframes puff-in-center {
   	0% {
   		-webkit-transform: scale(2);
   		transform: scale(2);
   		-webkit-filter: blur(2px);
   		filter: blur(2px);
   		opacity: 0;
   	}
   	100% {
   		-webkit-transform: scale(1);
   		transform: scale(1);
   		-webkit-filter: blur(0px);
   		filter: blur(0px);
   		opacity: 1;
   	}
   }


   .valentinefestival_cashback {
   	height: 25px;
   	background-color: #308fa5;
   	width: fit-content;
   	border-radius: 5px;
   	box-shadow: 0 0 0px 5px #f1ecee;
   	padding-top: 5px;
   	padding-right: 10px;
   	padding-bottom: 5px;
   	padding-left: 10px;
   	margin-right: 15px;
   }

   .valentinefestival_cashback_play {
   	height: 25px;
   	background-color: #8ee9fe;
   	width: fit-content;
   	border-radius: 5px;
   	box-shadow: 0 0 0px 5px #f1ecee;
   	padding-top: 5px;
   	padding-right: 10px;
   	padding-bottom: 5px;
   	padding-left: 10px;
   	margin-left: 15px;
   	color: #fff;
   	position: absolute;
   	margin-top: -50px;
   }

   .valentinefestival_cashback_set {
   	margin-top: 1px;
   	float: left;
   }

   .view_rlue {
   	background-color: #958ab4;
   	width: fit-content;
   	border-radius: 7px;
   	box-shadow: 0 0 5px 2px #ddcade;
   	padding-top: 5px;
   	padding-right: 10px;
   	padding-bottom: 5px;
   	padding-left: 10px;
   }
   .imagecubeit_valentine{
   	bottom: 10px;
   	-ms-transform: rotate(20deg);
   	-webkit-transform: rotate(20deg);
   	transform: rotate(-10deg);
   	position: absolute;
   	width: 100%;
   }
   .imagecubeit_valentine_re{
   	bottom: 10px;
   	position: absolute;
   	width: 100%;
   	text-align: -webkit-right;
   	text-align: right;
   }
   .imagecubit_valentine{
   	width: 50%;
   	position: relative;
   	bottom: 10px;
   }
   .imagecubit_valentine_coin{
   	width: 65%;
   	position: relative;
   }
   .valentineplay-scale-in-center{
   	width: 65%;
   }

   div.row.valentineplay_krathong_crad > div.col-33{
   	width: 33.333333333333336%!important;
   }

   .app-pvalen-bk{
   	width: 100%;
   	height: 100%;
   	background-image: url(https://sheepola.com/static/css/promotion/p1542943897/flower.png)!important;
   	background-color: #fe8a9c!important;
   	background-repeat: no-repeat!important;
   	background-size: 100%!important;
   	padding-bottom: 35px!important;
   }
   .app-pvalen-row-coupon{
   	padding: 10px;
   }
   .app-pvalen-top-hea{
   	position: relative;
   	text-align: center;
   	margin-top: -10px;
   	margin-bottom: 20px;
   }

   .app-pvalen-top-hea img {
   	width: 100%;
   }

   .app-pvalen-row-shop{
   	padding: 10px;
   	background: #fff;
   	border-radius: 10px;
   	margin-bottom: 20px;
   }

   .app-pvalen-col-cou{
   	margin-bottom: 10px;
   }
   .app-pvalen-shop-now {
   	text-align: center;
   	margin: 10px 15px;
   	padding: 5px 5px;
   	background: #fe8a9c;
   	border-radius: 30px;
   	color: #ffffff;
   }