/*
##          ###    ##    ##  #######  ##     ## ########    ########     ###     ######   ######## ########  ######## ##      ##    ###    ########  ########  
##         ## ##    ##  ##  ##     ## ##     ##    ##       ##     ##   ## ##   ##    ##  ##       ##     ## ##       ##  ##  ##   ## ##   ##     ## ##     ## 
##        ##   ##    ####   ##     ## ##     ##    ##       ##     ##  ##   ##  ##        ##       ##     ## ##       ##  ##  ##  ##   ##  ##     ## ##     ## 
##       ##     ##    ##    ##     ## ##     ##    ##       ########  ##     ## ##   #### ######   ########  ######   ##  ##  ## ##     ## ########  ##     ## 
##       #########    ##    ##     ## ##     ##    ##       ##        ######### ##    ##  ##       ##   ##   ##       ##  ##  ## ######### ##   ##   ##     ## 
##       ##     ##    ##    ##     ## ##     ##    ##       ##        ##     ## ##    ##  ##       ##    ##  ##       ##  ##  ## ##     ## ##    ##  ##     ## 
######## ##     ##    ##     #######   #######     ##       ##        ##     ##  ######   ######## ##     ## ########  ###  ###  ##     ## ##     ## ########  

/**********************************************************************************************************************************************
***********************************************************************************************************************************************/

.ui-page--rewardgift,
.ui-page--rewarddivine{
	background: #FDFFF0;
}
.ui-page--rewardgift::after,
.ui-page--rewarddivine::after{
    background-repeat: no-repeat;
    background-color: #FDFFF0;
    background-size: cover;
    background-position: center -40px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 66%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 66%, 0 100%);
    content: "";
    display: block;
    height: 144px;
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 0;
}

/** PAGE REWARD GIFT **************************************************************************************************************************
***********************************************************************************************************************************************/

.ui-page--rewardgift::after{
    background-image: url(/media/equideo/image/components/popups/popupview-gift.jpg);

}

/** PAGE REWARD FIRST PRIZE (OLD : DIVINE) ****************************************************************************************************
***********************************************************************************************************************************************/

.ui-page--rewarddivine::after{
    background-image: url(/media/equideo/image/components/popups/popupview-first-prize.jpg);
}

/** PAGE LAYOUT *******************************************************************************************************************************
***********************************************************************************************************************************************/

.reward{
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 0;
	z-index: 1;
}
.reward__title{
	width: 300px;
	height: 55px;
	margin: 0 auto;
	color: #fff;
	text-transform: uppercase;
	box-sizing: border-box;
	text-shadow: 2px 0 2px rgba(0, 0, 0, 0.35);
	padding: 10px 0 0;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	background-image: url(/media/equideo/image/mowbile/header/layout-pagedivine-title.png);
}
.reward__subtitle{
	margin: 0;
	letter-spacing: 1px;
}
.reward__content{
	margin: 0 0 10px;
}
.reward__content p{
	margin: 0 0 10px;
}
.reward__image img{
	width: 192px;
	height: 192px;
}
.reward__image::after {
    animation: animateSparkes 2s infinite steps(32);
    background: url(/media/equideo/image/animations/animate-sparkles.png) no-repeat right top;
    content: "";
    display: block;
    height: 256px;
    left: calc(50% - 128px);
    position: absolute;
    top: -20px;
    transform: scale(.75);
    width: 256px;
    z-index: 1;
}

/** mantis 67413 ******************************************************************************************************************************
***********************************************************************************************************************************************/

.ui-page--rewardgift .ui-listview-item.ui-listview-item.ui-listview-item{
	background: none;
	border: none;
}