/*app*/
.qwraper_pr {position:absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 5px;display:block;width:220px;border-radius:10px;display:none;}
/**/
.sparks {
	background-repeat: no-repeat;
	background-position: left 0 bottom 0
}

.sparks-1 {
	background-image: url(../default_images/icons/spark-1.png);
	width: 45px;
	height: 86px;
	right: 0;
	left: 0;
	top: 0;
	background-position: left 0 bottom 0;
	animation-name: sparks-1;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.sparks-2,
.sparks-3 {
	width: 50px;
	top: 0;
	background-position: left 0 bottom 0;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0
}

@keyframes sparks-1 {
	0% {
		right: 380px;
		bottom: 100px;
		opacity: 0
	}

	33% {
		right: 390px;
		bottom: 110px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 400px;
		bottom: 120px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 410px;
		bottom: 130px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-2 {
	background-image: url(../default_images/icons/spark-2.png);
	height: 58px;
	left: -26px;
	animation-name: sparks-2;
	animation-delay: .5s
}

@keyframes sparks-2 {
	0% {
		right: 360px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 370px;
		bottom: 140px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 380px;
		bottom: 150px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 390px;
		bottom: 160px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.sparks-3 {
	background-image: url(../default_images/icons/spark-3.png);
	height: 40px;
	left: 0;
	animation-name: sparks-3;
	animation-delay: 1s
}

@keyframes sparks-3 {
	0% {
		right: 300px;
		bottom: 130px;
		opacity: 0
	}

	33% {
		right: 320px;
		bottom: 150px;
		opacity: .5;
		transform: scale(1.1)
	}

	70% {
		right: 340px;
		bottom: 170px;
		opacity: 1;
		transform: scale(1.1)
	}

	100% {
		right: 360px;
		bottom: 190px;
		opacity: 0;
		transform: scale(1.1)
	}
}

.offline-modal-titbgs {
	position: absolute;
	top: 235px;
	left: 0;
	width: 100%;
	height: 172px;
	transform: translateY(-100%)
}

.offline-modal-titbgs .over-gift-light {
	height: 390px;
	animation-name: big-light;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

@keyframes big-light {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(380deg)
	}
}

.over-gift-ico {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 300px;
	top: 20px;
	z-index: 99;
	animation-name: big-car;
	animation-duration: 3s;
	animation-iteration-count: infinite
}

.over-gift-spark-1,
.over-gift-spark-2,
.over-gift-spark-3 {
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	right: 0;
	left: 0;
	position: absolute
}

@keyframes big-car {

	0%,
	100% {
		height: 300px
	}

	50% {
		height: 280px
	}
}
.sparks {
    background-repeat: no-repeat;
    background-position: center;
    animation: spark-animation 1.5s infinite linear;
}
@keyframes spark-animation {
    0% { opacity: 0; transform: scale(0.8); }
    50% { opacity: 0.7; transform: scale(1.1); }
    100% { opacity: 0; transform: scale(1.2); }
}
.centered,
.centered_element,
.main-slide-gift,
.offline-modals {
	text-align: center
}

.gcard_price,
.notify_icon,
.sparks {
	position: absolute
}
/**/
.user_item_flag_app {width:24px;text-align:center;vertical-align:middle;/* display:table-cell; */}
.user_item_flag img { width:20px; height:auto; display:inline-block; margin:0 auto; border-radius:2px; }