/*Fonts*/
@import url('font-icons.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@font-face {
    font-family: 'URW DIN';
    src: url('../fonts/URWDIN-Bold.eot');
    src: url('../fonts/URWDIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/URWDIN-Bold.woff2') format('woff2'),
        url('../fonts/URWDIN-Bold.woff') format('woff'),
        url('../fonts/URWDIN-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root{
	--theme-yellow:#2097f3;
	--theme-red:#1f59bc;
	--theme-green:#1f59bc;
	
	--base-color:#ffffff;
	--body-bg:#f0f0f0;
	
	--font-base:'Roboto', sans-serif;
	--font-head:'Roboto', sans-serif;
	--font-head2:'URW DIN';
	
	--header-bg:var(--theme-red);
	
	--btn-font:'Roboto', sans-serif;
	--btn-color:'#ffffff';
	
	--winTip-bg:var(--theme-green);
	--winTip-bdr:var(--theme-green);
	--lossTip-bg:var(--theme-red);
	--lossTip-bdr:var(--theme-red);
}

*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
:focus{outline:none;}
html{-webkit-text-size-adjust:none;}
body{font-size:12px;color:#414042;background:var(--body-bg);font-family:var(--font-base);font-weight:normal;}
a{text-decoration:none;outline:none;color:#012644;outline:none;cursor:pointer;}
a:hover, a:focus{text-decoration:none;outline:none;}
.btn:hover, .btn:focus, .btn.focus{outline:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;box-shadow:none;}
img{padding:0;margin:0;max-width:100%;border:none;}
p{line-height:normal;font-size:13px;color:#000;font-weight:normal;margin:0;padding:0;display:block;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;}

/*HEADING CSS*/
h1, h2, h3, h4, h5, h6{margin:0;padding:0;display:block;color:#000;font-weight:normal;}
h2{font-size:16px;}
strong{font-weight:bold;}

/*LIST CSS*/
ul, ul li, ol, ol li{padding:0;margin:0;list-style:none;}

/*INPUT CSS*/
.form-group{float:left;width:100%;margin-top:18px;position:relative;}
.input-group{float:left;width:100%;position:relative;}
select, select option{width:100%;box-sizing:border-box;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;border-radius:0;}
.form-control{float:left;width:100%;font-size:16px;outline:medium none;height:52px;color:#011a2b;border:1px solid #ddd;background:#fff;line-height:44px;padding:0 10px;transition:all 0.4s ease 0s;  border-radius:4px;font-family:'Roboto', sans-serif;}
.form-control:focus{outline:none;transition:all 0.3s ease 0s;}

.form-control:disabled{background:#f2f2f2;color:#C7C6C6;}
input[type="submit"], input[type="text"], input[type="password"], textarea{-webkit-appearance:none;}
input[type="submit"], button{cursor:pointer;border:0;}
textarea.form-control{resize:vertical;height:100px;}
.addon{display:flex;align-items:center;}
.input-label{float:left;width:100%;color:#111;font-size:14px;  margin-bottom:2px;}
.form-control::-ms-clear{display:none;}
.form-control::-ms-expand{display:none;}
.form-control::-ms-clear, .form-control::-ms-reveal{display:none;}
.custom-select select:focus::-ms-value{color:transparent;font-size:0;background:transparent;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none;margin:0;}
input[type='number']{-moz-appearance:textfield;}

.placeholder{cursor:input;font-size:0.875rem;line-height:1rem;position:absolute;top:17px;left:10px;transform-origin:left top;pointer-events:none;color:#7f8c94;max-width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform 450ms cubic-bezier(0.23,1,0.32,1);font-size:16px;padding:0 6px; }
.form-control:focus ~ .placeholder{transform:translate(0, -22px);max-width:100%;background:#fff;color:#011a2b;}
.form-control.is-filled ~ .placeholder{transform:translate(0, -22px);max-width:100%;background:#fff;color:#011a2b;}
.input-group.disabled-filed .form-control{background:#fafafa;pointer-events:none;}
.form-control:focus, .form-control.is-filled, .select-span.is-filled{border-color:#011a2b;}
.invalid-code .form-control{border-color:#ed1c24;}
.invalid-code .placeholder{color:#ed1c24 !important;transform:translate(0, -22px);background:#fff;}
.alert-label{float:left;width:100%;color:#ed1c24;font-size:11px;  margin-top:3px;padding-left:16px;display:none;}
.alert-label.show-error, .invalid-code .alert-label{display:block;}
.filed-info{float:left;width:100%;color:#011a2b;font-size:11px;  margin-top:3px;padding-left:16px;}

.add-form-group{float:left;width:100%;}
.form-group-row{flex:1;margin:0 -4px;display:flex;}
.group-col{flex:1;padding:0 4px;}
.group-label{float:left;width:100%;padding-bottom:8px;}

.addon-filed .ph-label{position:absolute;top:0;left:0;width:40px;text-align:center;align-items:center;display:flex;color:#011a2b;font-size:16px;height:100%;pointer-events:none;padding-left:10px;opacity:0;}
.addon-filed .form-control{padding-left:40px;}
.addon-filed .is-filled ~ .ph-label{opacity:1;}

/*Checkbox and Radio Box Css*/
.checkbox{float:left;position:relative;display:flex;align-items:center;}
.checkbox input{position:absolute;top:0;left:0;height:100%;z-index:1;opacity:0;width:100%;cursor:pointer;}
.checkbox label{float:left;width:25px;height:25px;border:2px solid #ed1b24;position:relative;}
.checkbox input:checked + label{background:#ed1b24;border-color:#ed1b24;}
.checkbox input:checked + label:after, .checkbox label.active:after{position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center;content:'\e970';font-family:'pp-icons';color:#fff;font-size:13px;width:100%;font-weight:900;}
.checkbox label.active{border-color:#fddb00;}
.check-label{float:left;flex:1;color:#001424;font-size:14px;padding-left:10px;min-height:25px;display:flex;align-items:center;}
.checkbox.fill label{background:#fff;}
.checkbox.fill label:after{position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center;content:'\e970';font-family:'pp-icons';color:#ed1b24;font-size:13px;width:100%;font-weight:900;}
.trms-check .checkbox input{max-width:100px;}
.check-label a:hover{text-decoration:underline;}

/*CUSTUM SELECT CSS*/
.custom-select{float:left;position:relative;cursor:pointer;position:relative;width:100%;}
.select-span{float:left;width:100%;font-size:16px;outline:medium none;height:48px;color:#1f59bc;border:0;border:1px solid #d9d9d9;background:transparent;line-height:44px;padding:0 10px;transition:all 0.4s ease 0s;border-radius:4px;position:relative;font-weight:bold;}
.custom-select select{border:0;font-size:14px;padding:0 30px 0 6px;height:100%;background:none;position:absolute;top:0;left:0;z-index:1;color:rgba(0, 0, 0, 0);}
.custom-select .select-span{padding-right:14px;}
.custom-select select option{color:#111;outline:none;}
.custom-select:after{position:absolute;top:0;display:flex;align-items:center;height:100%;right:12px;content:'\e98a';font-family:'pp-icons';pointer-events:none;font-size:12px;color:#1f59bc;padding-top:2px;}

/*NORMAL CSS*/
::selection{background:#0067ab;color:#fff;}
::-moz-selection{background:#0067ab;color:#fff;}
.container{margin:0 auto;width:100%;max-width:560px;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{clear:both;}
.event-none{pointer-events:none;}
.wcard{float:left;width:100%;padding:8px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius: 3px;}
.disabled{pointer-events:none;opacity:0.4;}

/*BUTTON CSS*/
.btn{display:inline-block;padding:0 14px;text-align:center;color:#333;font-size:15px;font-weight:bold;line-height:34px;height:34px;background:#f9f9f9;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;border:0;font-family: var(--font-head); border-radius:3px;}
.primary-btn{color:#fff;background:#2097f3; text-transform:inherit;}
.secondry-btn{color:#fff;background:#2d7fae;}
.bdr-btn{color:#1f59bc;background:none;border:2px solid #1f59bc;line-height:32px;}
.blue-btn{background:#8935c0;color:#fff;}
/*.yellow-btn{background:#f6bc25;color:#414042;}*/
.yellow-btn{background:transparent; border:1px solid #fff; color:#fff; line-height:30px;}
.disable-btn{pointer-events:none;background:#dfdfdf;color:#a0a0a0;}
.btn-icon{display:inline-block;width:40px;vertical-align:middle;margin-left:8px;line-height:normal;}
.btn-icon img{float:left;width:100%;}
.flex-btn{display:flex;align-items:center;justify-content:center;line-height:normal;}

/*COLs CSS*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{float:left;padding:0 5px;}
.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12, .block{width:100%;float:left;}
.row{margin:0 -5px;}
.icon{display:inline-block;font-size:20px;vertical-align:middle;}

/*======PAGE CSS======*/
.iframe-container{width:100%;height:100%;position:relative;}
.main-section{float:left;width:100%;min-height:100%;}
.page-container{float:left;width:100%;}
.mid-wrapper{float:left;width:100%;position:relative;min-height:calc(100dvh - 195px);}

/*======TOP BAR CSS======*/
.top-header{float:left;width:100%;position:relative;background:#fff;}
/* .top-header:before{position:absolute;top:calc(100% - 2px);width:100%;height:22px;left:0px;content:'';background:url(../images/shape-red.svg);background-size:100% 100%!important;transform:rotate(180deg);} */
.top-bar{float:left;width:100%;padding:12px;}
.top-bar-outer{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;}

.status{float:left;flex:1;display:flex;align-items:center;max-width:70%;}
.lavel-stats{float:left;display:flex;align-items:center;}
.lavel-badge{float:left;width:34px;min-width:34px;margin-right:6px;}
.lavel-badge img{float:left;width:100%;}
.lavel-top{float:left;text-align:center;}
.lavel-point{display:block;color:#2097f3;font-size:20px;font-weight:bold;}
.lavel-label{display:block;color:#a7a7a7;font-size:9px;font-weight:500;text-transform:uppercase;}
.xp-progress{float:left;flex:1;text-align:center;padding-left:10px;}
.progress-bar{float:left;width:100%;border:1px solid #dedee0;height:14px;border-radius:20px;background:#fff;overflow:hidden;}
.progress-fill{float:left;height:100%;background:#2097f3;animation-name:prog-bar;animation-duration:.8s;}
.xp-label{float:left;width:100%;margin-top:4px;}
.xp-label span{color:#a7a7a7;font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.3em;float:left;width:100%;}
.top-right{float:left;margin-right:10px;display:flex;align-items:center;}
.faq-label{float:left;margin-left:14px;}
.faq-btn{float:left;font-size:24px;color:#ffffff;}

.back-left{float:left;display:flex;width:26px;align-items:center;}
.back-arrow{height:44px;display:flex;width:26px;align-items:center;float:left;color:#ffffff;font-size:16px;}

@-webkit-keyframes prog-bar{
    0% {width:0;}
}
@keyframes prog-bar{
    0% {width:0;}
}

.gold-stats{float:left;display:flex;align-items:center;overflow:hidden;}
.gold-badge{float:left;width:22px;min-width:22px;margin-right:6px;}
.gold-badge img{float:left;width:100%;}
.gold-top{float:left;text-align:center;}
.gold-point{display:block;color:#2097f3;font-size:16px;font-weight:bold;}
.gold-label{display:block;color:#a7a7a7;font-size:9px;font-weight:500;text-transform:uppercase;}
.top-right .gold-badge{height:22px;}
.top-right .gold-badge img{height:22px;}

/*======FREE TO PLAY CSS======*/
.card-info.special-offer-info{margin-top:24px;margin-bottom:10px;}
.card-info{float:left;width:100%;padding:0 12px;margin-top:14px;}
.card-outer{float:left;width:100%;}

.play-card .card-outer{background:url(../images/home-banner-bg.jpg) no-repeat center center; background-size:cover; padding:29px 20px 29px;overflow:hidden;position:relative;border-radius:3px;}
/* .play-card .card-outer:before{position:absolute;top:-40px;left:0;height:72px;background:var(--body-bg);content:'';width:110%;transform:skewY(-4deg);-webkit-transform:skewY(-4deg);z-index:0;} */
.play-logo{float:left;width:100%;display:flex;align-items:center;justify-content:center;}
.play-logo figure{float:left;width:21%;max-width:234px; min-width:150px;}
.play-logo figure img{float:left;width:100%;}
.home-widget .play-logo figure{width:60%; max-width:194px;}
.card-inner{float:left;width:100%;position:relative;z-index:1;}
.title{float:left;width:100%;margin-bottom:10px;}
.title-right{float:right;}
.card-title{float:left;width:100%;color:#474752;text-transform:inherit;font-size:15px; font-weight:700; font-family:var(--font-head);min-height:22px;display:flex;align-items: flex-end;}
.card-sm-title{float:left;width:100%;color:#414042;font-size:12px;margin-bottom:12px;font-weight:500;}
.featured-game-card .card-title{font-size:20px; color:#040913; font-weight:900;}
.normal-weight{font-weight:normal;color:#414042;}
.play-card .card-title{/* position:absolute;top:5px;left:0;transform:skewY(-4deg);-webkit-transform:skewY(-4deg); */z-index:1;color:#040913;font-size:20px;text-transform:inherit; font-weight:900; margin-bottom:6px;}
.title-sm-label{color:#fff;font-size:12px;font-weight:500;margin:2px 0;margin-left:4px;background:#1f59bc;border-radius:3px;padding:2px 7px;display:inline-block;
font-family:var(--font-base);}
.select-week{float:left;margin-left:10px;}
.select-week .select-dropdown{min-width:120px;}
.select-week .form-control{height:40px;font-size:14px;padding-right:24px;line-height:34px;}
.leader-info .title-right{display:flex;}
.title-inner{float:left;}
.leader-info .card-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.link-block{float:left;width:100%;text-align:center;padding:0 0 10px;}
.link-label{color:#1f59bc;font-size:14px;font-weight:600;text-decoration:underline;}

/* Top Banner CSS Start */
.banner-sec{float:left; width:100%;}
.banner-sec-outer{float:left; width:100%; position:relative; background:url(../images/home-banner-bg.jpg) no-repeat center center; background-size:cover; padding:30px 0px;}
.home-banner-sec .banner-sec-outer{padding:6.3% 0px;}
.top-banner-fig{float:left; width:100%;}
.top-banner-fig img{float:left; width:100%;}
.banner-cont{float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.banner-logo{float:left; width:100%; display:flex; justify-content:center;}
.game-logo-fig{float:left; width:354px; max-width:20%; min-width:180px;}
.game-logo-fig img{float:left; width:100%;}
.banner-sec.inner-banner-sec{padding:0 12px;}
/* Top Banner CSS End */

/*======FEATURED GAME CSS======*/
.game-card{float:left;width:100%;position:relative;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;}
.game-card-outer{float:left;width:100%;position:relative;}
.game-bg{float:left;width:100%;}
.image-figure48{float:left;width:100%;overflow:hidden;border-radius:3px;}
.image-figure img{float:left;width:100%;}

.card-content{float:left;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;overflow:hidden;}
.game-content-inner{float:left;max-width:60%;width:100%;}
.card-game-logo{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.logo-figure{float:left;width:100%;max-width:130px;}
.logo-figure img{float:left;width:100%;}
.card-play{float:left;width:100%;text-align:center;margin-top:10px;}
.score-today{float:left;width:100%;text-align:center;margin-bottom:6px;color:#fff;font-size:15px;font-weight:500;}
.full-card .game-content-inner{max-width:100%;}
.game-heading{float:left;width:100%;position:absolute;top:-9px;left:-60px;}
.title-label{color:#ffffff;font-size:14px;font-weight:bold;display:flex;justify-content:center;align-items:flex-end;width:150px;height:64px;padding:6px 4px;background:#1f59bc;transform:rotate(-50deg);font-family:var(--font-base);}

.featured-game-card .game-listing > li{width:100%;}
.prize-detail .card-play .btn{margin:0 4px; background:#fff; color:#2097f3;}

/*======REVEAL REWARD CSS======*/
.reveal-card{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;}
.reveal-title{display:block;color:#000000;font-size:14px;text-transform:uppercase;font-weight:900;margin-bottom:8px;}
.reveal-icon{float:left;width:90px;min-width:90px;height:90px;margin-right:10px;background:#1f59bc;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;margin-left:-8px;}
.reveal-icon .icon{color:#fff;font-size:46px;text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.reveal-left{float:left;margin-right:16px;}
.reveal-gift{float:left;position:relative;}
.gift-figure{float:left;width:96px;position:relative;}
.gift-figure img{float:left;width:100%;}
.reveal-counter-bar{float:left;flex:1;display:flex;justify-content:center;}
.reveal-count-outer{float:left;display:flex;width:100%;flex-direction:column;text-align:center;}
.reveal-card-block{float:left;width:100%;}
.reveal-block{float:left;width:100%;border-bottom:1px solid #ddd;padding:10px 0;}
.reveal-block:last-child{border-bottom:0;}
.reveal-reward-card .wcard{cursor:pointer;}

.claim-bar{float:left;width:100%;text-align:center;display:none;}
.show-prize .claim-bar{display:block;}
.show-prize .countdown-box{display:none;}
.show-prize .reveal-title{padding-top:10px;}
.after-animate, .show-prize .before-animate{display:none;}
.show-prize .after-animate{display:block;}
.reveal-full-block .reveal-card-block .reveal-block{width:100%;}
.reveal-reward-card.reveal-full-block .reveal-card .reveal-left{padding:0 10px;}
.reveal-left .animate-figure img{width:160%;max-width:160%;}
.reveal-left .animate-box{display:none;}
.show-prize .reveal-left .animate-box{display:block;}

/*======COUNTDOWN CSS======*/
.countdown-box{float:left;display:flex;justify-content:center;flex-wrap:wrap;}
.countdown-box h2{color:#fff;font-size:20px;font-weight:600;float:left;width:100%;text-align:center;margin-bottom:12px;text-transform:uppercase;}
.countdown{display:flex;justify-content:space-between; background:#1f59bc; border-radius:3px;}
.countdown .col{float:left;width:52px;border-radius:5px;overflow:hidden;padding:4px 0;position:relative;}
.countdown .col:first-child:after{display:none;}
.countdown .col:after{position:absolute;top:8px;left:0;bottom:8px;content:'';width:1px;background:rgba(255, 255, 255, 0.15);}
.countdown .col strong{float:left;width:100%;text-align:center;color:#fff;font-weight:900;font-size:15px;line-height:20px;padding:0 4px;}
.countdown .col span{float:left;width:100%;text-align:center;color:#fff;font-size:9px;text-transform:uppercase;padding:0 4px;line-height:16px;}
.countdown-box > p{float:left;width:100%;text-align:center;margin-top:22px;line-height:20px;cursor:pointer;}
.countdown-box > p a{text-decoration:underline;white-space:nowrap;cursor:pointer;}

/*======SPECIAL OFFER CSS======*/
.special-offer-info .wcard{padding:20px 8px 12px;background:#2097f3;border-radius:0;position:relative;overflow:hidden;box-shadow:none;}
/* .special-offer-info .wcard:before{position:absolute;top:-58px;left:0;height:72px; background:var(--body-bg);content:''; width:110%;transform:skewY(-4deg); -webkit-transform:skewY(-4deg);z-index:0;} */
.special-offer-card{float:left;width:100%;display:flex;align-items:center;position:relative;z-index:1;}
.offer-left{float:left;width:140px;margin-right:16px;display:flex;justify-content:center;flex-wrap:wrap;text-align:center;}
.offer-figure{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.offer-figure figure{float:left;width:100%;}
.offer-figure figure img{float:left;width:100%;}
.offer-left .block{margin-top:8px;}
.offer-right{float:left;flex:1;}
.offer-info{float:left;width:100%;color:#fff;font-size:20px;font-family:var(--font-head);line-height:1.2em;text-transform:uppercase; font-weight:900;}
.special-offer-info .offer-info{font-size:22px;}
.offer-info span{color:#2097f3;}
.special-offer-info .offer-info span{color:#06113f;}
.offer-pera{float:left;width:100%;font-size:11px;color:#fff;line-height:1.2em;margin-top:3px;}
.special-offer-info .offer-pera{font-size:16px;}
.tnc{float:left;width:100%;margin-top:4px;}
.tnc-btn{display:flex;float:right;color:#fff;font-size:12px;align-items:center;}
.tnc-btn .icon{font-size:10px;margin-left:2px;padding-top:2px;}
.special-offer-info .tnc .primary-btn{background:#fff; color:#2097f3;}

/*======WEEKLY STATUS CSS======*/
.weekly-status-card{float:left;width:100%;}
.stats-card{float:left;width:100%;}
.stats-card-outer{float:left;width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
.epic-item .stats-card-outer{align-items:center;}
.stats-card-outer .col{float:left;flex:1;overflow:hidden;text-align:center;padding:0 3px;}
.stats-label{float:left;width:100%;color:#474752;font-size:12px;text-transform:uppercase;margin-bottom:8px;font-weight:600;}
.stats-bx{float:left;width:100%;background:#f5f5f5;height:46px;padding:4px 6px;display:flex;align-items:center;flex-wrap:wrap;border-radius:3px;}
.stats-cp{float:left;width:100%;color:#1f59bc;font-size:16px;font-weight:bold;line-height:1.3em;}
.stats-cp span{color:#888891;font-size:14px;font-weight:normal;}
.best-grade-card{float:left;width:100%;}
.best-grade-info .wcard, .weekly-status-info .wcard{padding:14px 6px;}
.stats-sm-bx{float:left;width:100%;display:flex;overflow:hidden;}
.sm-col{float:left;flex:1;overflow:hidden;text-align:center;position:relative;}
.stats-sm-bx .sm-col:after{position:absolute;top:4px;right:0;bottom:4px;width:1px;content:'';background:#dcdcde;float:left;}
.stats-sm-bx .sm-col:last-child:after{display:none;}
.stats-value{float:left;width:100%;color:#1f59bc;font-size:16px;font-weight:bold;}
.stats-pre{float:left;width:100%;color:#888891;font-size:11px;text-transform:uppercase;}

.sports-figure-block{float:left;width:100%;color:#414042;font-size:12px;text-transform:uppercase;margin-bottom:8px;font-weight:600;}
.sports-figure-block .title-figure{max-width:130px;}

/*======RISK FREE BANNER MATCH CSS======*/
.risk-free-info .wcard{padding:0;box-shadow:none;}
.risk-free-card{float:left;width:100%;}
.risk-banner{float:left;width:100%;}
.risk-banner img{float:left;width:100%;}

.money-back-info .wcard{padding:30px 8px 10px;background:url(../images/risk-free-banner.jpg) no-repeat 0 0;background-size:cover;background-position:right bottom;border-radius:0;position:relative;overflow:hidden;box-shadow:none;}
.money-back-info .offer-left{width:180px;padding:20px 0;}


/*======FEATURED MATCH CSS======*/
.featured-item-block{float:left;width:100%;position:relative;}
.featured-item-block .owl-stage-outer{border-radius:3px;}
.featured-item{float:left;width:100%;}
.featured-match-info .featured-carousel .owl-nav{display:block;}
.featured-carousel .owl-nav button, .featured-carousel .owl-nav > div{display:flex;align-items:center;height:44%;width:26px;justify-content:center;}
.featured-carousel  .owl-nav button i, .featured-carousel  .owl-nav div i{color:#fff;}

.featured-match-card{float:left;width:100%;}
.featured-match-info .wcard{padding:0;}
.match-card{float:left;width:100%;background:#06113f;padding:10px;}
.match-teams{float:left;width:100%;}
.match-teams-outer{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;}
.match-teams-outer .col{float:left;width:calc(50% - 20px);display:flex;align-items:center;overflow:hidden;}
.match-teams-outer .col-md{float:left;width:40px;text-align:center;}
.vs-at{float:left;width:100%;color:#2097f3;font-size:14px;}
.team-block{float:left;width:100%;display:flex;align-items:center;}
.team-name{float:left;flex:1;text-align:right;overflow:hidden;word-break:break-word;}
.name-label{float:left;width:100%;color:#fff;font-size:14px;line-height:1.3em;}
.team-figure{float:left;}
.icon-figure{float:left;width:36px;min-width:36px;height:36px;border-radius:50%;overflow:hidden;}
.icon-figure img{float:left;width:100%;height:100%;border-radius:50%;}
.team-block .team-figure{margin-left:8px;}
.tm-two .team-name{order:2;text-align:left;}
.tm-two .team-block .team-figure{margin:0 8px 0 0;}
.featured-match-info .facts-carousel .owl-nav{display:none;}
.match-vanue{float:left;width:100%;text-align:center;margin-bottom:8px;}
.match-vanue span{color:#fff;font-size:12px;}

.vanue-place{float:left;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:12px;}
.vanue-stadium{float:left;margin:0 6px;display:flex;align-items:center;}
.vanue-stadium .icon{font-size:18px;color:#fff;margin-right:6px;}
.vanue-stadium span{font-size:11px;color:#fff;}
.vanue-time{float:left;color:#fff;font-size:11px;margin:0 6px;}
.funfact-info{float:left;width:100%;padding:8px;}
.funfact-title{float:left;width:100%;color:#1f59bc;font-size:11px;text-transform:uppercase;border-bottom:1px solid #eaeaea;margin-bottom:8px;padding-bottom:8px;font-weight:bold;}
.funfact{float:left;width:100%;}
.funfact-outer{float:left;width:100%;}
.funfact-item{float:left;width:100%;}
.funfact-line{float:left;width:100%;text-align:center;}
.funfact-line p{float:left;width:100%;color:#3c3c48;font-size:14px;line-height:1.3em;}
.funfact-item .block{display:flex;justify-content:center;align-items:center;}
.funfuct-bx{float:left;width:100%;max-width:84px;background:#f2f2f7;height:36px;padding:4px 6px;display:flex;align-items:center;flex-wrap:wrap;border-radius:3px;text-align:center;justify-content:center;margin-top:8px;}
.funfuct-bx span{float:left;width:100%;color:#1f59bc;font-size:16px;font-weight:bold;line-height:1.3em;}
.funfuct-bx .odds-type{color:#1f59bc; font-weight:500;}

/*======CAROUSEL CSS======*/
.owl-item{float:left;}
.owl-nav{display:block;}
.owl-nav button, .owl-nav div{background:none;outline:none;position:absolute;top:0;left:0px;height:100%;display:flex;align-items:center;cursor:pointer;}
.owl-nav button.owl-next, .owl-nav div.owl-next{left:auto;right:0px;}
.owl-nav button i, .owl-nav div i{font-size:14px;color:#1c89e9;}
.owl-nav.disabled, .owl-dots.disabled{display:none;}
.owl-stage-outer{float:left;width:100%;overflow:hidden;}
.owl-dots{float:left;width:100%;text-align:center;margin-top:14px;}
.owl-dot{display:inline-block;margin:0 4px;background:none;}
.owl-dot span{float:left;width:8px;height:8px;border-radius:50%;background:#cecece;}
.owl-dot.active span{background:#1f59bc;border-color:#1f59bc;}

/*======FLACE SALE CSS======*/
.flash-sale-card{float:left;width:100%;}
.sale-counter-wrap{float:left;width:100%;text-align:center;padding:8px 0;}
.sale-counter-title{float:left;width:100%;padding:0 12px;}
.sale-counter-title h3{color:#1f59bc;font-size:20px;font-family: var(--font-head); font-weight:bold; line-height:1.4em;text-transform:uppercase;}
.sale-counter{display:flex;justify-content:center;align-items:center;float:left;width:100%;margin-top:14px;}
.boost-block{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin:6px 0 0;}

.get-item-wrap{float:left;width:100%;background:#f2f2f7;padding:8px;margin-top:4px;border-radius:3px;}
.get-item-wrap .loading-wrapper{background:#f2f2f7;}
.get-item-wrap .loader-ring{border-color: #1f59bc transparent #1f59bc #1f59bc;}
.c-card-outer{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;}
.c-card-left{float:left;margin-right:8px;}
.c-card-right{float:left;margin-left:8px;}
.c-card-mid{float:left;flex:1;overflow:hidden;position:relative;}
.get-item{float:left;width:72px;}
.get-item img{float:left;width:100%;}

.get-points-card{float:left;width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
.get-points{float:left;width:100%;max-width:178px;display:flex;background:#1f59bc;border-radius:3px;padding:2px;align-items:center;}
.get-total-col{float:left;width:50%;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:3px;padding:2px 4px;}
.get-label{float:left;width:50%;text-align:center;font-size:20px;font-family:var(--font-head); font-weight:bold; color:#fff;padding-top:2px;}
.get-total-col .gold-badge{width:30px;min-width:30px;}
.get-total-col .gold-point{font-size:20px;font-family:var(--font-head); font-weight:bold; color:#1f59bc;}
.max-person{float:left;width:100%;text-align:center;color:#474752;font-size:12px; font-weight:500; margin-top:4px;}

/*======FOOTAR CSS======*/
.theme-footer{float:left;width:100%;background:#000000;margin-top:24px;}
.theme-footer .container{max-width:890px;}
.footer-outer{float:left;width:100%;padding:16px 14px;position:relative;z-index:2;}
.footer-logos{float:left;width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0;}
.logo-icon{float:left;margin:0 5px;}
.logo-icon img{float:left;height:24px;max-width:inherit;}
.footer-info{float:left;width:100%;text-align:center;}
.footer-parag{float:left;width:100%;font-size:12px;color:#ffffff;line-height:1.5em;margin:10px 0;}
.footer-parag a{color:#1f59bc;}
.footer-parag .pipe{margin:0 3px;color:#1f59bc;}
.footer-parag.footer-link{margin-top:0;}
.footer-logos-block{float:left;width:100%;display:flex;justify-content:center;}
.footer-logos-block .footer-logos{width:auto;}
.ire-logo, .ft-ireland .footer-logos .uk-logo{display:none;}
.ft-ireland .footer-logos .ire-logo{display:block;}

/*======NAV BAR CSS======*/
.footer-nav-bar{float:left;width:100%;height:58px;}
.nav-bar{float:left;width:100%;position:fixed;bottom:0;padding:0;z-index:9;}
.nav-bar-outer{float:left;width:100%;display:flex;justify-content:center;}
.nav-bar-inner{float:left;width:100%;max-width:100%;background:#1f59bc;height:58px;}
.nav-list{float:left;width:100%;display:flex;justify-content:space-between;padding:0 6px;}
.nav-list li{float:left;flex:1;position:relative;}
.nav-list li a{float:left;width:100%;height:58px;display:flex;justify-content:center;align-content:center;align-items:center;color:#fff;font-size:18px;flex-wrap:wrap;}
.nav-list li a .nav-label{float:left;width:100%;text-align:center;font-size:10px;margin-top:4px;}
.nav-list li a .icon{font-size:18px;}
.nav-list li.active a{color:#2097f3;}
.nav-list li.locked a{pointer-events:none;}
.nav-list li.locked a .icon:not(.locked-icon){opacity:0.6;pointer-events:none;}
.nav-list li.locked a .nav-label{opacity:0.6;}
.nav-list .locked-icon{display:none;position:absolute;top:5px;right:5px;height:18px;width:18px;background:#2097f3;border-radius:50%;line-height:18px;font-size:11px !important;color:#000;text-align:center;}
.nav-list li.locked .locked-icon{display:block;}
.nav-list .tooltip-nav{top:auto;bottom:calc(100% + 6px);}
.nav-list .tooltip-box:after{bottom:auto;top:100%;border-color:#000 transparent transparent transparent;}
.nav-list .noti-label{top:2px;right:0px;width:20px;height:20px;line-height:20px;background:#1f59bc;color:#fff;}

/*======SPORT LISTING CSS======*/
.sport-title{display:flex;align-items:center;}
.sport-icon{color:#1f59bc;font-size:18px;margin-right:6px;}
.game-listing{float:left;width:100%;}
.game-listing > li{float:left;width:100%;margin-bottom:14px;}
.game-listing > li:last-child{margin-bottom:0;}

/*======GAME CATEGORY CSS======*/
.game-category .wcard{padding:0;}
.category-select{float:left;width:100%;}
.category-select .select-span{border-color:#fff;}
.game-category .card-title{}
.game-category .title{margin-bottom:6px;}

.select-label:after{position:absolute;top:0;display:flex;align-items:center;height:100%;left:10px;content:'\e98a';font-family:'pp-icons';pointer-events:none;font-size:9px;color:#414042;padding-top:2px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.select-label.select-drop-active:after{-webkit-transform:rotate(0deg);transform:rotate(0deg);color:#1f59bc;}
.select-label.selected-option:after{color:#1f59bc;}
.select-label.select-drop-active .select-option, .select-label.selected-option .select-option{color:#1f59bc;font-weight:bold;}

.select-box{float:left;width:100%;position:relative;}
.select-label{position:relative;float:left;width:100%;font-size:12px;height:48px;z-index:3;cursor:pointer;display:flex;align-items:center;padding:0 10px 0 28px;}
.select-option{float:left;width:100%;color:#414042;font-size:14px;}
.select-drop{float:left;width:100%;display:none;background:#fff;padding:3px 16px 0px;border-top:1px solid #e2e2e6;}
.drop-ul{float:left;width:100%;}
.drop-ul > li:first-child{border:0;}
.drop-ul > li{float:left;width:100%;padding:10px 0; border-top:1px solid #e2e2e6;cursor:pointer;}

/*======CURRENT WEEK CSS======*/
.current-select-label{float:left;width:100%;padding:7px 0px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:bold;color:#414042;}
.current-select-label .icon{font-size:12px;padding:0 8px;cursor:pointer;}
.current-select-label .icon.disabled-nav{pointer-events:none;opacity:0.4;}

/*======OTHER GAMES CSS======*/
.game-other-info .disable-game .game-bg{opacity:0.4;}
.countdown-title{font-family:var(--font-base);color:#fff;font-size:18px;margin-bottom:8px;}

/*=======LOADER CSS=====*/
#ajax_data{width:100%}
.loading-wrapper{position:fixed;float:left;width:100%;top:0;left:0;right:0;bottom:0;z-index:12;text-align:center;background:#f0f0f0;}
.page-overlay{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.loading-wrapper.content-loader{position:absolute;height:100%;}
.loading-wrapper.content-relative{position:relative;height:200px;background:none;z-index:1;}
.loading-wrapper.section-loader{position:absolute;z-index:13;background:none;}
.loading-wrapper.section-loader .page-overlay{height:56vh;}
.loading-wrapper.main_loader{background:#f0f0f0;z-index:100;}
.loading-wrapper.scroll-loader{position:relative;height:80px;}
.loading-wrapper.content-relative .page-overlay{height:100%;display:flex;align-items:center;justify-content:center;}

.loader-ring{display:inline-block;position:relative;width:42px;height:42px;border:5px solid #1f59bc;border-color:#1f59bc transparent #1f59bc #1f59bc;animation:loader-ring 650ms linear infinite;border-radius:50%;}

.loader-ring div{box-sizing:border-box;display:block;position:absolute;width:42px;height:42px;margin:6px;border:5px solid #1f59bc;border-radius:50%;-webkit-border-radius:50%;animation:loader-ring 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#1f59bc transparent transparent transparent;}
.loader-ring div:nth-child(1){animation-delay:-0.44s;}
.loader-ring div:nth-child(2){animation-delay:-0.28s;}
.loader-ring div:nth-child(3){animation-delay:-0.14s;}
.loading-wrapper.mini-loader{position:relative;z-index:8;}
.loading-wrapper.mini-loader .page-overlay{height:100%;}
.loading-wrapper.mini-loader .loader-ring{height:34px;width:34px;}
.btn-loader{display:flex;justify-content:center;align-items:center;position:relative;}
.btn-loader .loader-ring{height:20px;width:20px;border-width:3px;border-color:#fff;border-top-color:transparent;}
.welcome-content .loading-wrapper.mini-loader{background:#fff;margin-bottom:10px;margin-top:10px;}
.reveal-count-outer .loading-wrapper.mini-loader{background:#fff;}

@keyframes loader-ring{
    0% {
   transform:rotate(0deg);
    }
    100% {
   transform:rotate(360deg);
    }
}

/*==========LEADERBOARD PAGE CSS==========*/
.table-card{float:left;width:100%;background:#fff;border:1px solid #dddddd;}
.leaderboard-info{float:left;width:100%;padding-top:8px;margin-bottom:14px;}
.leaderboard-table{float:left;width:100%;}
.table-outer{float:left;width:100%;position:relative;}
.table-container{float:left;width:100%;overflow:hidden;margin-left:0;}
table{width:100%;white-space:nowrap;margin:0;padding:0;text-align:left;border-spacing:0;font-weight:normal;border-collapse:collapse;table-layout:fixed;}
.leaderboard-table table{text-align:center;}
.leaderboard-table table th{line-height:26px;font-size:12px;color:#888891;width:100%;padding:6px 10px 5px;font-weight:normal;}
.leaderboard-table table thead tr{margin-bottom:0;width:100%;}
.leaderboard-table table tbody tr{border-top:1px solid #dddddd;}
.leaderboard-table table tbody tr:last-child{border-bottom:0;}
.leaderboard-table table td{line-height:28px;padding:6px 10px 5px;color:#444;font-size:12px;position:relative;}
.table-container table td .points{display:inline-block;text-align:right;cursor:pointer;padding:0 6px;cursor:pointer;position:relative;}
.table-container table td .points:before{position:absolute;bottom:0;left:0;right:0;margin:0 auto;text-align:center;color:#000;font-size:12px;content:'\e98b';font-family:'pp-icons';line-height:7px;height:0;opacity:0;transition:all 0.3s ease 0.3s;}
table .sticked-1, table .sticked-2{text-align:left;}
.user-td{color:#1f59bc;font-weight:600;}
.table-container table td.sticked-1{color:#888891;}
.table-container table .sticked-1{width:50px;}

.leaderboard-table table tbody tr.selected{background:#ccc !important;border:0;}
.leaderboard-table table tbody tr.user-rank td{font-weight:bold;color:#fff;}

/*Wiew More Css*/
.veiw-more{float:left;width:100%;text-align:center;padding:4px 10px 0;cursor:pointer;}
.veiw-more a{float:left;width:100%;color:#1f59bc;background:none;text-transform:none;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:normal;text-transform:uppercase;}
.veiw-more a .icon{font-size:8px;margin-left:6px;padding-top:2px;}
.leaderboard-table .loading-wrapper.content-relative{height:60px;}

/*MSG BOX CSS*/
.no-found-msg{float:left;width:100%;}
.no-found-msg-outer{float:left;width:100%;padding:10px 10px;display:flex;justify-content:center;flex-wrap:wrap;background:#fff;margin:6px 0;border-radius:0;color:#000;}
.no-found-msg-outer h3{position:relative;font-size:18px;font-weight:bold;color:#000;}
.no-found-msg-outer h3 .icon{width:48px;position:absolute;top:0;right:-36px;color:#000;}
.no-found-msg-outer h3 .icon img{width:100%;}
.no-found-msg-outer span{float:left;font-size:14px;flex:1;text-align:left;}
.no-found-msg-outer > .icon{font-size:16px;color:#000;margin-right:8px;padding-top:3px;}

.calance-card{float:left;width:100%;display:flex;align-content:center;justify-content:center;font-size:18px;color:#000000;font-family: var(--font-head);
text-transform:uppercase;padding:3px 0px; font-weight:bold;}
.calance-card small{color:#1f59bc;padding-left:6px;font-size:18px;}
.menu-card{float:left;width:100%;}
.menu-card-outer{float:left;width:100%;display:flex;justify-content:center;}
.menus{float:left;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.menus > li{float:left;width:100%;margin-bottom:6px;}
.menus > li a{float:left;width:100%;font-weight:bold;box-shadow:0 0 1px rgba(0,0,0,0.2);background:#fff;font-size:15px;color:#1f59bc;padding:10px;border-radius:1px;}

.rewards-list{float:left;width:100%;margin-bottom:18px;}
.rewards-list:last-child{margin-bottom:0;}
.rewards-info{margin:0 -4px;}
.rewards-block{float:left;width:100%;display:flex;}
.rewards-col{float:left;width:33.33%;padding:0 4px;}
.rewards-bx{float:left;width:100%;padding:8px 10px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);position:relative;border-radius: 3px;}
.rewards-port{float:left;width:100%;margin-bottom:8px;}
.rewards-port-outer{float:left;width:100%;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.rewards-figure{float:left;max-width:100px;max-height:100%;position:relative;}
.rewards-figure img{float:left;width:100%;}
.rewards-ft{float:left;width:100%;}
.rewards-btn{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.price-bx{float:left;width:100%;background:#f0f0f0;height:36px;padding:4px 6px;display:flex;align-items:center;flex-wrap:wrap;border-radius:2px;justify-content:center;}
.price{float:left;color:#1f59bc;font-size:14px;font-weight:bold;line-height:1.3em;font-family:var(--font-base);}
.disable-rewards{background:#5fd59b !important;pointer-events:none;}
.disable-rewards .get-label{opacity:0.5;}
.inventory-widget .rewards-block .rewards-bx{height:100%;}

.shop-widget-wrap{float:left;width:100%;margin-top:24px;}
.tabs-content-wrap{float:left;width:100%;}
.store-widget{float:left;width:100%;}
.inventory-widget{float:left;width:100%;}
.reward-point{position:absolute;right:5px;top:5px;width:30px;height:30px;background:#1f59bc;border-radius:50%;display:flex;align-items:center;justify-content:center ;box-shadow:0px 2px 3px rgba(0,0,0,0.3);}
.reward-point span{color:#fff;font-size:12px;font-weight:bold;padding-bottom:0px;}
.inventory-widget .item-title-label{font-size:13px;}
.reward-point.count-noti{background:#1f59bc;}

.weekly-monthly-warp{float:left;width:100%;margin-top:18px;}
.tabs-wrap{float:left;width:100%;}
.tabs-outer{float:left;width:100%;padding:0 8px;}
.tabs-nav{float:left;width:100%;display:flex;box-shadow:0 0 1px rgba(0,0,0,0.2);background:#fff;border-radius:3px;overflow:hidden;}
.tabs-nav > li{float:left;width:50%;padding:0px;}
.tabs-nav > li a{float:left;width:100%;padding:10px 6px;border-radius:0px;display:flex;justify-content:center;align-items:center;}
.tab-label{float:left;width:100%;text-align:center;}
.tab-label span{color:#000000;text-transform:uppercase;font-weight:600;font-size:14px;position:relative;}
.tab-label p{float:left;width:100%;color:#888891;margin-top:2px;font-size:12px;}
.tabs-nav > li a.active{background:#1f59bc;}
.tabs-nav > li a.active span, .tabs-nav > li a.active p{color:#fff;}
.tab-content{float:left;width:100%;display:none;}
.tabs-nav > li .noti-label{top:-8px;right:-24px;}

.game-info-card{float:left;width:100%;position:relative;}
.card-counter{float:left;width:100%;display:flex;justify-content:center;}
.cunter-title{float:left;width:100%;text-align:center;color:#888891;font-size:12px;margin-bottom:4px;}
.game-title{float:left;width:100%;margin-top:0;}
.light-texture .game-title-outer{float:left;width:100%;padding:16px 0;background:url(../images/title-texture.png) no-repeat center center;background-size:100% 100%;}
.gray-texture .game-title-outer{float:left;width:100%;padding:16px 0;background:url(../images/title-texture-gray.png) no-repeat center center;background-size:100% 100%;}
.game-title-outer h2{color:#1f59bc;font-size:18px;line-height:1.3em;font-family:var(--font-base);text-align:center;font-weight:bold;}
.game-info-wrap{float:left;width:100%;padding:10px 0;}
.game-info-wrap p{color:#414042;font-size:14px;line-height:1.5em;}
.game-info-wrap p span{color:#1f59bc;font-weight:bold;}

.game-points-wrap{float:left;width:100%;text-align:center;margin-top:10px;}
.game-points-outer{float:left;width:100%;background:#000000;padding:8px;}
.progress-points{float:left;width:100%;font-size:16px;font-weight:bold;margin-bottom:8px;color:#ffffff;}
.progress-labsl{float:left;width:100%;margin-top:3px;display:flex;justify-content:space-between;align-items:center;}
.progress-labsl span{color:#ffffff;font-size:13px;}
.game-points-outer .progress-bar{height:16px;}
.game-points-outer .progress-fill{background:#1f59bc;}
/*===modal Popup Css===*/
body.show-modal{position:fixed;top:0;height:100%;width:100%;overflow:hidden;}
body.in-iframe.show-modal .main-section{overflow:hidden !important;}

.modal{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:rgba(0,0,0,0.96);display:none;overflow-y:auto;padding:0 10px;}
.modal-contenier{float:left;width:100%;position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:14px 0;}
.modal-outer{display:inline-block;width:100%;max-width:750px;position:relative;z-index:2;background:#f0f0f0;}
.modal-body{display:inline-block;width:100%;border-radius:0 0 1px 1px;}
.popup-info{z-index:1;position:relative;display:block;width:100%;float:left;}
.modal-head{float:left;width:100%;position:relative;background:#ffffff;padding:12px 10px;border-radius:0;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.modal-head-title{color:#414042;font-size:18px;text-transform:uppercase;font-family:var(--font-base);}
.modal-overlay{position:fixed;top:0;left:0;z-index:1;float:left;height:100vh;width:100%;cursor:pointer;}
.close-btn{position:absolute;bottom:-55px;left:0;right:0;margin:40px auto 10px;height:33px;width:33px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;background:#1f59bc;box-shadow:0px 0 14px #1f59bc;}
.close-btn .icon{font-size:14px;color:#fff;font-weight:bold;}
.defalut-modal .close-btn{display:none;}
.sp{position:absolute;left:0;top:0;z-index:9999999;}

.button-bar{float:left;width:100%;padding:8px 4px;}
.button-bar-outer{float:left;width:100%;display:flex;}
.button-bar-outer .col{flex:1;padding:0 4px;}
.button-bar-outer .btn{white-space:nowrap;}
.center-bar{text-align:center;}

/*FAQ Modal CSS*/
.faq-modal-info .modal-head-title{text-align:left;}
.faq-modal-info .scrollbar-container{float:left;width:100%;position:relative;}
.faq-container{float:left;width:100%;}
.prizes-faq-info{float:left;width:100%;}
.faq-prizes-list{float:left;width:100%;}
.faq-prizes-list > ul > li{float:left;width:100%;margin-bottom:8px;overflow:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:3px;}
.faq-title{float:left;width:100%;min-height:38px;line-height:normal;color:#414042;padding:12px 24px 12px 10px;position:relative;font-weight:bold;}
li.open .faq-title{border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;}
li.open > .faq-title span{color:#1f59bc;}
.faq-title span{color:#414042;font-size:14px;display:block;overflow:hidden;font-weight:bold;}
.faq-title .icon{float:left;margin-right:0;position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease 0s;font-size:11px;color:#414042;}
.faq-title span small{font-size:16px;text-transform:none;}
.faq-prizes-list .wcard{padding:8px 10px;box-shadow:none;border-top:1px solid #dddddd;}
li.open > .faq-title .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#1f59bc;}
.faq-content{float:left;width:100%;display:none;background:#fff;}
.faq-content p{line-height:1.3em;margin-bottom:10px;text-align:justify;color:#4d4d4d;font-size:14px;}
.faq-content center p{text-align:center;font-weight:500;}
.faq-content p:last-child{margin-bottom:0;}
.faq-content center p{margin-bottom:10px;}
.faq-content h3{float:left;width:100%;color:#000;font-size:14px;font-weight:bold;margin-bottom:8px;}
.faq-content ul, .faq-content ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:#58595B;margin-bottom:16px;}
.faq-content ul li, .faq-content ol li{float:left;width:100%;list-style:decimal;padding-bottom:7px;font-size:14px;}
.faq-content ol, .faq-content ol li{list-style:decimal;}
.faq-content ul li ul{padding-left:22px;}
.faq-content ul li ul, .faq-content ul li ul li, .faq-content ol li ol, .faq-content ol li ol li{list-style:lower-alpha;font-size:14px;}
.faq-content ul li ul li, .faq-content ol li ol li{padding-bottom:7px;font-size:14px;}
.faq-content p a{text-decoration:underline;}

.prizes-faq-info .table-outer{float:left;width:100%;overflow-x:auto;}
.faq-prizes-list table{width:100%;border-bottom:0;white-space:normal;table-layout:auto;}
.faq-prizes-list table tr{width:100%;}
.faq-prizes-list table tr:last-child td{border-bottom:0;}
.faq-prizes-list table tr th{font-weight:normal;font-size:11px;color:#111;text-transform:uppercase;}
.faq-prizes-list table tr th, .faq-prizes-list table tr td{font-size:13px;border-bottom:1px solid #cad0d6;padding:6px 16px;border-right:1px solid #cad0d6;}
.faq-prizes-list table tr th:last-child, .faq-prizes-list table tr td:last-child{border-right:0;}
.faq-content .table-outer{margin-bottom:20px;}
.faq-content .table-outer table{width:100%;border:1px solid #d9d9d9; white-space:normal;}
.faq-content table thead tr th{background:#ddd;}
.faq-content table.prize-table tr th, .faq-content table.prize-table tr td{text-align:left;border-right:1px solid #d9d9d9;}
.faq-content table.prize-table tr th:last-child, .faq-content table.prize-table tr td:last-child{border-right:0;}

.how-play{float:left;width:100%;padding:0;}
.how-play ul{float:left;width:100%;padding:0;}
.how-play li{position:relative;margin-bottom:8px;float:left;width:100%;list-style:none !important;}
.how-play li .step{float:left;width:12px;color:#000;font-size:14px;font-weight:bold;}
.how-play li p{display:block;padding-left:6px;overflow:hidden;text-align:left;color:#4d4d4d;font-size:14px;}

/*Boost Modal Css*/
.items-modal .modal-head{background:#1f59bc;text-align:center;box-shadow:none;margin-bottom:8px}
.items-modal .modal-outer{max-width:580px;}
.items-modal .modal-head-title{color:#ffffff;text-transform: uppercase;font-size:20px;font-family:var(--font-head); font-weight:bold;}
.boost-box{float:left;width:100%;}
.boost-box .rewards-bx{background:none;box-shadow:none;padding:0 8px;}
.boost-item{float:left;width:100%;border-radius:6px;box-shadow:0 0 1px rgba(0,0,0,0.2);padding:10px;background:#fff;}
.boost-box .rewards-ft{display:flex;justify-content:center;align-items:center;padding:15px 0;position:relative;}
.boost-box .rewards-btn{background:#1f59bc;padding:2px;border-radius:5px;max-width:180px;}
.boost-box .rewards-btn .price{font-size:20px;}
.boost-box .rewards-btn .gold-badge{width:30px;min-width:32px;}
.boost-box .price-bx{height:40px;justify-content:space-between;max-width:50%;}
.item-title{float:left;width:100%;text-align:center;margin:6px 0 12px;}
.item-title-label{color:#414042;font-size:14px;font-family:var(--font-base);}
.boost-box .rewards-port-outer{height:auto !important;}
.boost-box .rewards-figure{width:140px;}
.rewards-ft .loading-wrapper.section-loader{position:relative;}
.rewards-ft .loading-wrapper.section-loader .page-overlay{height:100%;}
.rewards-ft .loading-wrapper.section-loader .loader-ring{height:34px;width:34px;}

.c-card-mid .loading-wrapper.section-loader{position:relative;}
.c-card-mid .loading-wrapper.section-loader .page-overlay{height:100%;}
.c-card-mid .loading-wrapper.section-loader .loader-ring{height:34px;width:34px;}



.get-item-msg{float:left;width:100%;text-align:center;margin-bottom:20px;}
.get-item-msg p{float:left;width:100%;color:#1f59bc;font-size:13px;font-family:var(--font-base)}
.get-item-msg i{display:inline-block;font-size:40px;color:#1f59bc;margin-bottom:6px;}


/*FAQ Modal Css*/
.modal-widget{float:left;width:100%;}
.modal-widget-wrap{display:none;}
.modal-widget-wrap .modal{display:block;}
.faq-modal-wrap{float:left;width:100%;}
.sub-acc-outer{float:left;width:100%;}
.sub-acc-outer .add-accordin{padding-left:0;list-style:none;margin:0;}
.sub-acc-outer .add-accordin > li{list-style:none;padding:0;border-bottom:1px solid #e4e4e7;}
.sub-acc-outer .add-accordin > li:last-child{border-bottom:0;}
.wcard.sub-accordin{padding:0 5px 5px;}
.sub-acc-outer .faq-title{padding:12px 24px 12px 5px;}
.sub-acc-outer .faq-title span{font-size:13px;font-weight:normal;color:#000000;}
.sub-acc-outer .faq-title .icon{right:5px;}
.sub-acc-outer .wcard{background:#f0f0f0;}
.sub-acc-outer .faq-content p{font-size:13px;}
.sub-acc-outer li.open > .faq-title .icon:before{content:'\e96b';font-family:'pp-icons';}
.sub-acc-outer li.open > .faq-title span{color:#000000;font-weight:bold;}
.slide-modal-head .modal-head-title{width:auto;display:flex;align-items:center;font-size:15px;font-family:var(--font-head); font-weight:bold; color:#000000;}
.modal-close{float:left;padding-right:10px;color:#1f59bc;font-size:18px;}
.modal-widget .close-btn{display:none;}

/*terms css starrt*/
.terms-modal-wrap{float:left;width:100%;}
.terms-info{float:left;width:100%;}
.terms-info p{line-height:16px;margin-bottom:10px;text-align:justify;color:#000000;font-size:14px;line-height:1.3em;}
.terms-info center p{text-align:center;font-weight:500;}
.terms-info p:last-child{margin-bottom:0;}
.terms-info center p{margin-bottom:10px;line-height:1.3em;}
.terms-info h2, .terms-info h3, .terms-info h4{float:left;width:100%;color:#000000;font-size:14px;font-weight:500;margin-bottom:8px;}
.terms-info h2{font-size:16px;}
.terms-info h4{font-size:12px;}
.terms-info ul, .terms-info ol{float:left;width:100%;list-style:decimal;padding-left:20px;color:#58595B;margin-bottom:16px;}
.terms-info ul li, .terms-info ol li{float:left;width:100%;list-style:decimal;padding-bottom:7px;font-size:14px;}
.terms-info ol, .terms-info ol li{list-style:decimal;}
.terms-info ul li ul{padding-left:22px;}
.terms-info ul li ul, .terms-info ul li ul li, .terms-info ol li ol, .terms-info ol li ol li{list-style:lower-alpha;font-size:14px;}
.terms-info ul li ul li, .terms-info ol li ol li{padding-bottom:7px;font-size:14px;}
.terms-info p a{text-decoration:underline;}
.terms-info .c-card-outer{margin-bottom:10px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);padding:10px;display:block;}

.terms-info table{width:100%;border-bottom:0;white-space:normal;border:1px solid #cad0d6;}
.terms-info table tr{width:100%;}
.terms-info table tr:last-child td{border-bottom:0;}
.terms-info table tr th{font-weight:normal;font-size:11px;color:#111;text-transform:uppercase;}
.terms-info table tr th, .terms-info table tr td{font-size:13px;border-bottom:1px solid #cad0d6;border-right:1px solid #cad0d6;padding:6px 16px;}
.terms-info table tr th:last-child, .terms-info table tr td:last-child{border-right:0;border-right:0;}
.terms-info .table-outer{margin-bottom:20px;}
.terms-info .table-outer table{width:100%;border:1px solid #d9d9d9;}
.terms-info table thead tr th{background:#ddd;}
.terms-info table.prize-table tr th, .terms-info table.prize-table tr td{text-align:left;border-right:1px solid #d9d9d9;}
.terms-info table.prize-table tr th:last-child, .terms-info table.prize-table tr td:last-child{border-right:0;}
.table-content{float:left;width:100%;margin:10px 0 18px;}

ul.disc-list, ul.disc-list > li{list-style:disc !important;}
ul.circle-list, ul.circle-list > li{list-style:circle;}

/*Responsible Gambling css starrt*/
.gambling-modal-wrap{float:left;width:100%;}
.gambiling-block{width:100%;float:left;}
.gambiling-icon{width:100%;float:left;}
.gambiling-figure{margin:10px auto;display:table;}
.gambiling-figure img{width:170px;height:170px;}
.gambiling-title{width:100%;float:left;text-align:center;}
.gambiling-label{font-size:18px;display:block;padding:12px 10px;color:#414042;font-family:var(--font-base);}

.level-modal .modal-head{/* box-shadow:none;background:none; */display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.user-id{float:right;color:#1f59bc;font-size:14px;font-family:var(--font-base);}
.status-section{width:100%;float:left;position:fixed;top:0px;z-index:9999;}
.status-section .container{pointer-events:auto}
.status-top{width:100%;float:left;}
.status-info{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;width:100%;}
.player-rating {display:flex;align-items:center;margin-right:20px;float:left;width:60%;}
.plyr-progress{height:22px;display:flex;flex-flow:row wrap;align-items:center;border:1px solid #dedee0;min-width:97px;position:relative;border-radius:25px;background:#fff;width:100%;}
.plyr-progress > .progress-main{ height:20px;background:repeating-linear-gradient(-40deg, #c9da2a, #c9da2a 0.5em, #bdcd28 0, #bdcd28 1em);position:absolute;z-index:99;border-radius:20px;top:0;left:0px;animation-name:prog-bar;animation-duration:.8s;}
.plyr-progress figure{display:flex;}
/*Top Progress Animated Bar*/
.top-left-progress{position:absolute;z-index:5;max-width:calc(100% - 4px);height:16px;left:2px;border-radius:10px;background-color:#1f59bc;box-shadow:0 0 6px 2px rgba(255, 255, 255, 0.3) inset;animation-name:prog-bar;animation-duration:.8s;}
.top-left-progress:after{position:absolute;top:0;left:0;height:100%;content:'';background:repeating-linear-gradient(-40deg, #bd0d22, #bd0d22 0.5em, #1f59bc 0, #1f59bc 1em);background-repeat:repeat-x;background-size:18px 25px;animation:candystripe 1s linear infinite;border-radius:10px;width:100%;}

.plyr-rank{margin-right:3px;position:relative;}
.plyr-rank figure{display:flex;align-items:center;justify-content:center;width:55px;height:auto;}
.plyr-rank figure img {width:100%;}
.plyr-rank figure figcaption{position:absolute;color:#f9e0a9;font-family:'Roboto';font-size:14px;font-weight:900;padding:3px 0 0 0;text-shadow:1px 0 0 #462401, -1px 0 0 #462401, 0 1px 0 #462401, 0 -1px 0 #462401, 1px 1px #462401, -1px -1px 0 #462401, 1px -1px 0 #462401, -1px 1px 0 #462401;}
.plyr-progress figure{display:flex;}
.score-point{display:flex;flex-flow:row wrap;align-items:center;border:solid 1px #215143;min-width:105px;position:relative;height:27px;border-radius:25px;justify-content:center;background:#0a241d;}
.score-point .score-icon figure {float:left;width:30px;height:auto;}
.score-point span{font-size:16px;color:#fff;font-weight:700;margin-bottom:0px;padding:2px 10px 0;font-family:'Arial';display:block;width:100%;text-align:center;}
.player-score .score-point span{font-size:16px;color:#fff;font-weight:700;margin-bottom:0px;padding:2px 20px 0;font-family:'Arial';display:block;width:100%;text-align:center;}

@-webkit-keyframes candystripe {
    to {background-position:18px 0;}
}
@-moz-keyframes candystripe {
    to {background-position:18px 0;}
}
@keyframes candystripe {
    to {background-position:18px 0;}
}

.xp-content{float:left;width:100%; padding:0 10px 10px;}
.xp-status{float:left;width:100%;display:flex;background:#fff;padding:10px;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:5px;}
.avtar-img{flex:1;min-width:160px;float:left;}
.xp-details-wrap{flex:4;width:100%;padding-left:20px;}
.xp-scores{width:100%;float:left;padding:10px 0 0;}
.xp-status .xp-progress{width:100%;float:left;}
.xp-progress > .player-rating{width:100%;margin:0;}
.xp-progress .plyr-progress{float:left;width:100%;}
.current-xp{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;   }
.current-xp h2{font-size:18px;color:#414042;font-weight:bold;}
.current-xp span{background:#1f59bc;color:#fff;font-size:16px;font-weight:bold;padding:6px 8px;border-radius:4px;text-align:center;width:90px;}
.xp-level{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.xp-level h2{font-size:18px;color:#1f59bc;font-weight:bold;}
.xp-level span{background:#414042;color:#fff;font-size:16px;font-weight:bold;padding:6px 8px;border-radius:4px;text-align:center;width:90px;}

.position-prize-table{float:left;width:100%;margin-top:10px;}
.position-prize-table .table-outer{background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);}
.position-title{font-size:18px;color:#414042;font-family:var(--font-base);padding-bottom:15px;}
.position-prize-table table { float:left;width:100%;border-radius:5px;table-layout:fixed;}
.position-prize-table thead tr th{background:#fff;color:#888891;padding:12px 8px;text-align:center;font-size:12px;font-weight:normal; border-bottom:solid 1px #e6e6e6;text-transform:uppercase;}
.position-prize-table thead tr th:nth-child(1){text-align:left;}
.position-prize-table tbody tr td{background:#fff;font-size:15px;color:#1f59bc;padding:8px;border-bottom:solid 1px #e6e6e6;text-align:center;}
.position-prize-table tbody tr td:nth-child(1){text-align:left;}
.position-prize-table tfoot tr td {background:#fff;padding:12px 8px;color:#1f59bc;width:100%;font-weight:bold;font-size:15px;text-align:center;}

/*Challenges Monthly Tab CSS*/
.weekly-prizes{float:left;width:100%;}
.weekly-prizes-wrap{float:left;width:100%;padding:16px 10px 10px;}
.weekly-prizes-wrap .card-title{margin-bottom:10px;}
.days-info{float:left;width:100%;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:-10px;}
.days-info span{color:#414042;font-size:14px;}
.days-info span.less{color:#ff4747;}
.bar-points{float:left;margin-bottom:4px;}
.bar-points span{color:#1f59bc;font-size:14px;font-weight:bold;}
.week-prize-bar{float:left;width:100%;background:#fff;padding:20px 10px 10px;box-shadow:0 0 1px rgba(0,0,0,0.2);margin-bottom:14px;border-radius:3px;}
.prize-progress{float:left;width:100%;}
.progress{float:left;width:100%;border-radius:2px;overflow:hidden;border:2px solid #1f59bc;height:28px;padding:2px;}
.progress .progress-bar{border:0;height:100%;border-radius:0;background:repeating-linear-gradient(-40deg, #bd0d22, #bd0d22 0.5em, #1f59bc 0, #1f59bc 1em);background-repeat:repeat-x;background-size:18px 25px;animation:candystripe 1s linear infinite;}
.progress-count{float:right;color:#fff;font-size:16px;font-family:var(--font-base);padding:0 5px;position:relative;z-index:1;}
.progress-label-block{float:left;width:100%;display:flex;justify-content:flex-end;}
.progress-label{float:left;width:50%;text-align:center;flex-wrap:wrap;display:flex;flex-direction:column;margin-top:-28px;align-items:flex-end;}
.progress-label + .progress-label{width:25%;}
.progress-label:last-child p{justify-content:flex-end;}
.prog-label{float:left;width:2px;display:flex;flex-wrap:wrap;justify-content:center;position:relative;}
.label-line{float:left;width:2px;height:28px;background:#1f59bc;}
.progress-point{float:left;width:100%;text-align:center;color:#000;font-size:14px;font-family:var(--font-base);margin-top:4px; white-space:nowrap;display:flex;justify-content:center;}
.progress-label p{float:left;width:100%;text-align:center;color:#414042;font-size:12px;font-weight:500;white-space:nowrap;display:flex;justify-content:center;margin-top:6px;}
.week-prize-info .position-title{font-size:20px;}
.score-tip{position:absolute;bottom:calc(100% + 5px);background:#2097f3;color:#414042;padding:0px;right:0;left:auto;min-width:65px;height:25px;border-radius:2px;text-align:center;display:flex;align-items:center;justify-content:center;transform:translate(50%, -10%);background:rgb(151,75,29);
background:-moz-linear-gradient(left,  rgba(151,75,29,1) 0%, rgba(221,144,96,1) 51%, rgba(151,75,29,1) 100%);
background:-webkit-linear-gradient(left,  rgba(151,75,29,1) 0%,rgba(221,144,96,1) 51%,rgba(151,75,29,1) 100%);
background:linear-gradient(to right,  rgba(151,75,29,1) 0%,rgba(221,144,96,1) 51%,rgba(151,75,29,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#974b1d', endColorstr='#974b1d',GradientType=1 );}
.progress-label:nth-child(2) .score-tip{background:rgb(189,188,182);
background:-moz-linear-gradient(left,  rgba(189,188,182,1) 0%, rgba(240,239,233,1) 43%, rgba(240,239,233,1) 57%, rgba(189,188,182,1) 100%);
background:-webkit-linear-gradient(left,  rgba(189,188,182,1) 0%,rgba(240,239,233,1) 43%,rgba(240,239,233,1) 57%,rgba(189,188,182,1) 100%);
background:linear-gradient(to right,  rgba(189,188,182,1) 0%,rgba(240,239,233,1) 43%,rgba(240,239,233,1) 57%,rgba(189,188,182,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbcb6', endColorstr='#bdbcb6',GradientType=1 );}
.progress-label:nth-child(3) .score-tip{background:rgb(239,190,42);
background:-moz-linear-gradient(left,  rgba(239,190,42,1) 0%, rgba(253,230,152,1) 50%, rgba(239,190,42,1) 100%);
background:-webkit-linear-gradient(left,  rgba(239,190,42,1) 0%,rgba(253,230,152,1) 50%,rgba(239,190,42,1) 100%);
background:linear-gradient(to right,  rgba(239,190,42,1) 0%,rgba(253,230,152,1) 50%,rgba(239,190,42,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efbe2a', endColorstr='#efbe2a',GradientType=1 );}


.score-tip span{font-size:14px;font-weight:bold;color:#fff;}
.progress-label:nth-child(2) .score-tip span, .progress-label:nth-child(3) .score-tip span{color:#414042;}
.score-tip:after{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#d48757 transparent transparent transparent;top:auto;right:50%;left:50%;transform:translate(-50%, -50%);bottom:-9px;}

.progress-label:nth-child(2) .score-tip:after{border-color:#f0efe9 transparent transparent transparent;}

.progress-label:nth-child(3) .score-tip:after{border-color:#f3cb4e transparent transparent transparent;}

.progress-label:last-child .score-tip{transform:translate(0);}
.progress-label:last-child .score-tip:after{left:auto;right:-6px;}
.tiers-prize-wrap{float:left;width:100%;padding:0;margin-bottom:10px;}
.chalng-prizes{width:100%;float:left; }
.prizes-col{width:100%;float:left;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:3px;}
.prizes-head{float:left;width:100%;padding:10px 0;border-bottom:1px solid #ddd;}
.prizes-head h2{color:#000000;font-size:22px;padding:0;text-align:center;font-family: var(--font-head); font-weight:bold; text-transform:uppercase;}
.tier-prizes{float:left;width:100%;}
.prizes-row{display:flex;align-items:center;justify-content:space-between;padding:4px 10px; flex-wrap:wrap;}
.tiers-col{display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 0px;border-bottom:1px solid #ddd;width:100%;}
.tiers-col:last-child{border-bottom:none;}
.tiers-col .col-1{flex:1;padding-right:20px;}
.tiers-col .col{position:relative;}
.tiers-col .col-1 h3{float:left;width:100%;font-size:14px;font-weight:bold;color:#1f59bc;text-transform:uppercase;width:100%;float:left;padding:0 0 5px;}
.tiers-col .col-1 p {color:#414042;float:left;width:100%;}
.tiers-col-box{border-radius:3px;text-align:center;max-width:90px;width:90px;height:30px;background:#fff;padding:0;border:solid 2px #1f59bc;float:right;position:relative;display:flex;align-items:center;padding:2px;}
.tiers-col-box.active{background:#1f59bc;}
.tiers-col-box.active span{color:#fff;}
.tiers-col-box span{flex:1;font-size:12px;padding:2px 6px 1px;width:100%;display:block;font-weight:600;color:#414042;text-shadow:none;text-align:center;}
.tiers-col-box figure{float:left;width:22px;min-width:22px;}
.tiers-col-box figure img{float:left;width:100%;}



.history-tabs-container{float:left;width:100%;}
.history-list-wrap{float:left;width:100%;}
.history-tab-content{float:left;width:100%;}
.history-tabs-container .tabs-outer{padding:0;margin-bottom:16px;}
.history-page{width:100%;float:left;}
.history-page .content-mid{padding:0;padding-top:0;}
.history-title{width:100%;float:left;background:#31953e;}
.history-title h2{color:#fff;font-size:24px;line-height:25px;text-align:center;}
.history-title h3{color:#ffff00;font-size:36px;line-height:36px;text-align:center; margin:10px 0 0px 0;font-weight:bold;}
.history-tabs .tabs-outer{border-bottom:1px solid #cbcbcb;}
.history-tabs .tabs-nav > li a{background:none !important;box-shadow:none;position:relative;}
.history-tabs .tabs-nav > li a.active span{color:#1f59bc;}
.history-tabs .tabs-nav > li a.active:after{position:absolute;bottom:0;left:0;float:left;height:3px;background:#1f59bc;width:100%;content:'';}


.table-container{width:100%;float:left;}
.inner-table{width:100%;float:left;padding:0 8px;}

.accordion-content .table-scroll{position:relative;max-height:200px;float:none;}
.icon-e{height:36px;line-height:36px;  vertical-align:middle;}
.icon-e{height:38px;line-height:30px;  vertical-align:middle;}

.icon-history{width:100%;float:left;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.icon-history span{    width:48px; display:inline-block;text-align:center;}
.icon-history span samp{width:30px;display:inline-block;text-align:center;position:relative;}

.icon-history span samp:nth-child(2){margin-left:-17px;}
.icon-history span img{height:30px;vertical-align:middle;}
.icon-history span samp:nth-child(3){margin-left:-37px;position:relative;top:8px;}

.col-history{width:100%;float:left;display:table;}
.col-history .col{ color:#fff; font-size:15px;text-align:left;  font-weight:normal;padding:12px 10px;}
.history-thead{float:left;width:100%;border-bottom:1px solid #e2e1e6;}
.history-thead .col{float:left;width:25%; color:#888891; font-size:14px;text-align:center;padding:10px 0;}
.history-thead .col.col-day{text-align:left;}
.history-thead .col.col-date{width:50%;}

.history-body{float:left;width:100%;position:relative;}
.history-body .block{float:left;width:100%;transition:all 0.3s ease 0s;}
.history-list{float:left;width:100%;}
.history-list > li{float:left;width:100%;color:#444; font-size:15px;text-align:left;  font-weight:normal;border-bottom:1px solid #e2e1e6;}
.history-list > li:last-child{border-bottom:0;}
.history-class{display:block;width:100%;float:left;position:relative;margin-bottom:1px;transition:all 0.3s ease 0s;}
.history-list > li.open .history-class .col-day span{color:#1f59bc;}
.history-body .block .col span.score{color:#183b2d;font-size:20px;margin-top:2px;line-height:18px;width:80px;text-align:center;}
.history-body .col{float:left;width:25%;padding:8px 0;text-align:center;}
.history-body .col.col-day{text-align:left;}
.history-body .col.col-date{width:50%;}
.history-body .col span{vertical-align:middle;font-size:13px;color:#414042; display:inline-block;line-height:1.3em;}
.btn_plus{position:absolute;right:13px;top:5px;width:30px;height:30px;border-radius:100%;}
.btn_plus i{color:#000000;font-size:14px;line-height:26px;text-align:center;display:block;transition:all 0.3s ease 0s;}
.history-list > li.open .btn_plus i:before{content:'\e96b';color:#1f59bc;}
.accordion-content .col.col-date{width:50%;}
.game-history-list{width:100%;float:left;background:#f0f0f0;padding:0 6px;}
.game-history-list > li{width:100%;display:flex;align-items:center;float:left;border-bottom:1px solid #d5d5d8;}
.game-history-list > li:last-child{border-bottom:0;}
.accordion-content .icon-history span img{height:20px;width:20px;vertical-align:middle;}
.history-body .accordion-content .col{padding:6px 0;}
.accordion-content .col.col-prize .icon-e { height:26px;}
.history-body .accordion-content .col.col-prize figure{ line-height:40px;padding-right:5px;}
.accordion-content{width:100%;float:left;display:none;border-top:1px solid #d5d5d8;}
.extra-target{width:20px;height:20px;min-width:20px;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;margin:2px;}
.extra-target img{float:left;width:100%;}
.extra-target label{position:absolute;top:0;left:0;height:100%;text-align:center;width:100%;}
.extra-target label img{height:100%;width:100%;display:inline-block;}
.extra-target.dubble-target{width:30px;min-width:30px;}
.extra-target samp{width:20px;min-width:20px;margin:0 -15%;position:relative;}
.extra-target samp + samp{z-index:1;}

.history-page span.top-scroll-arrow{top:-3px;}
.no-history-msg{float:left;width:100%;padding:45px 10px 14px;color:#111;font-size:2vmin;text-align:center;}


.monthly-info{float:left;width:100%;padding:20px;;}
.monthly-graph{float:left;width:100%;}
.chart-container { position:relative;margin:auto;height:28vh;width:100%;}
.monthly-graph > img{width:100%;}

.content-block{float:left;width:100%;display:none;border-top:1px solid #e2e1e6;padding-bottom:8px;}
.month-heading{float:left;width:100%;cursor:pointer;position:relative;display:flex;padding:0 6px;}
.month-heading .col{float:left;width:25%;padding:8px 4px;text-align:center;}
.month-heading .col.month-col{text-align:left;}
.month-heading .col.score-col{width:50%;}
.month-heading .col span{color:#000000;font-size:14px;}
.month-heading .col.score-col span{min-width:90px;text-align:center;}

.month-listing{float:left;width:100%;}
.month-listing > li{float:left;width:100%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);margin-bottom:10px;}
.list-bar{float:left;width:100%;cursor:pointer;background:#fff;position:relative;display:flex;align-items:center;}
.list-bar .col{float:left;width:25%;padding:10px 10px;text-align:center;}
.list-bar .col.score-col .month-score{float:none;display:inline-block;}
.month{color:#414042;font-size:14px;font-weight:bold;}

.month-score{float:left;background:#c9da2a;padding:5px ;border-radius:3px;color:#183b2d;font-size:18px;min-width:90px;border:1px solid #a5a434;}
.bar-arrow{position:absolute;top:0;right:30px;height:100%;display:flex;align-items:center;}
.bar-arrow .icon{font-size:12px;color:#888891;line-height:34px;text-align:center;padding-top:2px;}
.bar-arrow .icon:before{transition:all 0.3s ease 0s;display:inline-block;}
.month-listing > li.open .bar-arrow .icon:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#1f59bc;}
.month-listing > li.open .month{color:#1f59bc;}
.history-score{font-size:14px;color:#1f59bc;font-weight:bold;}
.list-bar .col.month-col{text-align:left;}
.list-bar .col.score-col{width:50%;}

.history-graph-wrap{float:left;width:100%;}
.monthly-graph{float:left;width:100%;}
.chart-container{position:relative;margin:auto;height:28vh;width:100%;}
.monthly-graph > img{width:100%;}

.select-game{float:right;width:100%;margin-bottom:10px;}
.select-game .select-dropdown{width:100%;}
.select-game .select-dropdown .form-control{width:100%;border:1px solid #d9d9d9;background:#fff;height:44px;line-height:34px;font-size:14px;}
.graph-dropdown{float:left;width:100%;padding:10px 0 0px;}
.graph-dropdown-inner{float:right;position:relative;padding:0 20px;}
.graph-dropdown select{border:solid 1px #1f59bc;font-size:15px;padding:0px 30px 0px 16px;height:auto;line-height:34px;}
.select-dropdown{float:left;position:relative;}
.select-dropdown:after{width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#1f59bc transparent transparent transparent;position:absolute;content:"";
    right:10px;top:49%; }
.select-day{float:right;}
.select-day .select-dropdown .form-control{width:100%;border:1px solid #d9d9d9;background:#fff;height:44px;line-height:34px;font-size:14px;}
.select-day .select-dropdown{width:160px;}

.title-figure{margin:0 auto;max-width:100px;width:100%;}
.title-figure img{float:left;width:100%;}


.alert-msg{float:left;width:100%;padding:0 12px;margin:16px 0 8px;}
.alert-msg-outer{float:left;width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:3px;padding:20px 10px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.2);}
.alert-title{float:left;width:100%;color:#1f59bc;font-size:21px;text-transform:uppercase;font-weight:bold;text-transform:uppercase;font-family:var(--font-head);}
.alert-text{float:left;width:100%;color:#414042;font-size:14px;}
.info-alert .alert-msg-outer{background:#000000;padding:10px;box-shadow:none;border-radius:3px;text-align:left;position:relative;}
.info-alert{padding:0;text-align:left;margin-bottom:0;}
.info-alert .alert-title{float:left;width:100%;text-align:center;color:#2097f3;font-size:13px;font-family:var(--font-base);line-height:1.4em;margin-bottom:8px;}
.info-alert-in{float:left;width:100%;display:flex;align-items:flex-start;justify-content:center;}
.alert-figure{float:left;width:32px;min-width:32px;margin-right:10px;}
.alert-figure img{float:left;width:100%;}
.alert-text-in{float:left;min-height:34px;display:flex;flex-direction:column;align-content:center;justify-content:center;}
.alert-text-in .aleft-text{text-align:left;color:#fff;font-size:12px;font-family:var(--font-base);line-height:1.4em;}
.aleft-text-title{float:left;width:100%;color:#2097f3;font-size:14px;font-family:var(--font-base);margin-bottom:6px;}
.info-alert .alert-msg-outer:after{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #000000 transparent;right:50%;left:50%;transform:translate(-50%, -50%);top:-4px;}

/*iframe Modal CSS*/
.iframe-modal{padding:0;overflow:inherit;}
.iframe-modal .modal-contenier{height:100%;padding:0;}
.iframe-modal .modal-outer{max-width:100%;height:100%;}
.iframe-modal .modal-outer iframe{position:absolute;display:block;height:100%;width:100%;top:0px;left:0;}

.refer-friend{float:left;width:100%;}
.refer-friend .card-info{padding:0;}

.info-btn{float:left;font-size:16px;color:#1f59bc;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:3px;padding:5px 8px;border:1px solid #ddd;}
.info-btn .icon{font-size:16px;margin-right:6px;}
.info-btn span{font-size:12px;color:#414042;}

.banner-card{float:left;width:100%;}
.banner-card-outer{float:left;width:100%;}
.banner-figure{float:left;width:100%;}
.banner-figure img{float:left;width:100%;}
.banner-section .wcard{padding:0;}

.scrollbar-container{float:left;width:100%;}
.scroll-content{float:left;width:100%;}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover{background:none !important;}
.ps__rail-y, .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y{width:6px !important;}
/*====================Desktop CSS Start====================*/
.d-none{display:block;}
.m-none{display:none;}

.desk{display:inline-block;}
.mob{display:none;}
.card-block{float:left;width:100%;}

.top-bar-wrap{float:left;width:100%;display:flex;justify-content:space-between;min-height:31px;}
.top-nav-bar{float:left;flex:1;display:flex;align-items:center;display:none;}
.brand-logo{float:left;margin-right:30px;}
.brand-figure{float:left;width:224px;min-width:224px;}
.brand-figure img{float:left;width:100%;}
.top-nav{float:left;flex:1;}
.nav-ul{float:left;width:100%;}
.nav-ul > li{float:left;margin-right:8px;position:relative;}
.nav-ul > li > a{float:left;font-size:14px;color:#040913;padding:24px 14px;position:relative;font-family:var(--font-head2);font-weight:700; text-transform:inherit;}
.nav-ul > li.active > a:before{position:absolute;bottom:0;left:0;float:left;height:2px;background:#2097f3;width:100%;content:'';z-index: -1;}
 .nav-ul > li.active > a{color:#2097f3;} 
.nav-ul > li > a .icon{font-size:16px;margin-right:4px;display:none;}
.nav-ul > li.locked a{opacity:0.6;pointer-events:none;}
.nav-ul > li.locked > a .icon{display:inline-block;margin-top:-4px;}

.noti-label { float: left;width: 22px;height: 22px;line-height: 23px;font-size: 11px;color:#fff;background: #2097f3;text-align: center;border-radius: 50%;position: absolute;top: 10px;right: -9px;font-family: var(--font-base);}

.figure-label{position:absolute;bottom:10px;right:-6px;height:36px;width:36px;border-radius:50%;background:#2097f3;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:bold;}
.inventory-btn{float:left;width:100%;text-align:center;padding:8px;}
.inventory-btn .btn{min-width:140px;font-size:16px;height:44px;line-height:44px;}


.ft-btn-bar{float:left;width:100%;text-align:center;}
.ft-btn-bar .btn{min-width:140px;font-size:16px;height:44px;line-height:44px;}

.modal.congrats-modal{background:rgba(0,0,0,0.5);}
.congrats-modal .boost-box .rewards-bx{padding:4px;}
.congrats-modal .boost-item{background:none;box-shadow:none;}
.congrats-modal .modal-outer{background:none;border:0;border-radius:6px;}
.congrats-modal .modal-body{float:left;}
.congrats-modal .boost-box .rewards-figure{max-width:76px;margin:2px 6px;}
.congrats-modal .boost-box .rewards-port-outer{flex-wrap:wrap;}


.congrats-info .inventory-btn{margin-top:2vmin;}
.choice-item-title{float:left;width:100%;text-align:center;margin-bottom:2vmin;}
.choice-item-title span{color:#fff;font-size:3.5vmin;font-family:var(--font-base);}
.choice-item-bar{float:left;width:100%;text-align:center;display:flex;justify-content:center;}
.choice-item-outer{float:left;width:100%;display:flex;justify-content:center;max-width:68vmin;position:relative;}
.choice-item-outer .col{float:left;width:15vmin;margin:0.5vmin 1vmin;}
.choice-item-modal .modal-body{background:none;}
.choice-item{float:left;width:100%;height:100%;position:relative;cursor:pointer;border:1px solid #93c239;border-radius:8px;padding:1vmin;background:rgb(29,88,36);background:-moz-linear-gradient(top,  rgba(29,88,36,1) 0%, rgba(1,4,1,1) 12%, rgba(1,4,1,1) 51%, rgba(1,4,1,1) 80%, rgba(29,88,36,1) 100%);background:-webkit-linear-gradient(top,  rgba(29,88,36,1) 0%,rgba(1,4,1,1) 12%,rgba(1,4,1,1) 51%,rgba(1,4,1,1) 80%,rgba(29,88,36,1) 100%);background:linear-gradient(to bottom,  rgba(29,88,36,1) 0%,rgba(1,4,1,1) 12%,rgba(1,4,1,1) 51%,rgba(1,4,1,1) 80%,rgba(29,88,36,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d5824', endColorstr='#1d5824',GradientType=0 );}
.choice-item-figure{float:left;width:100%;padding:1.2vmin 0;display:flex;justify-content:center;align-items:center;background:url(../images/Aura_rays3.png) no-repeat 0 0;background-size:100% 100%;}
.choice-item-figure figure{float:left;width:8vmin;position:relative;}
.choice-item-figure figure img{float:left;width:100%;}
.choice-item-detail{float:left;width:100%;}
.item-num{float:left;width:100%;color:#fff;font-size:3vmin;font-family:var(--font-base);margin-top:1vmin;}
.item-name{float:left;width:100%;color:#fff;font-size:2.8vmin;margin-top:1vmin;}
.choice-item-label{float:left;width:100%;color:#fff;font-size:2.2vmin;font-family:var(--font-base);margin-top:1vmin;}
.choice-item .figure-label{height:3.6vmin;width:3.6vmin;font-size:2vmin;border-width:0.2vmin;border:0;text-align:center;}

.choice-item-logo{float:left;width:100%;display:flex;justify-content:center;align-items:center;padding:0 8px;}
.choice-item-logo figure{float:left;height:4vmin;}
.choice-item-logo figure img{float:left;max-height:100%;max-width:100%;}

.choice-item-bar .owl-stage{display:flex;}
.choice-item-bar .owl-item{display:flex;justify-content:center;}
.choice-item-bar .owl-stage{justify-content:center;min-width:100%;}
.choice-item-bar .owl-nav button i, .choice-item-bar .owl-nav div i{font-size:25px;color:#fff;}
.choice-item-bar .owl-nav button, .choice-item-bar .owl-nav div{left:-30px;}
.choice-item-bar .owl-nav button.owl-next, .choice-item-bar .owl-nav div.owl-next{left:auto;right:-30px;}

.item-info{position:absolute;top:8px;right:8px;cursor:pointer;}
.info-icon{float:left;color:#fff;font-size:15px;cursor:pointer;}
.info-tooltip{display:none;float:left;width:100%;position:absolute;top:100%;left:0;z-index:2;}
.info-tooltip .tooltip-box{background:#1f59bc;min-width:180px;}
.info-tooltip .tooltip-box:after{border-color:transparent transparent #1f59bc transparent;}
.item-info:hover .info-tooltip{display:block;}
.owl-stage-outer .owl-item.active .tooltip-inner{justify-content:flex-start;}
.owl-stage-outer .owl-item.active + .active .tooltip-inner{justify-content:center;}
.owl-stage-outer .owl-item.active + .active + .active .tooltip-inner{justify-content:flex-end;}


/*Kit Bag Animation CSS*/
.popup-overlays{float:left;width:100%;height:100%;position:absolute;top:0;left:0; cursor:pointer;z-index:0;}
.animate-kit{float:left;width:100%;position:fixed;top:0;left:0;height:100%;z-index:99999999;display:flex;align-items:center;justify-content:center;}
.animate-kit .popup-overlays{background:rgba(0,0,0,0.9);}
.kit-outer{width:100%;max-width:1000px;display:flex;justify-content:center;align-items:center;padding:24px;z-index:9;}
.kit-box{float:left;width:100%;position:relative;}
.kit-item{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;align-items:center;}
.kit-item img{float:left;width:100%;}
.kit-item.kit-base{position:static;padding:20%;}
.animate-pause{-webkit-animation-play-state:paused;animation-play-state:paused;}

.kit-base,  .kit-Aura-rays, .kit-pink-glow{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

.kit-bag{padding:20%;-webkit-animation-name:slideInDown; animation-name:slideInDown; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-delay:1s;-webkit-animation-delay:1s; animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;}
@-webkit-keyframes slideInDown {
    0% {
   -webkit-transform:translateY(-100%);
   transform:translateY(-100%);
   opacity:1;
    }
    100% {
   -webkit-transform:translateY(0);
   transform:translateY(0);
    }
}
@keyframes slideInDown {
    0% {
   -webkit-transform:translateY(-100%);
   transform:translateY(-100%);
   opacity:1;
    }
    100% {
   -webkit-transform:translateY(0);
   transform:translateY(0);
   opacity:1;
    }
}


.bag{-webkit-animation-name:tada; animation-name:tada ; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-delay:1.5s;-webkit-animation-delay:1.5s; animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes tada {
    0% {
    }
    10%, 20% {
   -webkit-transform:rotate3d(0, 0, 1, -3deg);
   transform:rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
   -webkit-transform:rotate3d(0, 0, 1, 3deg);
   transform:rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
   -webkit-transform:rotate3d(0, 0, 1, -3deg);
   transform:rotate3d(0, 0, 1, -3deg);
    }
    100% {
    }
}
@keyframes tada {
    0% {
    }
    10%, 20% {
   -webkit-transform:rotate3d(0, 0, 1, -3deg);
   transform:rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
   -webkit-transform:rotate3d(0, 0, 1, 3deg);
   transform:rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
   -webkit-transform:rotate3d(0, 0, 1, -3deg);
   transform:rotate3d(0, 0, 1, -3deg);
    }
    100% {
    }
}

.kit-item.kit-Aura-rays{animation-delay:2s;-webkit-animation-delay:2s;}
.Aura-rays{animation:lds-ring 30s linear infinite;-webkit-animation:lds-ring 30s linear infinite;}

@keyframes lds-ring{
    0% {
   transform:rotate(0deg);
    }
    100% {
   transform:rotate(-360deg);
    }
}


.kit-star-glow{ -webkit-animation-name:flash;opacity:0; animation-name:flash; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-fill-mode:both; animation-fill-mode:both;animation-iteration-count:infinite;animation-delay:2.5s;-webkit-animation-delay:2.5s;}
.star-glow{animation:lds-ring 30s linear infinite;animation-duration:80s;}

@-webkit-keyframes flash {
    0%, 50%, 100% { transform:scale(0.995);-webkit-transform:scale(0.995);opacity:0;}

    25%, 75% { opacity:1;transform:scale(1);-webkit-transform:scale(1);}
}

@keyframes flash {
    0%, 50%, 100% { transform:scale(0.995);-webkit-transform:scale(0.995);opacity:0;
    }

    25%, 75% { transform:scale(1);-webkit-transform:scale(1);opacity:1;
    }
}

.kit-item.kit-pink-glow{animation-delay:2.8s;}
.pink-glow{-webkit-animation-name:flash2;animation-name:flash2;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;animation-delay:2.5s;-webkit-animation-delay:2.5s;}

@-webkit-keyframes flash2 {
    0%, 50%, 100% {opacity:0;}

    25%, 75% {opacity:1;}
}

@keyframes flash2 {
    0%, 50%, 100% {opacity:0;}

    25%, 75% {opacity:1;}
}

/*Kit Bag Animation CSS End*/


/*Nickname Modal CSS*/
.nickname-modal .modal-outer{max-width:520px;}
.user-form{float:left;width:100%;padding:20px;}
.user-form .button-bar-outer .col{padding:0;}
.user-form .button-bar{padding:0;margin-top:12px;}
.form-title{float:left;width:100%;text-align:center;color:#000;font-size:14px;padding-bottom:2px;}
.form-heading{float:left;width:100%;text-align:center;color:#000;font-size:16px;padding-bottom:6px;text-transform:uppercase;line-height:1.3em;font-weight:600;}
.form-title a{color:#552583;text-decoration:underline;}
.user-form .form-control{display:block;height:44px;font-size:16px;color:#000;padding:0 10px;font-weight:normal;}
.user-form .form{float:left;width:100%;}
.user-form .form-control::placeholder{color:#d4d4d4;}
.user-form .form-group{margin-bottom:0;}
.invalid-feedback{float:left;width:100%;margin-top:6px;font-size:14px;color:#dc3545;}
.valid-feedback{float:left;width:100%;margin-top:6px;font-size:14px;color:#4dc742;}
.error-invalid{border:solid 1px #dc3545 !important;}
.show-nickname a{pointer-events:none;}
.user-form .button-bar-outer .btn{width:100%;height:44px;line-height:44px;}

/*Alert Message CSS*/
.alert-card{float:left;width:100%;}
.alert-card-outer{float:left;width:100%;display:flex;border-radius:4px;background:#f5f7f9;padding:10px 14px;align-items:center;position:relative;}
.alert-icons{float:left;margin-right:8px;}
.alert-icons .icon{font-size:20px;color:#000;}
.alert-content{float:left;flex:1;display:flex;align-items:center;flex-wrap:wrap;}
.alert-content h3{font-size:14px;float:left;width:100%;}
.alert-content p{font-size:12px;float:left;width:100%;font-weight:normal;}
.alert-content p a{color:#1d428a;}
.alert-content p a:hover{text-decoration:underline;}
.hide-alert{opacity:0;display:none;}
.success-alert, .error-alert{margin-bottom:10px;}
.success-alert .alert-card-outer{background:#d4edda;}
.success-alert .alert-icons .icon, .success-alert .alert-content p{color:#155724;}
.error-alert .alert-card-outer{background:#f8d7da;}
.error-alert .alert-icons .icon, .error-alert .alert-content p{color:#721c24;}

.suspended-pre{float:left;width:100%;text-align:center;color:#000;font-size:18px;text-transform:uppercase;line-height:1.3em;font-weight:600;}
.highlight{color:#1f59bc;text-decoration:underline;}
.suspended-modal .popup-info{padding:20px 10px;}
.suspended-modal .button-bar{text-align:center;padding:14px 0 0;}
.suspended-modal .modal-body{float:left;width:100%;}





.modal-wrap{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:13;background:rgba(0,0,0,0.96);display:none;}
.modal-wrap .modal{background:none;display:block;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}

/*YOU'VE REACHED LEVEL 2 Modal CSS*/
.unlocked-content{float:left;width:100%;padding:5px;}
.unlocked-modal .modal-body{float:left;}
.store-card-top{float:left;width:100%;padding:10px;background:url(../images/shdaw.png) no-repeat center top #1f59bc;}
.shiled{float:left;width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.badge-figure{float:left;width:100%;position:relative;max-width:26vmin;margin-top:-10.5vmin;}
.badge-figure > img{float:left;width:100%;}
.badge-num{float:left;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;color:#e2ba7d;font-size:6vmin;padding-bottom:2%;font-family:var(--font-base);-webkit-text-stroke:2px #161616;text-shadow:0 0 20px #462401;}
.enjoy-reveal-counter{float:left;width:100%;margin-bottom:8px;}
.enjoy-reveal-counter .countdown-box{width:100%;}

.unlocked-title{float:left;width:100%;text-align:center;padding:10px 0;}
.unlocked-title span{float:left;width:100%;text-align:center;color:#ffff00;font-size:3.2vmin;line-height:1.3em;font-family:var(--font-base);text-transform:uppercase;}
.unlocked-title .unlocked-text{font-size:2.8vmin;}
.store-label{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin-top:6px;}
.store-label .icon{color:#ffff00;font-size:4.2vmin;margin-right:2vmin;}
.store-label .icon img{width:40px;}
.store-label span{color:#fff;font-size:3vmin;font-family:var(--font-base);}

.store-card-content{float:left;width:100%;padding:2vmin 0;text-align:center;display:flex;justify-content:center;}
.store-card-content p{font-size:16px;max-width:600px;}

.unlocked-top{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.unlock-figure{float:left;width:100%;max-width:400px;}
.unlock-figure img{float:left;width:100%;}

.game-items{float:left;width:100%;padding:1vmin 0;}
.game-items-ul{float:left;width:100%;display:flex;justify-content:space-between;}
.game-items-ul > li{float:left;width:calc(50% - 6px);}
.game-item{float:left;width:100%;background:#fff;padding:2px;border-radius:5px;overflow:hidden;}
.game-item img{float:left;width:100%;}

.store-unlocked-info .store-card-top{padding:10px 10px 2vmin;}
.store-unlocked-info .button-bar{margin-top:8px;}
.unlocked-content .button-bar-outer .btn{min-width:100px;}

.buy-boosts-info .unlock-figure{max-width:100%;}
.buy-boosts-info .store-card-top{background-image:none;}
.buy-boosts-info .store-card-content p{max-width:100%;}

.store-boost-info .unlock-figure{margin-top:-2vmin;}


.rotateInCoin{animation-name:rotateInCoin;animation-duration:2s;}

@-webkit-keyframes rotateInCoin{
    0% {transform:rotateY(0);}
    100%{transform:rotateY(1440deg);}
}
@keyframes rotateInCoin{
    0%{transform:rotateY(0);}
    100%{transform:rotateY(1440deg);}
}


.modal.animate-left-modal{left:auto;right:-100%;}
.modal.animate-left-modal.show{right:0;}
.modal.animate-left-modal.show.slide{right:100%;}
.modal.animate-top-modal{left:0;top:auto;bottom:calc(-100% - 100px);}
.modal.animate-top-modal.show{right:0;bottom:0;}


.animate-left-modal.show{-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes slideInRight {
  0% {-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
  100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight {
  0% {-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
  100% {-webkit-transform:translateX(0);transform:translateX(0);}
}
.animate-top-modal.show{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes slideInUp{
  0% {visibility:visible;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
  100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp {
  0% {visibility:visible;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
  100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}



/*====================Results Page CSS=======================*/
.resulted-score{float:left;width:100%;}
.score-outer{float:left;width:100%;padding:12px 8px;text-align:center;}
.score-title{float:left;width:100%;position:relative;text-align:center;}
.score-title > span{font-size:12px;font-weight:bold;text-transform:uppercase;}
.share-btn{display:inline-block;border:1px solid #fff;border-radius:2px;height:20px;line-height:18px;padding:0 6px;font-size:11px;}
.share-btn span{color:#fff;font-size:11px;}
.share-btn .icon{color:#fff;font-size:11px;margin-right:3px;}
.score-title .share-btn{position:absolute;top:0;right:0;}
.total-points{float:left;width:100%;color:#ffff00;font-size:26px;text-transform:uppercase;font-weight:900;}
.ranked{float:left;width:100%;color:#a4c2ce;font-size:12px;}
.ranked span{color:#fff;margin-left:2px;}

.results-info{float:left;width:100%;}
.result-table{float:left;width:100%;}
.result-table{padding:0 8px;}
.result-table table{border-spacing:0;}
.result-table table tbody tr:not(.resulted-tr){border-top:1px solid #e2e1e6;cursor:pointer;}
.result-table thead th{color:#888891;font-size:11px;text-transform:uppercase;padding:8px 6px;font-weight:normal;}
.result-table tbody td{color:#414042;font-size:13px;font-weight:normal;padding:10px 6px;}
.que-td{text-align:center;width:40px;max-width:40px;color:#717171;border-radius:3px 0 0 3px;}
.result-td{text-align:center;width:48px;max-width:48px;}
.boost-td{text-align:right;max-width:100px;}
.points-td{text-align:right;border-radius:0 3px 3px 0;}
.answer-td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.result-td .icon{color:#5cb533;font-size:20px;}
.result-td .icon.pp-cross-fill{color:#f04444;}
.boosts-icon{display:flex;justify-content:center;align-items:center;margin:0 auto;height:46px;width:46px;border-radius:50%;overflow:hidden;background:#ffff00;box-shadow:0 1px 6px rgba(5,5,5,0.5);}
.boosts-icon .icon{font-size:24px;color:#004833 ;}
.boosts-col .icon-info{font-size:16px;color:#ffff00;margin-top:5px;cursor:pointer;}
.boosts-icon .icon.icon-blast{font-size:34px;}
.result-table .boosts-icon{margin:0 -3px;height:18px;width:18px;min-width:18px;box-shadow:none;border:1px solid #004833;}
.result-table .boosts-icon .icon{font-size:12px;}
.result-table .boosts-icon .icon.icon-blast{font-size:16px;}

.leaderboard-btn{float:left;width:100%;margin-top:0;padding:8px 0;position:sticky;position:-webkit-sticky;bottom:0;z-index:3;}
.leaderboard-btn .col .btn{float:left;width:100%;}
.leaderboard-btn.sticky-btn{background:#024130;padding:8px;}
.button-outer{display:flex;margin:0 -5px;}
.button-outer .col{float:left;flex:1;padding:0 5px;}
.leaderboard-btn .btn{font-size:13px;font-weight:900;}
.boost-col{display:flex;justify-content:center;max-width:100px;margin:0 auto;margin-left:-6px;}
.result-table tbody td.points-td{position:relative;padding-right:22px;width:66px;padding-left:0;}
.result-table thead th.points-td{width:66px;text-align:right;padding-right:22px;}
.result-table .result-td{width:46px;max-width:46px;padding:0;}
.result-table thead th.boost-td{width:46px;}


.round-title{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 8px;border:1px solid #e2e1e6;border-width:1px 0;}
.round-title .chance-label{text-align:left;font-size:14px;}
.results-wedget .round-title .chance-label{justify-content:flex-start;}
.chance-label{font-size:16px;display:flex;align-items:center;justify-content:center;}
.chances-count{font-size:30px;width:auto;margin-right:4px;margin-bottom:0;font-weight:bold;}


.score-card{float:left;width:100%;margin-bottom:8px;padding:6px 6px 0;}
.score-card-outer{float:left;width:100%;padding:10px 0;display:flex;background:#f0f0f0;}
.score-card-outer .col{float:left;min-width:25%;flex:1;border-right:1px solid rgba(0,0,0,0.2);padding:5px 8px;}
.score-card-outer .col:last-child{border:0;}
.round-points{float:left;width:100%;text-align:center;}
.score-label{float:left;width:100%;font-size:12px;color:#888891;}
.score-points{float:left;width:100%;font-size:20px;color:#1f59bc;font-weight:900;line-height:1em;margin-top:4px;display:flex;align-items:center;justify-content:center;}
.round-rank{float:left;width:100%;text-align:center;}
.round-rank .score-points{color:#1f59bc;font-weight:bold;}
.get-icon{float:left;width:24px;min-width:24px;margin-right:5px;}
.get-icon img{float:left;width:100%;}

.acc-content{display:none;float:left;width:100%;}
.tab-content-in{float:left;width:100%;}
.week-info{float:left;width:100%;margin-top:10px;}
.round-list{float:left;width:100%;}
.round-list > li{float:left;width:100%;margin-bottom:10px;background:#fff;border:1px solid #e2e1e6;}
.acc-bar{float:left;width:100%;}
.card-bar{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 52px 6px 10px;position:relative;height:42px;align-items:center;background:#fcfcfc;}
.week-title{float:left;color:#414042;font-size:14px;font-weight:bold;}
.week-points{float:left;color:#1f59bc;font-size:13px;font-weight:bold;}
.round-list > li.open .week-title{color:#1f59bc;}


.acc-icon{float:left;margin-right:0;position:absolute;top:0;right:16px;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease 0s;font-size:12px;color:#888891;}
li.open > .acc-bar .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#1f59bc;}
.result-modal .table-outer{ border:0;}

.resulted-tr{width:100%;pointer-events:none;background:none !important;}
.resulted-tr td{width:100%;padding:0;white-space:normal !important;padding:0 !important;height:auto !important;border-radius:3px;background:none !important;}
.picks-question{float:left;width:100%;display:none;margin-bottom:1px;overflow:hidden;border-radius:0 0 3px 3px;}
.picks-question-outer{float:left;width:100%;padding:12px 10px;background:#f0f0f0;}
.question-label{float:left;width:100%;color:#000;font-size:13px;font-weight:normal;}
.acc-arrow{font-size:10px;position:absolute;top:0;height:100%;right:5px;display:flex;align-items:center;transition:all 0.3s ease 0s;}
.result-table .open .acc-arrow{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.page-title{float:left;width:100%;background:#fff;padding:8px;border:1px solid #dddddd;border-bottom:0;}
.page-title-outer{float:left;width:100%;text-align:center;}
.page-title-label{float:left;width:100%;color:#fff;font-size:16px;font-weight:bold;}
.title-msg{float:left;width:100%;color:#414042;font-size:13px;font-weight:500;}
.title-msg2{float:left;width:100%;color:#1f59bc;font-size:13px;font-weight:bold;text-transform:uppercase;margin-top:5px;}


.completed-match{float:left;width:100%;margin-bottom:8px;}
.comp-label{float:left;width:100%;display:flex;justify-content:center;align-items:center;justify-content:center;color:#1f59bc;text-transform:uppercase;font-size:16px;font-weight:600;}
.comp-label .icon{font-size:20px;margin-right:6px;}
.completed-match p{float:left;width:100%;text-align:center;font-size:12px;margin-top:4px;}
.completed-match-outer{float:left;width:100%;display:flex;justify-content:center;flex-direction:column;}

.already-played{float:left;width:100%;text-align:center;margin-bottom:8px;}
.already-played p{color:#1f59bc;font-size:13px;font-weight:600;line-height:1.3em;}

/*Tier Gold Modal CSS*/
.tier-modal .modal-outer{max-width:680px;}
.tier-content{float:left;width:100%;padding:4px;}
.tier-card-top{float:left;width:100%;padding:10px;background:url(../images/shdaw.png) no-repeat center top #1f59bc;}
.tier-shiled{float:left;width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.tier-figure{float:left;width:100%;position:relative;max-width:20vmin;margin-top:-10.5vmin;}
.tier-figure > img{float:left;width:100%;}
.tier-title{float:left;width:100%;text-align:center;font-size:4vmin;color:#2097f3;text-transform:uppercase;font-family:var(--font-head);font-weight:bold;}

    
.tier-mid{float:left;width:100%;}
.tier-prize-block{float:left;width:100%;overflow:hidden;}
.tier-prize-outer{float:left;width:100%;padding:1vmin;background:#e6e6eb;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.tier-prize-pre{float:left;}
.tier-prize-pre p{color:#414042;font-size:2vmin;font-weight:500;}

.tier-prize-right{float:left;margin-left:1vmin;}
.tier-prize{float:left;width:10vmin;min-width:10vmin;}
.tier-prize img{float:left;width:100%;}
.tier-won{float:left;width:100%;text-align:center;padding:1vmin;}
.tier-won-title{float:left;width:100%;color:#1f59bc;font-size:2vmin;font-family:var(--font-base);}
.tier-won-pre{float:left;width:100%;font-size:1.6vmin;}



.tooltip-nav{display:none;float:left;width:100%;position:absolute;top:100%;left:0;}
.locked:hover .tooltip-nav{display:block;}
.tooltip-inner{float:left;width:100%;display:flex;justify-content:center;}
.tooltip-box{float:left;width:100%;display:flex;justify-content:center;background:#000;color:#fff;text-align:center;border-radius:2px;padding:5px 10px;min-width:240px;}
.tooltip-content{float:left;width:100%;position:relative;z-index:2;}
.tooltip-box:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #000 transparent;}

/*===Welcome Modal CSS===*/
.welcome-modal .modal-head{background:#1f59bc;}
.welcome-modal .modal-head-title{color:#ffffff;font-size:3vmin;text-align:center;font-family:var(--font-head);font-weight:bold;text-transform:uppercase;}
.welcome-modal .modal-outer{background:#fff;}
.welcome-content{float:left;width:100%;}
.welcome-block{float:left;width:100%;display:flex;flex-direction:column;}
.wel-item{float:left;width:100%;}
.wel-item-block{float:left;width:100%;}
.item-top{float:left;width:100%;display:flex;justify-content:center;padding:14px 20px;}
.wel-card{background:url(../images/home-banner-bg.jpg) no-repeat center center; background-size:cover; padding:40px 26px 100px;}
.item-figure{float:left;width:100%;max-height:100%;}
.item-figure img{float:left;width:100%;max-height:100%;max-width:100%;}
.wel-card .item-figure{max-width:234px;}
.item-content{float:left;width:100%;text-align:center;padding:10px 5vmin;}
.item-pre{float:left;width:100%;color:#1a1a1a;font-size:18px;line-height:1.4em;}

.single-location-card{background:#1f59bc;margin-bottom:2vmin;}
.item-level-card .item-figure{max-width:460px;}
.item-boosts-card .item-figure{max-width:600px;}
.item-prizes-card .item-figure{max-width:600px;}
.item-leader-card .item-figure{max-width:600px;}
.item-mini-leader-card .item-figure{max-width:550px;}
.item-mini-prize-card .item-figure{max-width:600px;}
.item-levelup-card .item-figure{max-width:458px;}
.item-grade-card .item-figure{max-width:494px;} 
.item-bonus-card .item-figure{max-width:225px;}

.wel-item3 .item-content{display:flex;justify-content:center;flex-wrap:wrap;}
.wel-item3 .item-content .item-pre{max-width:542px;}
.wel-item1 .wel-card{margin-bottom:5vmin;}
.wel-item7 .item-content{display:flex;justify-content:center;flex-wrap:wrap;}
.wel-item7 .item-content .item-pre{max-width:542px;}


.wel-item9 .item-content{padding:20px 5px;}
.wel-item-title{float:left;width:100%;text-align:center;font-size:22px;font-weight:500;color:#1a1a1a;}
.summary-ul{float:left;width:100%;background:#efefef;}
.summary-ul > li{float:left;width:100%;border-bottom:1px solid #cfcfcf;padding:7px 10px;}
.summary-ul > li:last-child{border-bottom:0;}
.summary-card{float:left;width:100%;text-align:center;}
.summary-title{float:left;width:100%;color:#7d7d7d;font-size:14px;font-weight:500;margin-bottom:4px;}
.summary-figures{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.figure-port{float:left;max-width:70px;min-width:45px;margin:0 8px;}
.figure-port img{float:left;width:100%;}

.item-bonus-card .item-top{padding:10px;}
.item-top.item-mini-prize-card{padding:10px;}
.item-top .position-prize-table{margin:0;max-width:600px;}
.item-top .position-prize-table{border:1px solid #1f59bc;background:#fff;padding:5px;box-shadow:0 1px 5px rgba(0,0,0,0.4);}
.item-top .position-prize-table tbody tr td{padding:4px;font-size:12px;}
.item-top .position-prize-table tfoot tr td{padding:2px 8px;}
.position-prize-table thead tr th{padding:4px;font-size:12px;}
.item-top .position-title{padding:6px 0;}
.wel-item12 .item-content{padding:10px 3vmin;}
.bonus-claim{float:left;width:100%;background:#efefef;padding:0 10px;border:1px solid #cbcbcb;margin-bottom:2vmin;}
.bonus-ul{float:left;width:100%;}
.bonus-ul > li{float:left;width:100%;border-bottom:1px solid #dad9df;padding:6px 0;}
.bonus-ul > li:last-child{border-bottom:0;}
.bonus-block{float:left;width:100%;display:flex;justify-content:space-between;align-items:center;}
.bonus-block .pull-left{color:#242424;font-size:17px;flex:1;text-align:left;}
.bonus-label{float:left;width:100%;color:#1f59bc;text-transform:uppercase;font-weight:bold;font-size:14px;line-height:1.3em;}
.bonus-pre{float:left;width:100%;line-height:1.3em;}
.bonus-block .pull-right{margin-left:10px;}
.bonus-block .tiers-col-box{border-color:#464547;border-radius:20px;}
.bonus-block .tiers-col-box span{font-size:16px;color:#464547;}

.welcome-carousel .owl-dot span{height:14px;width:14px;}
.welcome-carousel .owl-stage-outer .owl-stage{display:flex;align-items:center;}
.welcome-modal .button-bar-outer .btn{min-width:130px;}
.welcome-carousel .owl-nav{float:left;width:100%;order:3;display:flex;justify-content:center;margin:14px 0;}
.welcome-carousel .owl-nav button, .welcome-carousel .owl-nav .owl-next{position:static;display:inline-block;padding:0 14px;text-align:center;color:#fff;font-size:13px;font-family:'Roboto', sans-serif;font-weight:bold;line-height:34px;height:34px;border-radius:3px;background:#1f59bc;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;border:0; min-width:130px;cursor:pointer;text-transform:capitalize;opacity:1 !important;pointer-events:auto !important;}
.welcome-carousel .owl-nav button.owl-prev, .welcome-carousel .owl-prev{display:none;}
.welcome-carousel .owl-nav .owl-next.disabled-nav{pointer-events:none !important;opacity:0.4 !important;}

.td-arrow{display:flex;align-items:center;justify-content:center;color:#474747;font-size:9px;position:absolute;top:0;right:0;width:24px;height:100%;}
.td-arrow:before{transition:all 0.3s ease 0s;display:inline-block;}
.open .td-arrow:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.tr-info{float:left;width:100%;position:relative;background:#f0f0f0;display:none;}
.leaderboard-table table tbody tr.resulted-tr{border:0;}
.tr-grade-card{float:left;width:100%;padding:8px;}
.tr-grade-card .stats-card{float:left;width:100%;padding:8px;background:#fff;}
.tr-grade-card .stats-value{font-size:14px;}
.leader-tr{cursor:pointer;}
.msg-block{float:left;width:100%;padding:10px;text-align:center;}
.msg-block p{color:#1f59bc;font-size:16px;font-family:var(--font-base);}


/*Enjoy your daily reveal! Modal CSS*/
.enjoy-reveal-info .badge-figure{max-width:36vmin;height:18vmin;display:flex;justify-content:center;align-items:center;margin-top:-4.5vmin;}
.enjoy-reveal-info .unlocked-title{padding-bottom:0;}

.animate-box{float:left;width:100%;height:100%;position:absolute;top:0;left:0;}
.animate-inner{float:left;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;}
.animate-figure{float:left;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%;}
.round-animate{animation:lds-ring 30s linear infinite;-webkit-animation:lds-ring 30s linear infinite;}
.flash-animate{-webkit-animation-name:flash;opacity:0;animation-name:flash; -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-fill-mode:both; animation-fill-mode:both;animation-iteration-count:infinite;}
.animate-figure img{float:left;width:100%;}

.round-animate2{animation:lds-ring2 30s linear infinite;-webkit-animation:lds-ring2 30s linear infinite;}

@keyframes lds-ring2{
    0% {
   transform:rotate(0deg);
    }
    100% {
   transform:rotate(360deg);
    }
}

/*Gift Open Modal CSS*/
.gift-open-modal .modal-outer{background:#1f59bc;border-radius:4px;max-width:650px;}
.gift-open{float:left;width:100%;padding:20px 10px;}
.gift-open-figure{float:left;width:100%;display:flex;justify-content:center;align-items:center;}
.open-gift{float:left;width:100%;max-width:200px;position:relative;}
.open-gift-item{float:left;width:100%;position:relative;}
.open-gift-item img{float:left;width:100%;}
.open-gift .animate-figure img{max-width:150%;width:150%;}
.open-gift .animate-figure.flash-animate img{max-width:120%;width:120%;}

.gold-win-content{float:left;width:100%;text-align:center;}
.gold-icon-bar{float:left;width:100%;display:flex;align-items:center;justify-content:center;margin:10px 0;}
.gold-figure{float:left;width:100%;max-width:90px;}
.gold-figure img{float:left;width:100%;}
.gold-won-title{float:left;width:100%;color:#fce000;font-size:18px;font-family:var(--font-base);}


.game-release-card .game-listing > li{width:100%;}
.card-play .countdown-box{width:100%;}
.disable-game .game-bg{opacity:0.6;}
.disable-game .game-card-outer{background:#fcfcfc; pointer-events:none;}

.disable-card .game-bg{opacity:0.6;}
.disable-card .game-card-outer{background:#fcfcfc;}

.prizes-box{float:left;width:100%;padding:0 5vmin;display:flex;justify-content:center;}
.prizes-box-outer{float:left;width:100%;padding:4vmin 12px;background:url(../images/title-texture2.png) no-repeat center center;background-size:100% 100%;text-align:center;display:flex;justify-content:center;align-items:center;}
.prizes-box-in{display:flex;flex-direction:column;}
.prizes-box-outer h2{font-size:10vmin;color:#1f59bc;font-family:var(--font-base);line-height:1em;}
.prizes-box-outer span{font-size:2vmin;color:#1f59bc;font-family:var(--font-base);float:left;width:100%;text-align:left;}


.available-screen{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;background:url(../images/play-bg.png) repeat 0 0 #1f59bc;}
.available-inner{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5vmin;}
.available-inner .block{float:left;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.available-logo{float:left;width:100%;max-width:38vmin;margin-bottom:3vmin;}
.available-logo img{float:left;width:100%;}
.available-inner h2{float:left;width:100%;font-size:4.5vmin;font-family:var(--font-base);text-align:center;color:#fff;max-width:1000px;}

/*===CONGRaTULATIONS Modal CSS======*/
.congra-modal .modal-outer{float:left;width:100%;background:none;}
.congra-modal .modal-body{float:left;width:100%;background:none;}
.congra-card{float:left;width:100%;padding:3vmin 10px;background:url(../images/shdaw.png) no-repeat center top;}
.congra-content{float:left;width:100%;border-radius:6px;background:rgb(0,153,82);background:-moz-linear-gradient(left,  rgba(0,153,82,1) 0%, rgba(0,108,87,1) 100%);background:-webkit-linear-gradient(left,  rgba(0,153,82,1) 0%,rgba(0,108,87,1) 100%);background:linear-gradient(to right,  rgba(0,153,82,1) 0%,rgba(0,108,87,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009952', endColorstr='#006c57',GradientType=1 );}
.congra-detail{float:left;width:100%;}
.congra-title{float:left;width:100%;text-align:center;padding:2vmin 0 0.5vmin;}
.congra-title span{float:left;width:100%;text-align:center;color:#ffff00;font-size:5vmin;line-height:1.3em;font-family:var(--font-head);font-weight:bold;text-transform:uppercase;}
.congra-pre{float:left;width:100%;text-align:center;display:flex;justify-content:center;}
.congra-pre p{float:left;width:100%;max-width:670px;color:#fff;font-size:14px;line-height:1.3em;}
.congra-pre p span{color:#ffff00;}
.congra-card .badge-figure{max-width:17vmin;margin-top:-9.5vmin;}
.congra-modal .close-btn{bottom:-65px;}
.congra-modal.double-rewards-modal .congra-content{border-radius:6px;}
.congra-modal.double-rewards-modal .congra-card{padding:1vmin 10px 2.5vmin;}

.online-user-wrap{float:left;width:100%;display:flex;justify-content:space-between;}
.online-user-wrap .card-info{flex:1;}
.online-users{float:left;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
.users-icon{float:left; margin-right:20px;}
.users-icon .icon{color:#414042;font-size:56px;}
.online-user-detail{float:left;}
.user-title{display:block; width:100%;}
.user-title span{color:#414042;font-size:14px;text-transform:uppercase;}
.users-counter{display:block;width:100%;}
.users-counter span{color:#1f59bc;font-size:26px;font-weight:900;}
.online-user-info .wcard{padding:15px 10px;}

.epic-scores-block{float:left;width:100%;}
.epic-item{float:left;width:100%;}
.epic-scores-users{float:left;width:100%;display:flex;align-items:center;flex-wrap:wrap;}
.epic-scores-logo{float:left;width:100%;margin:0 0 10px;display:flex;justify-content:center;align-items:center;}
.epic-item .stats-card-outer > .col:nth-child(2){border-left:1px solid #d9d9d9;}

.scores-figure{float:left;width:170px;min-width:170px;}
.scores-figure img{float:left;width:100%;}
.epic-scores-detail{float:left;text-align:center;}
.epic-title{display:block;color:#414042;font-size:18px;}
.epic-score{color:#000000;font-size:46px;font-family:var(--font-base);}
.epic-item .stats-card{margin-top:0;}
.epic-item .stats-bx{background:none;padding:0;height:inherit;}
.epic-item .stats-label{margin-bottom:4px;text-transform:none;font-weight:500;font-size:13px;line-height:1.3em;}
.epic-item .stats-cp > strong{line-height:1.3em;color:#000000;}
.epic-item .stats-pre{font-size:13px;text-transform:none;color:#000000;}
.epic-item .stats-pre .icon{font-size:10px;margin-right:4px;}
.epic-item .stats-cp{font-size:24px;text-transform:none;}
.epic-item .countdown-box{width:100%;margin:0 0 5px;}
.epic-item .countdown .col strong{font-size:13px;height:18px;line-height:18px;}
.epic-item .countdown .col span{line-height:16px;}
.epic-item .stats-card-outer .col{width:36px;padding:0 2px;}

.bonus-col{float:left;width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
.bonus-col .card-play{margin:0;}
.bonus-col .card-play .btn{height:26px;line-height:26px;font-size:12px;padding:0 8px;background:none;color:#1f59bc;font-weight:normal;text-decoration:underline;}
.bonus-col .gold-stats{margin:2px 0 0;}
.bonus-col .gold-badge{width:28px;min-width:28px;}
.bonus-col .gold-point{font-size:20px;color:#000000;}

.question-wcard{float:left;width:100%;padding-top:12px;}
.question-card{float:left;width:100%;margin-bottom:0;}
.card-info-outer{float:left;width:100%;padding:0 8px;}
.question{float:left;width:100%;}
.question h3{float:left;width:100%;color:#414042;font-size:15px;font-weight:600;}

.x-value-title{float:left;width:100%;font-size:13px;color:#414042;margin-bottom:4px;}
.question-counter{float:left;width:100%;margin:24px 0 20px;}
.question-counter .countdown-box{float:left;width:100%;}
.question-counter .countdown .col strong{font-size:20px;line-height:24px;}
.question-counter .countdown .col{width:64px;}
.question-counter .countdown .col span{font-size:11px;line-height:22px;}
.counter-title{float:left;width:100%;color:#414042;font-size:15px;font-weight:600;text-align:center;margin-bottom:12px;}

.resulted-question{float:left;width:100%;text-align:center;padding:15px 0;}
.resulted-ans{float:left;width:100%;font-size:56px;color:#1f59bc;font-weight:bold;}
.resulted-pre{float:left;width:100%;font-size:20px;color:#414042;font-weight:bold;text-transform:uppercase;}


.question-listing{float:left;width:100%;}
.question-list{float:left;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.question-list > li{float:left;width:calc(50% - 6px);min-width:calc(50% - 5px);margin-bottom:12px;}
.ques-bx{float:left;width:100%;background:#f0f0f0;padding:5px 8px;display:flex;align-items:center;height:42px;border-radius:3px;cursor:pointer;}

.vote-user-info .wcard{position:relative;}
.vote-counter .countdown-box{display:flex;flex-direction:column;padding:5px 16px;align-items:center;}
.vote-counter{float:left;position:absolute;top:0;right:0;}
.vote-counter .countdown{justify-content:center;border-radius:5px;padding:2px 6px 1px;}
.vote-counter .countdown .col{width:auto;border:0;display:flex;align-items:center;padding:0 2px;}
.vote-counter .countdown .col:after{display:none;}
.vote-counter .countdown .col strong, .vote-counter .countdown .col span{width:auto;font-size:12px;font-weight:500;text-transform:none;padding:0;line-height:1.3em;}
.vote-counter .countdown .col span{margin-left:1px;}
.vote-counter .counter-title{font-size:12px;margin:0 0 3px;}

.pool-voting{float:left;width:100%;}
.voting-tm{float:left;width:100%;color:#1f59bc;font-size:13px;margin-bottom:2px;font-weight:500;text-align:center;line-height:1em;}
.voting-tm span{color:rgba(0,0,0,0.8);display:inline-block;font-size:11px;}
.voting-bar{float:left;width:100%;height:16px;position:relative;display:none;}
.pool-bar{float:left;height:10px;border-radius:20px;animation:voteProgress 1000ms linear;background:#1f59bc;margin-top:-1px;}
.voting{float:left;width:30px;line-height:1em;font-size:12px;color:#414042;text-align:right;}
.voting-bar-outer{float:left;width:100%;display:flex;align-items:center;justify-content:space-between;}
.voting-progerss{float:left;flex:1;border:1px solid #d9d9d9;border-radius:20px;height:10px;background:#fff;}

.add-tip{pointer-events:none;}
.add-tip .voting-bar{display:block;}
.add-tip .voting-tm{text-align:left;}
.tiped .ques-bx{background:#2097f3;}
.tiped .ques-bx .voting-tm{color:#000;}
.tiped .ques-bx .voting-tm span{display:inline-block;}

@keyframes voteProgress{
  0% {
    width:0;
  }
}


.animate-btn{position:relative;overflow:hidden;-webkit-animation-name:scaleBtn;animation-name:scaleBtn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
.animate-btn span{position:relative;z-index:1;}
.animate-btn:after{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto auto;background:#fff;opacity:0.2;width:10px;height:10px;content:'';z-index:0;pointer-events:none;border-radius:50%;transform:scale(0);}
.animate-btn:after{-webkit-animation-name:animateBtn;animation-name:animateBtn;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@-webkit-keyframes animateBtn {
	0% {transform:scale(0);}
	50% {transform:scale(20);}
}
  
@-webkit-keyframes scaleBtn {
	0% {-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
	50% {-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
	100% {-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}


.pulse-animate{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;top:0;left:0;}
@keyframes shadow-pulse
{
  0% {box-shadow:0 0 0 0px rgba(32, 151, 243, 0.3);}
  100% {box-shadow:0 0 0 6vmin rgba(32, 151, 243, 0);}
}

@keyframes shadow-pulse2
{
  0% {box-shadow:0 0 0 0px rgba(255, 255, 255, 0.2);}
  100% {box-shadow:0 0 0 10vmin rgba(255, 255, 255, 0);}
}

.pulse, .pulse2, .pulse3{float:left;width:6%;height:6%;border-radius:50%;animation:shadow-pulse 2s infinite 0s;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto auto;}
.pulse2{animation:shadow-pulse 2s infinite .5s;}
.pulse3{animation:shadow-pulse 2s infinite 1s;}
.nav-bar .pulse, .nav-bar .pulse2, .nav-bar .pulse3{animation-name:shadow-pulse2;}

/*===Prizes Card CSS===*/
.prize-card-info{width:50%;margin-top:42px;}
.prize-card-info .wcard{background:#2097f3;padding:18px 12px;position:relative;}
.prize-card{float:left;width:100%;text-align:center;display:flex;align-items:center;}
.prize-icon{float:left;width:160px;margin-right:20px;}
.prize-figure{float:left;width:100%;}
.prize-figure img{float:left;width:100%;}
.prize-detail{float:left;width:100%;}
.prize-label{float:left;width:100%;font-size:16px;font-family:var(--font-base);color:#fff;line-height:1.3em;}
.prize-label span{color:#06113f;font-family:var(--font-head); font-weight:bold; font-size:20px;}
.prize-title{float:left;width:100%;margin-bottom:8px;}
.prize-title span{font-size:24px;font-family:var(--font-head); font-weight:bold; color:#fff;text-transform:uppercase;}
.prize-modal-info{float:left;width:100%;}
.prize-pre{float:left;width:100%;text-align:center;font-size:14px;line-height:1.3em;background:#1f59bc;color:#fff;padding:14px;}
.prize-modal-info .position-prize-table{padding:10px 14px;margin:0;}
.card-num{position:absolute;top:8px;right:10px;color:#fff;font-size:13px;font-weight:500;}


.fail-to-load{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;background:url(../images/play-bg.png) repeat 0 0 #1f59bc;}
.fail-to-load-inner{float:left;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5vmin;}
.fail-to-load-inner .block{float:left;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.fail-to-load-logo{float:left;width:100%;max-width:25vmin;margin-bottom:3vmin;}
.fail-to-load-logo img{float:left;width:100%;}
.fail-to-load-inner h2{float:left;width:100%;font-size:2vmin;font-family:var(--font-base);text-align:center;color:#fff;max-width:810px;line-height:1.6em;} 
.icon-btn .icon{margin-right:8px;font-size:14px;}
.fail-to-load-inner .btn{height:52px;display:flex;justify-content:space-between;align-items:center;width:244px;}
.fail-to-load-inner .card-play{margin-top:20px;display:flex;justify-content:center;}
.btn-icon{float:left;width:30px;}
.btn-icon img{float:left;width:100%;}

.splash-widget .prize-card-info{margin-top:18px;}
.login-to-play{float:left;width:100%;text-align:center;}
.login-title{float:left;width:100%;margin-bottom:14px;}
.login-title span{font-size:24px;color:#fff;font-family:var(--font-head);font-weight:bold;text-transform:uppercase;}
.login-play-info .wcard{background:#1f59bc;padding:14px;}
.login-play-info .card-play .btn{min-width:94px;}
.splash-widget .featured-game-card .game-listing > li:nth-child(2){display:block;}


.congra-bottom{float:left;width:100%;padding:16px 14px;background:#fff;border-radius:0 0 6px 6px;}
.congra-bottom-iiner{float:left;width:100%;}
.congra-caption{float:left;width:100%;text-align:center;}
.congra-span{float:left;width:100%;color:#414042;font-size:14px;}
.congra-modal .congra-card{padding:1vmin 10px;}
.congra-modal .congra-content{border-radius:6px 6px 0 0;}
.congra-bottom .stats-card{margin-top:10px;}
.congra-bottom .stats-pre{text-transform:none;}
.congra-bottom .title-figure{max-width:15vmin;}


/*page-not-found*/
.page-not-found{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;background:#1f59bc;}
.container-not-found{width:100%;max-width:745px; float:left;display:flex;justify-content:center;align-items:center;}
.not-found-mid{ width:100%;height:100%; padding:15px;float:left;display:flex;justify-content:center;align-items:center;}
.mid-card-not-found{width:100%; max-width:260px;float:left;}
.inner-red-card{width:100%;float:left;}
.mid-card-not-found h2{font-size:40px;color:#fff;font-family:var(--font-base);}
.mid-card-not-found p{font-size:14px;font-family:var(--font-base);color:#fff;margin-top:30px;line-height:1.6em;}
.red-card-pic{float:left;width:260px;}
.page-not-found .btn-home{margin-top:30px;}
.btn-home .skyblue-btn{display:inline-block;width:auto;min-width:110px;font-size:16px;font-weight:bold;color:#fff;text-transform:none;padding:0 16px;height:52px;line-height:52px;border-radius:2px;box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);background:#389fda;text-align:center;}
.red-card-ball-pic{position:absolute;bottom:0;left:0;right:0;}
.btn-home .skyblue-btn:hover{background:#328fc4;}
.btn-home .skyblue-btn:focus{background:#2c7fae;box-shadow:none;}



/*First Time MODAL CSS*/
.first-time-modal .modal-outer{max-width:700px;}
.first-time-content{float:left;width:100%;text-align:center;padding:20px 14px 14px;}
.first-time-content .button-bar{padding:8px 0 0;}
.first-time-content p{font-size:15px;line-height:1.3em;}
.first-time-content .button-bar-outer{justify-content:center;}
.first-time-content .button-bar-outer .col{flex:inherit;}
.first-time-content .button-bar-outer .col .btn{min-width:118px;}
.first-time-modal .modal-head-title{text-align:center;}

.games-scroll-content{float:left;width:100%;}
.games-scroll-wrap{float:left;width:100%;}
.games-scroll-container{float:left;width:100%;}
.games-list .owl-stage{justify-content:center;min-width:100%;display:flex;align-items:center;touch-action:manipulation;}
.games-info{float:left;width:100%;margin-bottom:10px;margin-top:18px;}
.games-title{float:left;width:100%;text-align:center;margin-bottom:10px;}
.games-title p{color:#414042;font-size:14px;line-height:1.3em;font-family:'Roboto', sans-serif;}
.games-list{float:left;width:100%;padding:0 14px;position:relative;}
.games-list .col{float:left;width:100%;padding:0 4px;}
.games{float:left;width:100%;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,0.4);border-radius:3px;overflow:hidden;cursor:pointer;background:#fff;}
.games:hover .game-figure{opacity:0.9;}
.game-figure{float:left;width:100%;cursor:pointer;transition:all 0.3s ease 0s;}
.game-figure img{float:left;width:100%;}
.games-list .owl-nav button i, .games-list .owl-nav div i{font-size:20px;color:#414042;}
.games-list .owl-nav button, .games-list .owl-nav div{left:-7px;}
.games-list .owl-nav button.owl-next, .games-list .owl-nav div.owl-next{left:auto;right:-7px;}

/* Xmas Christmas Theme */
/* .login-wrap .mid-wrapper{background-position:left 0px;} */
/*.page-container{background-image:url(../images/christmas-full-bg.png);background-size:cover;background-attachment:fixed;background-position:left 65px;}
.mid-wrapper{padding-top:40px;padding-bottom:0px;}
.mid-wrapper:before{background-image:url(../images/christmas-balloon.png);position:fixed;right:auto;left:154px;top:65px;content:'';width:198px;height:263px;z-index:-1;}
.mid-wrapper:after{background-image:url(../images/christmas-horse.png);position:fixed;right:0px;left:auto;top:65px;content:'';width:325px;height:258px;z-index:-1;}
.featured-game-card .game-listing li .game-card:before{background-image:url(../images/christmas-ice.png);position:absolute;left:0px;right:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}
.game-release-card .game-listing li .game-card:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.play-card .card-outer:after{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:10px;content:'';width:98px;height:29px;z-index:1;-webkit-transform:skewY(-3deg);transform:skewY(-3deg);}
.challenges-widget .play-card .card-outer:after{top:-3px;}
.menu-widget .play-card .card-outer:after{top:-3px;}
.shop-widget .play-card .card-outer:after{top:-3px;}
.splash-widget .play-card .card-outer:after{top:-3px;}
.leaderboard-widget .play-card .card-outer:after{top:-3px;}
.game-widget .play-card .card-outer:after{top:-3px;}

.weekly-monthly-warp .card-info .card-outer{position:relative;}
.weekly-monthly-warp .card-info .card-outer:after{background-image:url(../images/christmas-ice.png);position:absolute;left:auto;right:5px;top:-11px;content:'';width:98px;height:29px;z-index:2;}

.weekly-monthly-warp .week-prize-bar,
.weekly-monthly-warp .tiers-prize-wrap{position:relative;}
.weekly-monthly-warp .week-prize-bar:after{background-image:url(../images/christmas-ice.png);position:absolute;left:auto;right:5px;top:-11px;content:'';width:98px;height:29px;z-index:2;}
.weekly-monthly-warp .tiers-prize-wrap:after{background-image:url(../images/christmas-ice.png);position:absolute;left:auto;right:5px;top:-11px;content:'';width:98px;height:29px;z-index:2;}

.game-list-info .game-listing li .game-card:before{background-image:url(../images/christmas-ice.png);position:absolute;left:0px;right:auto;top:-11px;content:'';width:98px;height:29px;z-index:2;}

.rewards-card .rewards-block .rewards-col .rewards-bx:before{background-image:url(../images/christmas-ice.png);position:absolute;left:0px;right:auto;top:-11px;content:'';width:98px;height:29px;z-index:2;}

.theme-footer{background-image:url(../images/christmas-footer.png);background-repeat:no-repeat;background-position:bottom center;background-color:inherit;animation:auto!important;opacity:1!important;}
.theme-footer:before {background-image:url(../images/christmas-tree.png);position:fixed;right:auto;left:30px;bottom:0px;content:'';width:121px;height:204px;z-index:1;}
.theme-footer:after {background-image:url(../images/christmas-tree-right.png);position:fixed;right:0px;left:auto;bottom:0px;content:'';width:338px;height:204px;z-index:1;}*/

/* All Card */

/*.reveal-reward-card .card-outer{position:relative;}
.reveal-reward-card .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.online-user-wrap .card-outer{position:relative;}
.online-user-wrap .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.desk-half-coll .card-outer{position:relative;}
.desk-half-coll .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.weekly-status-info .card-outer{position:relative;}
.weekly-status-info .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.best-grade-info .card-outer{position:relative;}
.best-grade-info .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.featured-match-info .card-outer{position:relative;}
.featured-match-info .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.flash-sale-info .card-outer{position:relative;}
.flash-sale-info .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.banner-section .card-outer{position:relative;}
.banner-section .card-outer:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}

.leader-info .page-title{position:relative;}
.leader-info .page-title:before{background-image:url(../images/christmas-ice.png);position:absolute;right:0px;left:auto;top:-11px;content:'';width:98px;height:29px;z-index:1;}*/

/* All Card */
/*
@media(max-width:1366px){
	.theme-footer:before {width:80px;height:140px;background-size:100% 100%;}
	.theme-footer:after{width:142px;}
	.mid-wrapper:before{width:132px;height:176px;background-size:100% 100%;left:20px;}
	.mid-wrapper:after {right:-50px;top:38px;width:170px;height:138px;background-size:100% 100%;}
}

@media(max-width:1024px){
	.theme-footer:before {display:none;}
	.theme-footer:after{display:none;}
	.mid-wrapper:before{display:none;}
	.mid-wrapper:after {display:none;}
	.mid-wrapper{padding-top:0px;padding-bottom:12px;background-image:none;}
	.page-container{background-image:url(../images/christmas-full-bg.png);background-attachment:fixed;background-position:left 0px;background-size:100% auto;background-repeat:no-repeat;}
	.challenges-widget .play-card .card-outer:after{top:-5px;}
	.menu-widget .play-card .card-outer:after{top:-5px;}
	.shop-widget .play-card .card-outer:after{top:-5px;}
	.splash-widget .play-card .card-outer:after{top:-5px;}
	.leaderboard-widget .play-card .card-outer:after{top:-5px;}
	.game-widget .play-card .card-outer:after{top:-5px;}
	.play-card .card-outer:after{top:-5px;}
}
@media(max-width:992px){
	.challenges-widget .play-card .card-outer:after{top:2px;}
	.menu-widget .play-card .card-outer:after{top:2px;}
	.shop-widget .play-card .card-outer:after{top:2px;}
	.splash-widget .play-card .card-outer:after{top:2px;}
	.leaderboard-widget .play-card .card-outer:after{top:2px;}
	.game-widget .play-card .card-outer:after{top:2px;}
	.play-card .card-outer:after{top:2px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation :landscape) {
	.challenges-widget .play-card .card-outer:after{top:5px;}
	.menu-widget .play-card .card-outer:after{top:5px;}
	.shop-widget .play-card .card-outer:after{top:5px;}
	.splash-widget .play-card .card-outer:after{top:5px;}
	.leaderboard-widget .play-card .card-outer:after{top:5px;}
	.game-widget .play-card .card-outer:after{top:5px;}
	.play-card .card-outer:after{top:5px;}
}
@media only screen and (min-device-width:375px) and (max-device-width:736px)  and (orientation:portrait)  {
	.challenges-widget .play-card .card-outer:after{top:13px;}
	.menu-widget .play-card .card-outer:after{top:13px;}
	.shop-widget .play-card .card-outer:after{top:13px;}
	.splash-widget .play-card .card-outer:after{top:13px;}
	.leaderboard-widget .play-card .card-outer:after{top:13px;}
	.game-widget .play-card .card-outer:after{top:13px;}
	.play-card .card-outer:after{top:13px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:374px)  and (orientation:portrait)  {
	.challenges-widget .play-card .card-outer:after{top:15px;}
	.menu-widget .play-card .card-outer:after{top:15px;}
	.shop-widget .play-card .card-outer:after{top:15px;}
	.splash-widget .play-card .card-outer:after{top:15px;}
	.leaderboard-widget .play-card .card-outer:after{top:15px;}
	.game-widget .play-card .card-outer:after{top:15px;}
	.play-card .card-outer:after{top:15px;}
}*/

/* Xmas Christmas Theme */

/* Odds BTN CSS */
.odds-btn{float:left;text-align:center;}
.odds-pre{display:block;font-size:12px;line-height:1.3em;}
.odds-btn .funfuct-bx{margin-top:5px;cursor:pointer;min-width:110px;}
.odds-btn .funfuct-bx:hover{background:#1f59bc;}
/* .odds-btn .funfuct-bx:hover span{color:#000;} */
.odds-type{font-size:11px;}
.funfuct-bx:hover .odds-type, .funfuct-bx:hover span{color:#fff;}
/* Odds BTN CSS */



.top-tabs-container{float:left;width:100%;}
.top-tabs{float:left;width:100%;margin-bottom:10px;}
.top-tabs .tabs-nav > li{padding:0;}
.top-tabs .tabs-nav > li a{border-radius:0;padding:10px 8px;position:relative;font-size:14px;color:#888891;} 
.top-tabs .tabs-nav > li.active a{color:#fff;background:#1f59bc;}
.top-tabs .tabs-nav > li.active a:after{position:absolute;bottom:0;left:0;float:left;height:3px;background:#1f59bc;width:100%;content:'';}

.current-play{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin-top:14px;}
.active-topic{float:left;width:100%;position:absolute;top:0;left:0;padding:10px;z-index:1;}
.active-topic span{color:#fff;font-size:13px;}


/*==========================================================================================*/
/*------RESPOSIVE CSS START HERE------*/
/*==========================================================================================*/
@media(max-width:1024px){
.prize-card-info {
    margin-top:20px;
}
    .money-back-info .tnc-btn{position:absolute;bottom:10px;left:20px;}
    .modal.slide-modal{overflow:inherit;padding:0;}
    .slide-modal .modal-contenier{padding:0;height:100%;overflow:hidden;align-items:stretch;}
    .slide-modal .modal-outer{float:left;width:100%;max-width:100%;display:flex;flex-direction:column;height:100%;overflow:hidden;}
    .slide-modal-head{align-self:flex-start;position:sticky;position:-webkit-sticky;z-index:4;}
    .slide-modal .modal-body{float:left;width:100%;overflow:hidden;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;}
    .slide-modal .popup-info{padding:10px;}
    .tabs-nav > li a span{text-align:center;}
    .gambling-modal-info{height:100%;display:flex;justify-content:center;align-items:center;}
    .modal-widget .slide-modal .popup-info{padding-bottom:60px;}
	.defalut-modal.faq-modal-single .scrollbar-container{height:100%;overflow:hidden !important;}
	.defalut-modal.faq-modal-single .modal-body{overflow:inherit;}
	.defalut-modal.faq-modal-single .ps__rail-x, .defalut-modal.faq-modal-single .ps__rail-y{display:none;}
    .defalut-modal.faq-modal-single .modal-body{height:calc(100% - 44px);max-height:calc(100% - 44px);}
	.defalut-modal.faq-modal-single .popup-info{height:100%;padding:0;}
	.defalut-modal.faq-modal-single .faq-prizes-list{padding:10px;}
	.defalut-modal.faq-modal-single .scroll-modal-content{height:100%;}
	.defalut-modal.faq-modal-single .prizes-faq-info{height:100%;}
	.defalut-modal.faq-modal-single .scroll-content{height:100%;}
	.defalut-modal.faq-modal-single .modal-overlay{display:none;}
	.defalut-modal.faq-modal-single .modal-outer{display:block;}
	
	.best-grade-info .title{display:none;}
	
	.menu-widget .modal-widget .modal-head.slide-modal-head{height:43px;}
	.menu-widget .modal-widget .modal-body{max-height:calc(100% - 43px);}
	
	
	.featured-carousel .owl-nav button{height:36%;}
	.prize-card-info{width:100%;}
	
	.fail-to-load-inner h2{font-size:3.2vmin;}
	.fail-to-load-logo{max-width:44vmin;margin-bottom:4.3vmin;}
	
	
.modal.faq-modal.slide-modal .scrollbar-container.ps, .modal.defalut-modal.faq-modal-single.slide-modal .scrollbar-container.ps{touch-action:inherit;-ms-touch-action:inherit;overflow-anchor:inherit;-ms-overflow-style:inherit;overflow:auto important;}
.modal.faq-modal.slide-modal .ps__rail-x, .modal.faq-modal.slide-modal .ps__rail-y, .modal.defalut-modal.faq-modal-single.slide-modal .ps__rail-x, .modal.defalut-modal.faq-modal-single.slide-modal .ps__rail-y{display:none !important;}

.modal.faq-modal.slide-modal .faq-modal-info, .modal.faq-modal.slide-modal .scroll-modal-content, .modal.faq-modal.slide-modal .prizes-faq-info, .modal.faq-modal.slide-modal .scroll-content{height:100%;}
.modal-widget .modal.faq-modal.slide-modal .popup-info{padding-bottom:10px;}

}

@media(min-width:1025px) and (max-width:1100px){
.nav-ul > li > a{padding:24px 12px;}	
}

@media(max-width:992px){
/*===Welcome Modal CSS===*/	
.item-top{padding:10px;}
.item-content{padding:10px;}
.summary-title{flex:1;font-size:2vmin;}
.item-top.item-summary-card{padding:10px 10px 0;}
.wel-item-title{font-size:16px;}
.item-summary-card .item-top{padding:10px;}
.wel-item9 .item-content{padding:10px 5px;}
.item-pre{font-size:2.5vmin;}
.bonus-block .pull-left{font-size:13px;}
.bonus-ul > li{padding:8px 0;}
.item-top.wel-card{padding:7vmin 10px 15vmin;}
.single-location-card{padding:9vmin 10px;}
.wel-card .item-figure{max-width:184px;}
.item-bonus-card .item-figure{max-width:135px;}
.item-grade-card .item-figure{max-width:254px;}
.item-level-card .item-figure{max-width:480px;}
.item-levelup-card .item-figure{max-width:398px;}
.item-top .position-title{font-size:11px;}	

.enjoy-reveal-modal .modal-outer{max-width:500px;}

.congra-modal .modal-outer{max-width:600px;}
.congra-title span{font-size:5vmin;}

.vote-counter{position:static;width:100%;}
.vote-counter .countdown-box{width:100%;padding:0 8px 5px;}

.terms-info table{table-layout:auto;}

.logo-icon img{height:22px;}

}

@media(min-width:768px) and (max-width:1024px){
   /*  .special-offer-info .wcard:before{-webkit-transform:skewY(-3deg);transform:skewY(-3deg);top:-47px;} */
    .special-offer-info .wcard{padding:60px 8px 8px;}
	.nav-list li a .nav-label{font-size:12px;}
	
	.card-game-logo{min-height:68px;}
	.card-game-logo .logo-figure{max-width:100px;}


}

@media(max-width:767px){

    .desk{display:none;}
    .mob{display:inline-block;}
	.top-bar{padding:8px 12px;}
    .current-xp span, .xp-level span{font-size:11px;width:56px;padding:4px 6px;}
    .current-xp h2, .xp-level h2{font-size:12px;line-height:1.3em;}
    .avtar-img{max-width:90px;min-width:90px;}
    .xp-scores{padding:0;}
    .xp-level, .current-xp{margin-bottom:4px;}

    .month-heading .col span{font-size:12px;}
    .my-history-modal-info .bar-arrow{right:10px;}
    .my-history-modal-info .btn_plus{right:-6px;}
    .history-thead .col{font-size:12px;}

    .inventory-widget .item-title-label{font-size:11px;}

    .congrats-modal .boost-box .rewards-figure{max-width:52px;}
    .figure-label{height:24px;width:24px;font-size:12px;}

    .featured-game-card .game-listing > li:nth-child(2){display:none;}
    .featured-game-card .game-listing > li{margin:0px;}

    .nickname-modal .modal-head-title{font-size:16px;}
    .user-form{padding:10px;}

    .suspended-pre{font-size:14px;}

    .store-card-content p{font-size:3vmin;}
	
	
/*Tier Gold Modal CSS*/
.tier-prize-pre p{font-size:3vmin;}
.tier-won-title{font-size:3vmin;}
.tier-won-pre{font-size:2.9vmin;}


/*===Welcome Modal CSS===*/
.summary-ul > li:not(:first-child) .summary-card{display:flex;}
.summary-title{flex:1;font-size:3vmin;}
.item-pre{font-size:3.5vmin;}
.summary-ul > li:not(:first-child) .summary-figures{width:auto;max-width:70px;}
.summary-ul > li:not(:first-child) .summary-title{text-align:left;}
.wel-card .item-figure{max-width:150px;}
.item-bonus-card .item-figure{max-width:135px;}
.item-grade-card .item-figure{max-width:254px;}
.item-level-card .item-figure{max-width:290px;}
.item-levelup-card .item-figure{max-width:268px;}
.item-top .position-title{font-size:11px;}	
.item-top .position-prize-table tfoot tr td{padding:2px 4px;ont-size:12px;}
.item-top .position-prize-table thead tr th{padding:3px 4px;font-size:11px;}
.item-top .position-prize-table tbody tr td{padding:3px 4px;font-size:11px;}
.item-top .position-title{padding-bottom:6px;}
.item-top.item-mini-prize-card{padding-bottom:0;}

.msg-block p{font-size:14px;}

.choice-item-outer .col{width:22vmin;}
.choice-item-figure figure{width:12vmin;}
.choice-item-logo figure{height:7vmin;}
.choice-item-outer{max-width:72vmin;}
.choice-item .figure-label{height:5.4vmin;width:5.4vmin;font-size:3vmin;}
.info-icon{font-size:13px;}
.item-info{top:4px;right:4px;}

.store-boost-info .unlock-figure{max-width:280px;}


.enjoy-reveal-info .unlocked-title span{font-size:4.8vmin;}
.store-card-content p{font-size:4vmin;}
.enjoy-reveal-info .badge-figure{max-width:46vmin;height:20vmin;}

.prizes-box-outer span{font-size:2.8vmin;}
.prizes-box-outer h2{font-size:12vmin;}
.prizes-box-outer{padding:7vmin 12px;}

.congra-title span{font-size:7vmin;}
.congra-pre p, .congra-span{font-size:2.5vmin;}
.congra-card{padding:5vmin 10px;}
.congra-card .badge-figure{max-width:28vmin;margin-top:-15.5vmin;}

.online-user-wrap .card-info{width:100%;flex:inherit;}
.online-user-wrap{flex-wrap:wrap;}

.faq-prizes-list table tr th, .faq-prizes-list table tr td{font-size:12px;}

.mid-card-not-found h2{font-size:26px;}
.red-card-pic{width:190px;}
.mid-card-not-found p{font-size:12px;margin-top:12px;}
.btn-home .skyblue-btn{height:44px;line-height:44px;}
.page-not-found .btn-home{margin-top:14px;}

.game-title-outer h2{font-size:12px;}

.footer-logos-block{display:block;}
.footer-logos-block .footer-logos{width:100%;}
.logo-icon img{height:26px;}
.theme-footer:not(.ft-ireland) .footer-logos-block .footer-logos.last-row{flex-wrap:wrap;}
.theme-footer:not(.ft-ireland) .footer-logos-block .footer-logos.last-row .full-row{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px;margin-top:-8px;}

}


@media(max-width:560px){
    .score-tip{min-width:44px;height:20px;}
    .score-tip span{font-size:11px;}
    .progress-label p{font-size:11px;}
    .money-back-info .offer-left{max-width:140px;}
	
	.leader-info .card-title .title-right{margin-top:8px;width:100%;}
	
	.bonus-pre{font-size:12px;}
	.bonus-label{font-size:13px;}
	
	.congra-pre p, .congra-span{font-size:3.4vmin;}
	.congra-pre p{font-size:3.6vmin;}
	.scores-figure{width:120px;min-width:120px;}
	.epic-item .stats-label{font-size:12px;}
	.stats-cp, .stats-value{font-size:13px;}
	.stats-label{font-size:11px;}
	.prize-label{font-size:12px;}
	.prize-label span{font-size:14px;}
	.prize-icon{width:130px;}
	.prize-title span{font-size:20px;}
	
	.prize-detail .card-play .btn{font-size:12px;padding:0 6px;height:28px;line-height:28px;}
	
	.congra-bottom .title-figure{max-width:70px;}
	.congra-bottom .stats-pre{font-size:10px;}
	.congra-bottom{padding:8px;}
	
	.congra-bottom .stats-card-outer{flex-wrap:wrap;}
	.congra-bottom .stats-card-outer .col{width:50%;min-width:50%;margin-top:10px;}
	.congra-bottom .stats-card-outer .col:first-child, .congra-bottom .stats-card-outer .col:nth-child(2){margin-top:0;}
	
	.game-listing .card-play .countdown .col{width:48px;}
	
	.featured-match-info .match-teams-outer .col-md{max-width:28px;width:28px;}
	.featured-match-info .match-teams-outer .col{width:calc(50% - 14px);}
	.featured-match-info .featured-match-card .icon-figure{height:24px;width:24px;min-width:24px;}
	.featured-match-info .team-block .team-figure{margin-left:5px;}
	.featured-match-info .tm-two .team-block .team-figure{margin:0 5px 0 0;}
	.featured-match-info .match-teams-outer .col .team-name .name-label{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.featured-carousel .owl-nav button i, .featured-carousel .owl-nav div i{font-size:9px;}
	
	.game-listing .game-card .score-today{margin-bottom:5px;font-size:13px;}
	.game-listing .game-card .card-play{margin-top:6px;}
	.game-listing .game-card .card-play .btn{height:32px;line-height:32px;}
	.game-listing .game-card .logo-figure{max-width:120px;}
	.active-topic{padding:6px 10px;}
	.active-topic span{font-size:12px;}
	
	.featured-carousel .owl-nav button, .featured-carousel .owl-nav > div{padding-right:12px;}
	.featured-carousel .owl-nav button.owl-next, .featured-carousel .owl-nav div.owl-next{padding:0 0 0 12px;}
	.featured-carousel .match-card{padding:10px 14px;}
}


@media(max-width:414px){
.prize-detail .card-play .btn{font-size:11px;}
.prize-icon{width:88px;}
.prize-icon{margin-right:3px;}
.prize-detail .card-play .btn{padding:0 4px;height:24px;line-height:24px;font-weight:normal;margin:0 2px;}	

.leaderboard-table table td, .leaderboard-table table th{padding:6px 6px 5px;font-size:11px;}
.leaderboard-table table .td-arrow{padding-left:2px;}

}

@media(max-width:360px){
    .play-logo figure{max-width:130px;}
    .card-content .logo-figure{max-width:94px;}
    .card-play .btn{height:28px;line-height:28px;}
    .reveal-icon{height:60px;width:60px;min-width:60px;}
    .reveal-icon .icon{font-size:32px;}
    .offer-info{font-size:13px;}
    .offer-left{max-width:100px;}
    .featured-match-card .name-label{font-size:11px;}
    .featured-match-card .icon-figure{height:28px;width:28px;min-width:28px;}
    .logo-icon img{height:18px;}
    .stats-label{font-size:11px;}
    .stats-cp{font-size:14px;}

    .price-bx .price{font-size:12px;}
    .price-bx .gold-badge{width:18px;min-width:18px;}
    .rewards-port-outer{height:78px;}

    .gift-figure{max-width:64px;}
    .reveal-counter-bar .countdown .col{width:48px;}
    .reveal-counter-bar .reveal-title{font-size:12px;}
    .reveal-left{margin-right:12px;}
    .menus > li a{font-size:12px;}
    .progress-label p{font-size:10px;}

    .inventory-widget .item-title-label{font-size:10px;}
	
	.open-gift{max-width:110px;}
	.gold-figure{max-width:70px;}
	
	.epic-item .stats-card-outer > .col{padding:0 5px;}
	.epic-item .stats-card-outer .col{width:32px;}
	.epic-item .countdown .col span{font-size:8px;}
	.epic-item .countdown .col strong{font-size:12px;}
	
	.card-play .countdown .col{width:38px;}
	.card-play .countdown .col strong{font-size:13px;}
	.card-play .countdown .col span{font-size:8px;}
	.game-content-inner{width:70%;}
	.featured-match-info .match-teams-outer .col .team-name .name-label{font-size:10px;}

}

@media(min-width:1025px){
.back-left{display:none;}	
    /*====================Desktop CSS Start====================*/
    .d-none{display:none;}
    .m-none{display:block;}
    .full-width-card{width:100% !important;max-width:100% !important;}
    .card-block{display:flex;justify-content:space-between;}
    .card-block .card-info{flex:1;}
    .footer-nav-bar{display:none;}
    .top-nav-bar{display:flex;}
    .top-bar-outer{max-width:340px;}
    .top-header{position:sticky;position:-webkit-sticky;top:0;z-index:9;}
    .top-bar{padding:0;}
    .top-right .faq-label{display:none;}

    /*  .play-card .card-outer:before{-webkit-transform:skewY(-3deg);transform:skewY(-3deg);}
   .play-card .card-title{-webkit-transform:skewY(-3deg);transform:skewY(-3deg);font-size:30px;top:-4px;} */

    .reveal-reward-card .reveal-card .reveal-left{width:100%;max-width:250px;margin:0;display:flex;justify-content:center;align-items:center;}
	.reveal-reward-card .reveal-card .gift-figure{width:170px;}
    .reveal-reward-card .reveal-card .reveal-counter-bar{justify-content:center;width:100%;}
    .reveal-reward-card .reveal-title{text-align:center;}
    .reveal-reward-card .reveal-block{width:50%;border-bottom:0;border-right:1px solid #ddd;}
    .reveal-reward-card .reveal-block:last-child{border-right:0;}
    .reveal-reward-card .wcard{padding:37px 8px;}

    .game-listing{width:auto;float:none;margin:0 -10px;}
    .game-listing > li{width:33.33%;padding:0 10px;}
    .menus > li{width:calc(50% - 10px);margin-bottom:14px;}

    .weekly-content .card-info{width:50%;}
    .card-info.featured-game-card{width:100%;}
    .card-info.reveal-reward-card{width:50%;}
    .card-info.weekly-status-info{width:50%;}
    .card-info.best-grade-info{width:50%;}
    .card-info.featured-match-info{width:50%;}
    .card-info.flash-sale-info{width:50%;}

    .featured-game-card .card-title, .play-card .card-title{font-size:24px;}

    /* .match-card{padding:24px 17px;} */
    .match-card{padding:25px 17px;}
    .funfact{padding:10px 0;}
    .funfact .funfact-item{display:flex;align-items:center;}
    .funfact .funfact-item .block{width:auto;}
    .funfact .funfact-item .funfact-line{flex:1;overflow:hidden;text-align:left;padding-right:12px;}
    .funfact .funfact-item .funfuct-bx{min-width:86px;}
    .sale-counter{margin-top:10px;}
    .sale-counter-title h3{font-size:24px;}
    .funfact-title{margin-bottom:6px;padding-bottom:12px;padding-top:6px;}

    .offer-info{font-size:26px;}
    .offer-pera{font-size:15px;}
    .special-offer-info .offer-pera{font-size:20px;}
    .special-offer-info .offer-info{font-size:36px;}
    .tnc .btn{min-width:136px;margin-top:12px;}
    .money-back-info .wcard{padding:50px 30px 10px;}
    .special-offer-info .wcard{padding:30px 30px 20px;}
   /*  .special-offer-info .wcard:before{-webkit-transform:skewY(-3deg);transform:skewY(-3deg);top:-44px;} */


    .modal-widget .modal{display:block !important;background:none;position:static;overflow:inherit !important;height:auto;}
    .modal-widget .modal-contenier{min-height:auto;}
    .modal-widget .modal-overlay{display:none;}
    .modal-widget .modal-outer{max-width:100%;background:var(--body-bg);}
    .modal-widget .modal-head{background:var(--body-bg);}
    .slide-modal-head{box-shadow:none;padding:14px 0;}
    .slide-modal-head .modal-head-title{font-size:20px;}
    .slide-modal-head .modal-close{display:none;}


    .menu-card-outer{border-bottom:1px solid #cbcbcb;}
    .menu-card-outer .menus > li{width:auto;margin:0;}
    .menu-card-outer .menus > li a{box-shadow:none;border:0;background:none;padding:12px 30px;position:relative;font-size:13px;color:#000000;font-weight:bold;font-family:var(--font-head);text-transform:uppercase;}
    .menu-card-outer .menus{justify-content:flex-start;}
    .menu-card-outer .menus > li a.active{color:#1f59bc;}
    .menu-card-outer .menus > li a.active span{color:#1f59bc;}
    .menu-card-outer .menus > li a.active:after{position:absolute;bottom:0;left:0;float:left;height:3px;background:#1f59bc;width:100%;content:'';}
    .menu-card-outer .menus > li a span{pointer-events:none;}

    .select-game{position:absolute;top:0;right:0;width:180px;}
    .my-history-modal .popup-info{position:static;}

    .weekly-status-info .stats-label{min-height:35px;display:flex;justify-content:center;align-items:center;}

    .defalut-modal .slide-modal-head{padding:14px;background:#1f59bc;}
    .defalut-modal .modal-body{padding:14px;}
    .defalut-modal .modal-head-title{color:#fff;}
    .defalut-modal .scrollbar-container{max-height:50vh;overflow:hidden;overflow-y:auto;position:relative;}
    .defalut-modal .close-btn{display:flex;}
	
	.card-game-logo .logo-figure{max-width:200px;}
	
	.card-game-logo{min-height:130px;}
	
	.game-release-card .countdown .col strong{font-size:20px;line-height:24px;}
	.game-release-card .countdown .col{width:64px;}
	.game-release-card .countdown .col span{font-size:11px;line-height:22px;}
	
	.reveal-reward-card .countdown .col strong{font-size:20px;line-height:24px;}
	.reveal-reward-card .countdown .col{width:64px;}
	.reveal-reward-card .countdown .col span{font-size:11px;line-height:22px;}
	.reveal-reward-card .reveal-title{font-size:15px;}
	
	.claim-bar .btn{font-size:18px;min-width:140px;height:44px;line-height:44px;}
	
	.desk-half-coll{width:50% !important;}
	
	.ques-bx{height:52px;}
	.vote-user-info .wcard{padding:23px 8px 7px;}
	.vote-user-info .question{margin-bottom:9px;}
	.vote-user-info.no-topic-card .wcard{padding:32px 8px 18px;}
	
	.question-listing .loading-wrapper.content-relative{height:128px;}
	
	.home-widget .card-info.play-card{width:50%;}
	.epic-item .stats-card{min-height:110px;display:flex;justify-content:center;align-items:center;}
	.question-counter{margin:36px 0 46px;}
	
	.login-play-info{width:50%;}
	.login-play-info .wcard{padding:41px 14px 40px;}
	.splash-widget .prize-card-info .prize-icon{width:178px;}
	
	.question > h3{min-height:40px;display:flex;align-items:center;padding-right:12px;}
	
	.before-login .page-container{background-position:left top;}
	
}

@media(min-width:1025px) and (max-width:1280px){
    .brand-figure{width:184px; min-width:184px;}
    .nav-ul > li{margin-right:4px}
    .nav-ul > li > a{padding:24px 7px;} 
    .top-bar-outer{max-width:300px;}
}
@media(min-width:768px) and (max-width:1024px){
	/*reveal reward card reveal-full-block CSS*/
	.card-info.reveal-reward-card.reveal-full-block{width:50%;}
	.reveal-reward-card .reveal-card{flex-wrap:wrap;}
    .reveal-reward-card .reveal-card .reveal-left{width:100%;margin:0;display:flex;justify-content:center;align-items:center;}
    .reveal-reward-card .reveal-card .reveal-counter-bar{justify-content:center;width:100%;}
    .reveal-reward-card .reveal-title{text-align:center;}
    .reveal-reward-card .reveal-block{width:50%;border-bottom:0;border-right:1px solid #ddd;}
    .reveal-reward-card .reveal-block:last-child{border-right:0;}
    .reveal-reward-card.reveal-full-block .wcard{padding:0 8px;}
	.reveal-reward-card.reveal-full-block .gift-figure{max-width:80px;}
	
}

@media(min-width:768px){
    .featured-game-card .game-listing > li{width:50%;}
    .game-listing{width:auto;float:none;margin:0 -10px;}
    .game-listing > li{width:50%;padding:0 10px;}
	
	.wel-item6 .item-pre{font-size:16px;}
	.card-info.game-release-card{width:50%;}
	
	.card-info.no-more-game{width:50% !important;}
	.no-more-game .game-listing > li{width:100%;}
	
	.game-wrap .game-list-info .game-listing{display:flex;flex-wrap:wrap;}
	
	
}

@media(min-width:667px){
    .container{max-width:1160px;padding:0 10px;}


}

/*CSS FOR S9 landscape*/
@media only screen and (min-device-width:840px) and (max-device-width:880px) and (orientation :landscape) {
    .items-modal .boost-box .rewards-figure{max-width:60px;}
    .items-modal .boost-item{padding:5px 10px;}
    .items-modal .item-title{margin:2px 0 2px;}
    .items-modal .boost-box .rewards-ft{padding:8px 0;}
    .items-modal .modal-head-title{font-size:15px;}
    .items-modal .item-title-label{font-size:12px;}
	
	.inner-height .nav-bar{bottom:44px;}
	
/*Tier Gold Modal CSS*/
.tier-modal .modal-outer{max-width:400px;}

/*===Welcome Modal CSS===*/
.welcome-modal .modal-outer{max-width:600px;transform:scale(0.75);-webkit-transform:scale(0.75);}
.wel-card .item-figure{max-width:200px;}
.item-bonus-card .item-figure{max-width:95px;}
.item-grade-card .item-figure{max-width:184px;}
.item-level-card .item-figure{max-width:230px;}
.item-levelup-card .item-figure{max-width:398px;}
.single-location-card .item-figure{max-width:398px;}
.item-boosts-card .item-figure{max-width:270px;}
.item-prizes-card .item-figure{max-width:270px;}
.item-leader-card .item-figure{max-width:270px;}
.item-mini-leader-card .item-figure{max-width:270px;}
.item-mini-prize-card .item-figure{max-width:270px;}
.item-levelup-card .item-figure{max-width:200px;}
.summary-ul > li .summary-card{display:flex;align-items:center;}
.summary-title{flex:1;font-size:3vmin;}
.item-pre{font-size:3.7vmin;}
.summary-ul > li .summary-figures{width:auto;}
.summary-ul > li .summary-title{text-align:left;}
.figure-port{max-width:36px;min-width:36px;}
.item-top .position-title{font-size:11px;}	
.item-top .position-prize-table tfoot tr td{padding:2px 4px;ont-size:12px;}
.item-top .position-prize-table thead tr th{padding:3px 4px;font-size:11px;}
.item-top .position-prize-table tbody tr td{padding:3px 4px;font-size:11px;}
.item-top .position-title{padding-bottom:6px;}
.item-top.item-mini-prize-card{padding-bottom:0;}

.choice-item-outer .col{width:22vmin;}
.choice-item-figure figure{width:12vmin;}
.choice-item-logo figure{height:7vmin;}
.choice-item-outer{max-width:96vmin;}
.choice-item .figure-label{height:5.4vmin;width:5.4vmin;font-size:3vmin;}
.info-icon{font-size:13px;}
.item-info{top:4px;right:4px;}

.modal-wrap .modal-outer{max-width:450px;}
.buy-boosts-info .unlock-figure{max-width:60%;}
.store-boost-info .unlock-figure{max-width:250px;}

.enjoy-reveal-info .badge-figure{max-width:46vmin;height:20vmin;}
.enjoy-reveal-info .unlocked-title span{font-size:4.6vmin;}

.open-gift{max-width:130px;}
.gold-figure{max-width:54px;}
.gift-open{padding:10px;}
.gift-open-modal .modal-outer{max-width:470px;}

.prizes-box-outer span{font-size:2.8vmin;}
.prizes-box-outer h2{font-size:12vmin;}
.prizes-box-outer{padding:7vmin 12px;max-width:350px;}


.congra-title span{font-size:8vmin;}
.congra-pre p{font-size:3.4vmin;}
.congra-modal .modal-outer{max-width:510px;}
.congra-card{padding:5vmin 10px;}

.congra-bottom .title-figure{max-width:70px;}
.congra-bottom .stats-pre{font-size:10px;}
.congra-bottom{padding:8px;}
.congra-span{font-size:3vmin;}
.congra-bottom .stats-bx{height:46px;}
.congra-modal .congra-card .badge-figure{width:18vmin;margin-top:-9.5vmin;}
.congra-modal .congra-title span{font-size:6vmin;}
.congra-bottom .stats-card{margin-top:4px;}

.mid-card-not-found h2{font-size:26px;}
.red-card-pic{width:90px;}
.mid-card-not-found p{font-size:12px;margin-top:12px;}
.btn-home .skyblue-btn{height:44px;line-height:44px;}
.page-not-found .btn-home{margin-top:14px;}

.congra-bottom .stats-bx .stats-value{font-size:13px;}
.congra-bottom .stats-pre{font-size:9px;}

}

/*CSS Iphone X landscape*/
@media only screen and (min-device-width :800px) and (max-device-width :814px) and (orientation :landscape) {
    .items-modal .boost-box .rewards-figure{max-width:60px;}
    .items-modal .boost-item{padding:5px 10px;}
    .items-modal .item-title{margin:2px 0 2px;}
    .items-modal .boost-box .rewards-ft{padding:8px 0;}
    .items-modal .modal-head-title{font-size:15px;}
    .items-modal .item-title-label{font-size:12px;}
	
    .inner-height .nav-bar{bottom:44px;}
	
/*Tier Gold Modal CSS*/
.tier-modal .modal-outer{max-width:400px;}

/*===Welcome Modal CSS===*/
.welcome-modal .modal-outer{max-width:600px;transform:scale(0.75);-webkit-transform:scale(0.75);}
.wel-card .item-figure{max-width:200px;}
.item-bonus-card .item-figure{max-width:95px;}
.item-grade-card .item-figure{max-width:184px;}
.item-level-card .item-figure{max-width:230px;}
.item-levelup-card .item-figure{max-width:398px;}
.single-location-card .item-figure{max-width:398px;}
.item-boosts-card .item-figure{max-width:270px;}
.item-prizes-card .item-figure{max-width:270px;}
.item-leader-card .item-figure{max-width:270px;}
.item-mini-leader-card .item-figure{max-width:270px;}
.item-mini-prize-card .item-figure{max-width:270px;}
.item-levelup-card .item-figure{max-width:200px;}
.summary-ul > li .summary-card{display:flex;align-items:center;}
.summary-title{flex:1;font-size:3vmin;}
.item-pre{font-size:3.7vmin;}
.summary-ul > li .summary-figures{width:auto;}
.summary-ul > li .summary-title{text-align:left;}
.figure-port{max-width:36px;min-width:36px;}
.item-top .position-title{font-size:11px;}	
.item-top .position-prize-table tfoot tr td{padding:2px 4px;ont-size:12px;}
.item-top .position-prize-table thead tr th{padding:3px 4px;font-size:11px;}
.item-top .position-prize-table tbody tr td{padding:3px 4px;font-size:11px;}
.item-top .position-title{padding-bottom:6px;}
.item-top.item-mini-prize-card{padding-bottom:0;}

.choice-item-outer .col{width:22vmin;}
.choice-item-figure figure{width:12vmin;}
.choice-item-logo figure{height:7vmin;}
.choice-item-outer{max-width:96vmin;}
.choice-item .figure-label{height:5.4vmin;width:5.4vmin;font-size:3vmin;}
.info-icon{font-size:13px;}
.item-info{top:4px;right:4px;}

.modal-wrap .modal-outer{max-width:450px;}
.buy-boosts-info .unlock-figure{max-width:60%;}
.store-boost-info .unlock-figure{max-width:250px;}

.enjoy-reveal-info .badge-figure{max-width:46vmin;height:20vmin;}
.enjoy-reveal-info .unlocked-title span{font-size:4.6vmin;}

.open-gift{max-width:120px;}
.gold-figure{max-width:54px;}
.gift-open{padding:10px;}
.gift-open-modal .modal-outer{max-width:470px;}

.prizes-box-outer span{font-size:2.8vmin;}
.prizes-box-outer h2{font-size:12vmin;}
.prizes-box-outer{padding:7vmin 12px;max-width:350px;}

.congra-title span{font-size:8vmin;}
.congra-pre p{font-size:3.4vmin;}
.congra-modal .modal-outer{max-width:510px;}
.congra-card{padding:5vmin 10px;}

.congra-bottom .title-figure{max-width:70px;}
.congra-bottom .stats-pre{font-size:10px;}
.congra-bottom{padding:8px;}
.congra-span{font-size:3vmin;}
.congra-bottom .stats-bx{height:46px;}
.congra-modal .congra-card .badge-figure{width:18vmin;margin-top:-9.5vmin;}
.congra-modal .congra-title span{font-size:6vmin;}
.congra-bottom .stats-card{margin-top:4px;}

.mid-card-not-found h2{font-size:26px;}
.red-card-pic{width:90px;}
.mid-card-not-found p{font-size:12px;margin-top:12px;}
.btn-home .skyblue-btn{height:44px;line-height:44px;}
.page-not-found .btn-home{margin-top:14px;}

.congra-bottom .stats-bx .stats-value{font-size:13px;}
.congra-bottom .stats-pre{font-size:9px;}


}

/*CSS Iphone 6,7,8,plus landscape*/
@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation :landscape) {
    .items-modal .boost-box .rewards-figure{max-width:60px;}
    .items-modal .boost-item{padding:5px 10px;}
    .items-modal .item-title{margin:2px 0 2px;}
    .items-modal .boost-box .rewards-ft{padding:8px 0;}
    .items-modal .modal-head-title{font-size:15px;}
    .items-modal .item-title-label{font-size:12px;}
	
    .inner-height .nav-bar{bottom:44px;}

/*Tier Gold Modal CSS*/
.tier-modal .modal-outer{max-width:400px;}

/*===Welcome Modal CSS===*/
.welcome-modal .modal-outer{max-width:600px;transform:scale(0.75);-webkit-transform:scale(0.75);}
.wel-card .item-figure{max-width:200px;}
.item-bonus-card .item-figure{max-width:95px;}
.item-grade-card .item-figure{max-width:184px;}
.item-level-card .item-figure{max-width:230px;}
.item-levelup-card .item-figure{max-width:398px;}
.single-location-card .item-figure{max-width:398px;}
.item-boosts-card .item-figure{max-width:270px;}
.item-prizes-card .item-figure{max-width:270px;}
.item-leader-card .item-figure{max-width:270px;}
.item-mini-leader-card .item-figure{max-width:270px;}
.item-mini-prize-card .item-figure{max-width:270px;}
.item-levelup-card .item-figure{max-width:200px;}
.summary-ul > li .summary-card{display:flex;align-items:center;}
.summary-title{flex:1;font-size:3vmin;}
.item-pre{font-size:3.7vmin;}
.summary-ul > li .summary-figures{width:auto;}
.summary-ul > li .summary-title{text-align:left;}
.figure-port{max-width:36px;min-width:36px;}
.item-top .position-title{font-size:11px;}	
.item-top .position-prize-table tfoot tr td{padding:2px 4px;ont-size:12px;}
.item-top .position-prize-table thead tr th{padding:3px 4px;font-size:11px;}
.item-top .position-prize-table tbody tr td{padding:3px 4px;font-size:11px;}
.item-top .position-title{padding-bottom:6px;}
.item-top.item-mini-prize-card{padding-bottom:0;}

.choice-item-outer .col{width:22vmin;}
.choice-item-figure figure{width:12vmin;}
.choice-item-logo figure{height:7vmin;}
.choice-item-outer{max-width:96vmin;}
.choice-item .figure-label{height:5.4vmin;width:5.4vmin;font-size:3vmin;}
.info-icon{font-size:13px;}
.item-info{top:4px;right:4px;}

.modal-wrap .modal-outer{max-width:450px;}
.buy-boosts-info .unlock-figure{max-width:60%;}
.store-boost-info .unlock-figure{max-width:250px;}

.open-gift{max-width:110px;}
.gold-figure{max-width:54px;}
.gift-open{padding:10px;}
.gift-open-modal .modal-outer{max-width:470px;}

.prizes-box-outer span{font-size:2.8vmin;}
.prizes-box-outer h2{font-size:12vmin;}
.prizes-box-outer{padding:7vmin 12px;max-width:350px;}

.congra-title span{font-size:8vmin;}
.congra-pre p{font-size:3.4vmin;}
.congra-modal .modal-outer{max-width:510px;}
.congra-card{padding:5vmin 10px;}

.congra-bottom .title-figure{max-width:70px;}
.congra-bottom .stats-pre{font-size:10px;}
.congra-bottom{padding:8px;}
.congra-span{font-size:3vmin;}
.congra-bottom .stats-bx{height:46px;}
.congra-modal .congra-card .badge-figure{width:18vmin;margin-top:-9.5vmin;}
.congra-modal .congra-title span{font-size:6vmin;}
.congra-bottom .stats-card{margin-top:4px;}
	
.mid-card-not-found h2{font-size:26px;}
.red-card-pic{width:90px;}
.mid-card-not-found p{font-size:12px;margin-top:12px;}
.btn-home .skyblue-btn{height:44px;line-height:44px;}
.page-not-found .btn-home{margin-top:14px;}

.congra-bottom .stats-bx .stats-value{font-size:13px;}
.congra-bottom .stats-pre{font-size:9px;}

}
.coin{width:30px;height:30px;border-radius:50%;background:url(../images/gold-coin.png) no-repeat center center;background-size:100%;}
.sp{position:absolute;left:0;top:0;z-index:9999999;}


/*======FOOTAR CSS======*/
.theme-footer{float:left; width:100%; background:#333;margin-top:23px;}
.footer-outer{float:left; width:100%; padding:14px 8px; position:relative; z-index:2;}
.footer-logos{float:left; width:100%; display:flex; justify-content:center; align-items:center; padding:0px 0px 16px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom: 10px;}
.logo-icon{float:left; margin:0 5px;}
.logo-icon img{float:left; height:24px; max-width:inherit;}
.footer-info{float:left; width:100%; text-align:center;}
.footer-parag{float:left; width:100%; font-size:11px; color:#474752; line-height:1.5em; margin:10px 0;}
.footer-parag a{color:rgba(255, 255, 255, 0.8);}
.footer-parag.footer-link a:hover{color:#1790d2;}
.footer-parag.footer-link a.no-link{cursor:auto;pointer-events:none;}
.footer-parag.footer-link a.no-link span{display:inline-block;}
.footer-parag .pipe{margin:0 3px; color:#1790d2;}
.footer-parag.footer-link{margin:0;} 
.footer-parag.footer-link a{margin:0px 10px;}
.footer-logos-block{float:left; width:100%; display:flex; justify-content:center;}
.footer-logos-block .footer-logos{width:auto;}
.ire-logo, .ft-ireland .footer-logos .uk-logo{display:none;}
.ft-ireland .footer-logos .ire-logo{display:block;}
.logo-footer img {float: left;height:24px;max-width: inherit;}
.gtg-logo-footer{margin-left:10px;}
.gtg-logo-footer img {float: left;width: 240px;}
.powered-text{color:rgba(255, 255, 255, 0.6);text-align:center;font-size:14px; margin-bottom:2px;}
/*======NAV BAR CSS======*/