/*FONTS CSS*/
@import url('font-icons.css');

@font-face {
    font-family:'Isles VAR SemBd';
    src: url('../fonts/IslesVAR-SemiBold.woff2') format('woff2'),
        url('../fonts/IslesVAR-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Isles VAR Med';
    src: url('../fonts/IslesVAR-Medium.woff2') format('woff2'),
        url('../fonts/IslesVAR-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Isles VAR';
    src: url('../fonts/IslesVAR-Bold.woff2') format('woff2'),
        url('../fonts/IslesVAR-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Isles VAR';
    src: url('../fonts/IslesVAR-Regular.woff2') format('woff2'),
        url('../fonts/IslesVAR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family:'Isles VAR SemBd ExtCond';
    src: url('../fonts/IslesVAR-ExtraCondSemBd.woff2') format('woff2'),
        url('../fonts/IslesVAR-ExtraCondSemBd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{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; line-height:normal; color:#fff; font-family:'Isles VAR'; background:#00468b; font-weight:normal;}
a{text-decoration:none; outline:none; color:#000; 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; height:auto;}
p{line-height:18px; font-size:13px; color:#000; font-weight:normal;}
*{box-sizing:border-box; -webkit-box-sizing:border-box;}

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

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

/*INPUT CSS*/
.form-group{float:left; width:100%; margin-bottom:18px; position:relative;}
.input-group{float:left; width:100%; position:relative;}
select, select option{width:100%; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; border-radius:0;}
.form-control{float:left; width:100%; font-size:12px; outline:medium none; height:26px; color:#000; border:0; border-bottom:1px solid #e5e5e5; background:transparent; line-height:34px; padding:0; transition:all 0.4s ease 0s;  font-weight: normal;}
.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:#000; font-size:14px;  margin-bottom:2px;}
select::-ms-expand{display:none;}
select:focus::-ms-value{background:none; font-size:0;}  
/*NORMAL CSS*/
::selection{background:#0067ab; color:#fff;}
::-moz-selection{background:#0067ab; color:#fff;}
.container{margin:0 auto; width:100%;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{clear:both;}
.event-none{pointer-events:none;}
.wcard{float:left; width:100%; padding:0 12px;}
.disabled{pointer-events:none; opacity:0.5;}

/*BUTTON CSS*/
.btn{display:inline-block; padding:0 14px; text-align:center; color:#333; font-size:24px; line-height:44px; height:44px; border-radius:4px; background:#f9f9f9; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border:0;text-transform: uppercase; font-weight:normal; font-family:'Isles VAR SemBd ExtCond';}
.primary-btn{background:#f26924; width:100%; color:#fff;}
.secondary-btn{background:#041e42; width:100%; color:#fff;}
.blue-btn{background:#002755; width:100%; color:#fff;}
.hub-btn .btn{display:flex; align-items:center; justify-content:space-between;}

/*COLs CSS*/
.block{width:100%; float:left;}
.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%; position:relative;}
.page-container{float:left; width:100%;}
.mid-wrapper{float:left; width:100%; position:relative;}
.play-wrap .mid-wrapper .container{float:left; width:100%;}

/*NAV BAR CSS*/
.header{float:left; width:100%; background:#00468b; position:relative; z-index:12;}
.top-nav{float:left; width:100%; height:44px; margin-bottom:0; position:relative; z-index:12;}
.nav-container{float:left; width:100%; position:relative; height:44px; border-bottom:1px solid #1a5997;}
.nav-outer{float:left; width:100%; height:44px;}
.nav-ul{float:left; width:100%; display:table; padding-right:0; table-layout:fixed;}
.nav-item{display:table-cell; text-align:center; cursor:pointer;}
.nav-item-label{display:block; padding:0 9px; height:44px; color:#fff; text-transform:uppercase; font-size:14px; line-height:44px; font-weight:normal; white-space:nowrap; position:relative; font-family:'Isles VAR SemBd';}
.nav-item.active .nav-item-label{color:#f26924;}
.nav-item.active .nav-item-label:after{position:absolute; bottom:0; left:0; width:100%; content:''; border-bottom:3px solid #f26924;}

/*NAV CONTROL CSS*/
.nav-outer ul .magic-line{display:none;}
.nav-control{display:none;}
.nav-control a{height:100%; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; color:#fff; font-size:8px; width:22px; background:#005071; z-index:1;}
.nav-control a.next{left:auto; right:0;}
.nav-control a.disabled, .nav-control.disabled{display:none;}
.animated_scroll{position:relative;}

/*========HOME PAGE CSS========*/
.home-card{float:left; width:100%;}
.top-card{float:left; width:100%;}
/*Logo Css*/
.logo-wrap{float:left;width:100%; padding:18px 10px 6px;}
.logo{float:left; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:0 0 4px;}
.game-logo{float:left; max-width:210px; width:100%;}
.game-logo-figure{float:left; width:100%; position:relative;}
.game-logo-figure img{float:left; width:100%;}

.home-bottom{float:left;width:100%;position:relative; margin-bottom:18px;}
.direction-wrap{float:left; width:100%;}
.card-wrap-inner{float:left; width:100%; padding:0 16px; background:url("../images/texture-bg.png") no-repeat center bottom; background-size:100%; padding-bottom:54px;}
.direction-card{float:left; width:100%; background:#fff; border-radius:2px; padding:20px 10px;}
.direct-info{float:left; width:100%; text-align:center;}
.direct-pre{float:left; width:100%; text-align:center; color:#00468b; font-size:29px; line-height:1.3em; letter-spacing:0.3px; font-family:'Isles VAR SemBd ExtCond'; text-transform:uppercase;}
.graphic{float:left; width:100%; margin-top:10px; display:flex; justify-content:center; align-items:center;}
.graphic img{float:left; width:100%; max-width:140px;}

.boosts-bar{float:left; width:100%; padding:0 12px; margin-top:-40px;}
.boosts-outer{float:left;width:100%;}
.boost-title{float:left; width:100%; margin-bottom:6px; font-size:16px; color:#fff;  text-transform:uppercase; padding-left:12px;}
.boosts-ul{float:left; width:100%; display:flex; justify-content:space-between;}
.boosts-ul li{float:left; flex:1; text-align:center;padding: 0 2px;}
.boosts-col{float:left; width:100%; text-align:center; position:relative;}
.boosts-icon{display:flex; justify-content:center; align-items:center; margin:0 auto; height:40px; width:40px; border-radius:50%; overflow:hidden; background:#fff; box-shadow:0 1px 6px rgba(5,5,5,0.3);}
.boosts-icon .icon{font-size:26px; color:#041e42;}
.info-btn{font-size:14px; color:#fff; margin-bottom:5px; cursor:pointer;}
.boosts-icon .icon.icon-blast{font-size:34px;}
.boost-name{float:left; width:100%; margin-top:6px; font-size:9.5px; text-transform:uppercase; color:#fff; font-family:'Isles VAR Med';}
.boosts-list .boosts-icon .icon{color:#000 ;}
.boost-tab-bar .boosts-icon{background:#fff;}

.play-now-bar{float:left; width:100%; padding:10px; text-align:center; position:sticky; position:-webkit-sticky; bottom:0; left:0; z-index:6; background:#00468b;}
.play-now-outer{float:left; width:100%;}
.play-now-bar .col{max-width:500px;}
.btn-icon{float:left; width:30px;}
.btn-icon img{float:left; width:100%;}
.play-now-bar .play-now-outer{float:none; width:auto; display:flex; flex-wrap:wrap; grid-gap:6px; gap:6px; justify-content:center;}
.play-now-bar .play-now-outer .col{flex:1; min-width:calc(50% - 6px);} 
  
/*=============Play Page CSS Start================*/
.question-card{float:left;width:100%;}
.question-card-outer{float:left; width:100%; padding:0 0 14px 0;}
.question-tabs-bar{float:left; width:100%;}
.play-wrap .mid-wrapper{  display:flex; justify-content:center;}
.play-wedget{background-size:cover; height:100%; position:relative;}
.pagination-bar{float:left; width:100%; display:flex; justify-content:center; align-items:center; padding:10px 0;}
.pagination{float:left; display:flex; justify-content:center; background:#fff; border-radius:50px; grid-gap:5px; gap:5px; padding:6px 8px;}
.pagination > li{float:left; width:100%; max-width:24px;}
.pagi-tab{float:left; width:100%;}
.ques-icon{float:left; width:24px; height:24px; display:flex; justify-content:center; align-items:center; border:2px solid #00468b; border-radius:50%;}
.ques-icon .icon{float:left; width:100%; color:#4aa331; font-size:12px; display:none; text-align:center;}
.pagi-num{float:left; width:100%; text-align:center; color:#00468b; font-size:14px; font-weight:bold;}
.wrong-tip .pagi-num, .win-tip .pagi-num{display:none;}
.wrong-tip .ques-icon .icon:before{content:'\e96f'; color:#f80202; font-size:10px;}
.wrong-tip .ques-icon .icon, .win-tip .ques-icon .icon{display:block; }
.win-tip .ques-icon{border-color:#4aa331;}
.wrong-tip .ques-icon{border-color:#f80202;}
.current .ques-icon{border-color:#f26924;}
.current .pagi-num{color:#f26924;}

.points-bar{float:left; width:100%; text-align:center; margin-top:6px;}
.points-bar span{color:#fff; font-size:22px; font-family:'Isles VAR SemBd ExtCond';}
.tip-question{float:left; width:100%; text-align:center; margin-top:6px;}
.tip-question-outer{float:left; width:100%; padding:0 10px;}
.question{float:left; width:100%; font-size:22px; text-align:center; line-height:1.2em; letter-spacing:0.3px; font-family:'Isles VAR SemBd ExtCond'; text-transform:uppercase;}

.chart-liner{float:left; display:flex; justify-content:center; align-items:center; text-align:center; height:100%; width:100%; position:absolute; top:0; left:0; font-size:30px; font-family:'Isles VAR SemBd ExtCond';}
.question-chart{float:left; width:100%; display:flex; justify-content:center; padding:0 8px; margin:6px 0 8px;}
.chart-outer{display:inline-block; height:60px; width:60px; position:relative;}
.chart-fill{float:left; height:100%; width:100%; position:relative; z-index:1;}
.chart-fill canvas{float:left; height:100% !important; width:100% !important;}
.chart-figure{float:left; width:100%;}
.chart-figure img{float:left; width:100%;}

.boost-tab-bar{float:left; width:100%; margin-bottom:-30px; position:relative; z-index:1; padding:0 6px;}
.boost-tab-outer{float:left; width:100%;}
.boost-tab-bar .boosts-icon{height:28px; width:28px;}
.boost-tab-bar .boosts-icon .icon{font-size:20px;}
.boost-tab-bar .boosts-icon .icon.icon-blast{font-size:26px;}
.boost-tab-bar .boosts-col{padding:8px 2px; height:100%; background:#f26924; border-radius:4px;}
.boost-tab-bar .boosts-col .boost-name{font-size:9px;}
.boosts-ul li.disable .boosts-col{background:#fac3a7; pointer-events:none;}
.boosts-ul li.disable .boost-name{color:rgba(255,255,255,0.7);}
.boosts-ul li.disable .boosts-icon{background:#fdede5; box-shadow:none;}
.boosts-ul li.disable .boosts-icon .icon{color:#b8bbc2;}
.info-tooltip-icon{position:absolute; top:5px; right:5px; color:#fff; font-size:12px;}

.answer-info{float:left; width:100%; padding:40px 8px 0; background:#fff; position:relative; margin-bottom:40px;}
.answer-info:after{position:absolute; bottom:-34px; left:0; width:100%; height:35px; content:''; background:url("../images/texture-bg-2.png") no-repeat center bottom; background-size:100%;}
.answer-card{float:left; width:100%; padding-bottom:5px;}
.answer-title{float:left; width:100%; text-align:center; font-size:12px; color:#909090; margin-bottom:4px; min-height:26px; display:flex; justify-content:space-between; align-items:center;}
.answer-title span{flex:1;}
.answer-counter{float:left; width:100%; text-align:center; min-height:194px;}
.answer-counter h2{ font-size:14px; color:#b3b3b0; display:block; text-align:center; }
.answer-counter span{color:#000; font-size:124px;  line-height:188px;}
.ready-to-counter{float:left; width:100%; text-align:center; height:194px;}
.ready-to-outer{float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.ready-to-outer .btn{max-width:150px;}
h2.answer-title{ display:none;}
.answers-wrapper{ float:left; width:100%; height:auto;}
.boost-active{float:right;}
.boost-active .icon{float:left; width:26px; height:26px; border-radius:50%; background:#1790d2; color:#fff; font-size:16px; line-height:26px;}
.disable-boost .boost-active .icon{background:#c5c5c5; box-shadow:0 2px 3px rgba(0,0,0,0.3) inset;}
.answer-title.used-boost > span{padding-left:26px;font-size:12px;  } 

.answer-list-bar{float:left; width:100%;}
.answer-list{float:left; width:100%;}
.answer-list > li{float:left; width:100%; margin-bottom:8px;}
.answer-list > li:last-child{margin-bottom:0;}
.answer{float:left; width:100%; border-radius:100px; border:2px solid #00468b; padding:5px 10px; height:40px; position:relative; font-family:'Isles VAR SemBd ExtCond'; display:flex; align-items:center; justify-content:center; line-height:1em;}
.answer span{float:left; width:100%; text-align:center; color:#00468b; font-size:24px; text-transform:uppercase;}
.answer-icons{position:absolute; top:0; right:3px; width:30px; text-align:center; display:flex; align-items:center; height:100%;}
.answer-icons .icon{font-size:28px; color:#fff; margin-left:0px; display:none;}
.loss-tip .answer-icons .icon{display:block;}
.win-tip .answer-icons .icon{display:block;}
.win-tip .answer{background:#4aa331; border-color:#4aa331; padding-left:40px; padding-right:40px;}
.win-tip .answer span{color:#fff;}
.loss-tip .answer{background:#b92722; border-color:#b92722; padding-left:40px; padding-right:40px;}
.loss-tip .answer span{color:#fff;}

/* Footer Css */
.footer{float:left; width:100%; text-align:center; position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.powered-by{position:relative; float:left; width:100%; padding:8px 10px;}
.powered-logo span{color:#fff; font-size:12px; float:left; width:100%; text-align:center; font-weight:normal; margin-bottom:4px; text-transform:uppercase;     font-family: 'Isles VAR Med';}
.powered-logo{float:left; width:100%;}
.powered-logo .block{text-align:center; display:flex; justify-content:center; align-items:center;}
.powered-logo figure{float:left; height:14px; width:auto; margin:0 4px;}
.powered-logo figure img{width:auto; height:14px;}
.powered-logo figure.gtg-figure{height:12px;}
.powered-logo figure.gtg-figure img{height:12px;}

/*===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.8); 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-body{display:inline-block; width:100%; max-width:750px; background:#fff; background-size:cover; position:relative; border-radius:1px; z-index:2;}
.popup-info{z-index:1; position:relative; display:block; width:100%; float:left;}
.modal-head{float:left; width:100%; position:relative; background:#1790d2; padding:12px 10px;}
.modal-head-title{color:#fff; font-size:16px; text-transform:uppercase; padding-top:3px; font-weight:bold;}
.modal-overlay{position:fixed; top:0; left:0; z-index:1; float:left; height:100%; width:100%; cursor:pointer;}
.close-btn{position:absolute; bottom:-46px; left:0; right:0; margin:40px auto 10px; display:flex; justify-content:center; cursor:pointer; z-index:2;}
.close-btn .icon{font-size:24px; border-radius:50%; background:#fff; border:2px solid #fff; color:#f80202; filter:drop-shadow(0 2px 10px rgba(255,255,255,0.9));}
.button-bar{float:left; width:100%; padding:8px 14px;}
.button-bar-outer{float:left; width:100%;display:flex; grid-gap:6px; gap:6px;}
.button-bar-outer .col{flex:1; min-width:calc(50% - 6px);}
.button-bar-outer.full-bar{flex-wrap:wrap;}
.button-bar-outer.full-bar .col{flex:inherit; min-width:100%;}
.button-bar-outer .btn{white-space:nowrap;}

/*Nickname Modal CSS*/
.nickname-modal .modal-body{max-width:630px;padding:3px;}
.nickname-modal .modal-head{background:#00468b;}
.nickname-modal .modal-head-title{color:#fff;}
.nickname-modal .modal-head-title {color: #fff;font-size: 21px;text-align: center;font-family: 'Lato';padding:0px;}
.user-form{float:left; width:100%; padding:20px; background:#f2f2f7;}
.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:16px; padding-bottom:12px;}
.form-title a{color:#005071; text-decoration:underline;}
.form-heading{float:left; width:100%; text-align:center; color:#000; font-size:20px; padding-bottom:6px; text-transform:uppercase; line-height:1.3em; ; }
.user-form .form-control{display:block; width:100%; border:1px solid #e0e0e0; border-radius:4px; height:44px; font-size:16px; color:#000; padding:0 10px; font-weight:normal; background:#fff;}
.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;}

/*Boost Modal CSS*/
.boost-modal .modal-head{background:#04418d;}
.boost-head .modal-head-title{font-size:22px;}
.boost-head p{font-size:14px; line-height:1.25em;}
.boosts-info{float:left;width:100%;background: #F0F1F2;padding:12px 10px;}
.boosts-list{float:left; width:100%;}
.boosts-list li{float:left;width:100%;margin-bottom: 6px;}
.boosts-list li:last-child{margin-bottom:0px;}
.boosts-card{float:left; width:100%; background:#ffffff; color:#000; padding:12px 10px;display:flex;justify-content:space-between;box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
li.active .boosts-card{background:#fff; border:1px dashed #04418d;}
.boosts-card .boosts-icon{min-width:40px; width:40px; height:40px; margin-right:10px;}
.boosts-detail{float:left; width:100%; flex:1;}
.boosts-detail h3{font-weight:bold; font-size:15px; color:#000;}
.boosts-detail p{font-size:13px; line-height:1.2em; font-weight: normal;color:#333333;}
.boost-modal .close-btn{bottom:-56px; margin:0 auto;}
.boost-modal .close-btn .icon{font-size:32px;}
.boost-modal .modal-contenier{padding-bottom:50px;}


/*Game Summary Page CSS Start*/
.summary-wedget{padding-top:40px;}
.summary-card{float:left; width:100%; padding:0 14px;}
.summary-card-outer{float:left; width:100%;}
.page-title{float:left; width:100%; text-align:center; margin-bottom:22px;}
.title-label{float:left; width:100%; font-size:22px; text-transform:uppercase; font-family:'Isles VAR SemBd ExtCond'; letter-spacing:1px;}
.summary-items{float:left; width:100%;}
.card-item{float:left; width:100%; margin-bottom:14px;}
.card-item-inner{float:left; width:100%; background:#fff; border-radius:6px; padding:16px; display:flex; align-items:center; box-shadow:0px 3px 12px 0px rgba(5, 5, 5, 0.3);}
.card-icon{float:left; width:76px; min-width:76px; margin-right:10px;}
.card-info{float:left; flex:1; text-align:center;}
.card-title{float:left; width:100%; color:#000; font-size:20px; text-transform:uppercase; font-family:'Isles VAR SemBd ExtCond';}
.card-number{float:left; width:100%; color:#f26924; font-size:30px; font-family:'Isles VAR SemBd ExtCond';}
.button-bar.pagi-back-bar{padding:0; margin-top:22px;}
.pagi-back-bar .button-bar-outer.full-bar .col{margin-bottom:8px;}
/*Game Summary Page CSS End*/


/*=======LOADER CSS=====*/
#ajax_data{width:100%} 
.loading-wrapper{position:fixed; float:left; width:100%; top:0; left:0; right:0; bottom:0; z-index:11; text-align:center; background:#00468b;}
.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:#552583; 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 #fff; border-color:#fff transparent #fff #fff; animation:lds-ring 650ms linear infinite; border-radius:50%;}
.loading-wrapper.top-loader{z-index:99;}
@keyframes lds-ring{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*FAQ PAGE CSS*/
.faq-wrap .page-title{margin-top:20px; margin-bottom:0;}
.faq-container{float:left; width:100%;}
.prizes-faq-info{float:left; width:100%; padding:14px 8px 8px;}
.faq-prizes-list{float:left; width:100%;}
.faq-prizes-list > ul > li{float: left; width:100%; margin-bottom:6px; border-radius:2px; overflow:hidden; box-shadow:0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.1);}
.faq-title{float:left; width:100%; min-height:38px; line-height:normal; color:#000; background:#fff; padding:12px 24px 12px 10px; position:relative;}
li.open .faq-title{border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;}
.faq-title span{color:#000; font-size:18px; display:block; overflow:hidden; letter-spacing:0.2px; font-family:'Isles VAR SemBd ExtCond';}
.faq-title .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:10px; color:#00468b;}
.faq-title span small{font-size:16px; text-transform:none;}
.faq-prizes-list .wcard{padding:8px 10px;}
li.open .faq-title .icon{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.faq-content{float:left; width:100%; display:none; background:#fff;}
.faq-content p{line-height:16px; margin-bottom:10px; text-align:justify; color:#4d4d4d; font-size:14px;  line-height:1.4em;}
.faq-content > div{text-align:justify; color:#4d4d4d; font-size:14px;  line-height:1.4em;}
.faq-content center p{text-align:center; }
.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;  margin-bottom:4px;}
.faq-content ul, .faq-content ol{float:left; width:100%; list-style:decimal; padding-left:20px; color:#58595B;}
.faq-content ul li, .faq-content ol li{float:left; width:100%; list-style:decimal; padding-bottom:7px;}
.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;}
.faq-content ul li ul li, .faq-content ol li ol li{padding-bottom:7px;}
.faq-content p a{text-decoration:underline;}
.prizes-faq-info .table-outer{float:left; width:100%; overflow-x:auto; border:0; margin:6px 0 14px;}
.faq-prizes-list table{width:100%; border-bottom:0; white-space:normal; table-layout:auto; border:1px solid #cad0d6;}
.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:#58595B; text-transform:uppercase; background: #eeeaea;}
.faq-prizes-list table tr th, .faq-prizes-list table tr td{font-size:13px; border-bottom:1px solid #cad0d6; border-right:1px solid #cad0d6; padding:8px 10px;}
.faq-prizes-list table tr th:last-child, .faq-prizes-list 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%; display:flex; align-items:center;}
.step{float:left; color:#00468b; font-size:16px; height:26px; width:26px; display:flex; align-items:center; justify-content:center; border:2px solid #00468b; border-radius:50%;}
.how-play li p{float:left; flex:1; padding-left:6px; text-align:left; color:#4d4d4d; font-size:13px;}

/* ERROR PAGE CSS*/
.error-page-outer{position:fixed; top:0; left:0; height:100%; width:100%;}
.empty-wrap{float:left; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.empty-mid{margin:0 auto 15px auto; display:table; text-align:center;}
.empty-figure{margin:0 auto 0; width:320px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.empty-figure img{width:100%;}
.empty-title{font-size:36px;  margin-bottom:4px; margin-top:10px;}
.empty-pre{font-size:14px;}
.empty-sm-title{display:block; font-size:20px; line-height:20px; margin:6px 0 4px;  color:#FFFFFF;}


/* Double Chance */
.double-chance-modal .modal-body{max-width:720px; border-radius:5px;}
.incorrect-content{float:left;width:100%;text-align:center;padding:20px; }
.incorrect-chart{margin:0 0 12px; }
.incorrect-chart .chart-liner{color:#f26924;}
.incorrect-title{float:left;width:100%;font-size:21px;color:#000;font-weight:600;line-height:1.2em;}
.incorrect-content .button-bar{margin-top:20px;padding:0;}
.double-chance-modal .button-bar-outer{justify-content:center;}
.double-chance-modal .button-bar-outer .col{max-width:200px; min-width:200px;}



@media(min-width:768px){
	:root{--container-width:720px;}
	.nav-container{display:flex; justify-content:center;}
	.nav-outer{max-width:var(--container-width);}
	.play-wrap .mid-wrapper .container{max-width:var(--container-width);}
	.game-summary .mid-wrapper .container{max-width:var(--container-width);}
	.faq-wrap .mid-wrapper .container{max-width:var(--container-width);}
	.card-wrap-inner{display:flex; justify-content:center; background:#f26924; padding-top:30px;}	
	.direction-card{max-width:var(--container-width);}
	.boosts-bar{display:flex; justify-content:center;}	
	.boosts-bar .boosts-outer{max-width:var(--container-width);}	
	.game-logo{max-width:310px;}
	.logo-wrap{padding:48px 10px 26px;}
	.direct-pre{font-size:38px;}
	.direction-card{padding:30px 30px;}
	.boosts-bar .boosts-icon{width:58px; height:58px;}
	.boosts-bar .boost-name{font-size:14px;}
	.boosts-bar .boosts-icon .icon{font-size:34px;}
	.boosts-bar .boosts-icon .icon.icon-blast{font-size:40px;}
	.home-bottom{margin-bottom:58px;}
	.play-now-bar{display:flex; justify-content:center;}
	.play-now-bar .play-now-outer{max-width:var(--container-width); width:100%;}
	
	.chart-outer{height:80px; width:80px;}
	.points-bar span{font-size:34px;}
	.pagination{padding:9px 12px;}
	.pagination-bar{padding-top:18px;}
	.pagination > li{max-width:34px;}
	.ques-icon{height:34px; width:34px;}
	.tip-question{margin-top:26px;}
	.question{font-size:30px; line-height:1.2em;}
	.boost-tab-bar .boosts-icon{width:58px; height:58px;}
	.boost-tab-bar .boost-name, .boost-tab-bar .boosts-col .boost-name{font-size:14px;}
	.boost-tab-bar .boosts-icon .icon{font-size:34px;}
	.boost-tab-bar .boosts-icon .icon.icon-blast{font-size:40px;}
	.answer{height:50px;}
	.answer-info:after{display:none;}
	.answer-info{padding:50px 18px 20px; margin-bottom:10px; border-radius:3px;}
	
	.card-icon{width:100px; min-width:100px;}
	.card-title{font-size:28px;}
	.card-number{font-size:42px;}
	.card-item-inner{padding:30px;}
	.title-label{font-size:40px;}
	.summary-items .card-info{display:flex; align-items:center; padding-left:20px;}
	.summary-items .card-title{text-align:left;}
	.summary-items .card-number{text-align:right;}
}

@media (min-width:768px) and (max-width:1180px) and (orientation : landscape){
	.game-logo{max-width:260px;}	
	.logo-wrap{padding:30px 10px 12px;}
	.direction-card{padding:20px 30px;}
	.card-wrap-inner{padding-top:20px;}
	.home-bottom{margin-bottom:40px;}
	
	.tip-question{margin-top:10px;}
	.answer{height:42px;}
	.boost-tab-bar .boosts-icon{width:40px; height:40px;}
	.boost-tab-bar .boost-name{font-size:13px;}
	.boost-tab-bar .boosts-icon .icon{font-size:26px;}
	.boost-tab-bar .boosts-icon .icon.icon-blast{font-size:34px;}
	.answer-info{padding:42px 18px 10px;}
	.question{font-size:26px;}

}

/*NORMAL CSS*/
.hidden{display:none!important;}