@charset "utf-8";
/* CSS Document */

/******************************************
*******************************************
-- Reset.css
++ fonts.css
++ Base.css
    + General CSS
    + Header
    + Nav
    + Content
    + Footer
++ AdditionalPage.css  
++ Balls CSS  

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

/*************Fonts CSS Start********************************/
@font-face {
    font-family: 'AvenirNextRoundedPro';
    src: url('fonts/AvenirNextRoundedPro-Med.eot?#iefix') format('embedded-opentype'),  url('fonts/AvenirNextRoundedPro-Med.otf')  format('opentype'),
        url('fonts/AvenirNextRoundedPro-Med.woff') format('woff'), url('fonts/AvenirNextRoundedPro-Med.ttf')  format('truetype'), url('fonts/AvenirNextRoundedPro-Med.svg#AvenirNextRoundedPro-Med') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNextRoundedPro';
    src: url('fonts/AvenirNextRoundedPro-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/AvenirNextRoundedPro-Bold.otf')  format('opentype'),
        url('fonts/AvenirNextRoundedPro-Bold.woff') format('woff'), url('fonts/AvenirNextRoundedPro-Bold.ttf')  format('truetype'), url('fonts/AvenirNextRoundedPro-Bold.svg#AvenirNextRoundedPro-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}
/*************Fonts CSS End********************************/

/*************Base CSS Start********************************/
/*-----------General CSS start-----------------------------*/
img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
/*--overwrite css start--*/
.modal-body{padding-top: 8px;}
article.item {margin-bottom: 0;}
p.error-div-txt, .alert p {margin-bottom: 0;}
.alert-danger, .alert-error {color: #bb3a45; background-color: #ffe2e4; border-color: #ebccd1;}
.alert-info { color: #048cc1; background-color: #e1f7ff; border-color: #bce2f1;}
/*.alert-success {}*/
.alert-warning {color: #000; background-color: #fde755; border-color: #e2cd3c;}
.nav .open > a, .nav .open > a:focus{background-color: transparent;}
.sp-pre-loader{z-index: 999999999;}
.sp-pre-loader .sp-loader-with-logo .line {background: #0098ea; height: 3px; position: fixed; top: 0;}
.nav-tabs{border-bottom: 1px solid #a4a4a4;}
.modal{z-index: 99999;}
.sp-module {margin-top: 0;}
.sp-module ul >li{border-bottom:none;}
#sp-popup {min-height: 0;}
#sp-main-body {padding: 0;}
#sp-main-body > .container{padding-top: 15px; padding-bottom: 15px;}
.sp-module ul >li >a:before{display: none;}
.nav>li>a:focus{text-decoration: none;  background-color: transparent;}
.entry-header{margin: 0; padding: 0;}
.modal-dialog .modal-header, .modal-dialog .modal-footer {display: none;}
.mobileLoginWrap {display: none;}
.slick-prev:before, .slick-next:before {font-family: FontAwesome; font-size: 30px;}
.slick-prev:before {content: '\f053';text-shadow: -1px 1px 0 #000000;}
.slick-next:before {content: '\f054'; text-shadow: 1px 1px 0 #000000;}
.slick-prev, .slick-next{z-index: 50;height:30px;}
.slick-prev {left: -15px;}
.slick-next {right: -15px;} 

.videoWrap {position: relative; width: 100%;}
.videoWrap iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5;}
.videoWrap:before {content: ''; padding-bottom: 56.25%; display: block; width: 100%;}

.pagination{margin: 10px 0;}
.pagination li{display:inline;}
.pagination .fa-angle-left:before {content: "\f0d9"; font-size: 24px; color: #c2c2c2;}
.pagination .fa-angle-right:before {content: '\f0da';font-size: 24px; color: #c2c2c2;}
.pagination li>a.next, .pagination li>a.prev {padding: 2px 10px; border: none; background: none;}
.pagination li>a,.pagination li>span{position:relative; float:left; padding:4px 10px;  line-height:1.42857143; color:#000000; text-decoration:none;  border:1px solid #adb0b4;margin: 2px; border-radius: 3px;
    background: #f7f8fa;
    background: -moz-linear-gradient(top, #f7f8fa 0%, #e7eaed 100%);
    background: -webkit-linear-gradient(top, #f7f8fa 0%,#e7eaed 100%);
    background: linear-gradient(to bottom, #f7f8fa 0%,#e7eaed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#e7eaed',GradientType=0 );}
.pagination li:first-child>a,.pagination li:first-child>span{margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.pagination li:last-child>a,.pagination li:last-child>span{border-top-right-radius:4px; border-bottom-right-radius:4px;}
.pagination li>a:focus,.pagination li>a:hover,.pagination li>span:focus,.pagination li>span:hover{z-index:2; color:#069edb; background-color:#eee; border-color:#ddd;}
.pagination .active>a,.pagination .active>a:focus,.pagination .active>a:hover,.pagination .active>span,.pagination .active>span:focus,.pagination .active>span:hover{z-index:3; cursor:default; background: #ffffff; border-color: #eea050; color: #c75700;}
.pagination .disabled>a,.pagination .disabled>a:focus,.pagination .disabled>a:hover,.pagination .disabled>span,.pagination .disabled>span:focus,.pagination .disabled>span:hover{color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd;}
.pagination-lg li>a,.pagination-lg li>span{padding:10px 16px; font-size:18px; line-height:1.3333333;}
.pagination-lg li:first-child>a,.pagination-lg li:first-child>span{border-top-left-radius:6px; border-bottom-left-radius:6px;}
.pagination-lg li:last-child>a,.pagination-lg li:last-child>span{border-top-right-radius:6px; border-bottom-right-radius:6px;}
.pagination-sm li>a,.pagination-sm li>span{padding:5px 10px; font-size:12px; line-height:1.5;}
.pagination-sm li:first-child>a,.pagination-sm li:first-child>span{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.pagination-sm li:last-child>a,.pagination-sm li:last-child>span{border-top-right-radius:3px; border-bottom-right-radius:3px;}
/*--overwrite css end--*/

*{outline: none;}
body{font-family: 'AvenirNextRoundedPro', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.04em; color: #000000; line-height: 20px; transition: all 0s ease 0s;}
strong, b, .boldText{font-weight: 600;}
.nobreak {white-space: nowrap;}
ul{list-style: none; margin: 0; padding: 0;}
button{ -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
a{color:#069edb; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
a:hover, a:focus {color: #069edb; outline: none;}
a.yellowLink {color: #f8db19;}
a.blueLink {color: #009edb;}
a.redLink{color:#e2243d;}
a.yellowLink:hover, a.blueLink:hover, a.redLink:hover {text-decoration: underline;}
.blueFont {color: #009edb;}
.redFont{color:#e2243d;}
.greenFont{color:#15a96a;}
img{display:inline;}
.noteMark{font-size: 11px; margin: 10px 0;}
.contentHeading{font-size: 20px; margin: 25px 0;}
.fl{float:left;}
.fr{float:right;}
.clearFix:before,.clearFix:after{content:''; display:table;	clear:both;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w100{width: 100%;}

#sp-extramegamenu {display: none;}
#sp-custom-popups{background-color: #373636;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.parent.open > .offcanvas-menu-toggler.collapsed .close-icon {display: inline;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.parent.open > .offcanvas-menu-toggler.collapsed .open-icon {display: none;}

.btn[disabled], button[disabled], .disabled{opacity: 0.45; cursor: default !important;}
.btn[disabled]:hover, button[disabled]:hover, .disabled:hover{text-decoration: none !important;}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {background-color: #fdf59a; background-image: none;}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background-color: #f8dc19;}
.datepicker td, .datepicker th {width: 25px; height: 25px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 0;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {background-color: #069edb; background-image: none; color: #ffffff;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {background-color: #069edb;}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]{background-color: #069edb;}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {background-color: #069edb; background-image: none;}
.datepicker-dropdown {padding: 4px;margin-top: 8px;}

div[onclick^='displayTvShow'] {position: relative; cursor: pointer;}
div[onclick^='displayTvShow']:before, .media-contentW div[onclick^='displayTvShow'] .tvShowLink .listBoxThumb:before {content: ''; display: block; position: absolute; z-index: 100; width: 0; height: 0; border-left: 34px solid rgba(255,255,255,0.5); border-top: 20px solid transparent; border-bottom: 20px solid transparent; margin-left: -17px; margin-top: -20px; top: 50%; left: 50%; transition: all .25s ease-in-out;}
div[onclick^='displayTvShow']:hover:before, .media-contentW div[onclick^='displayTvShow'] .tvShowLink .listBoxThumb:hover:before{border-left-color: rgba(255,255,255,1);}
.media-contentW div[onclick^='displayTvShow']:before{display: none;}

.modal-body .closeWrap a {color: #bdbdbd; font-size: 18px; line-height: 18px; display: inline-block; margin-bottom: 5px;}
.modal-body .closeWrap a span {border: 10px solid transparent; margin-right: -10px;}
.modal-body .closeWrap a:hover {color: #000000;}

.paginationWrap {text-align: center;}
.paginationWrap .pagination li a {border: none; color: #000000; cursor: pointer; border-radius: 0;}
.paginationWrap .pagination li.active a {background-color: transparent; color: #e2243d;}
.paginationWrap .pagination li.prev a, .paginationWrap .pagination li.next a {color: #231e5e; font-weight: 600;}

.buttonStyle2, .buttonStyle2[disabled]:hover{color: #ffffff; background-color: #00a56a; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.buttonStyle3, .buttonStyle3[disabled]:hover{color: #ffffff; background-color: #e52539; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}


.hollowButton{border: 1px solid #333333; border-radius: 2px; color: #333333; background-color: transparent; font-size: 18px; padding: 6px; text-transform: uppercase;}
.hollowButton.greenBTN{color: #109a6c; border-color:#109a6c;}
.hollowButton.greenBTN:hover{color: #ffffff; background-color:#109a6c;}
.hollowButton.whiteBTN{color: #ffffff; border-color:#ffffff;}
.layout-boxed .body-innerwrapper{box-shadow: none; border-left: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; box-sizing: content-box;max-width: 1200px;}
.layout-boxed .body-innerwrapper .body-innerwrapper {border: none;}

.container{width:100%; max-width: 1200px; margin: 0 auto; padding: 0 15px;}

.btnDefault{width:100%; background:#f8dc19; padding:15px; border:none; color:#1a1300; font-size:18px; font-weight: 700; text-transform:uppercase;	cursor:pointer;
            -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.btnDefault:hover{background:#e0c505;}
.btnDefault.disabled, 
.btnDefault[disabled], 
.btnDefault.disabled:hover, 
.btnDefault.disabled:focus, 
.btnDefault[disabled]:hover, 
.btnDefault[disabled]:focus {
    background: #f8dc19;
    color: #1a1300;
}
.btnGray{background: #474747; border: none; color: #fff;  text-transform: uppercase; cursor:pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.btnGray:hover{background: #131111;}
.btnGray + .btnGray{margin-left:10px;}

.txnstatus_popup .statusMsg > div { display: flex; justify-content: space-between; padding: 8px; border-bottom: 1px solid #d9d9d9;}
.txnstatus_popup .buttonWrap .button span {display: block;}
.txnstatus_popup .buttonWrap .button .maintext { text-transform: uppercase; font-size: 1.2em;}
.txnstatus_popup .buttonWrap .button .subtext { font-size: 0.7em; color: #9cff04; font-weight: 400;}
.txnstatus_popup .buttonWrap .button {border-radius: 5px; margin-top: 10px;}
.txnstatus_popup .buttonWrap .button:hover .subtext { color: #fdda1c;}

.articleHeader{text-transform: uppercase; font-size: 20px; margin-bottom: 24px;}

.paginationStyle1 {text-align: center;}
.paginationStyle1 .pagingBlock {display: inline-block; margin: 6px 0;}
.paginationStyle1 .pagingBlock > div {display: inline-block; color: #8f8f8f; vertical-align: middle;}
.paginationStyle1 .pagingBlock > .BTN {position: relative; text-indent: -9999px; width: 15px; height: 20px; cursor: pointer; overflow: hidden;}
.paginationStyle1 .pagingBlock > .BTN:before {content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 50%; margin-top: -8px; margin-left: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.paginationStyle1 .pagingBlock > .BTN.prevBtn:before {border-right: 16px solid #a4a4a4;}
.paginationStyle1 .pagingBlock > .BTN.nextBtn:before {border-left: 16px solid #a4a4a4;}
.paginationStyle1 .pagingBlock > .pageValue > span {margin: 0 2px;}

.accordionStyle1.panel-group {margin-bottom: 0;}
.accordionStyle1 .panel-default {border-color: #a4a4a4;}
.accordionStyle1.panel-group .panel {border-radius: 0;}
.accordionStyle1 .panel-heading {padding: 0; color: #000000; background-color: #ffffff; border-color: #a4a4a4;}
.accordionStyle1 .panel-title {padding: 9px 15px;font-size: 14px;cursor: pointer;position: relative;}
.accordionStyle1 .panel-title[aria-expanded="true"] {background-color: #dfdfdf;}
.accordionStyle1 .panel-title:hover {background-color: #dfdfdf;}
.accordionStyle1 .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #a4a4a4;}
.accordionStyle1 .panel-body {padding: 28px 16px;}
.accordionStyle1 .panel-title:before {position: absolute;content: '\f067';font-family: fontAwesome; background-color: #dfdfdf; color:#ffffff; top: 50%;margin-top: -10px;font-size: 10px;width: 20px;text-indent: 1px;height: 20px;text-align: center;line-height: 20px;padding: 0;border-radius: 50%;}
.accordionStyle1 .panel-title[aria-expanded="true"]:before {content: '\f068';}
.accordionStyle1 .iconRight .panel-title:before {right: 10px;}
.accordionStyle1 .iconLeft .panel-title:before {left: 10px;}
.accordionStyle1 .iconLeft .panel-title {padding-left: 40px;}
.accordionStyle1 .iconRight .panel-title {padding-right: 40px;}

.accordionStyle1.lotto .panel-title:before {background-color: #f8db19; color:#232323}
.accordionStyle1.powerball .panel-title:before {background-color: #069edb; color: #ffffff;}
.accordionStyle1.dailylotto .panel-title:before {background-color: #e52539; color: #ffffff;}
.accordionStyle1.pick3 .panel-title:before {background-color: #e52539; color: #ffffff;}
.accordionStyle1.sportstake8 .panel-title:before,
.accordionStyle1.sportstake13 .panel-title:before {background-color: #00ac69; color: #ffffff;}
.accordionStyle1.raffle .panel-title:before {background-color: #642c83; color: #ffffff;}
.accordionStyle1.rapido .panel-title:before {background-color: #231f5e; color: #ffffff;}
.accordionStyle1.eaziwin .panel-title:before {background-color: #f68d2d; color: #ffffff;}

/*--form style start--*/
.formStyle .chb-termsLbl a{border-bottom:1px solid #069edd; color:#171500;}
.formStyle fieldset {min-width: 0; padding: 0; margin: 0; border: 0;}
.formStyle legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
.formStyle label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
.formStyle .form_item_holder label{color:#8d8d8d;}
.formStyle label.chb-termsLbl{color:#171500;}
.formStyle .vAsteriskMsg{margin:15px 0;}
.formStyle .asterik{color:red;}
.formStyle .legendCap{text-transform: uppercase; margin-bottom: 10px; padding-top:10px; border-bottom: none; color:#191200; font-size:18px;}
.formStyle .form_item_holder{margin-bottom:15px; position:relative;}
.formStyle .form_item_holder > label{display:none;}
.formStyle .inputGroup{position: relative; display: table; border-collapse: separate;}
.formStyle .inputGroupAddon{padding: 6px 25px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #fff;   border: 1px solid #ccc; width:1%; white-space: nowrap; vertical-align: middle;}
.formStyle .inputGroupAddon:first-child {border-right: 0;}
.formStyle .inputGroup .formControl, .formStyle .inputGroupAddon{display: table-cell;}
.formStyle .formControl {display: block; width: 100%; height:50px; padding: 6px 20px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0;}
/*.formStyle .provienceLabel {padding-left: 60px;}*/

.formStyle .fcIcon{position:relative;}
.formStyle .fcIcon:after{content: ''; position: absolute; right: 50%; margin-right: -20px; top: 6px; width: 40px; height: 36px; overflow: hidden; background: url('../images/icon-spriteIthuba.png') no-repeat right top;}
.formStyle .fc-userIcon:after{background-position: 0px 0px;}
.formStyle .fc-mobileIcon:after{background-position: -40px 0px;}
.formStyle .fc-rsaIcon:after{background-position: -80px 0px;}
.formStyle .fc-emailIcon:after{background-position: -120px 0px;}
.formStyle .fc-lockIcon:after{background-position: -160px 0px;}
.formStyle .fc-mapIcon:after {background-position: -200px 0px;}
.formStyle .fc-townIcon:after {background-position: -240px 0px;}
.formStyle .fc-cityIcon:after {background-position: -280px 0px;}
.formStyle .fc-postIcon:after {background-position: -320px 0px;}
.formStyle .fc-provinceIcon:after {background-position: -360px 0px;}
.formStyle .fc-bankIcon:after{background-position: -400px 0px;}
.formStyle .fc-accountIcon:after{background-position: -440px 0px;}
.formStyle .fc-branchcon:after{background-position: -480px 0px;}
.formStyle .fc-creaditCardIcon:after{background-position: -520px 0px;}
.formStyle .fc-securityIcon:after{background-position: -560px 0px;}
.formStyle .fc-amountIcon:after{background-position: -600px 0px;}
.formStyle .fc-amountDepIcon:after{background-position: -640px 0px;}

.formStyle .select-style {border: 2px solid #ccc; min-width: 140px; cursor: pointer; border-radius: 5px;  background-color: #e8e8e8; position:relative; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.formStyle .select-style:after {content: ''; position: absolute; z-index: 10; top: 50%; right: 0; width: 15px; height: 19px; margin-top: -10px; overflow: hidden;
                                background: url('../images/icon-spriteIthuba.png') no-repeat 0px -40px;}
.formStyle .select-style.date:after{display: none;}  
.formStyle .select-style select { padding-right: 18px; width: 100%; cursor: pointer; border: none; box-shadow: none; background: transparent; background-image: none; -moz-appearance: none; -webkit-appearance: none; color:#6a6a6a; font-size:15px;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
/*.formStyle .select-style select option:disabled {display: none;}*/
.formStyle .select-style:hover {border-color: #555555; border-radius: 0; background-color: #555555;}
.formStyle .select-style:hover select,
.formStyle .select-style select:hover {background-color: #555555; color: #ffffff;}
.formStyle .select-style select option{background-color:#e7e7e7;color: #000000;font-size: 14px; line-height: 18px;}
.formStyle .select-style select option:checked {background-color: #bdbbbc;}
.formStyle .select-style.date:hover {background-image: none;}
.formStyle .select-style.date:hover .custome_input {color: #ffffff !important;}
.formStyle .select-style select:focus {outline: none;}
.formStyle .customCheckBox input[type="checkbox"] {display: none;}
.formStyle .customCheckBox label {position: relative; cursor: pointer; padding-left: 35px;}
.formStyle .customCheckBox  label:before {content: ""; position: absolute; display:inline-block; left: 0; top: -5px; width:26px; height:26px; overflow: hidden; background: url('../images/icon-spriteIthuba.png') no-repeat 0px -65px;}
.formStyle .customCheckBox input:checked +  label:before {content: "";	background-position:-26px -65px;}

.formStyle .checkB-2 li{float:left; width:50%;}
.formStyle .checkB-2 .customCheckBox label{padding-left: 40px;}
.formStyle .selectBWrap .selectBCap{width:60%; margin-top: 10px;}
.formStyle .error_tooltip{color: #e2283f;}
.formStyle .helpTip{position:absolute; right:10px; top:18px; cursor:pointer;}
.formStyle .helpTip > span{background-color:#85c2dc; color:#77848a; width:15px; height:15px; line-height:15px; border-radius:100%; text-align:center; font-size:11px; display:block;}
.formStyle .helpTipModal{display:none; position: absolute; width:320px; z-index: 9; right: -290px; top: 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.formStyle .helpTip:hover .helpTipModal{display:block;}
.formStyle .helpTipTitle{background-color:#555354; color:#fff; padding:15px 25px; font-size: 18px;}
.formStyle .helpTipDesc{background-color:#e7e7e7; padding:15px 10px; min-height:65px;}

.formStyle .formWrap.border, #sp-component .modal-body .formStyle .formWrap.border{border:2px solid #bdbdbd; padding:15px;}
.formStyle .imgW100{width:100%;}
/*.formStyle .loginBTNWrap{padding:0px 20px;}*/
.formStyle .loginBTNWrap button{margin-bottom:15px;}
.formStyle .formWrap.border fieldset{padding:0px 20px;}

.formStyle .formWrap.border .panelHead{background-color:#dbdbdb; color:#000; padding:15px 20px;}
.formStyle .formWrap.border .panelHead span{font-size:18px; margin-right:5px;}
.formStyle .formWrap.border .panelHead small{font-size:12px;}

.formStyle .forgetLink a{color:#555; font-size:12px;}
.formStyle .registerLink a, .formStyle .loginLink a{color:#000;	font-size:18px; font-weight:bold;}

.formStyle .vAsteriskMsg em{color:#000; font-size:12px;}
.formStyle .formWrap.border .panelHead span.reset1Cap{text-transform: inherit;}
.formStyle .reset1Inst{margin-top:10px; margin-bottom:20px; padding-left:10px;}

.formStyle .formWrap.no-inputGroup .inputGroup{display: block;}
.formStyle .formWrap.no-inputGroup .formControl{padding: 6px 12px; display: block;}
.formStyle .formWrap.no-inputGroup textarea{height: auto; resize: none;}
.formStyle .formWrap.otpWrap fieldset {padding: 25px 20px ;}
.formStyle .actionMsg{margin-bottom: 25px; font-weight: 600;}
.formStyle .resendOtpLink a {color: #000000; font-weight: 600;	margin-top:15px; display: block;}
.formStyle .formWrap.contact-formWrap fieldset{padding: 20px 25px 0 0;}
.formStyle .imgBorder{border: 2px solid #b4b4b4;}
.formStyle .textLeft{text-align: left;}
.formStyle .textRight{text-align: right;}
.formStyle .textCenter{text-align: center;}
.formStyle .d-inlineB{display: inline-block;}
.formStyle .selectExpiryWrap ul{display: flex;	align-items: baseline; flex-wrap: wrap;}
.formStyle .selectExpiryWrap ul li{flex: 1 1 auto;}
.formStyle .selectExpiryWrap .selectYearW{padding-left: 40px;}
.formStyle .dCardDtls{display: flex; align-items: center;}
.formStyle .dCardDtls .cardNum{color: rgba(0,0,0,0.57); font-size: 20px; padding-left: 25px;}
.formStyle .addNewPMethod {margin-top: 20px; position: relative; cursor: pointer;}
.formStyle .addNewPMethod a {font-size: 16px; padding-left: 40px; color: rgba(0,0,0,0.50);}
.formStyle .addNewPMethod:before {content: ''; position: absolute; left: 0; top: 0; background: url('../images/icon-spriteIthuba.png') no-repeat -52px -65px; height: 26px; display: block; width: 26px;}

#sp-component .formStyle .formWrap.border {border: 0; padding: 0;}
.select-style.date .custome_input {cursor: pointer;}
/*--form style end--*/

/*--comman page style start--*/
.yellowBG {background-color: #f8db19;}
.blueBG {background-color: #069edb; color: #ffffff;}
.redBG {background-color: #e52539; color: #ffffff;}
.lightBlueBG{background-color: #e9f0f8;}
.lightGreyBG{background-color: #dfdfdf;}
.hList{background-color:#e7f0f7; padding:10px 5px; margin-bottom:20px;}
.hList .hListHead{font-weight:bold;}
.hList li{margin-bottom:5px;}
.stepsWrap li{margin-bottom:10px;}
.hList ul{padding-left: 30px; list-style-type:disc;}
.hList .btnGray{padding: 15px;font-size: 17px; min-width: 220px;}
#sp-component .paraTitle {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
#sp-component .page-header {border: none; margin: 0; margin-bottom: 22px; padding: 0;}
#sp-component .page-header h2 {background-color: #069edb; color: #ffffff; text-transform: uppercase; padding-left: 15px; font-weight: 600; font-size: 14px;  line-height: 22px; margin: 0; }
#sp-left + #sp-component .page-header h2{padding-left: 15px;}
#sp-component .page-header h2.lotto, #sp-component .page-header h2.yellow,
#sp-component .page-header h2.lottoplus1,
#sp-component .page-header h2.lottoplus2{background-color: #f6d918; color:#000000;}
#sp-component .page-header h2.powerball,
#sp-component .page-header h2.powerballplus{background-color: #069edb;}
#sp-component .page-header h2.dailylotto{background-color: #e52539;}
#sp-component .page-header h2.pick3{background-color: #e52539;}
#sp-component .page-header h2.sportstake8,
#sp-component .page-header h2.sportstake13{background-color: #00ac69;}
#sp-component .page-header h2.raffle{background-color: #642c83;}
#sp-component .page-header h2.rapido{background-color: #231f5e;}
#sp-component .page-header h2.eaziwin{background-color: #f68d2d;}
#sp-component .fullPage .leftComponent {padding-right: 15px;}
#sp-component .fullPage .rightComponent {padding-left: 15px;}
#sp-component .fullPage .leftComponent .page-header {margin-right: -14px;}
#sp-component .fullPage .rightComponent .page-header {margin-left: -14px;}

.drawExtrainfo {border: 1px solid #000000; padding: 8px;}
.drawExtrainfo > div {float: left;}
.drawExtrainfo:after {content: ''; clear: both; display: block;}
.drawExtrainfo .videoBlock {width: 60%;}
.drawExtrainfo .infoHighlightWrap {width: 40%; padding-left: 15px; font-size: 12px; line-height: 16px;}
.drawExtrainfo .infoHighlightWrap .dataLabel + .dataLabel {margin-top: 12px;}
.drawExtrainfo .infoHighlightWrap .dataLabel .dataTitle {font-weight: bold;}

.faqDetailWrap ol li {margin-bottom: 10px;}
.faqDetailWrap .contentWrap {font-size: 12px;}
.faqDetailWrap #accordion {margin-bottom: 15px;}

.customMessageBoxWrap img{margin-bottom: 15px;}
.customMessageBoxWrap .title {font-size: 20px; margin-bottom: 15px; line-height: 24px;}
.customMessageBoxWrap .desc {color: #676767;}
.customMessageBoxWrap .tranId {text-transform: uppercase; font-size: 11px; margin-top: 10px; margin-bottom: 10px;}
/*-- comman page style end--*/ 

/*-----------General CSS end-----------------------------*/

/*-----------Header CSS start-----------------------------*/
#sp-top-bar {background-color: #020202; color: #b5b5b5; padding: 3px 0; display: none;}
#sp-top2 {text-align: right;}
#sp-header .logo img{width: 160px;  margin-right: 8px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
#sp-header .logo {height: auto; padding: 10px 0 0;}
#sp-header {height: auto; z-index: 999; max-width: none !important;}
#sp-header.menu-fixed{left:0 !important; max-width: none !important; box-shadow: none;border-bottom: 1px solid #c0c0c0;}
#sp-header.menu-fixed .logo{padding: 2px 0;}
#sp-header.menu-fixed .logo img{width: 82px;}

body.offcanvas {overflow-y: hidden;}
.offcanvas-overlay {background: rgba(0,0,0,0.5);}
#offcanvas-toggler {width: 35px; text-align: center; height: 35px; display: inline-block; line-height: 100%; color: #000000; border: 2px solid #000000;border-radius: 50%; margin: 34px 15px 0;}
#offcanvas-toggler > i {margin-top: 6px;}
#offcanvas-toggler:hover {background-color: #069edb; border-color: #069edb;}
#offcanvas-toggler:hover i {color: #ffffff;}
.offcanvas-menu{background-color: rgba(255,255,255,0.98); color: #000000; overflow-y: auto;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{color:#000000;position: relative; z-index: 10; text-transform: none;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {z-index: 5;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a img{margin-right: 15px;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child{padding:40px 0 20px;}
.close-offcanvas{border: 1px solid #5f5f5f; color: #5f5f5f;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li li {padding-left: 15px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li li a img {max-width: 90px; float: left;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li li a:after {content: ''; clear: both; display: block;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {border-bottom: none;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li + li {border-top: 1px solid rgba(0,0,0,0.1);}

#sp-top3 {line-height: 34px;}
.basicLoginWrap a{color:#f8db19;}
#sp-my-account-bar {background-color: #020202; padding: 10px 0 4px; color: #ffffff; min-height: 50px;}
#sp-my-account-bar .userName{display: inline-block; margin-left: 30px;}
#sp-my-account-bar .userName .currencySymbol, #sp-my-account-bar .userName .currency{color: #f6d918;}
#sp-my-account-bar .userName .currencySymbol{margin-left: 5px;}
#sp-my-account-bar .form_item_holder, #sp-my-account-bar .button_holder{display: inline-block;}
#sp-myaccountpos {padding-left: 0;}
#sp-myaccountpos .sp-column {display: flex; justify-content: flex-end; align-items: center;}
#sp-myaccountpos .sp-module {margin: 0; }
#sp-myaccountpos .sp-module + .sp-module{ margin-left: 12px;}
#sp-myaccountpos .sp-module.messageIconBox {position: relative;}
#sp-myaccountpos .sp-module.messageIconBox img {max-width: 31px;}
#sp-myaccountpos .sp-module.messageIconBox .messageIconWrap {position: relative;}
#sp-myaccountpos .sp-module.messageIconBox .messageIconWrap.unread:after {content: ''; width: 12px; height: 12px; border: 2px solid #020202; background-color: #ef3242; display: block; border-radius: 50%; position: absolute; z-index: 1; top: -3px; right: -6px;}
#sp-myaccountpos .nav {display: flex; justify-content: flex-end;}
#sp-myaccountpos .nav > li + li {margin-left: 48px;}
#sp-myaccountpos .nav > li > a {color: #fff; text-transform: uppercase;}
#sp-myaccountpos .nav > li > a:hover, #sp-myaccountpos .nav > li.active > a {color: #f8dc19;}
#sp-myaccountpos .nav > li > a:before {display: none;}
#sp-myaccountpos .nav > li > a > img {margin-right: 15px;}
#sp-myaccountpos .socialMediaIcon {margin-top: 1px; margin-bottom: 0px;}
/*.post-login #sp-myaccountpos .socialMediaIcon {margin-top: 5px;}*/
.post_login_popup_banner p {margin: 0;}
.pre-login #sp-my-account-bar .userName{display: none;}
.loginPage.pre-login #sp-my-account-bar .userName,
.registerPage.pre-login #sp-my-account-bar .userName{display:block; margin-left:0;}
.loginPage #sp-my-account-bar .loginForm, 
.registerPage #sp-my-account-bar .loginForm{display:none;}

.basicLoginWrap .loginForm .formWrap.border {padding: 0; border: none;}
.basicLoginWrap .loginForm .formWrap .panelHead, .basicLoginWrap .loginForm .formWrap .vAsteriskMsg {display: none;}
.basicLoginWrap .loginForm .formWrap fieldset {display: block;position: relative;padding: 0;}
.basicLoginWrap .loginForm.formStyle .form_item_holder {width: 180px;margin-bottom: 0;float: left;line-height: 0;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .formControl {height: 30px;line-height: 30px;border: none;border-radius: 0 2px 2px 0;float: left;margin-left: 1px;width: 139px;padding: 0 5px;font-size: 14px;color: #333;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .formControl#password {padding-right: 72px;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroupAddon {width: 30px; height: 30px; display: inline-block; float: left; overflow: hidden; padding: 0; border: none; border-radius: 2px 0 0 2px;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup {display: inline-block;vertical-align: middle;line-height: 100%;}
.basicLoginWrap .loginForm.formStyle  .loginBTNWrap {display: flex; padding: 0; position: relative; z-index: 20; line-height: 100%;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup:after, .basicLoginWrap .loginForm.formStyle fieldset:after {clear: both; content: ''; display: block;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .btnDefault {padding: 0 14px; border-radius: 2px; margin-bottom: 0; height: 30px; order: 2; font-size: 14px; line-height: 30px; width: auto;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .forgetLink {order: 1; white-space: nowrap;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink {order: 3;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .forgetLink a {color: #009f66; display: inline-block; margin-left: -76px; z-index: 100; font-size: 10px; padding: 0; line-height: 30px;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink a {font-size: 14px;text-transform: uppercase;font-weight: 400;line-height: 28px;margin-left: 10px;border: 1px solid #ffffff;display: block;padding: 0 14px;height: 30px;border-radius: 2px;color: #ffffff;}
.basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink a:hover {background-color: #ffffff; color: #000000;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .formControl::-webkit-input-placeholder {color: #525252; font-weight: 400;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .formControl::-moz-input-placeholder {color: #525252; font-weight: 400;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .formControl::-ms-input-placeholder {color: #525252; font-weight: 400;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .error_tooltip {position: absolute; display: none; top: 100%; left: 0; font-size: 10px; line-height: 14px; padding: 5px; z-index: 100; border-radius: 3px; margin-top: 5px; width: calc(100% - 10px); color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .error_tooltip:before {content: ''; display: block; width: 0; height: 0; line-height: 0; position: absolute; z-index: 10; top: -6px; left: 10px; border-bottom: 6px solid #f2dede; border-left: 3px solid transparent; border-right: 3px solid transparent;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup .fcIcon:after {width: 30px; height: 30px; margin: 0; top: 0; left: 0;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup .fc-mobileIcon:after {background-position: 3px -516px;}
.basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup .fc-lockIcon:after {background-position: -35px -516px;}


.body-innerwrapper {position: relative; overflow: visible;}
.body-innerwrapper .outsideNav {position: absolute; right: -51px; width: 50px; height: 155px; top: 155px; display: block;}
.body-innerwrapper .outsideNav .cartNavWrap {background-color: #f8db19; text-align: center; border-radius: 0 4px 4px 0; margin-bottom: 5px; padding: 8px 0;}
.body-innerwrapper .outsideNav .cartNavWrap .value {font-size: 16px; font-weight: 600; margin-top: 4px; color: #000000;}
.body-innerwrapper .outsideNav .chatNavWrap {text-align: center; border: 1px solid #000000; border-left: none; border-radius: 0 4px 4px 0; position: relative;}
.body-innerwrapper .outsideNav .chatNavWrap .chatNavBTN{ padding: 4px 0;cursor: pointer;}
.body-innerwrapper .outsideNav .chatNavWrap .title {text-align: left; margin-left: 8px; line-height: 12px; text-transform: uppercase; font-size: 12px;}
.chatNavWrap .chatBoxWrap {position: absolute;z-index: 1000;width: 450px;height: 560px;padding: 30px;left: -470px;top: -200px;background-color: #ffffff;border-radius: 25px;box-shadow: 0px 2px 15px rgba(0,0,0,0.8); display: none;}
.chatNavWrap .chatBoxWrap .closeWrap {position: absolute; right: 10px; top: 3px; padding: 5px;}
.chatNavWrap .chatBoxWrap iframe {width: 100%; height: 100%; border:2px solid #7e7e7e;}
/*-----------Header CSS end-----------------------------*/

/*-----------Nav CSS start-----------------------------*/
#sp-menu {padding: 0;}
#sp-menu .sp-module ul >li >a:before {content: ''; display:none;}
.sp-megamenu-parent {text-align: center; display:flex; float: none; position: static;}
.sp-megamenu-parent > li {flex:1; border: none;  border-left: 1px solid #c0c0c0;}
.sp-megamenu-parent > li > a{padding: 10px 0 13px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; line-height: 130%; font-size: 16px; text-transform: none; letter-spacing: initial;}
.sp-megamenu-parent > li > a > img{width:44px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.sp-megamenu-parent > li > a > span{display: block; font-size: 16px; color: #5a5a5a; padding: 5px 4px 0;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after{display: none;}
.sp-megamenu-parent > li.active, .sp-megamenu-parent > li.active:hover {background-color: #f8dc19;}
.sp-megamenu-parent > li.active > a > .image-title {color: #fff; font-weight: 600;}

.sp-megamenu-parent .myAccountLinkWrap {display: none;}

#sp-header.menu-fixed #sp-menu .sp-megamenu-parent > li > a{padding: 9px 0;}
#sp-header.menu-fixed #sp-menu .sp-megamenu-parent > li > a > img{width: 22px;}
#sp-header.menu-fixed #sp-menu .sp-megamenu-parent > li > a > span{display: initial;}
#sp-header.menu-fixed #sp-menu .sp-megamenu-parent > li:last-child{border-right: 1px solid #c0c0c0;}
#sp-header.menu-fixed #sp-menu .sp-megamenu-wrapper{margin-right: -1px;}

#sp-left .deep-menu .deeper.parent > a + span {display: none;}
#sp-left .deep-menu .deeper.parent > a {position: relative;}
#sp-left .deep-menu .deeper.parent > a:after {content: '';position: absolute;top: 50%;right: 10px;margin-top: -5px;border-top: 10px solid #b4b4b4;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: rotate(-90deg);-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
#sp-left .deep-menu .deeper.parent > ul {display: none;}
#sp-left .deep-menu .deeper.parent.open > a:after {transform: rotate(0deg);}
#sp-left .deeper.parent li.current > a, #sp-left .deeper.parent li.current > a:hover {color: #069edb;}

#sp-left .sp-module > h3 {background-color: #f8dc19; color: #000000; font-size: 14px; font-weight: 800; line-height: 22px; padding: 0 15px;}
#sp-left .sp-module .sp-module-content > .nav{background-color: #dfdfdf; border-top:1px solid #b4b4b4;}
#sp-left .sp-module .sp-module-content > .nav .parent.active {background-color: #ffffff;}
#sp-left .sp-module .sp-module-content > .nav > li{border-bottom: 1px solid #b4b4b4;}
#sp-left .sp-module ul >li >a{color: #000000;}
/*-----------Nav CSS end-----------------------------*/

/*----------Social Media start---------------------------*/
.socialMediaIcon {display: flex;}
.socialMediaIcon > li {flex: 0 0 27px;}
#sp-sub-footer1 .socialMediaIcon > li {flex:0 0 58px;}
.socialMediaIcon > li + li{margin-left: 7px;}
.socialMediaIcon > li > a {width: 27px; height: 27px; overflow: hidden; display: inline-block; text-indent: -9999px;}
.socialMediaIcon > li > a, .sp-module .socialMediaIcon > li > a:hover{background: url('../images/icon-spriteIthuba.png') no-repeat 0px -100px;}
.socialMediaIcon > li.facebook > a {background-position: 0 -100px;}
.socialMediaIcon > li.twitter > a {background-position: -27px -100px ;}
.socialMediaIcon > li.instagram > a {background-position: -54px -100px;}
.socialMediaIcon > li.youtube > a {background-position: -81px -100px;}
.socialMediaIcon > li.facebook > a:hover {background-position: 0 -127px;}
.socialMediaIcon > li.twitter > a:hover {background-position: -27px -127px;}
.socialMediaIcon > li.instagram > a:hover {background-position: -54px -127px;}
.socialMediaIcon > li.youtube > a:hover {background-position: -81px -127px;}
#sp-sub-footer1 .socialMediaIcon > li > a{width:58px; height: 58px;}
#sp-sub-footer1 .socialMediaIcon > li > a, #sp-sub-footer1 .sp-module .socialMediaIcon > li > a:hover{background: url('../images/icon-spriteIthuba.png') no-repeat 0px -160px;}
#sp-sub-footer1 .socialMediaIcon > li.facebook > a {background-position: 0 -160px;}
#sp-sub-footer1 .socialMediaIcon > li.twitter > a {background-position: -58px -160px ;}
#sp-sub-footer1 .socialMediaIcon > li.instagram > a {background-position: -116px -160px;}
#sp-sub-footer1 .socialMediaIcon > li.youtube > a {background-position: -174px -160px;}
#sp-sub-footer1 .socialMediaIcon > li.facebook > a:hover {background-position: 0 -218px;}
#sp-sub-footer1 .socialMediaIcon > li.twitter > a:hover {background-position: -58px -218px;}
#sp-sub-footer1 .socialMediaIcon > li.instagram > a:hover {background-position: -116px -218px;}
#sp-sub-footer1 .socialMediaIcon > li.youtube > a:hover {background-position: -174px -218px;}
/*---------- Socail Media end----------------------------*/

/*-----------Footer CSS start-----------------------------*/
#sp-footer {background: #1a1300; text-align: left; font-size: 13px; line-height: 14px; color: #d2ccbb; font-weight: 400; padding:0 73px;}
#sp-footer1 .sp-module-title {margin-bottom: 0; margin-top: 20px; color: #fff;}
#sp-footer1 .navigationRow1 .nav.menu {display: flex;}
#sp-footer1 .navigationRow1 .nav.menu > li {flex: 1;}
#sp-footer1 .navigationRow2 .nav.menu{text-align: center;}
#sp-footer1 .navigationRow2 .nav.menu > li {display: inline-block;}
#sp-footer1 .nav.menu > li > a:before {display: none;}
#sp-footer1 .nav.menu > li > a {display: block; text-align: center; color: #a8a7a3; font-size: 13px;}
#sp-footer1 .nav.menu > li > a:hover {color: #f8db19;}
#sp-footer1 .navigationRow2 .nav.menu > li > a{font-size:11px; padding: 0 12px;}

.footerDynBlockWrap {border: 2px solid #333333; padding: 30px 0 0 0; border-radius: 2px; position: relative; z-index: 20; height: 171px; color: #a8a7a3;}
.footerDynBlockWrap:before {content: '*ESTIMATED **GUARANTEED'; font-size: 11px; position: absolute; top: 5px; left: 7px;}
.footerDynBlockWrap .gameListWrap > ul {display: flex; justify-content: space-around;}
.footerDynBlockWrap .gameListWrap > ul > li {flex: 1; text-align: center; max-width: 170px; }
.footerDynBlockWrap .gameListWrap > ul > li img {max-width: 130px;}
.footerDynBlockWrap .gameListWrap > ul > li .gameTitle {font-size: 16px; text-transform: uppercase; font-weight: 600; margin-top: 12px; margin-bottom: 6px; line-height: 18px;color: #ffffff;}
.footerDynBlockWrap .gameListWrap > ul > li .dateTimeWrap {font-size: 10px; line-height: 16px;}
.footerDynBlockWrap .gameListWrap > ul > li .dateTimeWrap > span {display: block;}

#sp-sub-footer1{background: #1a1300; padding: 15px 0 22px;}
#sp-footer p {margin: 3px 0;}
#sp-footer3 {text-align: right;}

.complianceWrap .compliance {display: inline-block; overflow: hidden;text-indent: -9000px; height: 56px; text-align: center; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -280px;}
.complianceWrap .compliance + .compliance{margin-left:3px;}
.complianceWrap .compliance1 {background-position: 0px -280px; width: 56px;}
.complianceWrap .compliance2 {background-position: -56px -280px; width: 56px;}
.complianceWrap .compliance3 {background-position: -112px -280px; width: 54px;}
.complianceWrap .compliance4 {background-position: -166px -280px; width: 66px;}

#sp-sub-footer2 {background-color: #373636;  color: #8d8c87; text-align: center; font-size: 10px; position: relative; overflow: hidden; z-index: 1;}
#sp-sub-footer2:after, #sp-sub-footer2:before{content: ''; position: absolute; width: 150px; height: 50px; display: block; top: 2500px; left: -200px; z-index: -6;}
#sp-sub-footer2:before {background-image: url(../images/siteImg/fancyBtn.png);border-image: url(../images/siteImg/fancyBtn.png) 0 12 14 25 stretch;}
#sp-sub-footer2:after {background-image: url(../images/siteImg/fancyBtn_hover.png);border-image: url(../images/siteImg/fancyBtn_hover.png) 0 12 14 25 stretch;}

#sp-sub-footer2 h3 {color: #fff; font-size: 14px;}
/*-----------Footer CSS end-----------------------------*/

/*************Base CSS End********************************/


/*************Home Page start********************************/

/*--Banner Start--*/
.slick-dots{display: none !important;}
.bannerArea .slideWrap{position: relative;}
.bannerArea .slideWrap .imgTitle, .bannerArea .slideWrap .imgDesc, .bannerArea .slideWrap .gameTimer, .bannerArea .slideWrap .button1{position: absolute; top:0; left:0;}
#sp-slider .slick-slide .slideWrap{position: relative;}
#sp-slider .slick-slide .slideWrap .contentWrap {position: absolute; top: 113px; left: 30px;  text-align: center; width:43%; z-index: 10; padding-bottom: 26px;}
#sp-slider .slick-slide.static .slideWrap .contentWrap{display:none;}
#sp-slider .slick-slide.lotto .slideWrap .contentWrap, #sp-slider .slick-slide.lottoplus1 .slideWrap .contentWrap, #sp-slider .slick-slide.lottoplus2 .slideWrap .contentWrap{background-color: #f8db19;}
#sp-slider .slick-slide.powerball .slideWrap .contentWrap, #sp-slider .slick-slide.powerballplus .slideWrap .contentWrap{background-color: #069edb;}
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap{background-color: #e52539;}
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap{background-color: #e52539;}
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap{background-color: #f68d2d;}
#sp-slider .slick-slide.raffle .slideWrap .contentWrap{background-color: #642c83;}
#sp-slider .slick-slide.rapido .slideWrap .contentWrap{background-color: #231f5e;}
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap,
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap{background-color: #00ac69;}
#sp-slider .slick-slide .slideWrap .contentWrap:before{ content:''; position: absolute; top:-100px; left:0; width: 100%; height: 100px; background-position: center bottom; background-size:100%; background-repeat: no-repeat;}
#sp-slider .slick-slide.lotto .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_1.png);}
#sp-slider .slick-slide.lottoplus1 .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_9.png);}
#sp-slider .slick-slide.lottoplus2 .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_8.png);}
#sp-slider .slick-slide.powerball .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_6.png);}
#sp-slider .slick-slide.powerballplus .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_5.png);}
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_11.png);}
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_7.png);}
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_10.png);}
#sp-slider .slick-slide.raffle .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_4.png);}
#sp-slider .slick-slide.rapido .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_3.png);}
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_12.png);}
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap:before{background-image: url(../images/siteImg/slider/slider1_2.png);}
#sp-slider .slick-slide .slideWrap .contentWrap .imgDesc {position: relative; display: inline-block; font-size: 34px; line-height: 34px; text-transform: uppercase; font-weight: 600; background: #000000; background: -moz-linear-gradient(top, #575757 0%, #000000 61%, #000000 100%); background: -webkit-linear-gradient(top, #575757 0%,#000000 61%,#000000 100%); background: linear-gradient(to bottom, #575757 0%,#000000 81%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#000000',GradientType=0 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.unSupported #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc {-webkit-background-clip: initial !important; background-clip: initial !important; background: none !important; -webkit-text-fill-color: #000000;}
#sp-slider .slick-slide .slideWrap .contentWrap .imgDesc:after {position: absolute; content: attr(data-text); left: 0; top: 0; text-shadow: 0 -2px 0 #000000; z-index: -1;}
#sp-slider .slick-slide .slideWrap .contentWrap .imgDesc:before {content: url(../images/siteImg/slider/shine.png); position: absolute; z-index: 11; right: -8px; top: -8px; line-height: 0;}
.unSupported #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc:after{display: none; content:none;}
#sp-slider .slick-slide.powerball .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.rapido .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.raffle .slideWrap .contentWrap .imgDesc,
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .imgDesc{
    background: #ffffff; 
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 61%, #bdbdbd 100%); 
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 61%,#bdbdbd 100%); 
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 81%,#bdbdbd 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#000000',GradientType=0 ); 
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.unSupported #sp-slider .slick-slide.powerball .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.pick3 .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.rapido .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.raffle .slideWrap .contentWrap .imgDesc,
.unSupported #sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .imgDesc{color:#ffffff;-webkit-text-fill-color: #ffffff;}
#sp-slider .slick-slide .slideWrap .contentWrap .imgTitle {font-size: 14px; font-weight: 600; text-transform: uppercase; }
#sp-slider .slick-slide.powerball .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.rapido .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.raffle .slideWrap .contentWrap .imgTitle,
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .imgTitle{color:#ffffff;}
#sp-slider .slick-slide .slideWrap .contentWrap .nextDrawwrap, #sp-slider .slick-slide .slideWrap .contentWrap .lastDrawwrap {display: none;}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer {float: left; width: 50%; text-align: right; padding-top: 20px;}
#sp-slider .slick-slide .slideWrap .contentWrap .button1 {float: right; width: 50%;text-align: left; padding-top: 10px; padding-left: 20px;}
#sp-slider .slick-slide .slideWrap .contentWrap .text {margin-bottom: 30px;}
#sp-multipleslides .slick-slide .slideWrap .contentWrap:after {content: ''; clear: both; display: block;}
#sp-multipleslides .slick-slide .slideWrap .contentWrap:after {content: ''; clear: both; display: block;}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span {width: 60px; height: 44px; background-color: #069edb; color: #ffffff; display: inline-block; margin: 1px; border: 1px solid #000; text-align: center; font-weight: 500; box-shadow: inset 2px 3px 12px rgba(0,0,0,0.5); font-size: 22px; line-height: 42px; vertical-align: middle; position: relative;}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > .title {display: none;}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span:before{position:absolute; width: 200%; margin-left: -50%; height: 20px; left: 0; top: -20px; font-size: 18px; line-height: 18px; color: #000;}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span.daytime:before {content: 'DAYS';}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span.hrtime:before {content: 'HRS';}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span.mintime:before {content: 'MIN';}
#sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span.sectime:before {content: 'SEC';}
#sp-slider .slick-slide.powerball .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.rapido .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.raffle .slideWrap .contentWrap .gameTimer > span,
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .gameTimer > span{background-color: rgba(255,255,255,0.55); color: #000000;}
#sp-slider .slick-slide.powerball .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.pick3 .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.rapido .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.raffle .slideWrap .contentWrap .gameTimer > span:before,
#sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .gameTimer > span:before{color:#ffffff}
#sp-slider .slick-prev {left: 5px;}
#sp-slider .slick-next {right: 5px;}

#sp-slider .mainMobileSlider{display: none;}
#sp-multipleslides {background-color: #cecece;}
#sp-multipleslides .slideWrap{min-height: 285px; background-color: #ffffff; margin: 0 10px; text-align: center; position: relative; padding-top: 10px; border: 1px solid #a4a4a4;}
#sp-multipleslides .slick-slide .slideWrap img{width:182px; display:inline-block;}
#sp-multipleslides .slick-slide .slideWrap .contentWrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#sp-multipleslides .slick-slide .slideWrap .text{margin-top: 75px;}
#sp-multipleslides .slick-slide .slideWrap .imgDesc {color: #050505; display: block; width: 100%; font-size: 32px; font-weight: 600; text-transform: uppercase; line-height: 30px;}
#sp-multipleslides .slick-slide .slideWrap .imgTitle {width: 100%; display: block; font-size: 11px; text-transform: capitalize; line-height: 12px; color: #555555; margin-bottom: 2px;}
#sp-multipleslides .slick-slide .slideWrap .nextDrawwrap{display: none;}
#sp-multipleslides .slick-slide .slideWrap .lastDrawwrap {position: absolute; bottom: 65px; left: 30px; text-transform: uppercase; color: #716f6f; font-size: 14px;}
#sp-multipleslides .slick-dotted.slick-slider{margin-bottom:0;}
#sp-multipleslides .slick-slide .slideWrap .gameTimer{padding-top: 14px; background-color: #fad919; position: absolute; left: 0; top: 50%; height: 60px; display: block; width: 48%; margin-top: -15px;}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .title {display: none;}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .title ~ span {display: inline-block; vertical-align: middle; margin: 1px; background-color: #fff; width: 40px; min-height: 30px; color: #656565; border: 1px solid #939393; box-shadow: inset 1px 2px 10px rgba(0,0,0,0.5); line-height: 14px; font-weight: 600; font-size: 15px; padding-top: 3px;}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .daytime:before, #sp-multipleslides .slick-slide .slideWrap .gameTimer .hrtime:before, #sp-multipleslides .slick-slide .slideWrap .gameTimer .mintime:before, #sp-multipleslides .slick-slide .slideWrap .gameTimer .sectime:before {content: 'DAYS'; display: block; font-size: 8px; font-weight: 500; line-height: 8px;}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .hrtime:before{content:'HRS';}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .mintime:before{content:'MIN';}
#sp-multipleslides .slick-slide .slideWrap .gameTimer .sectime:before{content:'SEC';}
#sp-multipleslides .slick-slide.powerball .slideWrap .gameTimer, #sp-multipleslides .slick-slide.powerballplus .slideWrap .gameTimer {background-color: #069edb;}
#sp-multipleslides .slick-slide.dailylotto .slideWrap .gameTimer {background-color: #e62439;}
#sp-multipleslides .slick-slide.pick3 .slideWrap .gameTimer {background-color: #e62439;}
#sp-multipleslides .slick-slide.sportstake8 .slideWrap .gameTimer,
#sp-multipleslides .slick-slide.sportstake13 .slideWrap .gameTimer {background-color: #00ac69;}
#sp-multipleslides .slick-slide.raffle .slideWrap .gameTimer {background-color: #642c83;}
#sp-multipleslides .slick-slide.rapido .slideWrap .gameTimer {background-color: #231f5e;}
#sp-multipleslides .slick-dots{display:none!important;}
#sp-multipleslides .slick-slide .slideWrap .button1{display: block; position: absolute; padding: 0 15px; width: 52%; right: 0; top: 50%; height: 60px; margin-top: -15px;}
#sp-multipleslides .slick-slide .slideWrap .button2 button {position: absolute; z-index: 10; left: 25px; bottom: 15px; font-weight: 600; width: calc(100% - 50px); line-height: 42px; background-color: transparent; border: 2px solid #333333; color: #333333; text-transform: uppercase; font-size: 16px; border-radius: 2px;line-height: 20px; min-height: 42px;}
#sp-multipleslides .slick-slide.lotto .slideWrap .button2 button, #sp-multipleslides .slick-slide.lottoplus1 .slideWrap .button2 button, #sp-multipleslides .slick-slide.lottoplus2 .slideWrap .button2 button {border-color: #f8db19; color:#c9af00;}
#sp-multipleslides .slick-slide.powerball .slideWrap .button2 button, #sp-multipleslides .slick-slide.powerballplus .slideWrap .button2 button {border-color: #069edb; color: #069edb;}
#sp-multipleslides .slick-slide.dailylotto .slideWrap .button2 button {border-color: #e52539; color: #e52539;}
#sp-multipleslides .slick-slide.pick3 .slideWrap .button2 button {border-color: #e52539; color: #e52539;}
#sp-multipleslides .slick-slide.sportstake8 .slideWrap .button2 button,
#sp-multipleslides .slick-slide.sportstake13 .slideWrap .button2 button {border-color: #00ac69; color: #00ac69;}
#sp-multipleslides .slick-slide.rapido .slideWrap .button2 button {border-color: #231f5e; color: #231f5e;}
#sp-multipleslides .slick-slide.raffle .slideWrap .button2 button {border-color: #642c83; color: #642c83;}
#sp-multipleslides .slick-slide.eaziwin .slideWrap .button2 button {border-color: #f68d2d; color: #f68d2d;}
#sp-slider .slick-slide .slideWrap .contentWrap.noTimer .button1,
#sp-multipleslides .slick-slide .slideWrap .contentWrap.noTimer .button1 {width: 100%; text-align: center;}
#sp-slider .slick-slide .slideWrap .contentWrap.noTimer .button1 button,
#sp-multipleslides .slick-slide .slideWrap .contentWrap.noTimer .button1 button {margin-left: -12px;}
#sp-multipleslides .slick-slide.dailylotto .slideWrap .imgDesc {font-size: 21px; padding-top: 8px; line-height: 20px;}
#sp-multipleslides .slick-slide.raffle .slideWrap .imgDesc {font-size: 18px; line-height: 22px;}

.buttonStyle1, .buttonStyle1[disabled]:hover, 
.slick-slide .slideWrap .button1 button, .slick-slide .slideWrap .button1 button[disabled]:hover {-webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;
                                                                                                  background-color: #00a56a; color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 18px; min-height: 64px; padding: 4px 0 4px 8px; line-height: 21px; border: none; z-index: 20; border-width: 0 12px 14px 25px; border-color: #00a56a; background-clip: padding-box; border-style: solid; border-image: url(../images/siteImg/fancyBtn.png) 0 12 14 25 stretch; -webkit-border-image: url(../images/siteImg/fancyBtn.png) 0 12 14 25 stretch; position: relative; outline: none; }
.buttonStyle1:after, .slick-slide .slideWrap .button1 button:after {content: ''; background: url(../images/siteImg/fancyBtnShine.png) no-repeat; display: block; height: 11px; position: absolute; z-index: 10;    width: 142px; top: auto; left: 50%; bottom: -2px; margin-left: -56px; width: calc(100% + 25px); background-size: 100%;}
.buttonStyle1:before, .buttonStyle1[disabled]:hover:before, 
.slick-slide .slideWrap .button1 button:before, .slick-slide .slideWrap .button1 button[disabled]:hover:before {content: ''; display: block; position: absolute; left: 0; top: 3px; background: url(../images/siteImg/fancyBtnGlow.png) no-repeat;background-size: 100% 100%;  width: calc(100% + 9px);  height: 66%;  z-index: -1;}

.vsSliderWrap, .verticalSliderWrap{background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );}
.verticalSliderWrap {border: 2px solid #d6d6d6; }
.verticalSliderWrap > .title, .titleVS{display: block;  text-transform: uppercase; font-size: 18px; font-weight: 800; padding: 15px 40px 0;}
.titleVS{padding-left: 0;}
.slick-slider.slick-vertical {margin: 20px 40px;}
.slick-slider.slick-vertical .subImage {padding: 6px; margin: 13px 0;}
.slick-slider.slick-vertical .subImage > .slideWrap {border: 2px solid #ffffff; padding: 6px; position: relative;}
.slick-slider.slick-vertical .subImage > .slideWrap img {width: 54%;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap {display: block; position: relative; color: #000;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .text > div {display: inline-block;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .text {text-align: center; text-transform: uppercase; margin-top: 12px;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .text .imgTitle {font-size: 14px; vertical-align: top; line-height: 16px; margin: 0 3px;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .text .imgDesc {font-size: 20px; font-weight: 800;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 {position: absolute; right: 0; top: -62px;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 button {font-size: 16px; min-height: 52px;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .nextDrawwrap .title, .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .lastDrawwrap, .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .gameTimer {display: none;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .nextDrawwrap .title.closingDate {display: inline-block;}
.slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .nextDrawwrap {position: absolute; top: -85px; right: 0; font-size: 12px;}
.slick-slider.slick-vertical .slick-prev, .slick-slider.slick-vertical .slick-next {top: auto; left: 50%; right: auto; margin-left: -10px;}
.slick-slider.slick-vertical .slick-prev {top: 4px;}
.slick-slider.slick-vertical .slick-next {bottom: -25px;}
.slick-slider.slick-vertical .slick-next:before {content: '\f078'; text-shadow: 0 1px 0 #000000; font-size:20px;}
.slick-slider.slick-vertical .slick-prev:before {content: '\f077'; text-shadow: 0 -1px 0 #000000; font-size:20px;}

.slick-slider.slick-vertical .subImage.lotto, .swFullBG .subImage.lotto,
.slick-slider.slick-vertical .subImage.lottoplus1, .swFullBG .subImage.lottoplus1,
.slick-slider.slick-vertical .subImage.lottoplus2, .swFullBG .subImage.lottoplus2{background-color: #f8dc19;}
.slick-slider.slick-vertical .subImage.powerball, .swFullBG .subImage.powerball,
.slick-slider.slick-vertical .subImage.powerballplus, .swFullBG .subImage.powerballplus{background-color: #069edb;}
.slick-slider.slick-vertical .subImage.dailylotto, .swFullBG .subImage.dailylotto{background-color: #e52539;}
.slick-slider.slick-vertical .subImage.pick3, .swFullBG .subImage.pick3{background-color: #e52539;}
.slick-slider.slick-vertical .subImage.sportstake8, .swFullBG .subImage.sportstake8,
.slick-slider.slick-vertical .subImage.sportstake13, .swFullBG .subImage.sportstake13{background-color: #00ac69;}
.slick-slider.slick-vertical .subImage.rapido, .swFullBG .subImage.rapido{background-color: #231f5e;}
.slick-slider.slick-vertical .subImage.raffle, .swFullBG .subImage.raffle{background-color: #642c83;}
.slick-slider.slick-vertical .subImage.eaziwin, .swFullBG .subImage.eaziwin{background-color: #f68d2d;}

.slick-slider.slick-vertical .subImage.powerball > .slideWrap > .contentWrap, .swFullBG .subImage.powerball > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.powerballplus > .slideWrap > .contentWrap, .swFullBG .subImage.powerballplus > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.dailylotto > .slideWrap > .contentWrap, .swFullBG .subImage.dailylotto > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.pick3 > .slideWrap > .contentWrap, .swFullBG .subImage.pick3 > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.sportstake8 > .slideWrap > .contentWrap, .swFullBG .subImage.sportstake8 > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.sportstake13 > .slideWrap > .contentWrap, .swFullBG .subImage.sportstake13 > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.rapido > .slideWrap > .contentWrap, .swFullBG .subImage.rapido > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.raffle > .slideWrap > .contentWrap, .swFullBG .subImage.raffle > .slideWrap > .contentWrap,
.slick-slider.slick-vertical .subImage.eaziwin > .slideWrap > .contentWrap, .swFullBG .subImage.eaziwin > .slideWrap > .contentWrap{color:#ffffff;}

.slick-slider.slick-vertical .subImage > .slideWrap .imgAnchor {min-height: 66px; display: block; position: relative;}
.slick-slider.slick-vertical .subImage > .slideWrap .imgAnchor > img {position: absolute; bottom: 0; left: 0;}
.subImage.dynamic .imgAnchor{cursor: default;}
.subImage.static .imgAnchor{cursor: pointer;}

.registerFormOuterWrap .verticalSliderWrap .slick-slider:after {content: 'Terms and Conditions apply'; text-align: right; display: block; font-size: 10px; position: absolute; right: 0; bottom: -18px;}

.extraBannerWrapper{margin-top: 30px;}
.extraBannerWrapper .drawExtrainfo {border: none;}
.extraBannerWrapper > .row {display: flex;}
.extraBannerWrapper > .row > div:last-child {padding-left: 7px;}
.extraBannerWrapper > .row > div:first-child {padding-right: 7px;display: flex;}
.extraSliderWrap .slideWrap img {width: 47%;}
.extraSliderWrap,
.extraSliderWrap .slick-slider, 
.extraSliderWrap .slick-slider .slick-list, 
.extraSliderWrap .slick-slider .slick-list .slick-track, 
.extraSliderWrap .slick-slider .subImage, 
.extraSliderWrap .slick-slider .slideWrap {height: 100%;}

.extraSliderWrap .subImage {padding: 8px; }
.extraSliderWrap .slideWrap {text-align: center; border: 2px solid #ffffff; padding: 10px;}
.extraSliderWrap .slideWrap .contentWrap{position: relative; z-index: 1; padding-top: 12px;}
.extraSliderWrap .slideWrap .contentWrap .text {text-transform: uppercase;}
.extraSliderWrap .slideWrap .contentWrap .text .imgTitle {font-size: 16px;}
.extraSliderWrap .slideWrap .contentWrap .text .imgDesc {font-size: 30px; font-weight: 600; margin-top: 10px;}
.extraSliderWrap .slideWrap .contentWrap .button1 {position: absolute; width: 50%; right: 0; top: -57px;}
.extraSliderWrap .slideWrap .contentWrap .button1 button {min-height: 58px;}
.extraSliderWrap .slideWrap .contentWrap .lastDrawwrap, .extraSliderWrap .slideWrap .contentWrap .gameTimer {display: none;}
.extraSliderWrap .slideWrap .contentWrap .nextDrawwrap .title {display: none;}
.extraSliderWrap .slideWrap .contentWrap .nextDrawwrap .title.closingDate {display: inline-block;}
.extraSliderWrap .slideWrap .contentWrap .nextDrawwrap {font-size: 12px; margin-top: 10px;}

.gamePlaySlider{margin-top: 30px; display: flex;}
.gamePlaySlider .moduletable{width: 100%; }
.gamePlaySlider .slick-slider .subImage {margin: 3px; padding: 8px;}
.gamePlaySlider .slick-slider .subImage .slideWrap{text-align: center; border: 2px solid #ffffff; padding: 10px 2px;}
.gamePlaySlider .slick-slider .contentWrap .nextDrawwrap, .gamePlaySlider .slick-slider .contentWrap .lastDrawwrap {display: none;}
.gamePlaySlider .slick-slider .slideWrap img {width: 55%; display: inline-block;}
.gamePlaySlider .slick-slider .slideWrap .contentWrap .button1 button {min-height: 50px; font-size: 14px; margin-left: -10px;}
.gamePlaySlider .slideWrap .contentWrap .text {text-transform: uppercase;}
.gamePlaySlider .slideWrap .contentWrap .text .imgTitle {font-size: 14px; margin-top: 5px; line-height: 16px; min-height: 16px;}
.gamePlaySlider .slideWrap .contentWrap .text .imgDesc {font-size: 20px; font-weight: 600; margin-top: 2px; margin-bottom: 10px;}
.gamePlaySlider .raffle .slideWrap  .contentWrap .text .imgDesc {font-size: 14px; line-height:100%; margin-top: -6px;}

.slick-slider .embed-player {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
/*--Banner End--*/

/*--Tab module start(latest Games & News)--*/
.sp-module ul.nav-tabs >li >a:before {content: ''; display: none;}
ul.nav-tabs > li {text-transform: uppercase; text-align: center;  border-bottom: none;}
ul.nav-tabs > li > a {font-size: 16px; color: #333333; min-width: 170px; background-color: #cecece; border: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; line-height: 28px; padding: 4px; margin-top: 6px;}
ul.nav-tabs > li.active > a {margin-top: 0; padding-top: 10px;}
.sp-module ul.nav-tabs>li.active>a, .sp-module ul.nav-tabs>li.active>a:focus, .sp-module ul.nav-tabs>li.active>a:hover{color: #333333;background-color: #ffffff; border: 1px solid #a4a4a4; border-bottom: none; padding-bottom: 5px;}
.sp-module .tab-content {border: 1px solid #a4a4a4; border-top: none; border-radius: 0 0 2px 2px; min-height: 230px; padding: 10px;}
.k2ItemsBlock ul li a.moduleItemTitle {background-color: #f8db19; color: #000000; font-size: 17px; line-height: 22px; padding: 10px 15px;}
img.k2Image {width: 330px; max-width: 100%; margin-left: 10px; margin-bottom: 2px;}
.k2ItemsBlock li:after{content: ''; display: block; clear: both;}
.k2ItemsBlock a.moduleItemImage {float: right; margin: 0; padding: 0;}
.k2ItemsBlock ul li .moduleItemIntrotext {padding: 10px 15px; text-align: justify;}
.homeBlog .k2ItemsBlock ul li .moduleItemIntrotext {font-size: 13px; line-height: 18px; padding: 10px 15px;}
.homeBlog .k2ItemsBlock ul li .readMoreBtn {text-align: right; margin-top: 10px;}
.homeBlog .k2ItemsBlock ul li .readMoreBtn a {width: 200px; display: inline-block; padding: 9px 2px; text-align: center; border: 2px solid #a4a4a4; text-transform: uppercase; color: #8a8a8a; font-size: 16px;}
.homeBlog .clr {display: none;}
.homeBlog img.k2Image {margin-left: 15px;}
.homeBlog .k2ItemsBlock ul li{margin-bottom: 2px;}
.homeBlog .k2ItemsBlock ul li:after {clear: both; content: ''; display: block;}

.tabGameBlock ul {display: flex;}
.tabGameBlock ul > li {flex: 1; text-align: center;}
.tabGameBlock ul > li a {display: block; min-height: 200px; background-color: #f2f2f2; margin: 4px; padding:4px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 100%;}
.tabGameBlock ul > li a img {max-width: 120px; /*width: 100%;*/}
.tabGameBlock ul > li a .learnBTN {text-transform: uppercase; text-align: center; border: 1px solid #069edb; color: #069edb; background-color: #fff; padding: 6px 12px; line-height: 14px; margin-top: 15px;}
.tabGameBlock ul > li a .title {display: block; margin-top: 5px;}
.tabGameBlock ul > li.lotto a .learnBTN {border-color: #f8db19; color: #f8db19;}
.tabGameBlock ul > li.powerball a .learnBTN {border-color: #069edb; color: #069edb;}
.tabGameBlock ul > li.dailylotto a .learnBTN {border-color: #e52539; color: #e52539;}
.tabGameBlock ul > li.pick3 a .learnBTN {border-color: #e52539; color: #e52539;}
.tabGameBlock ul > li.sportstake8 a .learnBTN,
.tabGameBlock ul > li.sportstake13 a .learnBTN {border-color: #00ac69; color: #00ac69;}
.tabGameBlock ul > li.raffle a .learnBTN {border-color: #642c83; color: #642c83;}
.tabGameBlock ul > li.rapido a .learnBTN {border-color: #231f5e; color: #231f5e;}
.tabGameBlock ul > li.eaziwin a .learnBTN {border-color: #f68d2d; color: #f68d2d;}
/*--Tab module end(latest Games & News)--*/

/*--other--*/
.homePage #sp-main-body{display:none;}
.titleIcon{padding-left: 50px; text-transform: uppercase; font-size: 22px; background-position: left top;   background-repeat: no-repeat; line-height: 44px; position: relative;}
.titleIcon:before{content: ''; position: absolute; left: 0; top: 0; width: 44px; height: 44px; overflow: hidden; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -340px;}
.titleIcon.tvIcon:before{background-position: 0px -340px;}
.titleIcon.hornIcon:before{background-position: -44px -340px;}

#sp-position1 img{width:100%;}
#sp-bottom {padding: 30px 0; background-color: transparent;}

.appSectionWrap{background-color: #f6d838; padding: 15px 10px; border-radius: 2px; overflow: hidden; min-height: 160px;}
.appSectionWrap h3 {margin: 0; color: #000; text-transform: uppercase; font-size: 22px; letter-spacing: 0.03em; line-height: 24px; z-index: 10; position: relative;/* text-shadow: 2px 2px 2px #5d5d5d; */text-align: center; width: 62%; margin-top: 10px;}
.appSectionInnerWrap {position: relative;}
.appSectionInnerWrap .bigImg{position:absolute; right:-10px; top:-20px; z-index: 0;transform: scale(0.85);}
.appSectionInnerWrap .details{padding-right: 105px; color: #fff; font-size: 12px; line-height: 16px; padding-top: 10px; position: relative; z-index: 10;}
.appSectionInnerWrap .details img {width: 96px; padding: 2px;}

#sp-bottom2 h3 {color: #109a6c; font-size: 24px; font-weight: 600;}
#sp-bottom2 .pull-right {text-align: center;}
#sp-bottom2 .bottom2 {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#ececec 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 );
    border: 1px solid #a4a4a4; border-radius: 2px; padding: 8px 15px 0 2px; min-height: 160px;
}
#sp-bottom2 .bottom2 .hollowButton{width:100%; margin-top: 10px; font-weight: 600;}

.bottom3 {position: relative; background: url(../images/siteImg/sbRugby.jpg) no-repeat center center; background-size: cover; min-height: 160px; padding: 100px 15px 0;}
.bottom3 h2, .bottom3 h3 {position: absolute; left: 15px; top: 0; font-weight: 600; color: #ffffff; text-transform: uppercase; margin:0; text-shadow: 3px 2px 4px rgba(0,0,0,0.8);}
.bottom3 h2{font-size: 22px; top: 10px;}
.bottom3 h3{font-size: 16px; top: 34px; }
.bottom3 img{width:132px; float: right;}
.bottom3 .hollowButton {background-color: rgba(0, 166, 104, 0.8); margin-bottom: 10px;}
.bottom3:after {clear: both; content: ''; display: block;}

/*************Home Page End********************************/


/*************Web Inbox Start********************************/

.myaccount_body_section .heading span.mail_count{color:#fff; font-size:16px;}
.myaccount_body_section .heading .search_mail{float:right; width:auto;}
.myaccount_body_section .heading .search_mail .search_box{float:left; margin:-4px 0 0px 0; width:200px;}
.myaccount_body_section .heading .search_mail .search_box .input-group{border:1px solid #fff; float:left; width:100%; height:25px; border-radius:25px; padding:0;}
.myaccount_body_section .heading .search_mail .search_box .input-group .btn.btn-default{border:0; background:none; border-radius:25px 0px 0px 25px; height:23px; padding:0 10px; color:#fff;}
.myaccount_body_section .heading .search_mail .search_box .input-group .custome_input{border:0; background:none; border-radius:0 25px 25px 0; padding-right:15px; height:23px; font-size:14px; color:#fff;}
.myaccount_body_section .heading .search_mail .mail_actionbtn{float:right; margin:0; padding:0;}
.myaccount_body_section .heading .search_mail .mail_actionbtn a.maroon_bg{float:left; margin:-4px 0 0 10px;}
.myaccount_body_section .heading .search_mail .mail_actionbtn a.green_bg{float:left; font-size:14px; border-radius:3px; height:25px; line-height:25px; margin:-4px 0 0 0px;}
.myaccount_body_section .heading .search_mail .mail_actionbtn a.back_btn{background:none; float:left;  color:#474747; font-size:14px; border:0; text-shadow:none; margin:-1px 10px 0 0; padding:0;}

.myaccount_body_section .heading .search_mail .mail_actionbtn_inner{float:right; margin:0; padding:0;}
.myaccount_body_section .heading .search_mail .mail_actionbtn_inner a.maroon_bg{float:left; margin:-4px 0 0 10px;}
.myaccount_body_section .heading .search_mail .mail_actionbtn_inner a.green_bg{float:left; font-size:14px; border-radius:3px; height:25px; line-height:25px; margin:-4px 0 0 0px;}
.myaccount_body_section .heading .search_mail .mail_actionbtn_inner a.back_btn{background:none; float:left;  color:#a7f4fd; font-size:14px; border:0; text-shadow:none; margin:-1px 10px 0 0; padding:0;}

.myaccount_body_section .inbox{float:left; width:100%; margin:0; padding:0; margin-top: -22px;position: relative;}
.myaccount_body_section .inbox #inbox-table-footable > tbody {border-top: 1px solid #e3e3e3;}
.myaccount_body_section .inbox #inbox-table-footable > tbody > tr > td{padding:0; border-bottom:1px solid #e3e3e3; border-top:0;}
.myaccount_body_section .inbox .mail_item{float:left; width:100%; margin:0; padding:0; background:#eef6ff; border-radius: 0; border-left: 3px solid #cac9c9;}
.myaccount_body_section .inbox .mail_item.selectAll {position: absolute; top: -40px; left: 0; background-color: transparent; border-left-color: transparent; width: 160px;}
.myaccount_body_section .inbox .mail_item.selectAll .icheckbox_square-green{position:absolute;}
.myaccount_body_section .inbox .mail_item.selectAll .mail_checkbox {width: 100%; position: relative;}
.myaccount_body_section .inbox .mail_item.selectAll .mail_checkbox label {width: 100%; padding-left: 42px; padding-right: 0; position: absolute; top: 0; left: 0;}
.myaccount_body_section .inbox .mail_item.selectAll .mail_checkbox label:after {left: 20px;}
.myaccount_body_section .inbox .mail_item.selectAll .icheckbox_square-green{display: none;}
.myaccount_body_section .inbox .mail_item.selectAll .mail_checkbox label input + span.chkIcon, 
.myaccount_body_section .inbox .mail_item.selectAll .icheckbox_square-green + span.chkIcon{
    position: absolute;
    top: 8px;
    left: 13px;
}
.myaccount_body_section .inbox .mail_item.selectAll .mail_checkbox label input + span.chkIcon:after, 
.myaccount_body_section .inbox .mail_item.selectAll .icheckbox_square-green + span.chkIcon:after{
    position: static;
}
/* .myaccount_body_section .inbox .mail_item:last-child{border:0;} */
.myaccount_body_section .inbox .mail_item .mail_checkbox{float:left; margin: 0; padding: 0; width: 40px; height: 36px;}
.myaccount_body_section .inbox .mail_item .mail_checkbox .icheckbox_square-green{background-position: -119px 0;}
.myaccount_body_section .inbox .mail_item .mail_checkbox .icheckbox_square-green.hover{background-position:-119px 0;}
.myaccount_body_section .inbox .mail_item .mail_checkbox .icheckbox_square-green.checked{background-position:-176px 0;}
.myaccount_body_section .inbox .mail_item .mail_shortinfo{float:right; margin:0; padding:8px 10px 8px 0; width: calc(100% - 40px);}
.myaccount_body_section .inbox .mail_item .mail_shortinfo .mail_title{float:left; margin:0; padding:0; width:100%; font-size:16px;}
.myaccount_body_section .inbox .mail_item a {color: inherit;}
.myaccount_body_section .inbox .mail_item a .mail_shortinfo .mail_title{float:left; font-size:14px; color:inherit; text-decoration:none;}
.myaccount_body_section .inbox .mail_item .mail_shortinfo .mail_title .mail_date{float:right; margin:0; padding:0; color:inherit; font-size:12px;}
.myaccount_body_section .inbox .mail_item .mail_shortinfo .mail_info{float:left; margin:0; padding:0; width:100%; color:#777777; font-size:14px;}
.myaccount_body_section .inbox .mail_item.unread{background:#ffffff; border-left-color: #069edb;}
.myaccount_body_section .inbox .mail_item.unread a{font-weight: bold;}
/*.myaccount_body_section .inbox .mail_item.unread .mail_shortinfo .mail_title a{}*/
.myaccount_body_section .inbox .mail_item.unread .mail_shortinfo .mail_title .mail_date{font-weight: bold;}
.myaccount_body_section .inbox .inbox_inner{float:left; width:100%; margin-bottom: 40px;}
.myaccount_body_section .heading .search_mail a.back_btn i{font-size:25px; float:left; margin:-4px 5px 0 0;}
.myaccount_body_section .inbox .inbox_inner .mail_heading{margin: 0; padding: 0 0 10px 0; margin-bottom: 15px; width: 100%; font-size: 28px; border-bottom: 2px solid #e3e3e3; line-height: 1.2; color:#069edb;}
.myaccount_body_section .inbox .inbox_inner .mail_heading .mail_date{font-size: 14px; display: block;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer{width:100%; float:left; margin:0 auto; line-height: 1.6;}

.myaccount_body_section .inbox .mail_item .mail_checkbox label,
.icheckbox_label {width: 40px; height: 36px; display: block; position: relative; cursor: pointer; margin-bottom: 0; padding: 8px 10px;}
.footable-first-column .icheckbox_label {margin-bottom: -10px;}
.myaccount_body_section .inbox .mail_item .mail_checkbox label input,
.icheckbox_label input {opacity: 0;}
.myaccount_body_section .inbox .mail_item .mail_checkbox label input + span:after,
.icheckbox_square-green + span:after {content: '\f096';font-family: FontAwesome;position: absolute;width: 20px;height: 20px;text-align: center;top: 8px;left: 10px;line-height: 20px;font-size: 18px;z-index: 10;}
.myaccount_body_section .inbox .mail_item .mail_checkbox label input:checked + span:after,
.icheckbox_square-green.checked + span:after {content: '\f14a';}
.myaccount_body_section .inbox .mail_item .mail_checkbox label:after,
.icheckbox_label:after {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;display: block;background-color: rgba(0,0,0,0.1);transform: translate(-50%, -50%);transition: all 0.25s ease-in-out;transform-origin: center center;}
.myaccount_body_section .inbox .mail_item .mail_checkbox label:hover:after,
.icheckbox_label:hover:after {width: 35px; height: 35px;}
/*.myaccount_body_section .mail_count {font-size: 0.8em;}*/
.myaccount_body_section .search_mail {display: flex; padding: 15px 25px; padding-right: 0; justify-content: space-between;}
.search_box .input-group .input-group-btn { position: absolute; top: 0px; right: 0; width: 35px; height: 100%;}
.search_box .input-group .input-group-btn button {margin: 0; border: none; height: 100%; position: absolute; padding: 0; width: 35px; text-align: center;}
.search_box .input-group input {padding-left: 15px; padding-right: 45px; width: 280px;}
.search_mail #delete_main,
.search_mail .mail_actionbtn_inner a{border: 1px solid #069edb;padding: 3px 18px;border-radius: 20px;position: relative;display: inline-block; line-height: 1.6; vertical-align: baseline; background-color: #069edb; color: #ffffff;}
.search_mail #delete_main:before,
.search_mail .mail_actionbtn_inner a:before {content: '\f014'; font-family: FontAwesome; font-size: 16px; text-align: center; display: inline-block; margin-right: 7px;}
.search_mail #delete_main:hover,
.search_mail .mail_actionbtn_inner a:hover{color: #069edb; background-color: #ffffff;}
.search_mail .mail_actionbtn_inner a.back_btn:before {/* content: '\f104'; content: '\f0a5'; */
    content: '\f100';
}
/* .search_mail .mail_actionbtn_inner a.btn:hover{
    color: #ffffff;
    background-color: #d29020;
    border-color: #d29020;
} */

.scroll-wrapper{margin-bottom: 20px; margin-top: 20px;}

.myaccount_body_section .inbox > table, .myaccount_body_section .inbox > table td, .myaccount_body_section .inbox > table th {
    background-color: transparent !important; border: none; color: inherit; padding: 0; margin: 0;}
/*.myaccount_body_section .inbox .icheckbox_square-green, .myaccount_body_section .inbox .iradio_square-green {
    display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 24px; height: 24px;
    background: url(../images/common/green.png) no-repeat; border: none; cursor: pointer;}
    */

@media only screen and (min-width:480px) and (max-width: 600px) {
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .deviceWidthouter{width: 100%!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .deviceWidth{width: 100%!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .deviceWidth img.feature{width: auto!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .btnWidth{width: 210px!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .center{text-align: center!important;}
}
@media only screen and (min-width:0px) and (max-width: 479px) {
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .deviceWidthouter{width: 100%!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .deviceWidth{width: 100%!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .btnWidth{width: 210px!important;padding: 0;}
.myaccount_body_section .inbox .inbox_inner .inbox_mailer .center{text-align: center!important;}
}
@media only screen and (max-width:767px){
    .myaccount_body_section .inbox .mail_item .mail_shortinfo .mail_title .mail_date {
        display: block;
        float: none;
    }
}
@media only screen and (max-width:991px){
    .myaccount_body_section .search_mail{padding: 15px 0;}
}

/**ituba specific**/
.myaccount_body_section .inbox .footable tbody:before, 
.myaccount_body_section .inbox .footable tbody:after,
.myaccount_body_section .inbox .footable tbody tr td:last-child:before {display: none;}
.myaccount_body_section .search_mail .mail_actionbtn {flex: 1; text-align: right;}
.search_mail .mail_actionbtn_inner a.back_btn.btn {
    background-color: #f8dc19;
    border-color: #f8dc19;
    color: #1e1b03;
}
.search_mail .mail_actionbtn_inner a.back_btn.btn:hover{
    color: #1e1b03;
    background-color: #ffffff;
    border-color: #f8dc19;
}

/*************Web Inbox End********************************/

/*************Deposit Page Start********************************/
.eftBanksDetailWrap .formStyle .formWrap.border .panelHead {padding: 10px 20px; margin-right: -15px; margin-bottom: 15px;}
.eftBanksDetailWrap .formStyle .formWrap.border .panelHead .title {font-size: 21px; line-height: 21px;}
.eftBanksDetailWrap .formStyle .formWrap.border .panelHead .subTitle {font-size: 16px; line-height: 16px;}
.eft-instTxt {margin: 40px 0 0; padding: 15px 90px 15px 10px; 
              background: -moz-linear-gradient(left, rgba(249,218,24,1) 0%, rgba(249,218,24,1) 11%, rgba(249,218,24,0.98) 21%, rgba(249,218,24,0.93) 30%, rgba(249,218,24,0.86) 39%, rgba(249,218,24,0.67) 54%, rgba(249,218,24,0.37) 72%, rgba(249,218,24,0.29) 76%, rgba(249,218,24,0.2) 81%, rgba(249,218,24,0.19) 82%, rgba(249,218,24,0.17) 83%, rgba(249,218,24,0.06) 90%, rgba(249,218,24,0) 100%); /* FF3.6-15 */ 
              background: -webkit-linear-gradient(left, rgba(249,218,24,1) 0%,rgba(249,218,24,1) 11%,rgba(249,218,24,0.98) 21%,rgba(249,218,24,0.93) 30%,rgba(249,218,24,0.86) 39%,rgba(249,218,24,0.67) 54%,rgba(249,218,24,0.37) 72%,rgba(249,218,24,0.29) 76%,rgba(249,218,24,0.2) 81%,rgba(249,218,24,0.19) 82%,rgba(249,218,24,0.17) 83%,rgba(249,218,24,0.06) 90%,rgba(249,218,24,0) 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to right, rgba(249,218,24,1) 0%,rgba(249,218,24,1) 11%,rgba(249,218,24,0.98) 21%,rgba(249,218,24,0.93) 30%,rgba(249,218,24,0.86) 39%,rgba(249,218,24,0.67) 54%,rgba(249,218,24,0.37) 72%,rgba(249,218,24,0.29) 76%,rgba(249,218,24,0.2) 81%,rgba(249,218,24,0.19) 82%,rgba(249,218,24,0.17) 83%,rgba(249,218,24,0.06) 90%,rgba(249,218,24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9da18', endColorstr='#00f9da18',GradientType=1 ); /* IE6-9 */
}
.eft-instTxt p:last-child {margin-bottom: 0;}

.tabViewFlex .nav, .featuresTab .nav{display: flex;}
/*.tabViewFlex .nav li.active {order: -1;}*/
.tabViewFlex .nav li, .featuresTab .nav li {display: flex;}
.tabViewFlex .nav li a {padding-left: 15px; padding-right: 15px;}
.tabViewFlex .tab-content .borderBox {border: 1px solid #dddddd; border-top: none; padding: 15px;}
.eftBanksDetailWrap .grid{display: flex;}
.eftBanksDetailWrap .grid .boxWrap {flex: 1; padding: 0 5px; font-size: 12px; line-height: 16px;}
.eftBanksDetailWrap .grid .boxWrap .imgWrap {margin-bottom: 15px;}
.eftBanksDetailWrap .grid .boxWrap .imgWrap img {max-width: 100%;}
.eftBanksDetailWrap .grid .boxWrap .labelTitle {font-weight: 600;}
.eftBanksDetailWrap .grid .boxWrap.absaBank .labelTitle {color: #bf0200;}
.eftBanksDetailWrap .grid .boxWrap.fnbBank .labelTitle {color: #02abae;}
.eftBanksDetailWrap .grid .boxWrap.nedBank .labelTitle {color: #004a33;}
.eftBanksDetailWrap .grid .boxWrap.standradBank .labelTitle {color: #2d4689;}
#eftBlock .extraInfo {margin-top: 20px;}
#eftBlock .extraInfo .detailDesc {padding: 0 25px;}
#eftBlock .extraInfo h4 {margin-top: 30px; font-weight: 600;}

#topUpFormBlock .extraInfo img {width: 100%;}

/*************Deposit Page End********************************/

/*************Profile Page Start********************************/
.legendCap.smallLegend{font-size: 12px; text-transform: none; padding: 20px 0; margin-bottom: 0;}
.editALink{background-color: #f9da18; color: #000000; padding: 5px; cursor: pointer;}
.addInfo-space{margin-bottom: 20px;}
.paccordion-Wrap .panel-title {position: relative;}
.paccordion-Wrap .panel-title:after {content: ''; position: absolute; width: 0; height: 0; right: 0; top: 50%;font-size: 0; line-height:0; margin-top: -6px; border-top: 12px solid #ffffff;  border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.paccordion-Wrap .panel-title.collapsed:after {transform: rotate(-90deg);}
.paccordion-Wrap .subAccordionW .panel-title:after {border-top-color: #232323;}
.paccordion-Wrap{padding-top: 30px;}
.paccordion-Wrap .panel-heading{padding: 0 15px;}
.paccordion-Wrap .panel-title{padding: 10px 0;}
.paccordion-Wrap  .glyphicon:before{content: ''; position: absolute; width: 0; height: 0; border-right: none; border-left: 12px solid #ffffff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; top: 1px; right: -5px;}
.paccordion-Wrap  .glyphicon.glyphicon-chevron-up:before{transform: rotate(90deg);}
.paccordion-Wrap .panel-body {padding: 15px 0 0 0;}
.paccordion-Wrap .panel-group .panel{border-radius: 0; border: none; box-shadow: none; margin-bottom: 20px;}
.paccordion-Wrap .panel-default>.panel-heading {color: #fff; background-color: #0598d2; border-color: transparent; cursor: pointer;}
.paccordion-Wrap .panel-heading{border-radius: 0;}
.paccordion-Wrap .panel-group .panel+.panel{margin-top: 25px;}
.showData-wrap li +  li{margin-top: 20px;}
.showData-wrap .showData-ct{float: left; width: 40%; padding-left: 30px; color: rgba(0,0,0,0.60);}
.showData-wrap .showData-cd{float: left; width:60%;	padding-left: 30px;}
.delProfile-wrap{text-align: right;	margin-top: 30px;}
.delProfile-wrap a{display: inline-block; position: relative; padding-right: 30px; color: #000000;}
.delProfile-wrap a:hover{text-decoration: none;}
.delProfile-wrap a:after{top: 0; width: 22px; height: 22px; border: 1px solid #a4a4a4; border-radius: 50%; text-align: center; line-height: 20px;   position: absolute; right: 0; font-family: FontAwesome; content: '\f00d'; color: #ea6771;}
.delProfile-wrap a:hover:after{border-color:#ea6771; background-color: #ea6771; color:#ffffff;}
.docInstrTXT{font-size: 10px; color: #8d8d8d; margin-top: 10px;}
.paccordion-Wrap .selectBWrap .selectBCap{width: 40%;}
.paccordion-Wrap .select-style{min-width: 160px;}
.fileWrap .control-title{margin-bottom: 5px; font-size: 12px;}
.subAccordionW{margin-top:30px; padding: 0 10px;}
.paccordion-Wrap .subAccordionW .panel-heading {color: #1b1200; background-color: #dfdfdf; border-color: transparent; cursor: pointer;}
.paccordion-Wrap .subAccordionW .glyphicon:before{border-left-color:#000000;}
.showDoc-wrap li {padding:10px 5px  15px 5px; border-bottom: 1px solid #bdbdbf;}
.showDoc-wrap li > img {padding-right: 20px;}
.delProfile-wrap .addProfile a:after{content:unset;}
.showDoc-wrap.inForm {margin-bottom: 20px;}
.showDoc-wrap.inForm img {float: left;}
.showDoc-wrap.inForm li:after {clear: both; content: '';  display: block;}
.showDoc-wrap.inForm .fileName {font-size: 11px; color: #a7a7a7;}
.showDoc-wrap.inForm .idTitle { margin-top: 10px;}
.showDoc-wrap.inForm .buttonWrap {position: absolute; top: 30px; right: 5px; margin-top: -13px;}
.showDoc-wrap.inForm li {position: relative;}
.showDoc-wrap.inForm .buttonWrap a {display: block; width: 26px; height: 26px; border: 1px solid #a6a6a6; text-align: center; border-radius: 50%; line-height: 25px; color: #d0243a;font-weight: bold; text-decoration: none;}
.showDoc-wrap.inForm .buttonWrap a:hover {background-color: #d0243a;border-color: #d0243a; color: #ffffff;}

#sp-component #edit-avatar {margin-bottom: 15px;}
#edit-avatar {background-color: #dfdfdf;}
#edit-avatar .selected_avtar .user_avtar {width: 143px; height: 143px; border-radius: 50%; border: 1px solid #1d1d1d; overflow: hidden; text-align: center; position: relative; margin: auto; margin-top: 20px; background-color: #fff; z-index: 1;}
#edit-avatar .selected_avtar .user_avtar .helper {display: none;}
#edit-avatar .selected_avtar .user_avtar img {min-height: 100%; max-width: none; max-height: 100%; position: absolute; transform: translateX(-50%);z-index: 2;}
#edit-avatar .selected_avtar {text-align: center;}
.selected_avtar .upload_pic #upload_btn span, .selected_avtar .upload_pic_actbtn .save_btn {border: 1px solid #000000; color: #000000; font-size: 10px; cursor: pointer; padding: 5px 15px; margin: 20px; display: inline-block;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.selected_avtar .upload_pic #upload_btn span:hover, .selected_avtar .upload_pic_actbtn .save_btn:hover{background-color: #000000; color: #ffffff;}
.selected_avtar .upload_pic_actbtn .save_btn{margin-bottom: 0;}
.selected_avtar #avatar_saved_btn, .selected_avtar #avatar_saving_btn{color: #609a00; margin-top: 8px; display: inline-block;}
.selected_avtar #avatar_saving_btn{margin-bottom: 8px;}
#player-profile-form .vsSliderWrap {border: 2px solid #cacaca; padding: 0 7px;}
#player-profile-form .slick-slider.slick-vertical {margin: 15px 0;}

.bankingProfileWrap .select-style select {width: 156px;}
.fileWrap input[type="file"] {display: none;}
.fileWrap label {width: 100%; border: 1px solid #cccccc; padding: 12px 15px; font-weight: 500; color: #afafaf !important; position: relative;}
.fileWrap label .btWrap{position: absolute; top: -1px; right: -1px; width: 30%; height: 46px; background-color: #069edb; border-radius: 0; line-height: 42px;  padding: 0; color: #ffffff;text-align: center;cursor: pointer;}
/*************Profile Page Start********************************/


/*************Contact Page Start********************************/
.gm-style {font-family: inherit;}
.gm-style-iw table, .gm-style-iw table td {border: none;}
.gm-style-iw table td {vertical-align: top; padding: 10px 0 !important;}
.gm-style-iw table tr > td:first-child {font-weight: 600; padding-right: 10px !important; width: auto !important;}
.gm-style-iw .mapBottomView .buttonWrap .btn, .gm-style-iw .mapBottomView .buttonWrap .btn.btn-info {background: #474747; border: none; color: #fff; text-transform: uppercase; cursor: pointer; border-radius: 0;}
.gm-style-iw .mapBottomView .buttonWrap .btn:hover {background-color: #000000;}
.gm-style-iw .mapBottomView .agentView {float: left; padding-top: 15px;margin-right: 5px;}
.gm-style-iw .mapBottomView .buttonWrap {float: right;}
.gm-style-iw .mapBottomView:after {clear: both; content: ''; display: block;}
.gm-style-iw .mapBottomView {margin-top: 10px;}

.findRetailerDetailWrap {margin-top: 28px;}
.findRetailerDetailWrap .panel-title {text-transform: uppercase;}
.findRetailerMapBlock .mapLegandWrap {text-align: right; margin-top: 5px;}
.findRetailerMapBlock .mapLegandWrap > div {display: inline-block;}
.findRetailerMapBlock .mapLegandWrap .mapLegand + .mapLegand {margin-left: 25px;}
.findRetailerMapBlock .mapLegandWrap .mapLegand:before { content: ''; width: 20px; height: 20px;background-color: #dfdfdf; display: inline-block; vertical-align: middle; margin-right: 0;}
.findRetailerMapBlock .mapLegandWrap .mapLegand.yellowSquare:before {background-color: #f8db19;}
.findRetailerMapBlock .mapLegandWrap .mapLegand.violetSquare:before {background-color: #231f5e;}
.findRetailerMapBlock {margin-top: 7px;}

.findRetailerSearchBlock .formStyle {padding: 15px;}
.findRetailerSearchBlock .formStyle:after {content: ''; clear: both; display: block;}
.findRetailerSearchBlock .formStyle .formElements {float: left;}
.findRetailerSearchBlock .formStyle .buttonWrap {float: left; margin-left: 15px;}
.findRetailerSearchBlock .formStyle .formElements .formGroup {display: inline-block; vertical-align: middle;}
.findRetailerSearchBlock .formStyle .formElements .formGroup + .formGroup {margin-left: 15px;}
.findRetailerSearchBlock .formStyle .formElements .formGroup label, .findRetailerSearchBlock .formStyle .formElements .formGroup input, .findRetailerSearchBlock .formStyle .formElements .select-style {display: inline-block; margin: 0; vertical-align: middle;}
.findRetailerSearchBlock .formStyle .formElements .select-style select {padding: 4px 8px; height: 32px;}
.findRetailerSearchBlock .formStyle .formElements .select-style {border-width: 1px;}
.findRetailerSearchBlock .formStyle .formElements .formGroup input, .findRetailerSearchBlock .formStyle .formElements .select-style select {font-size: 13px; min-width: 250px;}
.findRetailerSearchBlock .buttonWrap button {padding: 5px 18px; letter-spacing: 0.04em; margin-top: 2px;}

.findRetailerDetailWrap .contentLinkWrap {text-align: right;}
.findRetailerDetailWrap .contentLinkWrap button {padding: 3px 12px;}
.findRetailerDetailWrap .contentWrap {display: flex;}
.findRetailerDetailWrap .contentWrap .groupWrap {flex: 1;}
.findRetailerDetailWrap .contentWrap .groupWrap .labelTitle, .findRetailerDetailWrap .contentWrap .groupWrap .detail {display: inline-block; vertical-align: top;}
.findRetailerDetailWrap .contentWrap .groupWrap .labelTitle {font-weight: 800; padding-right: 5px;}
.findRetailerDetailWrap .contentWrap .groupWrap + .groupWrap {margin-left: 25px;}
.findRetailerDetailWrap .contentWrap .groupWrap.typeWrap {text-align: right; text-transform: uppercase;}

.regionalOfficesWrap .articleHeader {padding: 10px 15px; font-size: 16px;}
.regionalOfficesDetails .addressBlock .title {font-weight: 800; font-size: 16px; margin-right: 5px;}
.regionalOfficesDetails .phoneBlock {color: #e2243d;}
.regionalOfficesDetails .regionalOffice + .regionalOffice {margin-top: 18px;}
.regionalOfficesDetails {padding: 0 15px;}
.regionalOfficesWrap .contactGreyBlock {margin-top: 20px; background-color: #dfdfdf; padding: 10px;}
.regionalOfficesWrap .contactGreyBlock .contentWrap {border: 2px solid #ffffff; padding: 15px 25px; background: url(../images/siteImg/contactPhoneBGIcon.png) no-repeat right 20px center;}
.regionalOfficesWrap .contactGreyBlock .contentWrap .header {font-size: 16px;}
.regionalOfficesWrap .contactGreyBlock .contentWrap .line {margin-top: 15px;}
.regionalOfficesWrap .contactGreyBlock .contentWrap .line .title {margin-right: 5px; font-weight: 800;}

.contact_details_form{line-height:25px;}
.contact_details_form .panelHead{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 30px;
}
.contact_details_form .paddn-lft{padding-left:15px;}
.contact_details_form .paddn-btm{padding-bottom:15px;}
.contact_details_form .strong_txt{
	font-size:16px;
	color:#000;
}
.contact_details_form .paddn-btm img {min-width: 30px;}

/*************Contact Page End********************************/

/*************Video Popup Start****************************/
#tv_shows_display .modal-content{border:none;}
#tv_shows_display .modal-body {padding: 0;}
#tv_shows_display .videoPopWrap {position: relative;}
#tv_shows_display .videoPopWrap > .closeBtn {position: absolute; right: -25px; font-size: 25px; top: 0; color: #ffffff; cursor: pointer; display: inline-block;}
#tv_shows_display .videoPopWrap .videoWrap iframe {width: 100%; position: absolute; height: 100%; left: 0; top: 0;}
#tv_shows_display .videoPopWrap .videoWrap {position: relative; padding-bottom: 56.25%; height: 0; width: 100%; border-radius: 6px 6px 0 0; overflow: hidden; background-color: #000000;}
#tv_shows_display .videoPopWrap .detailWrap {padding: 30px;}
#tv_shows_display .videoPopWrap .detailWrap .videoTitle {font-size: 24px; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 20px;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText {float: left;}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap {float: right;}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap .likeBoxWrap > div {display: inline-block; text-align: center; margin-left: 25px; color: #8f8f8f; background-repeat: no-repeat; background-position: left center; padding-left: 25px;}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap .likeBoxWrap .likeNums {background-image: url(../images/siteImg/youtube_like.png);    margin-left: 0;}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap .likeBoxWrap .disLikeNums {background-image: url(../images/siteImg/youtube_dislike.png);}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap .likeBoxWrap {border-top: 2px solid transparent; padding-top: 6px;position: relative;}
#tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap .likeBoxWrap .lineBar {height: 2px; display: block; background-color: #069edb; position: absolute; top: -2px; left: 0;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText > div {display: inline-block; vertical-align: top;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .ownerWrap {font-size: 18px;text-transform: uppercase;margin-bottom: 10px;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .publishDate, #tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe {font-size: 12px; color: #8f8f8f; line-height: 18px;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .publishDate {display: none;margin-bottom: 10px;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap .name {background-color: #e62118; color: #ffffff; padding: 7px 10px; border-radius: 3px 0 0 3px;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap .name:before {content: '\f16a'; font-family: fontAwesome; margin-right: 5px; font-size: 16px; vertical-align: bottom;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .value {padding: 6px 12px 6px 8px; border: 1px solid #8f8f8f; position: relative; z-index: 8; margin-left: -6px; border-radius: 0 3px 3px 0;display: inline-block;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap {position: relative;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap .name {position: relative; z-index: 10;display: inline-block;}
#tv_shows_display .videoPopWrap .detailWrap .ownerText > .imgWrap {width: 54px;}
/*************Video Popup end****************************/

/*************Game Page Start********************************/
.gameWrap .header {text-transform: uppercase; font-size: 20px; margin-bottom: 24px;}
.gameWrap .header .buttonCustom {border: 1px solid #a8a8a8; cursor: pointer; padding: 5px 15px; font-size: 12px; color: #838383;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

.gameWrap.lotto .header .buttonCustom:hover {color: #000000; background-color: #f6d918; border-color: #f6d918;}
.gameWrap.powerball .header .buttonCustom:hover {color: #ffffff; background-color: #069edb; border-color: #069edb;}
.gameWrap.dailylotto .header .buttonCustom:hover {color: #ffffff; background-color: #e52539; border-color: #e52539;}
.gameWrap.pick3 .header .buttonCustom:hover {color: #ffffff; background-color: #e52539; border-color: #e52539;}
.gameWrap.sportstake8 .header .buttonCustom:hover,
.gameWrap.sportstake13 .header .buttonCustom:hover {color: #ffffff; background-color: #00ac69; border-color: #00ac69;}
.gameWrap.rapido .header .buttonCustom:hover {color: #ffffff; background-color: #231f5e; border-color: #231f5e;}
.gameWrap.raffle .header .buttonCustom:hover {color: #ffffff; background-color: #642c83; border-color: #642c83;}
.gameWrap.eaziwin .header .buttonCustom:hover {color: #ffffff; background-color: #f68d2d; border-color: #f68d2d;}

.gameWrap .blockWrap .title > .subTitle.saveTicket {cursor: pointer;}
.gameWrap .blockWrap .title > .subTitle.saveTicket:hover {text-decoration: underline;}
.gameWrap .blockWrap .title {background-color: #f6d918; padding: 4px 10px; font-size: 14px; line-height: 16px; text-transform: uppercase;}
.gameWrap .blockWrap .title > .subTitle {float: right; text-transform: none; font-size: 12px;}
.gameWrap.lotto .blockWrap .title{background-color: #f6d918;}
.gameWrap.powerball .blockWrap .title{background-color: #069edb; color:#ffffff;}
.gameWrap.dailylotto .blockWrap .title{background-color: #e52539; color:#ffffff;}
.gameWrap.pick3 .blockWrap .title{background-color: #e52539; color:#ffffff;}
.gameWrap.sportstake8 .blockWrap .title,
.gameWrap.sportstake13 .blockWrap .title{background-color: #00ac69; color:#ffffff;}
.gameWrap.rapido .blockWrap .title{background-color: #231f5e; color:#ffffff;}
.gameWrap.raffle .blockWrap .title{background-color: #642c83; color:#ffffff;}
.gameWrap.eaziwin .blockWrap .title{background-color: #f68d2d; color:#ffffff;}

.gameWrap .blockWrap .title > small {margin-left: 10px; font-size: 86%;}

.gameWrap .block .box {border: 1px solid #a6a6a6;}
.gameWrap .block .box2 {margin-top: 4px; display: flex; justify-content: flex-end; padding: 6px 10px;}
.gameWrap .block .box2 > .buttonWrap {min-width: 145px; text-align: center; padding: 0 2px 0 0;}
.gameWrap .block .box2 > .detailWrap {flex: 1;}
.gameWrap .block .box2 > .detailWrap > div {display: inline-block;}

.gameWrap .gamePlay .block .box2 > .buttonWrap .buttonValue {padding: 0;margin: 0;line-height: 34px;text-transform: uppercase;cursor: pointer;border: 1px solid transparent;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

.gameWrap .gamePlay .block .box2 > .buttonWrap.resetBtn.disabled .buttonValue:hover,
.gameWrap .gamePlay .block .box2 > .buttonWrap.resetBtn .buttonValue {background-color: #474747;color: #ffffff;border-color: #474747;}
.gameWrap.lotto .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.lotto .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue,
.gameWrap .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #000000;background-color: #f6d918;border-color: #f6d918;}
.gameWrap.powerball .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.powerball .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #ffffff;background-color: #069edb;border-color: #069edb;}
.gameWrap.dailylotto .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.dailylotto .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #ffffff;background-color: #e52539;border-color: #e52539;}
.gameWrap.pick3 .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.pick3 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #ffffff;background-color: #e52539;border-color: #e52539;}
.gameWrap.sportstake8 .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.sportstake8 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue,
.gameWrap.sportstake13 .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.sportstake13 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #ffffff;background-color: #00ac69;border-color: #00ac69;}
.gameWrap.rapido .gamePlay .block .box2 > .buttonWrap.selectBtn.disabled .buttonValue:hover,
.gameWrap.rapido .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue {color: #ffffff; background-color: #231f5e;border-color: #231f5e;}

.gameWrap .block .box2 .customCheckBox input {display: none;}
.gameWrap .block .box2 .customCheckBox label {font-size: 12px; cursor: pointer; padding-left: 20px; padding-right: 6px;}
.gameWrap .block .box2 .customCheckBox input + label{position: relative;}
.gameWrap .block .box2 .customCheckBox input + label:before {content:''; position: absolute; overflow: hidden; width:15px; height: 15px; left:0; top:2px; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -460px;}
.gameWrap .block .box2 .customCheckBox input:checked + label:before {background-position: -15px -460px;}

.gameWrap .block .imgWrap {display: inline-block;}
.gameWrap .block .imgWrap img{max-width: 100px;}

.gameWrap .block .box .headerBox {padding: 8px; border-bottom: 1px solid #a6a6a6;}

.gameWrap .block .box .headerBox > div {display: inline-block; vertical-align: middle;}
.gameWrap .block .box .headerBox .buttonWrap{margin-left: 30px;}
.gameWrap .block .box .headerBox .buttonWrap .buttonValue {border: 1px solid #f6d918;background: #ffffff;position: relative;padding: 2px 20px;line-height: 22px;cursor: pointer;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.gameWrap.lotto .block .box .headerBox .buttonWrap .buttonValue {
    border-color:#f6d918; background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fdf6c4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#fdf6c4 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#fdf6c4 100%);
}
.gameWrap.powerball .block .box .headerBox .buttonWrap .buttonValue{
    border-color: #079dda; background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c0e6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#c0e6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c0e6f6 100%);
}
.gameWrap.dailylotto .block .box .headerBox .buttonWrap .buttonValue{
    border-color: #e4253a; background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f8c7cc 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8c7cc 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f8c7cc 100%);
}
.gameWrap.pick3 .block .box .headerBox .buttonWrap .buttonValue{
    border-color: #e4253a; background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f8c7cc 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8c7cc 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f8c7cc 100%);
}
.gameWrap.rapido .block .box .headerBox .buttonWrap .buttonValue{
    border-color: #231d5d; background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c6c5d5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#c6c5d5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c6c5d5 100%);
}
.gameWrap.sportstake8 .block .box .headerBox .buttonWrap .buttonValue,
.gameWrap.sportstake13 .block .box .headerBox .buttonWrap .buttonValue {
    border-color: #00ac69;
}
.gameWrap.sportstake8 .block .box .headerBox .buttonWrap .buttonValue.active,
.gameWrap.sportstake13 .block .box .headerBox .buttonWrap .buttonValue.active {
    background-color: #000000; border-color:#000000; color:#ffffff;
}

.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue ul {display: none;}
.responsePc .gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue:hover ul {display: block;cursor: default;}
.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue ul {position: absolute;width: 100%;list-style: none;left: 0;top: 100%;border: 1px solid #a6a6a6; border-top: none; background-color: #ffffff;padding: 5px 0; margin-top: 1px; z-index: 11; max-height: 350px; overflow-y: auto;}
.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue ul li {padding: 3px 15px;cursor: pointer;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue ul li:hover {background-color: #dfdfdf;}
.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue:after {content: ''; position: absolute; display: block; font-size: 0; width: 0; height: 0; border-top: 10px solid #3d3c38; border-left: 6px solid transparent; border-right: 6px solid transparent; right: 6px; top: 50%; margin-top: -5px; z-index: 10;}
.gameWrap .block .box .headerBox .buttonWrap.dropCase .buttonValue {padding-right: 27px;}

.gameWrap .blockWrap .title .button {float: right; text-transform: none; font-size: 12px; cursor: pointer;}
.gameWrap .blockWrap .title .button:hover {text-decoration: underline;}
.gameWrap .blockWrap .title .button + .button {margin-right: 8px; padding-right: 8px; position: relative;}
.gameWrap .blockWrap .title .button + .button:after {content: '|'; position: absolute; right: 0; top: -1px;}

.gameWrap .block .playArea{padding:15px 15px 8px}
.gameWrap .block .gameArea{padding:8px 15px 15px}
.gameWrap .block .label {color: #8d8d8d; font-weight: 500; font-size: 11px; padding: 0;}
.gameWrap .block .boardDetail > div {display: inline-block; vertical-align: top; padding-right: 10px;}
.gameWrap .block .boardDetail .boardName {min-width: 125px;}
.gameWrap .block .gameArea .game {margin: 10px 0;}
.gameWrap .blockWrap .game + .game {margin-top: 15px;}
.gameWrap .box1 .leftPart, .gameWrap .box1 .rightPart {width: 50%; float: left;}
.gameWrap .box1 .leftPart{padding-right:10px;}
.gameWrap .box1 .rightPart{padding-left:10px;}
.boardRow .qp {font-size: 18px; margin-top: 15px;}
.gameWrap .ticketWrap .boardRow {padding: 2px 10px; border-bottom: 1px solid #a6a6a6; min-height: 50px;}
.gameWrap .ticketWrap .boardRow > div {float: left;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap {width: 280px; text-align: center; line-height: 100%;}
.gameWrap .ticketWrap .boardRow > .boardName {width: calc(50% - 140px); color: #8d8d8d; margin-top: 12px;}
.gameWrap .ticketWrap .boardRow > .boardName > .desc {font-size: 18px; min-width: 80px;}
.gameWrap .ticketWrap .boardRow > .actionWrap {width: calc(50% - 140px); text-align: right; margin-top: 10px;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap > div {display: inline-block;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap .buttonWrap {display: none;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap.empty .buttonWrap {display: inline-table;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap.empty > .desc {display: none;}
.gameWrap .ticketWrap .boardRow:last-of-type {border-bottom: none;}
.gameWrap .ticketWrap .boardRow .boardName > div {display: inline-block;}
.gameWrap .ticketWrap .boardRow .actionWrap > div {display: inline-block; margin-left: 10px;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap .buttonValue {width: 22px; height: 22px; overflow: hidden; border: 1px solid #a6a6a6; line-height: 22px; text-align: center; text-indent: -9999px; border-radius: 50%; position: relative; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.cross .buttonValue:before, .gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.check .buttonValue:before {top: 0; width: 100%; height: 100%; text-indent: 0; line-height: 20px; position: absolute; left: 0; font-family: FontAwesome;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.cross .buttonValue:before {content: '\f00d'; color: #ea6771;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.check .buttonValue:before {content: '\f00c'; color: #00ad68;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap .buttonValue:hover:before, .gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.check.active .buttonValue:before {color: #ffffff;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.cross .buttonValue:hover {background-color: #ea6771; border-color: #ea6771;}
.gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.check.active .buttonValue, .gameWrap .ticketWrap .boardRow .actionWrap > .buttonWrap.check .buttonValue:hover {background-color: #00ad68; border-color: #00ad68;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap {color: #8d8d8d; font-size: 12px; margin: 8px 0 0;}
.gameWrap .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border: 1px solid #a6a6a6; padding: 7px 8px;cursor: pointer; min-width: 200px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

.gameWrap.lotto .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border-color: #f6d918;}
.gameWrap.powerball .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border-color: #069edb;}
.gameWrap.dailylotto .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border-color: #e52539;}
.gameWrap.pick3 .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border-color: #e52539;}
.gameWrap.rapido .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {border-color: #231f5e;}

.gameWrap.lotto .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue:hover {background-color: #f6d918; color:#000000;}
.gameWrap.powerball .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue:hover {background-color: #069edb; color:#ffffff;}
.gameWrap.dailylotto .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue:hover {background-color: #e52539; color:#ffffff;}
.gameWrap.pick3 .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue:hover {background-color: #e52539; color:#ffffff;}
.gameWrap.rapido .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue:hover {background-color: #231f5e; color:#ffffff;}

.gameWrap .ticketWrap .box2 .buttonWrap .buttonStyle1 {font-size: 14px; min-height: 46px;}
.gameWrap .ticketWrap .block .box2 {background-color: #f2f2f2; padding: 4px 5px 1px 10px;}
.gameWrap .ticketWrap .box2 .detailWrap {color: #6b6b6b;font-size: 13px;margin-top: 8px;}
.gameWrap .ticketWrap .box2 .detailWrap .summary {padding-left: 60px;}
.gameWrap .ticketWrap .box2 .detailWrap .summary:first-child {padding-left: 0;}
.gameWrap .ticketWrap .box2 .buttonWrap {text-align: right; text-transform: uppercase;}
.gameWrap.lotto .ticketWrap .box2 .detailWrap .summary {padding-left: 10px;}

.gameWrap .ticketWrap .box1 .headerBox {display: flex; align-items: center;}
.gameWrap .ticketWrap .box1 .headerBox .sliderWrap {flex: 1; text-align: center;}
.gameWrap .ticketWrap .box1 .headerBox .sliderWrap .sliderBox {width: 200px; display: inline-block;}
.gameWrap .ticketWrap .box1 .headerBox .sliderWrap .sliderBox input[type='range'] {width: 100%;}
.gameWrap .ticketWrap .box1 .headerBox > .imgWrap, .gameWrap .ticketWrap .box1 .headerBox > .drawcounter {flex-basis: 130px;}
.gameWrap .block .box .headerBox > .gameImgWrap {flex: 1;}
.gameWrap .ticketWrap .box1 .headerBox > .drawcounter {text-align: right;}
.gameWrap .gameDrawSlider{-webkit-appearance: none; -moz-appearance: none; height: 6px; cursor: pointer; border-radius: 6px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f9da18), color-stop(0, #b2afb9)); }
.gameWrap .gameDrawSlider::-webkit-slider-thumb{-webkit-appearance: none !important; cursor:pointer; background-color: rgba(21,22,25,1); border: 3px solid #aa9700; padding:4px; height: 0px; display:block; width: 0px; border-radius:50%; background-clip:padding-box; box-sizing:content-box;}
.gameWrap.powerball .gameDrawSlider{background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #069edb), color-stop(0, #b4b1ac));}
.gameWrap.powerball .gameDrawSlider::-webkit-slider-thumb{border-color:#007599;}
.gameWrap.dailylotto .gameDrawSlider{background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e52539), color-stop(0, #a7aab2));}
.gameWrap.dailylotto .gameDrawSlider::-webkit-slider-thumb{border-color:#a31c00;}
.gameWrap.pick3 .gameDrawSlider{background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e52539), color-stop(0, #a7aab2));}
.gameWrap.pick3 .gameDrawSlider::-webkit-slider-thumb{border-color:#a31c00;}

/*---------------slider cross browser start---------------*/

.gameWrap .gameDrawSlider[type=range]::-moz-range-thumb {border: 3px solid #aa9700; height: 0; padding:4px; width: 0; border-radius: 50%; background: rgba(21,22,25,1); background-clip:padding-box;  box-sizing:content-box; cursor: pointer;}
.gameWrap .gameDrawSlider[type=range]::-moz-range-track {width: 100%; height: 6px; cursor: pointer; background: #b2afb9; border-radius: 6px;}
.gameWrap .gameDrawSlider[type=range]::-moz-range-progress{background: #f9da18; height:6px;}
.gameWrap.powerball .gameDrawSlider[type=range]::-moz-range-thumb{border-color:#007599;}
.gameWrap.powerball .gameDrawSlider[type=range]::-moz-range-progress{background: #069edb;}
.gameWrap.dailylotto .gameDrawSlider[type=range]::-moz-range-thumb{border-color:#a31c00;}
.gameWrap.dailylotto .gameDrawSlider[type=range]::-moz-range-progress{background: #e52539;}
.gameWrap.pick3 .gameDrawSlider[type=range]::-moz-range-thumb{border-color:#a31c00;}
.gameWrap.pick3 .gameDrawSlider[type=range]::-moz-range-progress{background: #e52539;}

.gameWrap .gameDrawSlider[type=range]::-ms-thumb {
    border:none; padding:0; height: 16px;
    width: 16px;
    border-radius: 8px;
    background: #000000;
    cursor: pointer;
}  
.gameWrap .gameDrawSlider[type=range]::-ms-track {
    width: 100%;
    height: 16px;
    cursor: pointer;
    background: transparent;
    border:none;
    border-radius: 16px;
    color: transparent;
}
/*highlight color*/
.gameWrap .gameDrawSlider[type=range]::-ms-fill-lower {background: #f9da18;}
.gameWrap .gameDrawSlider[type=range]:focus::-ms-fill-lower {background: #f9da18;}
.gameWrap.powerball .gameDrawSlider[type=range]::-ms-fill-lower {background: #069edb;}
.gameWrap.powerball .gameDrawSlider[type=range]:focus::-ms-fill-lower {background: #069edb;}
.gameWrap.dailylotto .gameDrawSlider[type=range]::-ms-fill-lower {background: #e52539;}
.gameWrap.dailylotto .gameDrawSlider[type=range]:focus::-ms-fill-lower {background: #e52539;}
.gameWrap.pick3 .gameDrawSlider[type=range]::-ms-fill-lower {background: #e52539;}
.gameWrap.pick3 .gameDrawSlider[type=range]:focus::-ms-fill-lower {background: #e52539;}
/*base color*/
.gameWrap .gameDrawSlider[type=range]::-ms-fill-upper {background: #b2afb9;}
.gameWrap .gameDrawSlider[type=range]:focus::-ms-fill-upper {background: #b2afb9;}

/*---------------slider cross browser end---------------*/

.gameWrap.powerball .ticketWrap .box1 .headerBox > .drawcounter .Value {color: #009edb;}
.gameWrap.dailylotto .ticketWrap .box1 .headerBox > .drawcounter .Value {color: #e52539;}
.gameWrap.pick3 .ticketWrap .box1 .headerBox > .drawcounter .Value {color: #e52539;}
/*
.gameWrap.dailylotto .block .gameArea {padding-right: 0;}
.gameWrap.dailylotto .block .rightPart {padding: 15px;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox input {display: none;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox label {padding-left: 30px; cursor: pointer; line-height: 120%; margin-top: 10px;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox label small {font-size: 11px; color: #8d8d8d;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox input + label{position: relative;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox input + label:before {content:''; position: absolute; overflow: hidden; width:20px; height: 20px; left:0; top:0; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -390px;}
.gameWrap.dailylotto .block .rightPart .betTypeWrap .customRadioBox input:checked + label:before {background-position: -20px -390px;}
.gameWrap.dailylotto .block .leftPart .betAmountBox {padding: 0 15px 15px;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap {display: inline-block; margin-top: 15px;}
.gameWrap.dailylotto .block .leftPart .betAmountBox > .label {display: block; text-align: left;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input {display: none;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox label {padding-left: 35px; line-height: 30px; font-size: 18px; cursor: pointer;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox {padding-right: 15px;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input + label{position: relative;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input + label:before {content:''; position: absolute; overflow: hidden; width:27px; height: 27px; left:0; top:0; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -420px;}
.gameWrap.dailylotto .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input:checked + label:before {background-position: -27px -420px;}
.gameWrap.dailylotto .ticketWrap .boardRow > .boardName .betAmountDesc {float: right; font-size: 11px; margin-right: 2px;}
.gameWrap.dailylotto .ticketWrap .boardRow > .actionWrap .betTypeDesc {float: left; font-size: 11px; margin-left: 2px; color: #a3a3a3;}
*/
.gameWrap.pick3 .block .gameArea {padding-right: 0;}
.gameWrap.pick3 .block .rightPart {padding: 15px;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox input {display: none;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox label {padding-left: 30px; cursor: pointer; line-height: 120%; margin-top: 10px;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox label small {font-size: 11px; color: #8d8d8d;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox input + label{position: relative;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox input + label:before {content:''; position: absolute; overflow: hidden; width:20px; height: 20px; left:0; top:0; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -390px;}
.gameWrap.pick3 .block .rightPart .betTypeWrap .customRadioBox input:checked + label:before {background-position: -20px -390px;}
.gameWrap.pick3 .block .leftPart .betAmountBox {padding: 0 15px 15px;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap {display: inline-block; margin-top: 15px;}
.gameWrap.pick3 .block .leftPart .betAmountBox > .label {display: block; text-align: left;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input {display: none;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox label {padding-left: 35px; line-height: 30px; font-size: 18px; cursor: pointer;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox {padding-right: 15px;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input + label{position: relative;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input + label:before {content:''; position: absolute; overflow: hidden; width:27px; height: 27px; left:0; top:0; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -420px;}
.gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox input:checked + label:before {background-position: -27px -420px;}
.gameWrap.pick3 .ticketWrap .boardRow > .boardName .betAmountDesc {float: right; font-size: 11px; margin-right: 2px;}
.gameWrap.pick3 .ticketWrap .boardRow > .actionWrap .betTypeDesc {float: left; font-size: 11px; margin-left: 2px; color: #a3a3a3;}

.gameWrap.rapido .block .rightPart .customRadioBox input {display: none;}
.gameWrap.rapido .block .rightPart .customRadioBox input + label{position: relative;}
.gameWrap.rapido .block .rightPart .customRadioBox input + label:before {content:''; position: absolute; overflow: hidden; width:20px; height: 20px; left:0; top:0; display: block; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -390px;}
.gameWrap.rapido .block .rightPart .customRadioBox label {padding-left: 30px; cursor: pointer; line-height: 20px; margin-top: 10px; padding-bottom: 2px;}
.gameWrap.rapido .block .rightPart .customRadioBox input:checked + label:before {background-position: -20px -390px;}
.gameWrap.rapido .block .rightPart .checkAreaWrap {display: inline-block;}
.gameWrap.rapido .block .rightPart .checkAreaWrap + .checkAreaWrap {margin-left: 20px;}
.gameWrap.rapido .block .box .headerBox .buttonWrap.dropCase .buttonValue ul li {padding: 3px 8px; font-size: 12px;}
.gameWrap.rapido .ticketWrap .boardRow .selectedNumsWrap {width: 390px;}
.gameWrap.rapido .ticketWrap .boardRow > .boardName {width: calc(50% - 170px);}
.gameWrap.rapido .ticketWrap .boardRow > .actionWrap {width: calc(50% - 220px);}

.gameWrap.rapido .ticketWrap .boardRow.qp .selectedNumsWrap {width: 280px;}
.gameWrap.rapido .ticketWrap .boardRow.qp > .boardName, .gameWrap.rapido .ticketWrap .boardRow.qp > .actionWrap {width: calc(50% - 140px);}


.gameWrap.raffle .imgTextWrapper { background-color: #8c36ca;}
.gameWrap.raffle .imgTextWrapper img {width: 100%;}
.gameWrap.raffle .gameInfo {margin-bottom: 20px;}
.gameWrap.raffle .gameInfo > .block{padding: 10px; border: 1px solid #a6a6a6;}
.gameWrap.raffle .gamePlay .title {text-align: center; font-size: 25px; line-height: 40px; font-weight: 600;}
.gameWrap.raffle .gamePlay .block > .box {background-position: left top; background-repeat: no-repeat; background-size: contain; border: none; padding: 15px;}
.gameWrap.raffle .gamePlay .gameArea {text-align: center; border-radius: 15px; padding: 0; background-color: rgb(255, 255, 255); box-shadow: inset -10px -13px 25px 0px rgba(0, 0, 0, 0.22);}
.gameWrap.raffle .gamePlay .gameArea .game > div > div {display: inline-block;}
.gameWrap.raffle .gamePlay .gameArea .game button, .gameWrap.raffle .gamePlay .gameArea .game input {display: inline-block;}
.gameWrap.raffle .gamePlay .gameArea .game .desc {width: 215px; text-align: center;}
.gameWrap.raffle .gamePlay .gameArea .game input {width: 105px; text-align: center; background-color: transparent; border-radius: 10px; border-color: #57317a; border-width: 0; margin: 0 5px; font-size: 16px; line-height: 18px; color: #ffffff; font-weight: 400; padding: 6px 0; box-shadow: none; background: #774493; background: -moz-linear-gradient(top, #774493 0%, #563079 100%); background: -webkit-linear-gradient(top, #774493 0%,#563079 100%); background: linear-gradient(to bottom, #774493 0%,#563079 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774493', endColorstr='#563079',GradientType=0 );}
.gameWrap.raffle .gamePlay .gameArea .game .roundBTN {border-radius: 50%; width: 32px; height: 32px; border: none; color: #fff; font-size: 0; line-height: 0; padding: 0; vertical-align: bottom; position: relative; text-align: center;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; background: #774493; background: -moz-linear-gradient(left, #774493 0%, #563079 100%); background: -webkit-linear-gradient(left, #774493 0%,#563079 100%); background: linear-gradient(to right, #774493 0%,#563079 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774493', endColorstr='#563079',GradientType=1 );}
.gameWrap.raffle .gamePlay .gameArea .game .roundBTN:after {content: ''; font-family: fontAwesome; font-size: 12px; line-height: 18px; margin-top: -8px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%;}
.gameWrap.raffle .gamePlay .gameArea .game .roundBTN.plus:after {content: '\f067';}
.gameWrap.raffle .gamePlay .gameArea .game .roundBTN.minus:after {content: '\f068';}
.gameWrap.raffle .gamePlay .gameArea .rowWrap {margin-bottom: 10px;}
.gameWrap.raffle .gamePlay .gameArea .rowWrap .labelTitle {font-size: 18px; font-weight: 600; margin: 0 10px; text-transform: uppercase;}
.gameWrap.raffle .gamePlay .gameArea .buttonWrap .buttonValue {width: 190px; background-color: #642c83; color: #f7d345; margin: 0 10px; text-align: center; text-transform: uppercase; font-size: 18px; line-height: 40px; cursor: pointer; font-weight: 600; border-radius: 10px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.gameWrap.raffle .gamePlay .gameArea .game {padding: 10px; display: inline-block; text-align: right;}
.gameWrap.raffle .gameSelectAfterBoxWrap {padding: 10px 15px;}
.gameWrap.raffle .game .gameRow {display: flex; padding: 4px 8px; border-bottom: 1px solid #dadada;}
.gameWrap.raffle .game .gameRow:nth-child(odd) {background-color: #f0f0f0;}
.gameWrap.raffle .game .gameRow:first-child{border-top: 1px solid #dadada;}
.gameWrap.raffle .gameSelectAfterBox .game .gameRow.thead {font-size: 19px; color: #8f8f8f;}
.gameWrap.raffle .ticketWrap .gameSelectAfterBox .game .gameRow .col1, 
.gameWrap.raffle .ticketWrap .gameSelectAfterBox .game .gameRow .col2 {flex: 1;}
.gameWrap.raffle .ticketWrap .gameSelectAfterBox .game .gameRow .col1 {color: #8f8f8f; text-transform: uppercase;}
.myCartWrap .gameWrap.raffle .game .gameRow {border-bottom: none; border-top:none; background-color: transparent;}
.myCartWrap .gameWrap.raffle .ticketWrap .gameSelectAfterBox .game .gameRow .col1 {text-transform: none;}

.gameWrap.sportstake8 .game .gameRow .divider,
.gameWrap.sportstake13 .game .gameRow .divider {padding: 0 3px;}
.gameWrap.sportstake8 .block .box .headerBox .buttonWrap,
.gameWrap.sportstake13 .block .box .headerBox .buttonWrap {margin-left: 3px; margin-right: 8px;}
.gameWrap.sportstake8 .blockWrap .playArea .title,
.gameWrap.sportstake13 .blockWrap .playArea .title { background-color: #1c1c1c; font-size: 12px; line-height: 30px; padding-left: 8px; font-weight: 600; text-transform: none;}
.gameWrap.sportstake8 .blockWrap .playArea,
.gameWrap.sportstake13 .blockWrap .playArea {padding: 11px; padding-bottom: 0;}
.gameWrap.sportstake8 .game .gameRow,
.gameWrap.sportstake13 .game .gameRow {display: flex; padding: 4px 8px;}
.gameWrap.sportstake8 .game .tbody,
.gameWrap.sportstake13 .game .tbody {border-top: 1px solid #dadada;}
.gameWrap.sportstake8 .game .tbody .gameRow,
.gameWrap.sportstake13 .game .tbody  .gameRow {border-bottom: 1px solid #dadada;}
.gameWrap.sportstake8 .gameArea .game .gameRow .col2, 
.gameWrap.sportstake8 .gameArea .game .gameRow .col3, 
.gameWrap.sportstake8 .gameArea .game .gameRow .col4,
.gameWrap.sportstake13 .gameArea .game .gameRow .col2, 
.gameWrap.sportstake13 .gameArea .game .gameRow .col3, 
.gameWrap.sportstake13 .gameArea .game .gameRow .col4 {flex-basis: 100px; text-align: center;}
.gameWrap.sportstake8 .gameArea .game .gameRow .col5,
.gameWrap.sportstake13 .gameArea .game .gameRow .col5 {text-align: right;}
.gameWrap.sportstake8 .gameArea .game .gameRow .col1, 
.gameWrap.sportstake8 .gameArea .game .gameRow .col5,
.gameWrap.sportstake13 .gameArea .game .gameRow .col1, 
.gameWrap.sportstake13 .gameArea .game .gameRow .col5 {flex: 1;}
.gameWrap.sportstake8 .selectGame .gameArea .game .gameRow.thead .col1, 
.gameWrap.sportstake8 .selectGame .gameArea .game .gameRow.thead .col5,
.gameWrap.sportstake13 .selectGame .gameArea .game .gameRow.thead .col1, 
.gameWrap.sportstake13 .selectGame .gameArea .game .gameRow.thead .col5 {text-transform: uppercase;font-weight: 600;}
.gameWrap.sportstake8 .block .gameArea,
.gameWrap.sportstake13 .block .gameArea {padding-top: 0;}
.gameWrap.sportstake8 .game .thead, 
.gameWrap.sportstake13 .game .thead {color: #8f8f8f;}
.gameWrap.sportstake8 .game .tbody .gameRow:nth-child(odd),
.gameWrap.sportstake13 .game .tbody .gameRow:nth-child(odd) {background-color: #f0f0f0;}
.gameWrap.sportstake8 .gameArea .game .gameRow.thead .col,
.gameWrap.sportstake13 .gameArea .game .gameRow.thead .col {padding-bottom: 3px;}
.gameWrap.sportstake8 .game .gameRow .checkGroup label,
.gameWrap.sportstake13 .game .gameRow .checkGroup label {cursor: pointer; border: 1px solid #a6a6a6; text-align: center; width: 24px; height: 24px; margin-bottom: 0; line-height: 22px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.gameWrap.sportstake8 .game .gameRow .checkGroup input[type='checkbox'],
.gameWrap.sportstake13 .game .gameRow .checkGroup input[type='checkbox'] {display: none;}
.gameWrap.sportstake8 .game .gameRow .checkGroup input[type='checkbox']:checked + label,
.gameWrap.sportstake8 .game .gameRow .checkGroup input[type='checkbox']:checked:hover + label,
.gameWrap.sportstake13 .game .gameRow .checkGroup input[type='checkbox']:checked + label,
.gameWrap.sportstake13 .game .gameRow .checkGroup input[type='checkbox']:checked:hover + label {background-color: #00ac69; color: #ffffff; border-color: #1c1c1c;}
.gameWrap.sportstake8 .gameSelectAfterBoxWrap,
.gameWrap.sportstake13 .gameSelectAfterBoxWrap {padding: 10px 15px;}
.gameWrap.sportstake8 .gameSelectAfterBoxWrap .boxTitle,
.gameWrap.sportstake13 .gameSelectAfterBoxWrap .boxTitle {font-size: 16px; color: #8f8f8f; text-transform: uppercase;}
.gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow.thead,
.gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow.thead {font-size: 19px; color: #8f8f8f;}
.gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow .col1,
.gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow .col1 {flex-basis: 120px;}
.gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow .col3,
.gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow .col3 { flex: 1; max-width: 150px;}
.gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow .col2,
.gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow .col2 {flex: 1;}
.gameWrap.sportstake8 .proPick .gameArea .game .gameRow .col1,
.gameWrap.sportstake13 .proPick .gameArea .game .gameRow .col1 {flex: none; flex-basis: 100px;}
.gameWrap.sportstake8 .proPick .gameArea .game .gameRow .col2,
.gameWrap.sportstake13 .proPick .gameArea .game .gameRow .col2 {flex: 1; text-align: left; padding-left: 30px;}
.gameWrap.sportstake8 .proPick .gameArea .game .radioGroup input[type='radio'],
.gameWrap.sportstake13 .proPick .gameArea .game .radioGroup input[type='radio'] {margin-left: -20px; margin-right: 3px; vertical-align: top; height: 24px; cursor: pointer;}
.gameWrap.sportstake8 .proPick .gameArea .game .radioGroup label,
.gameWrap.sportstake13 .proPick .gameArea .game .radioGroup label {margin-bottom: 0; cursor: pointer;}
.gameWrap.sportstake8 .proPick .gameArea .game .gameRow,
.gameWrap.sportstake13 .proPick .gameArea .game .gameRow {line-height: 30px;}
.gameWrap.sportstake8 .proPick .ticketWrap .gameSelectAfterBox .game .gameRow .col1, 
.gameWrap.sportstake8 .proPick .ticketWrap .gameSelectAfterBox .game .gameRow .col2,
.gameWrap.sportstake13 .proPick .ticketWrap .gameSelectAfterBox .game .gameRow .col1, 
.gameWrap.sportstake13 .proPick .ticketWrap .gameSelectAfterBox .game .gameRow .col2 {flex: 1;}
.gameWrap.sportstake8 .selectGame .ticketWrap .gameSelectAfterBox .game .gameRow .col2,
.gameWrap.sportstake13 .selectGame .ticketWrap .gameSelectAfterBox .game .gameRow .col2 {color: #8f8f8f; text-align: center;}
.gameWrap.sportstake8 .ticketWrap .game .gameRow,
.gameWrap.sportstake13 .ticketWrap .game .gameRow {padding: 4px 0;}
.gameWrap.sportstake8 .ticketWrap .game .gameRow .col,
.gameWrap.sportstake13 .ticketWrap .game .gameRow .col {padding: 0 8px;}

.gameWrap .ticketWrap .ball.active .shape, .gameWrap .block .boardDetail > div  .ball.active .shape{cursor: default;}

/*************Game Page End********************************/


/*************Cart Page Start********************************/
.emptyCartWrap, .nullTicketwrap, .systemErrorWrap {text-align: center; padding: 20px 10px;}
.emptyCartWrap .title,  .nullTicketwrap .title,  .systemErrorWrap .title {font-size: 22px; line-height: 30px; margin: 15px 0 8px;}
.emptyCartWrap .desc, .nullTicketwrap .desc,  .systemErrorWrap .desc {color: #444444; line-height: 22px; max-width: 230px;  margin: auto;}
.cartPage .leftComponent .gameWrap {margin-bottom: 10px;}
.checkoutBoxWrap {padding: 35px 15px; border: 1px solid #a6a6a6; background-color: #f4f4f4;}
.checkoutBoxWrap > div { max-width: 322px; margin: auto;}
.checkoutBoxWrap .ticketSummary {display: flex; margin: 10px 0;}
.checkoutBoxWrap .ticketSummary .imgWrap img { max-width: 67px; margin-right: 6px;}
.checkoutBoxWrap .ticketSummary .blank {flex: 1; border-bottom: 1px solid #747474; margin: 0 5px;}
.checkoutBoxWrap .totalWrap {margin: 20px 0; border-top: 1px solid #747474; border-bottom: 1px solid #747474; padding: 10px 0;}
.checkoutBoxWrap .totalWrap .totalValueWrap {text-align: right;}
.checkoutBoxWrap .totalWrap .totalValueWrap > div {display: inline-block; font-size: 15px;}
.checkoutBoxWrap .totalWrap .totalValueWrap .title {margin-right: 25px; text-transform: uppercase;}
.checkoutBoxWrap .paymentOptionSummary .title {font-size: 16px; text-transform: uppercase;}
.checkoutBoxWrap .paymentOptionSummary .desc {color: #8f8f8f; font-size: 12px;}
.checkoutBoxWrap .paymentOptionWrap .buttonWrap {text-align: center;}
.checkoutBoxWrap .paymentOptionWrap .buttonWrap .buttonValue { padding: 8px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 15px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.checkoutBoxWrap .paymentOptionWrap .buttonWrap + .buttonWrap {margin-top: 15px;}
.checkoutBoxWrap .paymentOptionWrap {margin-top: 10px;}
.checkoutBoxWrap .noteWrap {font-size: 11px; line-height: 14px; margin-bottom: 15px; color: #191919; font-weight: 600;}
.checkoutBoxWrap .noteWrap span {font-style: italic; font-weight: 500;}

.myWalletPaymentInfoWrap {margin-right: 15px; border: 1px solid #a4a4a4; padding: 15px 28px;}
.myWalletPaymentInfoWrap h4.header {margin-top: 0; text-transform: uppercase;}
.myWalletPaymentInfoWrap .balanceBox {padding: 10px; background-color: #e8f1f8; display: flex; justify-content: space-between; align-items: center;}
.myWalletPaymentInfoWrap .balanceBox .balance {margin-left: 30px; font-size: 16px;}
.myWalletPaymentInfoWrap .balanceBox .lableTitle {color: #888888;}
.myWalletPaymentInfoWrap .msgDiv {margin: 15px 0; font-size: 12px;}
.myWalletPaymentInfoWrap .balanceBox .buttonWrap .buttonValue {padding: 8px 25px; text-transform: uppercase;}

.responseMobile #sp-component .fullPage .cartBox .leftComponent {width: 100%; padding-right: 0; padding-bottom: 25px;}
.responseMobile #sp-component .fullPage .cartBox .rightComponent {width: 100%; padding-left: 0;}
.responseMobile #sp-component .fullPage .cartBox .leftComponent .page-header {margin-right: 0; margin-bottom: 0;}
.responseMobile #sp-component .fullPage .cartBox .rightComponent .page-header {margin-left: 0;}
.responseMobile #sp-component .fullPage .cartBox .rightComponent {display: none;}

.buttonWrap.proceedCheckOutWrap {text-align: right; padding: 15px 0;}
.buttonWrap.proceedCheckOutWrap .buttonValue {padding: 8px 14px; display: inline-block; text-transform: uppercase;}
.responsePc .buttonWrap.proceedCheckOutWrap{display: none;}
#sp-component .cartPage .page-header h2 .backCart {text-transform: none; font-weight: 500; font-size: 11px; float: right; margin-right: 15px; cursor: pointer;}
#sp-component .cartPage .page-header h2 .backCart:hover {text-decoration: underline;}
.responsePc #sp-component .cartPage .page-header h2 .backCart{display: none;}

.responseMobile .cartBox .myWalletPaymentInfoWrap{margin-right: 0; margin-top: 20px;}

#sp-cart-lower-banner {margin-top: 35px;}
#sp-cart-lower-banner #sp-cartbanner1 {padding-right: 7px;}
#sp-cart-lower-banner #sp-cartbanner2 {padding-left: 7px;}
#sp-cart-lower-banner #sp-cartbanner1 img, #sp-cart-lower-banner #sp-cartbanner2 img {width: 100%;}

#cartSlider {border: 1px solid #a6a6a6; padding: 10px;margin-top: 35px;max-height: 110px; overflow: hidden;}
#cartSlider h3 {margin: 0; font-size: 14px; text-transform: uppercase; float: left; width: 155px;}
#cartSlider .slick-slider {float: left; width: calc(100% - 165px);margin-bottom: 0;}
#cartSlider .moduletable:after {content: ''; clear: both; display: block;}
#cartSlider .slick-slider .text, #cartSlider .slick-slider .nextDrawwrap, #cartSlider .slick-slider .lastDrawwrap, #cartSlider .slick-slider .gameTimer {display: none;}
#cartSlider .slick-slider .subImage {margin: 0 10px; text-align: center;}
#cartSlider .slick-slider .subImage img {width: 100%; max-width: 145px;  margin: 0 auto 45px;}
#cartSlider .slick-slider .button1 button {font-size: 12px; text-transform: none; color: #a4a4a4; font-weight: 500; background: none; border: none; padding: 0; min-height: auto; width: 100%; padding-top: 50px;}
#cartSlider .slick-slider .button1 button:after, #cartSlider .slick-slider .button1 button:before {display: none;}
#cartSlider .slick-slider .subImage .slideWrap {position: relative; z-index: 1;}
#cartSlider .slick-slider .subImage .slideWrap .contentWrap {position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
#cartSlider .slick-slider .slick-prev:before, #cartSlider .slick-slider .slick-next:before { content: ''; border-top: 10px solid transparent; border-bottom: 10px solid transparent;font-size: 0px;line-height: 0; width: 0; height: 0;}
#cartSlider .slick-slider .slick-prev:before {border-right: 16px solid #a4a4a4;}
#cartSlider .slick-slider .slick-next:before {border-left: 16px solid #a4a4a4;}

.myCartWrap[style*='none'] #cartSlider {opacity: 0;}
.myCartWrap[style*='block'] #cartSlider {opacity:0; -webkit-animation: opacGame 0.8s forwards; -webkit-animation-delay: 5s; animation: opacGame 0.8s forwards; animation-delay: 5s;}
@-webkit-keyframes opacGame {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes opacGame { 0% {opacity: 0;} 100% {opacity: 1;}}
/*************Cart Page End********************************/


/*************Pending Draw & Saved Ticket Page Start********************************/
.ticketBinderOuterWrap > .articleHeader {font-size: 13px;}
.ticketBinderWrap .accordionStyle1 .panel-title {display: flex; justify-content: space-between; font-size: 13px; border: 1px solid #a4a4a4;}
.ticketBinderWrap .accordionStyle1 .panel-title[aria-expanded="true"] {background-color: #ffffff;}
.ticketBinderWrap .accordionStyle1 .panel-title .labelTitle {color: #8f8f8f;}
.ticketBinderWrap .accordionStyle1 .panel {border: none;}
.ticketBinderWrap .accordionStyle1 .panel-default>.panel-heading+.panel-collapse>.panel-body{border:none;padding: 12px 0;}
.ticketBinderDetailWrap .articleHeader {font-size: 14px; color: #ffffff; padding-left: 15px; margin-bottom: 5px;}
.ticketBinderWrap .gameWrap .block .box2 > .detailWrap > div + div {margin-left: 8px;}
.ticketBinderWrap .gameWrap .block .box2 > .detailWrap > .text {font-size: 12px; color: #000000;}
.ticketBinderWrap .gameWrap .block .box2 > .buttonWrap.replayBtn .buttonValue {background-color: #474747; color: #ffffff; padding: 0; margin: 0; line-height: 34px; text-transform: uppercase; cursor: pointer; text-align: center; border: 1px solid #474747;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.ticketBinderWrap .gameWrap .ticketWrap .box1 .headerBox {justify-content: space-between;}
.ticketBinderWrap .gameWrap .ticketWrap .box2 .detailWrap {margin-top: 0;}
.ticketBinderWrap .gameWrap .ticketWrap .box2 {padding: 4px 5px; background-color: transparent; min-height: 42px; align-items: center;}
.ticketBinderWrap .gameWrap .block .box2 > .buttonWrap.replayBtn .buttonValue:hover {color: #474747; background-color: #ffffff;}
.ticketBinderWrap .gameWrap + .gameWrap {margin-top: 15px;}

.ticketBinderWrap .accordionStyle1 .panel-title > .labelWrap.lnumWrap {min-width: 260px;}
.ticketBinderWrap .accordionStyle1 .panel-title > .labelWrap.lgameWrap {min-width: 170px; text-transform: capitalize;}
.ticketBinderWrap .accordionStyle1 .panel-title > .labelWrap.ldrawWrap {min-width: 130px;}
.ticketBinderWrap .accordionStyle1 .panel-title > .labelWrap.ldateWrap {min-width: 165px;}

.labelWrap.lviewWrap {text-transform: uppercase; font-size: 11px;}

.savedTicketsWrapper .gameWrap .box2 .buttonWrap {font-size: 11px;}
.savedTicketsWrapper .gameWrap .box2 .buttonWrap .divider {margin: 0 10px; color: #8f8f8f;}

/*************Pending Draw & Saved Ticket Page End********************************/


/***********Success Error & Info PopUps start****************************/
.cPanelWrap{position: relative; text-align: center;}
.cPanelTitle{background-color: #fdda1c;	padding: 15px 40px; font-weight: 600; font-size: 18px; position: relative;}
.cPanelTitle:before {content: ''; position: absolute; width: 120px; height: 120px; display: block; left: -50px; top: -40px; z-index: 10; background-repeat: no-repeat; background-position: left top; background-size: 100%;}
.cPanelWrap.success .cPanelTitle:before{background-image: url(../images/siteImg/successMsgIcon.png);}
.cPanelWrap.error .cPanelTitle:before{background-image: url(../images/siteImg/failMsgIcon.png);}
.cPanelWrap.info .cPanelTitle:before{background-image: url(../images/siteImg/infoMsgIcon.png);}
.cPanelWrap.small{font-size: 100%;}
.cPanelWrap.small .cPanelTitle:before {width: 40px; height: 40px; top: 50%; left: 10px; margin-top: -20px;}
.cPanelBody{padding:30px 40px 20px;	border: 1px solid #d9d9d9;}
.cPanelBody .cPanelButtonWrap{margin-top: 10px;}
.cPanelBody .cPanelButtonWrap .button {display: inline-block; padding: 6px 12px; min-width: 80px;}
.cPanelBody .cPanelButtonWrap .button + .button {margin-left: 10px;}
.cPanelBody .cPanelButtonWrap .button.no {background-color: #808080;}
.cPanelBody .cPanelButtonWrap .button.no:hover{background-color: #000000;}
.cPanelBody .playNumTxt{margin-bottom: 0;}
.cPanelBody .playNumWrap{margin-bottom: 10px;}
.cPanelBody .recptNum u {color: #0286b9;}
.cPanelBody .overviewBox {background-color: #e5f5fb; padding: 15px; text-align: left; margin: 15px 0;}
.cPanelBody .actionBtnW li, .overPagination li{display: inline-block;}
.cPanelBody .actionBtnW{margin: 30px 0;}
.cPanelBody #ticket_number{display:inline-block;}
.cPanelTitle .closeBtn {display: none; position: absolute; right: 10px; top: 50%; margin-top: -11px; width: 22px; height: 22px; border: 1px solid #000000; line-height: 18px; border-radius: 50%; text-align: center; text-indent: 1px; cursor: pointer; font-weight: 300;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.cPanelTitle .closeBtn:hover {background-color: #000000; color: #ffffff;}
.overPagination a{color: #959393; padding: 0 3px;}
.overPagination .prev, .overPagination .next, .overPagination .start, .overPagination a.active{color: #009edb;}

.playMoreBlock .title {text-transform: uppercase; margin-top: 10px;}
.playMoreBlock ul {display: flex; flex-wrap: wrap;}
.playMoreBlock ul li a {display: block; text-align: center; line-height: 140%; background-color: #f2f2f2; border: 1px solid #ececec; padding: 10px; margin: 1px;}
.playMoreBlock ul li img {max-width: 100px; display: inline-block;}
.playMoreBlock ul li .image-title {display: block; color: #000000; text-transform: uppercase; font-size: 11px; display: none;}
.playMoreBlock ul li {flex: 1 0 33%;}
.playMoreBlock ul li:first-child:nth-last-child(1),
.playMoreBlock ul li:first-child:nth-last-child(1)~li{flex: 1 0 100%;}
.playMoreBlock ul li:first-child:nth-last-child(2),
.playMoreBlock ul li:first-child:nth-last-child(2)~li{flex: 1 0 50%;}
.playMoreBlock ul li:first-child:nth-last-child(3),
.playMoreBlock ul li:first-child:nth-last-child(3)~li{flex: 1 0 33%;}
.playMoreBlock ul li:first-child:nth-last-child(4),
.playMoreBlock ul li:first-child:nth-last-child(4)~li{flex: 1 0 25%;}

.flatBtn{width: 100%; padding: 10px 15px 10px 55px; border: none; color: #fff; font-size: 16px; text-transform: uppercase; cursor: pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: relative;}
button.gray{background-color: #2f363c;}
button.blue{background-color: #009edb;}
button.green{background-color: #00ad68;}

.downloadBtn:after,.printBtn:after,.playBtn:after{content: ''; position: absolute; left: 15px; top: 8px; width: 25px; height: 25px; overflow: hidden; background: url(../images/icon-spriteIthuba.png) no-repeat 0px -480px;}
.downloadBtn:after{background-position: 0px -480px;}
.printBtn:after{background-position: -25px -480px;}
.playBtn:after{background-position: -50px -480px;}

/***********Success Error & Info PopUps end****************************/

/***********Withdrawal Page Start****************************************/
.withdrawalOuterWrap .articleHeader {font-size: 14px;}
.withdrawalDetailWrap > .blueBG .articleHeader {color: #ffffff; padding: 1px 15px; margin-bottom: 0;}
.modal-body .withdrawalDetailWrap > .blueBG .articleHeader{padding: 3px 15px; font-size: 16px;}
.withdrawalWrap {border: 1px solid #a4a4a4; padding: 15px 10px;}
.withdrawalWrap > div {float: left; padding: 0 10px;}
.withdrawalDetailWrap .rowDetail {margin: 1px 0; padding: 8px 15px;}
.withdrawalDetailWrap .rowDetail .title {width: 50%; display: inline-block;}
.withdrawalWrap .linkBox .lightGreyBG {text-align: center; text-transform: uppercase;}
.withdrawalWrap .linkBox .subTitle {font-size: 12px; margin-top: 5px; margin-bottom: 0;}
.withdrawalWrap .linkBox .linkWrap {font-size: 12px; margin: 7px 0;}
.withdrawalFlexWrap {display: flex; border: 1px solid #a4a4a4; padding: 15px 10px;}
.withdrawalFlexWrap .formWrap, .withdrawalFlexWrap .extraInfo {padding: 0 10px;}
.withdrawalFlexWrap .formStyle, .withdrawalFlexWrap .formWrap, .withdrawalFlexWrap .fieldset {display: flex; flex-direction: column; flex: 1;}
.withdrawalFlexWrap  .w45.formStyle {flex: 0 0 45%;}
.withdrawalFlexWrap .w55.formStyle {flex: 0 0 55%;}
.withdrawalFlexWrap .w45.formStyle .formWrap {align-items: flex-end; flex-direction: row;}
.withdrawalFlexWrap .w45.formStyle .btnBlock button {font-weight: 500;}
.withdrawalDetailWrap .extraInfo {font-size: 12px; line-height: 18px;}
.withdrawalDetailWrap .w45.formStyle .formWrap fieldset {width: 100%;}
.withdrawalDetailWrap .w55.formStyle .formWrap fieldset button {font-size: 22px;}
.withdrawalDetailWrap .w55.formStyle .formWrap {margin-top: 15px;}
.withdrawalDetailWrap .formStyle .formWrap .btnBlock {margin-top: 30px;}
.withdrawalDetailWrap label {font-weight: 500;}
.withdrawalFlexWrap .w55.formStyle .rowDetail {margin-bottom: 10px;}
.withdrawalConfirmationPopup .buttonWrap{margin-top: 20px;}
.withdrawalWrap.declinedMsg > div{float:none;}
.withdrawalWrap.confirmationMsg .extraInfo {margin: 50px 15px 0;}
.withdrawalWrap.confirmationMsg .smsMSG {font-size: 12px; padding: 0 15px;}
.withdrawalWrap.confirmationMsg .dynaWrap {padding: 10px 15px; text-align: center;}
.withdrawalWrap.confirmationMsg .dynaWrap .slick-slider .slideWrap img {width: 120px; display: inline-block; margin-bottom: 4px; margin-top: 5px;}
.withdrawalWrap.confirmationMsg .dynaWrap .text .imgTitle {color: #555555;font-size: 10px; line-height: 12px;}
.withdrawalWrap.confirmationMsg .dynaWrap .text .imgDesc {font-size: 30px;line-height: 30px; font-weight: 700;}
.withdrawalWrap.confirmationMsg .dynaWrap .nextDrawwrap, .withdrawalWrap.confirmationMsg .dynaWrap .lastDrawwrap {display: none;}
.withdrawalWrap.confirmationMsg .dynaWrap .button1 {margin-left: -10px;}
.withdrawalWrap.confirmationMsg .dynaWrap .button1 button {font-size: 14px; min-height: 48px; margin-top: 5px;}
#bank-withdrawal-form #selectAccount {max-width: 189px;}
#bank-withdrawal-form .selectBWrap .selectBCap {width: auto;}
#atmWithdrawalMsg {
    font-size: 16px;
    font-size: calc(13.75px + (20 - 13.75) * ((100vw - 320px) / (1200 - 320)));
    text-align: center;
    line-height: 1.4;
}
#atmWithdrawalMsg p {margin-bottom: 10px;}
#atmWithdrawalMsg .highlight {color: #ef3242;}
/**********Withdrawal Page end***************************************/

/**********Transaction History Page start***************************************/
.transactionBlock .articleHeader {font-size: 14px;}
#transaction-details-form .select-style.date .input-group-addon{display: none;}
#transaction-details-form .select-style.date .custome_input{width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -moz-appearance: none; -webkit-appearance: none; color: #6a6a6a; font-size: 15px;}
#transaction-details-form > fieldset > .fl + .fl{margin-left: 15px;}
#transaction-details-form .buttonWrap .btnBox {background-color: #f8dc19; color: #000000; line-height: 38px; padding: 0 20px; font-size: 14px; text-transform: uppercase; border-radius: 2px;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
#printTable.btn, #pdfTable.btn {background-color: transparent; background-repeat: no-repeat; background-position: center center; border: 1px solid transparent; color: #000; padding: 0; width: 36px; height: 36px; overflow: hidden; text-indent: -9000px; border-radius: 0; margin: 1px 5px; box-shadow: none; border-radius: 3px;}
#printTable.btn {background-image: url(../images/printIcon.png);}
#pdfTable.btn {background-image: url(../images/downloadIcon.png);}

.viewTicketInner .tableWrapper {border: 1px solid #a4a4a4; padding: 10px 15px;}
.viewTicketInner .tableWrapper .tRow {display: flex;}
.viewTicketInner .tableWrapper .tRow .tCell {flex: 1; text-align: center; padding: 3px 2px;}
.viewTicketInner .tableWrapper .tHead {background-color: #e8f1f8;}
.viewTicketInner .tableWrapper .tBody .labelTitle {display: none;}
.viewTicketInner > .title {padding: 0 15px; text-transform: uppercase; font-weight: 600;}
#view_ticket .modal-body > h4,
#view_ticket_error .modal-body > h4 { text-align: center; font-size: 16px; margin-top: 0;}
#view_ticket .buttonWrap.rePlay .buttonValue {padding: 0 20px; margin: 0; line-height: 34px; cursor: pointer; border: 1px solid transparent; background-color: #474747; color: #ffffff; border-color: #474747; display: inline-block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
#view_ticket .buttonWrap.rePlay {text-align: center; margin: 10px 0;}
#view_ticket .buttonWrap.rePlay .buttonValue:hover {background-color: transparent; color: #474747;}


#transaction-div .footable{margin: 10px 0; table-layout: auto;}
#transaction-div .footable thead {background-color: #069edb;color: #ffffff;text-transform: uppercase; border-left: 1px solid #069edb; border-right: 1px solid #069edb;}
#transaction-div .footable thead th {padding-top: 4px; padding-bottom: 4px; font-size: 14px; font-weight: 500; border: none;}
#transaction-div .footable tfoot td, 
#transaction-div .footable tfoot td:first-child, 
#transaction-div .footable tfoot td:last-child{text-align: center;}
#transaction-div .footable.phone tbody td, #transaction-div .footable.phone thead th {text-align: left !important;}
#transaction-div .footable.phone tbody tr td:first-child:before, #transaction-div .footable.phone tbody tr td:last-child:before{display:none;}
#transaction-div .footable.phone tbody > tr > td {position: relative;}
#transaction-div .footable.phone tbody > tr > td:after {content: '\f055'; font-family: FontAwesome; position: absolute; right: 10px;}
#transaction-div .footable.phone tbody > tr.footable-row-detail > td:after {content: none; display: none;}
#transaction-div .footable.phone tbody > tr.footable-detail-show > td:after {content: '\f056';}
#transaction-div .footable.phone .price {padding-left: 0;}
#transaction-div .footable.phone .price.negative{padding-left:5px;}

.footable tbody{border: 1px solid #a4a4a4;}
.footable tbody tr td {border: none;font-size: 12px;padding-top: 5px;padding-bottom: 5px;}
.footable thead tr th:first-child, .footable tbody tr td:first-child{padding-left:20px;}
.footable thead tr th:last-child, .footable tbody tr td:last-child{padding-right:20px;}
.footable tfoot tr td{border:none;}

.footable.default tbody tr:nth-child(odd) td, .footable.tablet tbody tr:nth-child(odd) td {background-color: #e8f1f8;}
.footable.phone tbody tr.footable-detail-show td {background-color: #e8f1f8; border-bottom: none;}
.footable.phone tbody tr td {border-bottom: 1px solid #a4a4a4;}
.footable.phone tbody:before, .footable.phone tbody:after, .footable.phone tbody tr td:before {content: none; display: none;}
.footable.phone thead tr th:first-child, .footable.phone tbody tr td:first-child {padding-left: 10px; padding-right: 10px;}
#transaction-div .footable.phone tbody tr.footable-row-detail td .footable-row-detail-inner > div:last-child .footable-row-detail-name {display: none;}
#transaction-div .footable.phone tbody tr.footable-row-detail td .footable-row-detail-inner .viewticketaction {width: 110px; text-align: center; margin: 0 auto; background-color: #000000; color: #ffffff; padding: 5px 0;}
.footable.phone tbody tr.footable-row-detail td .footable-row-detail-inner .footable-row-detail-name {font-size: 10px;}
.footable.phone tbody tr.footable-row-detail td .footable-row-detail-inner .footable-row-detail-value {font-size: 14px; margin-bottom: 10px;}

#transaction-div .footable .price {padding-left: 5px; position: relative;}
#transaction-div .footable .price.negative:before {content: ''; position: absolute; left: -2px; width: 4px; height: 1px; top: 50%; background-color: #000;}

.footable .viewticketaction {position: relative; z-index: 1; padding-right: 25px; text-transform: uppercase;font-size: 11px;}
.footable .viewticketaction:after {content: '\f01d'; font-family: FontAwesome; margin-left: 10px; font-size: 14px; line-height: 14px; color: #a3a1a2;}
.footable.phone .viewticketaction:after, .footable.phone .viewticketaction:before{content:none; display: none;}

.transactionHistory #transaction-details-form .form-group {max-width: 140px;}
.transactionHistory #transaction-details-form .filter.fl {margin: 0 !important;margin-right: 10px !important;}
/**********Transaction History Page end***************************************/

/**********Media Pages start******************************************/
.media-contentFlW{background-color: #454545; color: #fff; padding: 10px;}
.media-contentFlW > ul > li{width: 50%;	float: left;}
.media-contentFlW > ul > li > div{float: left;}
.media-contentFlW  div.flLbl{width:30%; padding-top: 8px;}
.media-contentFlW  div.flSelectCtrl{width:35%; padding:0px 10px;}
.media-contentFlW{margin-bottom: 20px;}

.media-contentW .yellowTitleBox{background-color: #f6d918; padding: 5px 10px; font-weight: 600;}
.media-contentW .listBox-body{padding: 25px 25px 0;}
.media-contentW .listBox-body ul.col3{margin: 0 -15px;}
.media-contentW .listBoxThumb{width: 100%; height: auto; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10;}
.media-contentW .listBoxThumb img{width: 100%;}
.media-contentW .listBox-body ul li{padding: 0 15px; float: left; margin-bottom: 30px;}
.media-contentW .listBox-body ul.pagination li{padding: 0;}
.media-contentW .listBox-body ul.col3 li{width: 33.33%;}
.media-contentW .listBox.minHeight300{min-height: 300px;}
.media-contentW .listBox{border: 1px solid #454545;	position: relative;}
.media-contentW .listBox main{padding: 20px;}
.media-contentW .listBox footer{padding: 5px 0; color: #fff; background-color: #000000; position: absolute; left: 0; right: 0; bottom: 0;}
.media-contentW .listBox footer a{color:inherit; text-align: center; display: block;}
.media-contentW li.featuredBox{width: 64.66%; float: left;}
.media-contentW li.popularBox{width: 32.66%; float: right;}
.media-contentW .listBoxTitle h4 {font-size: 16px; color: #000000; font-weight: 600; margin-bottom: 0; line-height: 20px;}
.media-contentW .featuredInnerBox .listBox,  .popularInnerBox .listBox{min-height: 320px;}
.media-contentW .featuredInnerBox{padding: 25px 0 25px 25px;}
.media-contentW .popularInnerBox{padding: 25px 25px 25px 0;}
.media-contentW .featuredInnerBox p{padding: 20px 0;}

.media-contentFlW .select-style{background-color: #f2f2f2; min-width: 100%;	border: transparent;}
.media-contentFlW .select-style select{color: #000000; padding: 6px 16px 5px 8px;}
.media-contentFlW  .flatBtn{padding: 7px 10px;}
.media-contentW .watchTime{position: absolute; right: 5px; bottom: 5px; height: 20px; line-height: 20px; color: #fff; background-color:rgba(0,0,0,0.60); font-size: 10px; text-align: center; border-radius: 2px; padding:0px 4px;}
.tvShowLink main{padding-bottom: 10px;}
.tvShowLink  .listBoxTitle{background-color: #f3f3f3; padding: 10px 25px;}
.tvShowLink:hover{text-decoration: none; color: #0e82dd;}
.tvShowLink .listBoxTitle h4,.tvShowLink{color: #0e82dd; text-transform: uppercase; font-weight: normal;}
.tvShowLink .listBoxTitle h4{text-transform: uppercase; font-size:15px; margin-top:0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tvShowLink .listBoxTitle small{color: #898989;	font-size: 10px;}
.mediaPageWrap .customDrawGridWrap {border: 1px solid #dfdfdf;}
.mediaPageWrap .customDrawGridWrap .customGridRow:nth-child(even) {background-color: #f8f8f8;}
.mediaPageWrap .panelHead{background-color: #dbdbdb; color: #000; padding: 15px 20px; margin-bottom: 20px;}
.mediaPageWrap .customGridHead {font-weight: 600; text-transform: uppercase;}
.mediaPageWrap .customGridHead, .customGridRow {display: flex;}
.mediaPageWrap .customGridRow {border-top: 1px solid #dfdfdf; color: #333333;}
.mediaPageWrap .customDrawGridWrap .mCellCap {display: none;}
.mediaPageWrap ul.customGridHead li,ul.customGridRow li{padding: 6px 8px; border-right: 1px solid #dfdfdf;}
.mediaPageWrap ul.customGridHead li:last-child, ul.customGridRow li:last-child{border-right: transparent;}
.mediaPageWrap .customDrawGridWrap .width15{width:15%;}
.mediaPageWrap .customDrawGridWrap .width30{width:30%;}
.mediaPageWrap .customDrawGridWrap .width40{width:40%;}

.media-contentW.blogPage .listBox-body ul.col3{display: flex; flex-wrap:wrap;}
.media-contentW.blogPage .listBox-body ul.col3 li {display: flex; width: 30%; flex: 1 0 auto; max-width: 33.34%;}
.media-contentW.blogPage .listBox-body ul.col3 li footer {position: static;}
.media-contentW.blogPage .listBox-body ul.col3 li .listBox {display: flex; flex-wrap: wrap;flex: 1;}
.media-contentW.blogPage .listBox-body ul.col3 li .listBox main, .media-contentW.blogPage .listBox-body ul.col3 li .listBox footer {width: 100%;}
.media-contentW.blogPage .listBox-body ul.col3 li .listBox footer {height: 30px; align-self: flex-end;}
.media-contentW.blogPage .mixedNewsW > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.media-contentW.blogPage .mixedNewsW > ul .popularBox, .media-contentW.blogPage .mixedNewsW > ul .featuredBox {display: flex;flex-direction: column; float:none;}
.media-contentW.blogPage .mixedNewsW > ul:after, .media-contentW.blogPage .mixedNewsW > ul:before {display: none; content: none;}
.media-contentW.blogPage .mixedNewsW > ul .popularBox > div, .media-contentW.blogPage .mixedNewsW > ul .featuredBox > div {width: 100%;}
.media-contentW.blogPage .mixedNewsW .yellowTitleBox {height: 30px;}
.media-contentW.blogPage .mixedNewsW footer {position: static; height: 30px; align-self: flex-end;}
.media-contentW.blogPage .mixedNewsW > ul .popularBox .popularInnerBox, .media-contentW.blogPage .mixedNewsW > ul .featuredBox .featuredInnerBox {display: flex; flex: 1 0 auto;}
.media-contentW.blogPage .mixedNewsW .listBox {display: flex; flex-wrap: wrap;flex: 1; min-height: initial;}
.media-contentW.blogPage .mixedNewsW .listBox main, .media-contentW.blogPage .mixedNewsW .listBox footer {width: 100%;}

.columnBlogWrap {margin-top: 50px;}
.columnBlogWrap > ul {display: flex;}
.columnBlogWrap.k2ItemsBlock > ul > li {flex: 1; font-size: 12px; line-height: 16px; display: flex; flex-direction: column; margin-bottom: 0;}
.columnBlogWrap > ul > li.clearList {display: none;}
.columnBlogWrap > ul > li + li {margin-left: 20px;}
.columnBlogWrap > ul > li .k2Image {width: 100%; margin: 0 0 2px;}
.columnBlogWrap > ul > li a.moduleItemTitle {background-color: transparent; padding: 0; font-size: 12px; line-height: 14px; font-weight: 600;}
.columnBlogWrap > ul > li .moduleItemDateCreated {display: block; font-size: 11px;}
.columnBlogWrap > ul > li .moduleItemIntrotext {margin-top: 10px;margin-bottom: 10px;}
.columnBlogWrap > ul > li .readMoreBtn {margin-top: auto; text-align: center;}
.columnBlogWrap > ul > li .readMoreBtn .moduleItemReadMore{width: 100%; display: inline-block; color: #ffffff; background-color: #000000; padding: 6px;border: 2px solid #000000;text-transform: capitalize;}

.shareSocialMedia{margin-bottom:10px;}
.shareSocialMedia li {display: inline-block; }
.shareSocialMedia li + li{margin-left:2px;}
.shareSocialMedia li a span {width: 126px; height: 33px; text-align: center; display: block; line-height: 33px; font-size: 12px; color: #ffffff;}
.shareSocialMedia li.facebook a span {background-color: #3b5997;}
.shareSocialMedia li.twitter a span {background-color: #54acec;}
.shareSocialMedia li.email a span {background-color: #7d7d7d;}
.shareSocialMedia li a span:before{font-family:FontAwesome; margin-right:15px}
.shareSocialMedia li.facebook a span:before {content:'\f09a';}
.shareSocialMedia li.twitter a span:before {content:'\f099';}
.shareSocialMedia li.email a span:before {content:'\f0e0';}
/**********Media Pages end******************************************/

/**********MEET THE PRESENTERS Page end******************************************/
.meetPresenterInnerWrap .presenterWrap > div {float: left;}
.meetPresenterInnerWrap .presenterWrap:after {content: ''; clear: both; display: block;}
.meetPresenterInnerWrap .presenterWrap > .figure {width: 193px;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail {width: calc(100% - 193px); padding-left: 30px;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary {padding-left: 17px; position: relative; margin-bottom: 10px;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary:after {position: absolute; content: ''; width: 6px; height: 100%; background-color: #f8db19; top: 0; left: 0;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary .presenterName {font-size: 18px; font-weight: 600; line-height: 22px;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary .presenterLang {color: #606060;}
.meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary .presenterName .age {font-size: 14px; font-weight: 500; margin-left: 5px; color: #606060;}
.meetPresenterInnerWrap .presenterWrap {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 6px solid #dfdfdf;}
.meetPresenterInnerWrap .presenterWrap:last-child {margin-bottom: 0;}
/**********MEET THE PRESENTERS Page end******************************************/

/**********FAQ Pages start******************************************/
.faqDetailWrap .accordionStyle1 .tableTitle {background-color: #cccccc; text-align: center; padding: 8px; font-size: 14px; line-height: 20px; font-weight: 600;}
.faqDetailWrap .accordionStyle1 table, .accordionStyle1 table td, .accordionStyle1 table th {border: none;}
.faqDetailWrap .accordionStyle1 table {border-bottom: 1px solid #dddddd;}
.faqDetailWrap .accordionStyle1.lotto table thead {background-color: #f8db19; color:#000000;}
.faqDetailWrap .accordionStyle1.powerball table thead {background-color: #069edb; color:#ffffff;}
.faqDetailWrap .accordionStyle1.dailylotto table thead {background-color: #ea2336; color:#ffffff;}
.faqDetailWrap .accordionStyle1.pick3 table thead {background-color: #ea2336; color:#ffffff;}
.faqDetailWrap .accordionStyle1.sportstake8 table thead,
.faqDetailWrap .accordionStyle1.sportstake13 table thead {background-color: #00ac69; color:#ffffff;}
.faqDetailWrap .accordionStyle1.raffle table thead {background-color: #642c83; color:#ffffff;}
.faqDetailWrap .accordionStyle1.rapido table thead {background-color: #231f5e; color:#ffffff;}
.faqDetailWrap .accordionStyle1.eaziwin table thead {background-color: #f68d2d; color:#ffffff;}
.faqDetailWrap .accordionStyle1 table th, .faqDetailWrap .accordionStyle1 table td {padding: 8px 5px;}
/**********FAQ Pages end******************************************/

/**********How To play Pages start******************************************/
.hTP-desc {margin: 35px 0; font-size: 13px;}
.hTP-desc strong {font-weight: 600; font-size: 14px;}
.hTP-desc .desc-cap {font-size: 16px; font-weight: 600;}

.hTPGameWrap button{padding: 10px;}
.hTP-panel{margin-bottom: 20px;}
ul.hTP-step{display: flex; flex-wrap: wrap;}
.stepText{font-size: 13px;}
.hTP-panel .hTP-panelHeading{padding:10px 15px; margin-bottom: 15px; font-weight: 600; font-size: 16px; color: #fff;}
.hTPlotto .hTP-panelHeading,.hTPlotto .stepCircle{background-color: #f8db19; color: #000;}
.hTP-powerball .hTP-panelHeading,.hTP-powerball .stepCircle{background-color: #11a0d4;}
.hTP-dailylotto .hTP-panelHeading,.hTP-dailylotto .stepCircle{background-color: #e02437;}
.hTP-pick3 .hTP-panelHeading,.hTP-pick3 .stepCircle{background-color: #e02437;}
.hTP-raffle .hTP-panelHeading,.hTP-raffle .stepCircle{background-color: #622b80;}
.hTP-rapido .hTP-panelHeading,.hTP-rapido .stepCircle{background-color: #201f5c;}
.hTP-sortstake13 .hTP-panelHeading,.hTP-sortstake13 .stepCircle,
.hTP-sortstake8 .hTP-panelHeading,.hTP-sortstake8 .stepCircle{background-color: #00ad68;}

.hTP-raffle .hTP-panel{margin:20px 0 40px;}
.hTP-step li{width: 33.33%; text-align: center; padding: 20px 10px;}
.stepCircle{position: relative; margin-bottom: 40px; width:150px; height:150px; border-radius: 50%; display: inline-block; line-height: 150px;}
.hTP-step li .stepNum{position: absolute; left: 0; bottom: 0; font-size: 44px; line-height: 44px; font-weight: 600; margin-left: -30px; color: #000;}
.hTP-panel .ticketImg img {display: inline; border: 1px solid #000000; margin: 0px; max-width: 242px; width:100%;}
.bulletList{list-style-type: disc; margin-left: 30px; font-size: 13px;}
.bulletList li + li{margin-top:8px;}

.margin-b50{margin-bottom: 50px;}

.hTPEaziWin .hTP-panelHeading{background-color: #f78d2d;}
.hTPEaziWin-title{color: #e89041; font-weight: 600; font-size: 20px; margin-bottom: 10px; text-align: center;}
.ew-gameListing li{width: 25%; float: left; height: 196px; margin-bottom: 8px; padding: 4px;}
.ew-gameListing li > img {cursor: pointer; max-width: 194px; width: 100%;}
.ew-gameListing a{display: block; text-align: center;}
.ew-gameListing p {padding-left: 15px; padding-top: 5px; margin-bottom: 15px;}
.ticketImgW > img + img {margin-left: 25px;}

.stepList{list-style-type: disc; margin-left: 20px;}
.stepList li+li{margin-top: 8px;}
.disclaimerTxt{font-size: 12px;}

.htPlay-innerWrap .fl{padding-left: 50px;}
.stepText{position: relative; margin-top: 10px;}
.stepNumber{position: absolute; left: -50px; top: -10px; font-size: 50px; font-weight: 600;}
.rptTable{width:100%;}
.rptTable,th,td{border:1px solid #f8ab62; border-collapse: collapse; padding:5px;}
.rptTable caption{font-size: 14px; text-align: center;}
.rptTable caption,.rptTable th, .rptTable tfoot td{background-color: #f68b27; color: #fff; padding:5px; font-weight: 600; font-size: 14px;}
.rptTable td{font-size: 12px;}
.ticketShowCase{margin-top: 15px;}
.hTPEaziWin .hTP-desc{margin: 20px 0;}
.pd-left15{padding-left: 15px;}
.hTPEaziWin a{color: #337ab7;}

.stepListWrap {padding: 0 15px;}
.stepListWrap .stepList { margin: 5px 0; display: flex;}
.stepListWrap .stepList .stepNo {min-width: 70px;}
.stepListWrap .stepList .stepDesc {word-break: break-word;}
.stepListWrap .stepList .stepDesc a {color: #f78d2d;}
.stepListWrap .stepList .stepDesc a:hover {text-decoration: underline;}
.stepsImgWrap {margin-top: 15px;}
.stepsImgWrap .ticketImg {text-align: center;}
/**********How To play Pages end******************************************/

/************* Result style start********************************/

.tableWrap .tableBody .tableRow .labelName {display: none;}
.tableWrap .tableRow {display: flex; width: 100%; align-items: center; padding: 4px 3px;}
.tableWrap .tableBody .tableRow:nth-child(odd) {background-color: #f2f2f2;}
.tableWrap .tableRow .col{flex:1; padding: 0 6px;}
.tableWrap .tableRow .inlineGroup > div {display: inline-block;}
.tableWrap .tableHead .tableRow {color: #8f8f8f;}
.tableWrap .tableHead .mobileImgWrap {text-align: center; padding: 8px; border-bottom: 1px solid #a6a6a6; display: none;}

.resultBalls .ballsList > .ball > .shape {cursor: default;}
.resultWrap > .gameWrap > .blockWrap + .blockWrap {margin-top: 10px;}
.resultWrap .resDetailView .block > .box .headerBox {padding: 15px;}
.resultWrap .resDetailView .block > .box .headerBox .titleHead {font-size: 16px; margin-bottom: 15px;}
.resultWrap .resDetailView .block > .box .headerBox .dateWrap, .resultWrap .resDetailView .block > .box .headerBox .numOrderText {font-size: 12px; margin-top: 4px;}
.resultWrap .resDetailView .block > .box .headerBox .innerHeaderBlock {display: inline-block; text-align: left;}
.resultWrap .resDetailView .block > .box .headerBox .fr {text-align: right; padding-right: 15px;}
.resultWrap .blockWrap.resMoreView .block > .box {padding: 25px 0;}
.resultWrap .blockWrap.resMoreView .block > .box > .fl {padding: 0 7px;}
.resultWrap .blockWrap.resMoreView .block > .box > .fr {padding: 0 15px;}
.resultWrap .blockWrap.resMoreView .tableWrap .tableRow .dataValue{color: #e2243d;}
.resultWrap .sportstake8 .blockWrap.resMoreView .tableWrap .tableRow .dataValue,
.resultWrap .sportstake13 .blockWrap.resMoreView .tableWrap .tableRow .dataValue {color: #000000;}

.resultWrap .gameWrap{text-transform: uppercase;}
.tableWrap.gameTable2 .col1, .tableWrap.gameTable2 .col3 {max-width: 216px; text-align: center;}
.tableWrap.gameTable2 .col2 {text-align: center;}
.tableWrap.gameTable2 .col2 .dataVal1, .tableWrap.gameTable3 .col .dataValue {color: #e2243d;}
.tableWrap.gameTable2 .tableHead .tableRow {color: #8f8f8f;}
.tableWrap.gameTable1 .tableRow {min-height: 50px;}
.tableWrap.gameTable1 .col {text-align: center;}
.tableWrap.gameTable1 .col.col1 {text-align: left;min-width: 210px;line-height: 18px;}
.tableWrap.gameTable1 .col4 {min-width: 320px;}
.tableWrap .col .colSubGroup {display: flex;}
.tableWrap .col .colSubGroup .col {flex: 1; text-align: center;}
/*
.resultWrap .gameWrap.dailylotto .tableWrap.gameTable1 .col4 {min-width: 210px;}
.dailylotto .tableWrap.gameTable2 .col3 {max-width: 500px; min-width: 300px;}
.dailylotto .tableWrap.gameTable2 .tableHead .col .colSubGroup {color: #e2243d;}
.dailylotto .tableWrap.gameTable2 .tableBody > .tableRow > .col {padding: 9px 0;}
*/
.resultWrap .gameWrap.pick3 .tableWrap.gameTable1 .col4 {min-width: 210px;}
.pick3 .tableWrap.gameTable2 .col3 {max-width: 500px; min-width: 300px;}
.pick3 .tableWrap.gameTable2 .tableHead .col .colSubGroup {color: #e2243d;}
.pick3 .tableWrap.gameTable2 .tableBody > .tableRow > .col {padding: 9px 0;}

.rapido .dateDrawSearchWrap {background-color: #21205c; color: #ffffff;display: flex;align-items: center;padding: 10px; margin-bottom: 15px;}
.rapido .dateDrawSearchWrap + .gameTable1 {margin-top: 8px;}
.rapido .dateDrawSearchWrap .input-group {position: relative;}
.rapido .dateDrawSearchWrap .input-group .input-group-addon {cursor: default; position: absolute;top: 0;right: 0;height: 100%;width: 31px;text-align: center;display: block;padding: 8px 8px 0;border: none;background-color: transparent;color: #ffffff;border-left: 1px solid #ffffff;}
.rapido .dateDrawSearchWrap .dateWrap > div, .rapido .dateDrawSearchWrap .drawNumberWrap > div {display: inline-block; vertical-align: middle;}
.rapido .dateDrawSearchWrap > div + div {margin-left: 15px;}
.rapido .dateDrawSearchWrap .buttonWrap {flex: 1; text-align: center; text-transform: uppercase; padding: 4px; cursor: pointer; font-weight: 600;}
.rapido .dateDrawSearchWrap .labelName {margin-right: 5px;}
.rapido .dateDrawSearchWrap .input-group input {background-color: transparent; border-radius: 0; border-color: #ffffff; color: #ffffff;max-width: 170px;cursor: pointer; position: relative; z-index: 1;}
.rapido .dateDrawSearchWrap .input-group.search input {padding-right: 38px;}
.rapido .dateDrawSearchWrap .buttonWrap.searchBtn {color: #000000; background-color: #ffffff;}
.rapido .dateDrawSearchWrap .buttonWrap.showAllBtn {background-color: #ef816a;}
.rapido .tableWrap.gameTable1 .col.col1, .rapido .tableWrap.gameTable1 .col.col2, .rapido .tableWrap.gameTable1 .col.col3, .rapido .tableWrap.gameTable1 .col.col4b {min-width: initial; max-width: 120px;}
.resultWrap .rapido .resDetailView .block > .box .headerBox .fr {display: flex; text-align: left;}
.resultWrap .rapido .resDetailView .block > .box .headerBox .fr > .subbox { margin-left: 15px;}
.rapido .tableWrap.gameTable2 .tableHead {background-color: #211f60;}
.rapido .tableWrap.gameTable2 .tableHead .tableRow .labelName {color: #ffffff; text-transform: none;}
.rapido .tableWrap.gameTable2 .tableHead .tableRow + .tableRow {font-size: 12px;}
.rapido .tableWrap.gameTable2  .tableRow .col{text-align: center; max-width: none; min-width: 0; flex: 1;}
.rapido .tableWrap.gameTable2 .col2 .dataVal1 {color: #000000;}
.rapido .tableWrap.gameTable2 .tableRow .col.colAll {text-align: left;padding: 0 10px;}
.rapido .tableWrap.gameTable2 .tableBody .tableRow .col {padding: 10px 6px;}
.resultWrap .rapido .blockWrap.resMoreView .block > .box > .fl .labelHead {text-transform: uppercase; color: #261d5e; font-weight: 600; margin-bottom: 10px; padding-left: 10px;}

.rapido .tableWrap.gameTable1 .tableHead .tableRow .labelName {font-size: 11px;}
.rapido .tableWrap.gameTable1 .tableHead .tableRow {align-items: flex-end;}
.rapido .tableWrap.gameTable1 .tableHead .tableRow .col4 > .labelName {font-size: 14px; color: #000000;}

.sportstake8 .headerBox .tableWrap.gameTable1 .col> div,
.sportstake13 .headerBox .tableWrap.gameTable1 .col> div {display: inline-block;}
.sportstake8 .headerBox .tableWrap.gameTable1 .col,
.sportstake13 .headerBox .tableWrap.gameTable1 .col {flex: none;}
.sportstake8 .headerBox .tableWrap.gameTable1 .tableRow,
.sportstake13 .headerBox .tableWrap.gameTable1 .tableRow {justify-content: space-between;}
.resultWrap .sportstake8 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
.block2-result .sportstake8 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
.resultWrap .sportstake13 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
.block2-result .sportstake13 .headerBox .tableWrap.gameTable1 .tableHead .tableRow{color: #000000; font-weight: 600;text-transform: none;}
.sportstake8 .tableWrap.gameTable2 .col,
.sportstake13 .tableWrap.gameTable2 .col {padding: 8px 6px;}
.sportstake8 .tableWrap.gameTable2 .col1, 
.sportstake8 .tableWrap.gameTable2 .col3,
.sportstake13 .tableWrap.gameTable2 .col1, 
.sportstake13 .tableWrap.gameTable2 .col3 {max-width: none;}
.sportstake8 .tableWrap.gameTable2 .col5,
.sportstake13 .tableWrap.gameTable2 .col5 {max-width: 105px;}
.sportstake8 .tableWrap.gameTable2 .col4,
.sportstake13 .tableWrap.gameTable2 .col4 {max-width: 80px; text-align: center;}
.sportstake8 .tableWrap.gameTable2 .col3,
.sportstake13 .tableWrap.gameTable2 .col3 {max-width: 200px;}
.sportstake8 .tableWrap.gameTable2 .col1, 
.sportstake8 .tableWrap.gameTable2 .col2,
.sportstake13 .tableWrap.gameTable2 .col1, 
.sportstake13 .tableWrap.gameTable2 .col2 {text-align: left;}
.sportstake8 .tableWrap.gameTable2 .col1 .sNo,
.sportstake13 .tableWrap.gameTable2 .col1 .sNo {width: 25px; display: inline-block; vertical-align: middle;}
.sportstake8 .tableWrap.gameTable2 .col1 .dataVal span + span,
.sportstake13 .tableWrap.gameTable2 .col1 .dataVal span + span {width: calc(100% - 25px); display: inline-block; word-wrap: break-word; vertical-align: middle;}
.sportstake8 .tableWrap.gameTable2 .col2 .dataVal1, 
.sportstake8 .tableWrap.gameTable3 .col .dataValue,
.sportstake13 .tableWrap.gameTable2 .col2 .dataVal1, 
.sportstake13 .tableWrap.gameTable3 .col .dataValue {color: #000000;}
.sportstake8 .resMoreView .titletableRow,
.sportstake13 .resMoreView .titletableRow {display: flex; justify-content: space-between; text-transform: none;}
.resultWrap .sportstake8 .blockWrap.resMoreView,
.resultWrap .sportstake13 .blockWrap.resMoreView {margin-top: 0; text-transform: none;}
.resultWrap .sportstake8 .resMoreView  .block > .box,
.resultWrap .sportstake13 .resMoreView  .block > .box {padding: 0;}
.resultWrap .sportstake8 .resMoreView .block > .box > .fl,
.resultWrap .sportstake13 .resMoreView .block > .box > .fl {padding: 0;}
.sportstake8 .resMoreView .tableWrap .tableBody .tableRow:nth-child(even),
.sportstake13 .resMoreView .tableWrap .tableBody .tableRow:nth-child(even) {background-color: #f2f2f2;}
.sportstake8 .resMoreView .tableWrap .tableBody .tableRow:nth-child(odd),
.sportstake13 .resMoreView .tableWrap .tableBody .tableRow:nth-child(odd) {background-color: transparent;}
.sportstake8 .resMoreView .tableWrap .tableBody .tableRow .col3,
.sportstake13 .resMoreView .tableWrap .tableBody .tableRow .col3 {text-align: right;}
.sportstake8 .resMoreView .tableWrap .tableBody .tableRow .col2,
.sportstake13 .resMoreView .tableWrap .tableBody .tableRow .col2 {text-align: center;}

.raffle .tableWrap.gameTable1 .col{padding: 8px 6px; text-align: center;}
.resultWrap .gameWrap.raffle .imgWrapper {border: none; padding: 0;}
.resultWrap .raffle .box .resTitle {text-align: center; font-size: 19px; text-transform: uppercase; margin: 10px 10px 30px;}
.resultWrap .raffle .box .raffleResult {margin-bottom:30px;}
.resultWrap .raffle .box .raffleResult > li {width:20%; float:left; text-align: center; padding: 8px 6px; background-color:#f2f2f2;}
.resultWrap .raffle .box .raffleResult:after{content:''; clear: both; display: block;}

.resultWrap .raffle .box .raffleResult > li:nth-child(10n+1),
.resultWrap .raffle .box .raffleResult > li:nth-child(10n+2),
.resultWrap .raffle .box .raffleResult > li:nth-child(10n+3),
.resultWrap .raffle .box .raffleResult > li:nth-child(10n+4),
.resultWrap .raffle .box .raffleResult > li:nth-child(10n+5){background-color: #ffffff;}

.resultBottomBanner.lotto {background-color: #f8db19; color: #000000;}
.resultBottomBanner.powerball {background-color: #069edb; color: #ffffff;}
.resultBottomBanner.dailylotto {background-color: #e52539; color: #ffffff;}
.resultBottomBanner.pick3 {background-color: #e52539; color: #ffffff;}
.resultBottomBanner.sportstake8 {background-color: #00ac69; color: #ffffff; background: #00ac69 url(../images/siteImg/sportsStakeBannerBg2.jpg) no-repeat left top; background-size: cover;}
.resultBottomBanner.sportstake13 {background-color: #00ac69; color: #ffffff; background: #00ac69 url(../images/siteImg/sportsStakeBannerBg.jpg) no-repeat left top; background-size: cover;}
.resultBottomBanner.dailyLotto {background-color: #fadc0a; color: #ffffff; background: #fadc0a url(../images/siteImg/dailyLottoBannerBg.jpg) no-repeat left top; background-size: 100% 100%;}
.resultBottomBanner.eaziwin {background-color: #f58d2c; color: #ffffff; background: #f58d2c url(../images/siteImg/eaziwinBannerBg.jpg) no-repeat left top; background-size: 100% 100%;}
.resultBottomBanner.rapido {background-color: #231f5e; color: #ffffff;}
.resultBottomBanner.raffle {background-color: #642c83; color: #ffffff;}
.resultBottomBanner {padding: 10px; margin-top: 30px;}
.resultBottomBanner .rb_BannerWrap {border: 2px solid #ffffff; padding: 15px 10px; display: flex; align-items: center; justify-content: space-between;}
.resultBottomBanner .imgWrap img {max-width: 180px; min-width: 120px; width: 100%; padding-right: 5px;}
.resultBottomBanner .buttonWrap button {font-size: 14px; min-height: 50px; margin-bottom: -2px; min-width: 130px;}
.resultBottomBanner .text .imgDesc {font-size: 30px; line-height: 30px; font-weight: 600;white-space: nowrap; text-transform: uppercase;}
.resultBottomBanner .text .imgTitle {text-transform: uppercase; font-size: 11px; line-height: 11px; text-align: center;}
.resultBottomBanner .nextDrawwrap {font-size: 12px;}
.resultBottomBanner .nextDrawwrap .title {margin-right: 5px;}
.resultBottomBanner.dailylotto .nextDrawwrap {font-size: 30px; line-height: 30px; text-transform: uppercase;}
.resultBottomBanner.dailylotto .text > div {display: inline-block; vertical-align: middle;}
.resultBottomBanner.dailylotto .text .imgTitle {margin-right: 10px;}
.resultBottomBanner.pick3 .nextDrawwrap {font-size: 30px; line-height: 30px; text-transform: uppercase;}
.resultBottomBanner.pick3 .text > div {display: inline-block; vertical-align: middle;}
.resultBottomBanner.pick3 .text .imgTitle {margin-right: 10px;}
.resultBottomBanner.rapido .text > div {display: inline-block; vertical-align: bottom;}
.resultBottomBanner.rapido .text .imgTitle {font-size: 18px; margin-bottom: 5px; margin-right: 5px; font-weight: 600;}
.resultBottomBanner.rapido .nextDrawwrap {text-transform: uppercase; font-size: 14px; margin-top: 5px;}
.resultBottomBanner.sportstake8 .text .imgDesc,
.resultBottomBanner.sportstake13 .text .imgDesc {text-transform: uppercase;}
.resultBottomBanner .nextDrawwrap > span {display: inline-block; white-space: nowrap;}

.gameWrap .transaction_details .form-group .labelName, .gameWrap .transaction_details .form-group .select-style {display: inline-block; vertical-align: middle;}
.gameWrap .transaction_details #transaction-details-form .form-group{margin:0;}
.gameWrap .transaction_details #transaction-details-form .form-group .select-style{background:none; border:none; border-radius:0; position:relative;}
.gameWrap .transaction_details #transaction-details-form .form-group .select-style.date .custome_input{background-color: transparent; border-radius: 0; border:1px solid #ffffff; color: inherit; max-width: 170px; position:relative; z-index:5; cursor:pointer;}
.gameWrap .transaction_details #transaction-details-form .form-group .labelName {margin-right: 5px;}
.gameWrap .transaction_details #transaction-details-form .form-group .select-style.date .input-group-addon {display: initial; cursor: default; position: absolute; top: 0; right: 0; height: 100%; width: 31px; text-align: center; display: block; padding: 8px 8px 0; border: none; background-color: transparent; color: inherit; border-left: 1px solid #ffffff; z-index:4;}
.gameWrap .transaction_details #transaction-details-form .buttonWrap .btnBox{text-align: center; text-transform: uppercase; padding: 4px; cursor: pointer; font-weight: 600; color: #000000; background-color: #ffffff; border-radius:0; line-height: 20px; min-width: 100px;}
.gameWrap .transaction_details #transaction-details-form .buttonWrap {vertical-align: middle; display: inline-block; margin: 3px 0 2px 15px !important;}
.gameWrap .transaction_details #transaction-details-form {padding: 10px; color:#ffffff; margin-bottom: 15px;}

.gameWrap.lotto .transaction_details #transaction-details-form {background-color:#f8db19; color:#000000;}
.gameWrap.powerball .transaction_details #transaction-details-form {background-color:#069edb; }
.gameWrap.dailylotto .transaction_details #transaction-details-form {background-color:#e52539; }
.gameWrap.pick3 .transaction_details #transaction-details-form {background-color:#e52539; }
.gameWrap.sportstake8 .transaction_details #transaction-details-form,
.gameWrap.sportstake13 .transaction_details #transaction-details-form {background-color:#00ac69;}
.gameWrap.lotto .transaction_details #transaction-details-form .form-group .select-style.date:hover .custome_input{color:#000000 !important;}

/************* Result style end********************************/

/************* saved numbers style start********************************/

.savedNumberWrap .gameWrap .block .boardDetail .boardName .desc {font-size: 16px;}
.savedNumberWrap .gameWrap .ticketWrap .boardRow > .boardName > .desc{font-size: 14px;}
.savedNumberWrap .gameWrap .blockWrap + .blockWrap {margin-top: 20px;}
.savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap .playNowBTN {float: left; margin-left: 0; margin-right: 0; width: calc(100% - 33px); text-align: center;}
.savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap:after{content:''; clear: both; display: block;}
.savedNumberWrap .gameWrap .boardRow.clearFix.paginationStyle1 > div {float: none;}

.savedNumberWrap .gameWrap.rapido .ticketWrap .boardRow > .actionWrap {width: calc(50% - 150px); float: right;}
.savedNumberWrap .gameWrap.rapido .ticketWrap .boardRow > .boardName {width: calc(50% - 280px); min-width: 52px;}

/************* saved numbers style end********************************/

/************ Extra Pages Start *******************************************/
ul.downloadLinkList li > a {color: #000000; padding: 12px 12px 12px 45px; display: table-cell; border: 2px solid #000000; border-radius: 4px;}
ul.downloadLinkList {display: table;border-spacing: 0px 5px;}
ul.downloadLinkList li {display: table-row;}
ul.downloadLinkList li > a:hover {background-color: #f8db19;}
ul.downloadLinkList a.xlsIcon {background: url(../images/siteImg/xlsIcon.png) no-repeat 5px center;}


.mobileMarketing {text-align: center;
    padding: 40px 20px;
    margin: -15px;
    background-color: #f9d938;}
.mobileMarketing h1, .mobileMarketing h3 {text-transform: uppercase; margin: 0; margin-top: 10px;}
.mobileMarketing .desc {margin-top: 30px;}
.mobileMarketing .desc img {display: inline-block; padding: 5px 10px; margin: auto; max-width: 360px; width: 100%;}
.mobileMarketing h1 {font-weight: 700;}
/************ Extra Pages End **************************************/

/************* Balls style start********************************/
.ballsList:empty {display: none;}
.ballsList{list-style:none;margin:0;padding:0; display: inline-block; vertical-align: middle; margin-top: 2px;}
.ballsList > .ball{float:left; position: relative; z-index: 0;}
.ballsList > .ball > .shape{display:block;width:35px;height:35px;text-align:center;background-color:#ddd;border-radius:50%;line-height:35px;font-weight:800;position:relative;margin:1px 2px 7px; cursor:pointer; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.ballsList > .ball > .shape > span{position:relative;z-index:10; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.ballsList > .ball > .shape:before{content:'';display:block;width:25px;height:21px;position:absolute;left:5px;top:7px;background-color:#fff;border-radius:13px/7px;}
.ballsList > .ball > .shape:after{content:'';display:block;width:26px;height:3px;position:absolute;top:100%;left:50%;margin-left:-13px;margin-top:-1px;background-color:#b9b9b9;border-radius:50%;z-index:-1;}
.ballsList:after{content:'';display:block;clear:both;}

.ballsList.lotto > .ball.ball01.active > .shape,
.ballsList.lotto > .ball.ball02.active > .shape,
.ballsList.lotto > .ball.ball03.active > .shape,
.ballsList.lotto > .ball.ball04.active > .shape,
.ballsList.lotto > .ball.ball05.active > .shape,
.ballsList.lotto > .ball.ball06.active > .shape,
.ballsList.lotto > .ball.ball07.active > .shape,
.ballsList.lotto > .ball.ball08.active > .shape,
.ballsList.lotto > .ball.ball09.active > .shape,
.ballsList.lotto > .ball.ball10.active > .shape,
.ballsList.lotto > .ball.ball11.active > .shape,
.ballsList.lotto > .ball.ball12.active > .shape,
.ballsList.lotto > .ball.ball13.active > .shape,
.ballsList > .ball.red > .shape {background-color: #b9282f;}

.ballsList.lotto > .ball.ball14.active > .shape,
.ballsList.lotto > .ball.ball15.active > .shape,
.ballsList.lotto > .ball.ball16.active > .shape,
.ballsList.lotto > .ball.ball17.active > .shape,
.ballsList.lotto > .ball.ball18.active > .shape,
.ballsList.lotto > .ball.ball19.active > .shape,
.ballsList.lotto > .ball.ball20.active > .shape,
.ballsList.lotto > .ball.ball21.active > .shape,
.ballsList.lotto > .ball.ball22.active > .shape,
.ballsList.lotto > .ball.ball23.active > .shape,
.ballsList.lotto > .ball.ball24.active > .shape,
.ballsList.lotto > .ball.ball25.active > .shape,
.ballsList.lotto > .ball.ball26.active > .shape,
.ballsList.pick3 > .ball.ball0.active > .shape,
.ballsList.pick3 > .ball.ball1.active > .shape,
.ballsList.pick3 > .ball.ball2.active > .shape,
.ballsList.pick3 > .ball.ball3.active > .shape,
.ballsList.pick3 > .ball.ball4.active > .shape,
.ballsList.pick3 > .ball.ball5.active > .shape,
.ballsList.pick3 > .ball.ball6.active > .shape,
.ballsList.pick3 > .ball.ball7.active > .shape,
.ballsList.pick3 > .ball.ball8.active > .shape,
.ballsList.pick3 > .ball.ball9.active > .shape,
.ballsList.pick3 > .ball.ballX.active > .shape,
.ballsList.dailylotto > .ball.active > .shape,
.ballsList > .ball.yellow > .shape {background-color: #fee818;}

.ballsList.lotto > .ball.ball27.active > .shape,
.ballsList.lotto > .ball.ball28.active > .shape,
.ballsList.lotto > .ball.ball29.active > .shape,
.ballsList.lotto > .ball.ball30.active > .shape,
.ballsList.lotto > .ball.ball31.active > .shape,
.ballsList.lotto > .ball.ball32.active > .shape,
.ballsList.lotto > .ball.ball33.active > .shape,
.ballsList.lotto > .ball.ball34.active > .shape,
.ballsList.lotto > .ball.ball35.active > .shape,
.ballsList.lotto > .ball.ball36.active > .shape,
.ballsList.lotto > .ball.ball37.active > .shape,
.ballsList.lotto > .ball.ball38.active > .shape,
.ballsList > .ball.green > .shape {background-color: #01ae43;}

.ballsList.lotto > .ball.ball39.active > .shape,
.ballsList.lotto > .ball.ball40.active > .shape,
.ballsList.lotto > .ball.ball41.active > .shape,
.ballsList.lotto > .ball.ball42.active > .shape,
.ballsList.lotto > .ball.ball43.active > .shape,
.ballsList.lotto > .ball.ball44.active > .shape,
.ballsList.lotto > .ball.ball45.active > .shape,
.ballsList.lotto > .ball.ball46.active > .shape,
.ballsList.lotto > .ball.ball47.active > .shape,
.ballsList.lotto > .ball.ball48.active > .shape,
.ballsList.lotto > .ball.ball49.active > .shape,
.ballsList.lotto > .ball.ball50.active > .shape,
.ballsList.lotto > .ball.ball51.active > .shape,
.ballsList.lotto > .ball.ball52.active > .shape,
.ballsList.powerballExtra > .ball.active > .shape,
.ballsList > .ball.blue > .shape {background-color: #3eb6e8;}

.ballsList.rapidoExtra > .ball > .shape,
.ballsList.rapido > .ball > .shape {color: #202249;}

.ballsList.rapido > .ball.active > .shape,
.ballsList > .ball.purple > .shape {background-color: #202249;}

.ballsList.rapidoExtra > .ball.active > .shape,
.ballsList > .ball.orange > .shape {background-color: #e05929; color: #e05929;}

.ballsList.powerball > .ball.active > .shape,
.ballsList > .ball.blueFont > .shape {color: #28a7df;}

/************* Balls style end********************************/



button.white{background-color: #fcfcfc;	color: #000000;}
.scrollup {border-radius: 50%;}

.ticketloader, #loadingImage {position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; display:none;}
.ticketloader .loaderwrap {color: #ffffff; text-align: center; padding: 15px;}
.ticketloader .loaderwrap > img {margin-bottom: 15px;}

/*********** Instant Win Games Start *********************************/

#gamePlayDiv.bodyWrapper.gameDetailsWrap .gameDetailsBgWrap .gamePlayArea-top, 
#gamePlayDiv.bodyWrapper.gameDetailsWrap .gameDetailsInnerWrap {display: none;}
#gamePlayDiv.bodyWrapper.gameDetailsWrap.fullScreeOn {width: 100%; height: 100%; margin: 0; padding: 0;}
.bodyWrapper.gameDetailsWrap {padding-bottom: 10px;}
.gameDetailsBgWrap .gamePlayArea{font-size: 0; line-height: 0; position: relative; z-index: 100;}
.gamePlayArea-top {display: none;}
.bannerTop .bannerWrap img {border-radius: 6px; width: 100%;}
.gameListing {display: flex; flex-wrap: wrap;}
.gameListing .grid-item {width: 33.33%; padding: 10px;}
.gameListing .grid-item .cellInnerWrap figure img {width: 160px; margin-right: 10px; flex: 0 0 160px; min-height: 160px;}
.gameListing .grid-item .cellInnerWrap figure {display: flex;}
.gameListing .grid-item .cellInnerWrap figure .gameName {color: #000000; font-size: 16px;}
.gameListing .grid-item .cellInnerWrap figure .gameDesc {color: #000000; font-size: 12px; line-height: 16px;}
.gameListing .grid-item .cellInnerWrap figure .gameDesc .winPrizeWrap {font-size: 11px; text-transform: uppercase; color: #f53900; margin-bottom: 3px;}
.gameListing .grid-item .cellInnerWrap figure .gameDesc .winPrizeWrap .currencyWrap {background-color: #fdff91; padding: 1px 4px; border-radius: 2px; border: 1px solid #ffee29; letter-spacing: 0.1em; font-size: 14px;}
.gameListing figcaption {margin: 0; position: relative; padding-bottom: 53px;}
.cell .cellInnerWrap{border: 1px solid #a6a6a6; box-shadow: none; padding: 10px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
/*.cell .cellInnerWrap > a {display: block; padding: 8px;}*/
.bannerTop {margin-bottom: 10px;}
/*.cell .cellInnerWrap:hover {background-color: #f68d2d;}*/
.cell .cellInnerWrap .buttonStyle1 {min-height: 45px; font-size: 14px; margin-top: 8px; position: absolute; left: 0; bottom: 0; min-width: 110px;}

#gamePlayDiv.bodyWrapper.gameDetailsWrap .gameDetailsBgWrap .quickLink {
    background-image: url(/templates/shaper_helix3/images/fullScreen-icon.png);
}
#gamePlayDiv.bodyWrapper.gameDetailsWrap.fullScreeOn .gameDetailsBgWrap .quickLink {
    background-image: url(/templates/shaper_helix3/images/reStore-icon.png);
}

.hTPEaziWin ul.nav-tabs > li, .ignoreUpperCase {
    text-transform: none;
}

/*********** Instant Win Games End *********************************/

/*- Mobile APP Download Steps Start-*/
.appReqW h3,.installStepWrap h3{text-transform: uppercase; font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.appReqW{border: 1px solid #d9d9d9; padding: 15px; border-radius: 2px; background-color: #e8e8e8; margin-bottom: 10px;}
.appReqW p{margin-bottom: 0px;}
.installStep{margin-bottom: 10px;}
.installStep img{max-width: 100%; margin-bottom: 15px; border: 1px solid #a6a6a6;}
.installStep ol{margin-top:5px;}
.installStep ol li+li{margin-top:10px;}
.aboutApp{border-top: 1px solid #d9d9d9; margin-top: 10px;}


/*--------Chatbot-----------*/
.ChatContainer-button.ChatContainer-buttonOpen {position: fixed; z-index: 10000; left: 50%; margin-left: 390px; margin-right: -40px; bottom: 0;}
.ChatContainer{position: fixed;z-index: 10000;background-color: rgba(0, 0, 0, 0.85);}
.ChatContainer-buttonClose {position: fixed; z-index: 10001;}

@media only screen and (max-width:768px){
    .installStep {margin-bottom: 30px;}
    .appReqW h3, .installStepWrap h3{font-size: 18px;}    
}
/*-- Mobile APP Download Steps End --*/


@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .footable tbody:before, .footable tbody:after{content:'';display: table-row;height:15px; box-shadow: 1px 0 0 #a4a4a4;}
    .footable thead tr th:first-child, .footable tbody tr td:first-child{position:relative;}
    .footable thead tr th:last-child, .footable tbody tr td:last-child{position:relative;}
    .footable tbody tr td:first-child:before{content:''; position:absolute; display:block; width:10px; height:100%; top:0; left:0; background-color:#ffffff;}
    .footable tbody tr td:last-child:before{content:''; position:absolute; display:block; width:10px; height:100%; top:0; right:0; background-color:#ffffff;}
}

@media only screen and (min-width:768px){
    .paccordion-Wrap {padding-right: 30px;}
    #sp-main-body > .container > .row {display: flex;}
    #sp-left + #sp-component .page-header{margin-left:-15px;}
    #sp-left {min-height: 300px; display: flex; padding-right: 2px;}
    #sp-left > div{flex: 1; display: flex;}
    #sp-left .sp-module {flex:1; display: flex; flex-direction: column;}
    #sp-left .sp-module .sp-module-content, #sp-left .sp-module .sp-module-content > .nav{flex: 1; display: flex; flex-direction: column;}
    #sp-left .sp-module ul >li.current >a, #sp-left .sp-module ul >li.current >a:hover, #sp-left .sp-module ul >li >a:hover{color: #000000; background-color: #ffffff;}
    #sp-left .sp-module .sp-module-content > .nav li > a > img {margin-left: 10px; margin-right: 15px; vertical-align: middle; max-width: 90px;}

    #sp-left .sp-module .sp-module-content > .nav li li > a {padding-left: 35px;}
    #sp-left .sp-module .sp-module-content > .nav li li a > img {max-width: 80px;}

    #player-profile-form  fieldset {padding: 0 20px 0 0;}
    #player-profile-form .form_item_holder{ padding-right: 120px;}
    .editALink{position: absolute; right: 0; top: 50%; width: 110px; font-size: 12px; transform: translateY(-50%); line-height: 14px; text-align: center;}

    .media-contentFlW > ul > li+li{padding-left: 20px;}	
    .media-contentFlW  div.flSelectCtrl:last-child{padding-right: 0;}
}

@media only screen and (min-width:992px){
    #sp-left + #sp-component{padding-left: 25px; padding-right: 15px;}
    #sp-left + #sp-component .page-header {margin-left: -25px; margin-right: 0;}
    #sp-left + #sp-component .page-header h2 {padding-left: 25px; padding-right: 15px;}

    #sp-featurerow1, #sp-bottom {padding-left: 15px; padding-right: 15px;}
    #sp-multipleslides {padding: 0 5px;}

    .pre-login div#sp-top3 {width: 58.33333333%;}
    .pre-login #sp-myaccountpos {width: 41.66666667%;}
}

@media only screen and (min-width:1200px){
    ul.nav-tabs > li > a:hover {background-color: #333333; color: #cecece;}

    .sp-megamenu-parent > li > .sp-dropdown {width: 100% !important; left:auto !important; right:0 !important;}
    .sp-megamenu-parent >li{position: static;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner > .sp-dropdown-items{display: none;}
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{border-top: 4px solid #000000;}
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module{margin:0; text-align: left;}
    .sp-megamenu-parent:hover > li.active{background-color: transparent;}
    .sp-megamenu-parent:hover > li.active > a > .image-title {color: #5a5a5a; font-weight: 500;}
    .sp-megamenu-parent:hover > li.active:hover, 
    .sp-megamenu-parent >li:hover {background-color: #f8dc19;}
    .sp-megamenu-parent:hover > li.active:hover > a > .image-title, 
    .sp-megamenu-parent > li:hover > a > .image-title{color:#ffffff; font-weight: 600;}

    .dropNavInner > .title {font-size: 18px; font-weight: 600;}
    .dropNavInner > .title > .subTitle {font-size: 13px;}
    .dropNavInner .subGroup {margin-top: 12px; text-transform: uppercase;}
    .dropNavInner .subGroup > ul {display: flex;}
    .dropNavInner .subGroup > ul > li {flex: 1;}
    .dropNavInner .subGroup > ul > li .title {display: block; line-height: 18px; font-size: 11px; padding-left: 10px; text-transform: none;}
    .dropNavInner .subGroup > ul > li img {display: block; margin-bottom: 8px; max-width: 130px;}
    .dropNavInner .subGroup > ul > li .title.new:after {
        content: 'new';
        background-color: #f68d2d;
        color: #e80013;
        padding: 2px 4px;
        line-height: 7px;
        font-size: 7px;
        font-weight: 400;
        text-transform: uppercase;
        margin-left: 5px;
        border-radius: 2px;
        letter-spacing: 0.1em;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        animation:blinkingNew 1.2s infinite;
    }
    @keyframes blinkingNew{
        0%{		color: #e80013;}
        35%{	color: #000000;}
        70%{	color: #e80013;}
        100%{	color: #e80013;}
    }
    .dropNavInner a {color: #000000;}
    .dropNavInner a:hover {color: #069edb !important;}
    .dropNavInner .displayBox {border: 1px solid #adadad; padding: 3px; display: inline-block; vertical-align: middle; margin-left: 48px;}
    .dropNavInner.aboutusNav .subGroup {display: inline-block; vertical-align: middle; margin-left: 10px;}
    .dropNavInner.aboutusNav .subGroup img {/*width: 110px;*/ margin-bottom: 20px;}
    .dropNavInner.aboutusNav .subGroup li + li{margin-left: 8px;}
    .dropNavInner.aboutusNav .iw1, .dropNavInner.aboutusNav .iw2 {padding-top: 21px; padding-bottom: 23px;}  
    .dropNavInner.aboutusNav .iw2, .dropNavInner.aboutusNav .iw3{ margin-left: 28px; padding-left: 28px; border-left: 1px solid #adadad;}
    .dropNavInner.aboutusNav .groupWrap {margin-top: 20px;}
    .dropNavInner.aboutusNav .subGroup li .title {display: none;}
    .dropNavInner.mediaNav .itemWrap, .dropNavInner.contactsNav .itemWrap, .dropNavInner.myWalletNav .itemWrap, .dropNavInner.myTicketNav .itemWrap, .dropNavInner.myProfileNav .itemWrap{margin-left: 48px; padding-left: 48px; position: relative;}
    .dropNavInner.mediaNav .itemWrap:before, .dropNavInner.contactsNav .itemWrap:before, .dropNavInner.myWalletNav .itemWrap:before, .dropNavInner.myTicketNav .itemWrap:before, .dropNavInner.myProfileNav .itemWrap:before{content:''; width:1px; height:86px; margin-top: -43px; position: absolute; top:50%; left:0; display:block; background-color: #adadad;}
    .dropNavInner.mediaNav .itemWrap:first-child, .dropNavInner.contactsNav .itemWrap:first-child, .dropNavInner.myWalletNav .itemWrap:first-child, .dropNavInner.myTicketNav .itemWrap:first-child, .dropNavInner.myProfileNav .itemWrap:first-child {margin-left: 0; padding-left: 0; border-left: none;}
    .dropNavInner.mediaNav .itemWrap:first-child:before, .dropNavInner.contactsNav .itemWrap:first-child:before, .dropNavInner.myWalletNav .itemWrap:first-child:before, .dropNavInner.myTicketNav .itemWrap:first-child:before, .dropNavInner.myProfileNav .itemWrap:first-child:before{display: none;}
    .dropNavInner.contactsNav .itemWrap{margin-left: 36px; padding-left: 36px;}
    .dropNavInner.contactsNav .displayBox{margin-left: 36px;}
    .dropNavInner.contactsNav .itemWrap a, .dropNavInner.contactsNav .itemWrap .name {display: inline-block; vertical-align: middle; line-height: 20px;}
    .contactInfoWrap {background-color: #dfdfdf; padding: 3px 10px 5px;}
    .contactInfoWrap .lineWrap > div {display: inline-block; font-size: 12px;}
    .contactInfoWrap > .title {text-transform: uppercase;}
    .contactInfoWrap .lineWrap > .heading {font-weight: 600;}
    .dropNavInner.aboutusNav .groupWrap > .itemWrap, .dropNavInner.mediaNav .groupWrap > .itemWrap, .dropNavInner.contactsNav .groupWrap > .itemWrap {display: inline-block; vertical-align: middle;}
    .dropNavInner.mediaNav .iw2 .displayBox {max-width: 230px;}
    .dropNavInner.myWalletNav .groupWrap, .dropNavInner.myTicketNav .groupWrap, .dropNavInner.myProfileNav .groupWrap {display: flex; justify-content: center;}

    #sp-footer1 .navigationRow1 + .sp-module {min-height: 171px;}
    #sp-footer1 {padding: 0; position: relative; z-index: 1;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li {position: static;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li > .dropNavWrap {position: absolute; width: 100%; height: 171px; background-color: #1a1300; left: 0; border: 2px solid #333333; border-radius: 2px; padding: 15px; /*display: none;*/ z-index: -110;-webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li:hover > .dropNavWrap { z-index: 110;}
    #sp-footer1 .nav.menu > li:hover > a {color: #f8db19;}
    #sp-footer1 .dropNavWrap .dropNavInner > .title {display: none;}
    #sp-footer1 .dropNavInner .subGroup > ul > li .title {line-height: 18px;}

    #sp-footer1 .navigationRow1 ul.nav.menu > li > .dropNavWrap > .dropNavInner {opacity: 0; visibility: hidden; transition: opacity 800ms, visibility 800ms;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li:hover > .dropNavWrap > .dropNavInner {opacity: 1; visibility: visible;}
    #sp-footer1 .dropNavInner.aboutusNav .subGroup img {margin-bottom: 5px;}
    #sp-footer1 .dropNavInner.aboutusNav .iw2, #sp-footer1 .dropNavInner.aboutusNav .iw3 {margin-left: 10px; padding-left: 10px;}
    #sp-footer1 .dropNavInner.aboutusNav .iw1, #sp-footer1 .dropNavInner.aboutusNav .iw2 {padding-top: 11px; padding-bottom: 13px;}
    #sp-footer1 .dropNavInner.mediaNav .iw2, #sp-footer1 .dropNavInner.mediaNav .iw3 {margin-left: 35px; padding-left: 35px;}
    #sp-footer1 .dropNavInner .displayBox {margin-left: 35px;}
    #sp-footer1 .dropNavInner .subGroup {margin-top: 0;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li > .dropNavWrap {display: flex; align-items: center; justify-content: center;}
    #sp-footer1 .navigationRow1 ul.nav.menu > li > .dropNavWrap .dropNavInner {width: 100%;}
    #sp-footer a {color: #a8a7a3;}
    #sp-footer1 .dropNavInner.mediaNav .itemWrap:before, #sp-footer1 .dropNavInner.contactsNav .itemWrap:before, #sp-footer1 .dropNavInner.myWalletNav .itemWrap:before, #sp-footer1 .dropNavInner.myTicketNav .itemWrap:before, #sp-footer1 .dropNavInner.myProfileNav .itemWrap:before {background-color: #4c4733; height: 48px; margin-top: -24px;}
    #sp-footer a, #sp-footer .itemWrap {color: #a8a7a3;}
    #sp-footer1 .dropNavInner.mediaNav .itemWrap:before, #sp-footer1 .dropNavInner.contactsNav .itemWrap:before, #sp-footer1 .dropNavInner.myWalletNav .itemWrap:before, #sp-footer1 .dropNavInner.myTicketNav .itemWrap:before, #sp-footer1 .dropNavInner.myProfileNav .itemWrap:before {background-color: #4c4733; height: 48px; margin-top: -24px;}
    #sp-footer1 .contactInfoWrap {background-color: #5d5d5d; color: #ffffff;}
    #sp-footer1 .contactInfoWrap > .title {font-weight: 600; text-transform: none; font-size: 13px; margin-bottom: 6px;}
    #sp-footer1 .contactInfoWrap .lineWrap > .heading {font-weight: 400;}
    #sp-footer1 .contactInfoWrap .lineWrap {line-height: 22px;}
    #sp-footer1 .dropNavInner .subGroup > ul > li img{max-width: 122px;}
/*    #sp-footer1 .dropNavInner.aboutusNav .subGroup img{width:90px;}*/
    #sp-footer1 .dropNavInner.contactsNav .itemWrap{margin-left: 18px; padding-left: 18px;}
    #sp-footer1 .dropNavInner.contactsNav .displayBox{margin-left: 18px;}

    .body-wrapper{padding: 0 50px;}
    #offcanvas-toggler{display: none;}
    .modal-lg {width: 1060px;}
    .hTPGameWrap button {padding: 10px 40px;}
    #printTable.btn:hover, #pdfTable.btn:hover {border-color: #000;}
    .footable .viewticketaction:hover {color: #a3a1a2;}
    #transaction-details-form .buttonWrap .btnBox:hover {background-color: #ee3342; color: #ffffff;}

    .media-contentFlW .flatBtn:hover {background-color: #f8db19;}

    .gameWrap .gamePlay .block .box2 > .buttonWrap.resetBtn .buttonValue:hover {background-color: #ffffff; color: #474747;}
    .gameWrap.lotto .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover,
    .gameWrap .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #000000; background-color: #ffffff;}
    .gameWrap.powerball .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #069edb;}
    .gameWrap.dailylotto .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #e52539;}
    .gameWrap.pick3 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #e52539;}
    .gameWrap.sportstake8 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover,
    .gameWrap.sportstake13 .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #00ac69;}
    .gameWrap.rapido .gamePlay .block .box2 > .buttonWrap.selectBtn .buttonValue:hover {color: #231f5e;}

    /*--roll over--*/
    .buttonStyle1:hover, .slick-slide .slideWrap .button1 button:hover{background-color:#e82547; border-color:#e82547; border-image: url(../images/siteImg/fancyBtn_hover.png) 0 12 14 25 stretch; -webkit-border-image: url(../images/siteImg/fancyBtn_hover.png) 0 12 14 25 stretch;}
    .buttonStyle1:hover:before, .slick-slide .slideWrap .button1 button:hover:before{background-image: url(../images/siteImg/fancyBtnGlow_hover.png);}
    .buttonStyle2:hover{background-color: #e52539;}
    .buttonStyle3:hover{background-color: #00a56a;}
    #sp-multipleslides .slick-slide .slideWrap .button2 button:hover{background-color: #333333; color:#ffffff}
    #sp-multipleslides .slick-slide.lotto .slideWrap .button2 button:hover, #sp-multipleslides .slick-slide.lottoplus1 .slideWrap .button2 button:hover, #sp-multipleslides .slick-slide.lottoplus2 .slideWrap .button2 button:hover {background-color: #f8db19; color:#000000;}
    #sp-multipleslides .slick-slide.powerball .slideWrap .button2 button:hover, #sp-multipleslides .slick-slide.powerballplus .slideWrap .button2 button:hover {background-color: #069edb; color: #ffffff;}
    #sp-multipleslides .slick-slide.dailylotto .slideWrap .button2 button:hover {background-color: #e52539; color: #ffffff;}
    #sp-multipleslides .slick-slide.pick3 .slideWrap .button2 button:hover {background-color: #e52539; color: #ffffff;}
    #sp-multipleslides .slick-slide.sportstake8 .slideWrap .button2 button:hover,
    #sp-multipleslides .slick-slide.sportstake13 .slideWrap .button2 button:hover {background-color: #00ac69; color: #ffffff;}
    #sp-multipleslides .slick-slide.rapido .slideWrap .button2 button:hover {background-color: #231f5e; color: #ffffff;}
    #sp-multipleslides .slick-slide.raffle .slideWrap .button2 button:hover {background-color: #642c83; color: #ffffff;}
    #sp-multipleslides .slick-slide.eaziwin .slideWrap .button2 button:hover {background-color: #f68d2d; color: #ffffff;}

    .homeBlog .k2ItemsBlock ul li .readMoreBtn a:hover {border-color: #000; background-color: #000; color: #fff;}

    .gameWrap.raffle .gamePlay .gameArea .buttonWrap .buttonValue:hover {color: #642c83; background-color: #f7d345;}
    .gameWrap.raffle .gamePlay .gameArea .game .roundBTN:hover {background-color: #642c83; color: #ffffff; background: #774493; background: -moz-linear-gradient(-45deg, #8e5ca9 0%, #442363 100%); background: -webkit-linear-gradient(-45deg, #8e5ca9 0%,#442363 100%); background: linear-gradient(135deg, #8e5ca9 0%,#442363 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e5ca9', endColorstr='#442363',GradientType=1 );}

    .ballsList.lotto > .ball.ball01:hover > .shape,
    .ballsList.lotto > .ball.ball02:hover > .shape,
    .ballsList.lotto > .ball.ball03:hover > .shape,
    .ballsList.lotto > .ball.ball04:hover > .shape,
    .ballsList.lotto > .ball.ball05:hover > .shape,
    .ballsList.lotto > .ball.ball06:hover > .shape,
    .ballsList.lotto > .ball.ball07:hover > .shape,
    .ballsList.lotto > .ball.ball08:hover > .shape,
    .ballsList.lotto > .ball.ball09:hover > .shape,
    .ballsList.lotto > .ball.ball10:hover > .shape,
    .ballsList.lotto > .ball.ball11:hover > .shape,
    .ballsList.lotto > .ball.ball12:hover > .shape,
    .ballsList.lotto > .ball.ball13:hover > .shape,
    .ballsList > .ball.red:hover > .shape {background-color: #b9282f;}

    .ballsList.lotto > .ball.ball14:hover > .shape,
    .ballsList.lotto > .ball.ball15:hover > .shape,
    .ballsList.lotto > .ball.ball16:hover > .shape,
    .ballsList.lotto > .ball.ball17:hover > .shape,
    .ballsList.lotto > .ball.ball18:hover > .shape,
    .ballsList.lotto > .ball.ball19:hover > .shape,
    .ballsList.lotto > .ball.ball20:hover > .shape,
    .ballsList.lotto > .ball.ball21:hover > .shape,
    .ballsList.lotto > .ball.ball22:hover > .shape,
    .ballsList.lotto > .ball.ball23:hover > .shape,
    .ballsList.lotto > .ball.ball24:hover > .shape,
    .ballsList.lotto > .ball.ball25:hover > .shape,
    .ballsList.lotto > .ball.ball26:hover > .shape,
    .ballsList.pick3 > .ball.ball0:hover > .shape,
    .ballsList.pick3 > .ball.ball1:hover > .shape,
    .ballsList.pick3 > .ball.ball2:hover > .shape,
    .ballsList.pick3 > .ball.ball3:hover > .shape,
    .ballsList.pick3 > .ball.ball4:hover > .shape,
    .ballsList.pick3 > .ball.ball5:hover > .shape,
    .ballsList.pick3 > .ball.ball6:hover > .shape,
    .ballsList.pick3 > .ball.ball7:hover > .shape,
    .ballsList.pick3 > .ball.ball8:hover > .shape,
    .ballsList.pick3 > .ball.ball9:hover > .shape,
    .ballsList.pick3 > .ball.ballX:hover > .shape,
    .ballsList.dailylotto > .ball:hover > .shape,
    .ballsList > .ball.yellow:hover > .shape {background-color: #fee818;}

    

    .ballsList.lotto > .ball.ball27:hover > .shape,
    .ballsList.lotto > .ball.ball28:hover > .shape,
    .ballsList.lotto > .ball.ball29:hover > .shape,
    .ballsList.lotto > .ball.ball30:hover > .shape,
    .ballsList.lotto > .ball.ball31:hover > .shape,
    .ballsList.lotto > .ball.ball32:hover > .shape,
    .ballsList.lotto > .ball.ball33:hover > .shape,
    .ballsList.lotto > .ball.ball34:hover > .shape,
    .ballsList.lotto > .ball.ball35:hover > .shape,
    .ballsList.lotto > .ball.ball36:hover > .shape,
    .ballsList.lotto > .ball.ball37:hover > .shape,
    .ballsList.lotto > .ball.ball38:hover > .shape,
    .ballsList > .ball.green:hover > .shape {background-color: #01ae43;}

    .ballsList.lotto > .ball.ball39:hover > .shape,
    .ballsList.lotto > .ball.ball40:hover > .shape,
    .ballsList.lotto > .ball.ball41:hover > .shape,
    .ballsList.lotto > .ball.ball42:hover > .shape,
    .ballsList.lotto > .ball.ball43:hover > .shape,
    .ballsList.lotto > .ball.ball44:hover > .shape,
    .ballsList.lotto > .ball.ball45:hover > .shape,
    .ballsList.lotto > .ball.ball46:hover > .shape,
    .ballsList.lotto > .ball.ball47:hover > .shape,
    .ballsList.lotto > .ball.ball48:hover > .shape,
    .ballsList.lotto > .ball.ball49:hover > .shape,
    .ballsList.lotto > .ball.ball50:hover > .shape,
    .ballsList.lotto > .ball.ball51:hover > .shape,
    .ballsList.lotto > .ball.ball52:hover > .shape,
    .ballsList.powerballExtra > .ball:hover > .shape,
    .ballsList > .ball.blue:hover > .shape {background-color: #3eb6e8;}

    .ballsList.rapido > .ball:hover > .shape,
    .ballsList > .ball.purple:hover > .shape {background-color: #202249;}

    .ballsList.rapidoExtra > .ball:hover > .shape,
    .ballsList > .ball.orange:hover > .shape {background-color: #e05929; color: #e05929;}

    .ballsList.powerball > .ball:hover > .shape,
    .ballsList > .ball.blueFont:hover > .shape {color: #28a7df;}

    .gameWrap.sportstake8 .block .box .headerBox .buttonWrap .buttonValue:hover,
    .gameWrap.sportstake13 .block .box .headerBox .buttonWrap .buttonValue:hover {background-color: #00ac69; color: #ffffff;}
    .gameWrap.sportstake8 .block .box .headerBox .buttonWrap .buttonValue.active:hover,
    .gameWrap.sportstake13 .block .box .headerBox .buttonWrap .buttonValue.active:hover {background-color: #000000;}
    .gameWrap.powerball .block .box .headerBox .buttonWrap .buttonValue:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #c0e6f6 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #c0e6f6 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #c0e6f6 0%,#FFFFFF 100%);
    }
    .gameWrap.dailylotto .block .box .headerBox .buttonWrap .buttonValue:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #f8c7cc 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f8c7cc 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #f8c7cc 0%,#FFFFFF 100%);
    }
    .gameWrap.pick3 .block .box .headerBox .buttonWrap .buttonValue:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #f8c7cc 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f8c7cc 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #f8c7cc 0%,#FFFFFF 100%);
    }
    .gameWrap.lotto .block .box .headerBox .buttonWrap .buttonValue:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #fdf6c4 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #fdf6c4 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #fdf6c4 0%,#ffffff 100%);
    }
    .gameWrap.rapido .block .box .headerBox .buttonWrap .buttonValue:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #c6c5d5 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #c6c5d5 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #c6c5d5 0%,#ffffff 100%);
    }
    .gameWrap.sportstake8 .game .gameRow .checkGroup input[type='checkbox']:hover + label,
    .gameWrap.sportstake13 .game .gameRow .checkGroup input[type='checkbox']:hover + label {background-color: #1c1c1c; color: #ffffff; border-color: #1c1c1c;}

    .columnBlogWrap > ul > li .moduleItemReadMore:hover{background-color: transparent; color:#000000;}

    #sp-footer1 .dropNavWrap .dropNavInner.aboutusNav, #sp-footer1 .dropNavWrap .dropNavInner.mediaNav, #sp-footer1 .dropNavWrap .dropNavInner.contactsNav {text-align: center;}
    #sp-footer1 .dropNavWrap .dropNavInner.aboutusNav > .groupWrap, #sp-footer1 .dropNavWrap .dropNavInner.mediaNav > .groupWrap, #sp-footer1 .dropNavWrap .dropNavInner.contactsNav > .groupWrap{text-align: left; display: inline-block;}
}

@media only screen and (min-width:1281px){
    ::-moz-selection{background-color: transparent;}
    ::selection{background-color: transparent;}
}

@media only screen and (min-width:992px) and (max-width:1280px){
    #sp-bottom > .container > .row {display: flex;}
    #sp-bottom > .container > .row > .col-md-4, #sp-bottom > .container > .row > .col-md-4 > .sp-column, #sp-bottom > .container > .row .sp-module, #sp-bottom > .container > .row .sp-module-content, #sp-bottom > .container > .row .sp-module .custom {display: flex; width: 100%;}
    #sp-bottom > .container > .row .sp-module .custom > div {width: 100%;}

    #sp-bottom2 .bottom2 img{max-width: 130px}
    #sp-bottom2 .bottom2{padding: 8px 5px 0 0px;}
    .bottom3 button.hollowButton {width: 125px;font-size: 14px;padding: 6px 0;}
    .bottom3 img {max-width: 120px;}
}

@media only screen and (max-width:1280px){
    .footerDynBlockWrap .gameListWrap > ul > li img {max-width: 110px;}
    #sp-footer1 .dropNavInner .subGroup > ul > li img {max-width: 106px;}
    /*#sp-footer1 .dropNavInner.aboutusNav .subGroup img {width: 85px;}*/

    ul.nav-tabs > li > a{min-width: 140px;}
    #sp-slider .mainSlider .slick-slide .slideWrap .contentWrap{top: 90px;}
    .dropNavInner.mediaNav .itemWrap, .dropNavInner.contactsNav .itemWrap, .dropNavInner.myWalletNav .itemWrap, .dropNavInner.myTicketNav .itemWrap, .dropNavInner.myProfileNav .itemWrap{margin-left: 18px; padding-left: 18px;}
    .dropNavInner .displayBox{margin-left: 28px;}
    .dropNavInner.aboutusNav .subGroup li + li {margin-left: 8px;}
    .dropNavInner.aboutusNav .iw2 {margin-left: 28px; padding-left: 28px;}
    .gameWrap .ticketWrap .box2 .detailWrap .summary {margin: 4px 0;}
    #sp-bottom2 h3{font-size: 18px;}

    .gameWrap.rapido .block .rightPart .partWrap {width: 100%;}
    .gameWrap.rapido .block .rightPart .partWrap:after {content: ''; display: block; clear: both;}
    .gameWrap.rapido .block .rightPart .checkAreaWrap {width: 50%; float: left; margin: 0; padding: 0 5px;}
    .gameWrap.rapido .block .rightPart .checkAreaWrap .label {white-space: normal;height: 30px;display: block;text-align: left;line-height: 14px;}
    .gameWrap.rapido .block .rightPart .checkAreaWrap + .checkAreaWrap {margin: 0;}
    .appSectionInnerWrap .details {padding-right: 0; position: relative; z-index: 10;}
    .appSectionInnerWrap .details p {padding-right: 104px;}

/*  .findRetailerSearchBlock .formStyle .formElements .formGroup label {display: block; margin-bottom: 5px;}*/
    .findRetailerSearchBlock .formStyle {display: flex; align-items: center;}
/*  .findRetailerSearchBlock .formStyle .formElements {flex: 1;}*/

    #sp-myaccountpos .sp-module + .sp-module {margin-left: 20px;}
    #sp-myaccountpos .nav > li + li {margin-left: 25px;}

    .dropNavInner.aboutusNav .groupWrap{text-align: center!important; margin-top:0;}
    /*.dropNavInner.aboutusNav .iw3 {margin: 0; padding: 0; display: block; width: 100%; border: none; margin-top: 10px;}*/
    #sp-footer1 .dropNavInner.mediaNav .iw2, #sp-footer1 .dropNavInner.mediaNav .iw3 {margin-left: 20px; padding-left: 20px;}
    #sp-footer1 .dropNavInner.contactsNav .itemWrap{margin-left: 10px; padding-left: 10px;}
    #sp-footer1 .dropNavInner.contactsNav .displayBox{margin-left: 10px;}

    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 button {font-size: 14px;}

    .tableWrap .tableHead .mobileImgWrap{display: block;}
    .tableWrap .tableHead .mobileImgWrap + .tableRow .col.col1 .imgWrap {display: none;}

    .resultWrap .gameWrap.lotto .tableWrap.gameTable1 .col3, 
    .resultWrap .gameWrap.powerball .tableWrap.gameTable1 .col3, 
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable1 .col3,
    .resultWrap .gameWrap.pick3 .tableWrap.gameTable1 .col3,
    .resultWrap .gameWrap.rapido .tableWrap.gameTable1 .col3 {display: none;}

    .pendingDrawsWrapper .accordionStyle1 .iconRight .panel-title {padding-left: 10px; padding-right: 28px;}

    .resultBottomBanner .nextDrawwrap > span{display: block;}
    .gamePlaySlider .slideWrap .contentWrap .text .imgDesc{font-size: 16px;}
}

@media only screen and (max-width:1199px){
    #sp-header .logo img {margin-bottom: 13px; margin-top: 4px;}
    #sp-multipleslides .slick-slide .slideWrap .imgDesc {font-size: 26px;}
    #sp-myaccountpos .socialMediaTopMod{display: none;}
    #sp-myaccountpos .nav > li + li {margin-left: 50px;}
    .sp-megamenu-parent{display: none;}
    #sp-left .sp-module .sp-module-content > .nav li li a > img{margin-right: 5px;}

    .body-innerwrapper .outsideNav {right: 57px; width: 280px; height: 35px; top: 34px !important; display: flex; z-index: 1000; align-items: stretch; justify-content: flex-end;}
    .body-innerwrapper .outsideNav .chatNavWrap{order: -1; border:none;}
    .body-innerwrapper .outsideNav .chatNavWrap .chatNavBTN{display: flex; align-items: center; border: 1px solid #000000; border-radius: 4px; margin: 0 8px; padding: 2px 8px 0;}
    .body-innerwrapper .outsideNav .cartNavWrap {display: flex; align-items: center; margin-bottom: 0; margin: 0 8px;  padding: 0 10px; border-radius: 4px;}
    .body-innerwrapper .outsideNav .chatNavWrap img {max-height: 30px;}
    .body-innerwrapper .outsideNav .cartNavWrap img {max-height: 21px;}
    .body-innerwrapper .outsideNav .cartNavWrap .value {margin-top: 0;}
    .body-innerwrapper .outsideNav > a {display: flex;}
    .chatNavWrap .chatBoxWrap {top: 50px; left: -140px; width: 400px; height: 450px;}
    .media-contentW .listBox main {padding: 5px;}

    #sp-footer1 .navigationRow1 + .sp-module, #sp-footer1 .navigationRow1 {display: none;}
    #sp-footer{padding: 20px 0;}
    #sp-header{max-width: none !important;}
    .body-innerwrapper{overflow-x: hidden;}
    .slick-slider.slick-vertical .subImage > .slideWrap .imgAnchor{min-height: 60px;}
    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .text > div{display: block;}
    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 button {font-size: 12px; min-height: 50px;}
    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 {top: -57px;}
    .slick-slider.slick-vertical .subImage > .slideWrap img {margin-top: 5px;}
    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .nextDrawwrap{top: -80px;}
    .extraSliderWrap .slideWrap .contentWrap .button1{top: -50px;}

    .gameWrap .header{font-size: 16px;}
    .gameWrap .blockWrap .title > small {display: none;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow .boardName .label {display: none;}

    .pendingDrawsWrapper .accordionStyle1 .iconRight .panel-title {padding-left: 15px; padding-right: 40px;}
    .pendingDrawsWrapper .accordionStyle1 .iconRight .panel-title > .labelWrap.lnumWrap {display: none;}

    .gameListing .grid-item{width: 50%;}

    .ChatContainer-button.ChatContainer-buttonOpen {position: fixed; z-index: 100; left: auto; right: 5px; margin-left: 0; margin-right: 0; bottom: 10px;}    
    #sp-footer4 {padding-bottom: 100px;}
}

@media only screen and (max-width:991px){
    //.flatBtn.printBtn {display: none;}
    .modal-dialog{margin-top:40px;}
    #sp-slider .mainSlider .slick-slide .slideWrap .contentWrap{top: 70px;}
    #sp-slider .mainSlider .slick-slide .slideWrap .contentWrap .text{margin-bottom: 5px;}
    #sp-slider .mainSlider .slick-slide .slideWrap .contentWrap{padding-bottom: 16px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span {height: 36px; line-height: 36px; font-size: 18px; margin-top: 5px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span:before {font-size: 14px;}

    .mobileLoginWrap .label {display: inline-block !important; margin: 0 !important; text-align: inherit; font-size: 100%;font-weight: inherit;  padding: 0; line-height: 100%;}
    .mobileLoginWrap .loginAreaWrap {float: left; text-align: left;}
    .mobileLoginWrap .topUpAreaWrap {float: right; text-align: right;}
    .mobileLoginWrap:after { content: ''; clear: both; display: block;}
    .post-login #sp-my-account-bar{min-height: 51px; padding: 8px 0 4px;}
    #sp-top3 {width: 100%;}
    .mobileLoginWrap .loginAreaWrap .login, .mobileLoginWrap .topUpAreaWrap .currency {color: #f9da18;}
    .mobileLoginWrap .loginAreaWrap .userName, .mobileLoginWrap .topUpAreaWrap > .currency { margin-left: 10px !important;}
    .post-login .basicLoginWrap {display: none;}
    .post-login .mobileLoginWrap {display: block;}
    .appSectionWrap h3{text-align: left; width:66%;}

    .customMessageBoxWrap{text-align: center;}
    .cPanelTitle{padding: 15px 70px;}
    .cPanelTitle:before{width: 80px; height: 80px; left: -10px; top: -15px;}
    #sp-left{display: none;}
    #sp-component{width:100%;}
    #sp-bottom1, #sp-bottom2, #sp-bottom3 {margin-bottom: 30px;}   
    ul.nav-tabs > li > a {padding: 4px 10px; min-width: 0;}
    .titleIcon {font-size: 18px;} 
    .formStyle .select-style select {padding-left: 6px;}
    .formStyle .formControl{padding: 6px;}

    .modal-dialog{width:calc(100% - 20px);}
    #tv_shows_display .videoPopWrap > .closeBtn {right: -10px; font-size: 16px; top: -10px; background-color: #000000; padding: 5px 8px 3px 7px; border-radius: 50%; z-index: 99; border: 10px solid transparent; background-clip: padding-box;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span {width: 42px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .button1 {padding-left: 5px;}
    .gameWrap .header{font-size: 18px;}
    #sp-left + #sp-component .page-header {margin-left: 0;}
    #sp-left + #sp-component .page-header h2 {padding-left: 15px;}

    #sp-component .fullPage .leftComponent {width: 100%; padding-right: 0;}
    #sp-component .fullPage .rightComponent {width: 100%; padding-left: 0; margin-top: 30px;}
    #sp-component .fullPage .leftComponent .page-header {margin-right: 0;}
    #sp-component .fullPage .rightComponent .page-header {margin-left: 0;}

    #cartSlider{display: none;}
    #sp-myaccountpos .myAccountNav{display:none;}
    #sp-myaccountpos {height: 0; position: relative; min-height: 0; padding: 0; margin: 0; width: 100%;}    
    #sp-myaccountpos .sp-module.messageIconBox {position: absolute; top: -110px; z-index: 1000; right: 150px; margin: 0;}
    #sp-myaccountpos .sp-module.messageIconBox .custommessageIconBox {border: 1px solid #cccccc; padding: 6px 8px; border-radius: 5px;}
    #sp-myaccountpos .sp-module.messageIconBox .messageIconWrap.unread:after {border-color: #ffffff;}

    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 button {font-size: 11px; min-height: 48px;}
    .slick-slider.slick-vertical .subImage > .slideWrap > .contentWrap .button1 {top: -52px;}
    .extraSliderWrap .slick-slider{display:none;}
    .extraBannerWrapper > .row > div:first-child {width: 100%;}
    .extraBannerWrapper > .row > div:first-child .drawExtrainfo {margin: 0 auto;}
    .slick-slider.slick-vertical {margin: 20px;}
    .verticalSliderWrap > .title, .titleVS{padding: 15px 20px 0;}
    .actionBtnW li + li{margin-top: 4px;}
    .ticketImg{margin-bottom: 10px;}

    .withdrawalDetailWrap .rowDetail {padding: 8px;}
    .withdrawalDetailWrap .rowDetail > span {width: 50%; display: inline-block; vertical-align: middle; padding: 0 8px; word-wrap: break-word; float: left;}
    .withdrawalDetailWrap .rowDetail:after {content: ''; clear: both; display: block;}
    .withdrawalDetailWrap .rowDetail > span:first-child:last-child {width: 100%;}
}

@media only screen and (min-width:991px) and (max-width:1199px){
    .resultBottomBanner .rb_BannerWrap > div{flex:0 1 auto;}
    .resultBottomBanner .rb_BannerWrap > .imgWrap {max-width: 170px;}
}
@media only screen and (max-width:799px){
    #sp-slider .mainSlider{display: none;}
    #sp-slider .mainMobileSlider{display: block;}

    .resultWrap .gameWrap.lotto .tableWrap.gameTable1 .col2, 
    .resultWrap .gameWrap.powerball .tableWrap.gameTable1 .col2, 
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable1 .col2,
    .resultWrap .gameWrap.pick3 .tableWrap.gameTable1 .col2 {max-width: 105px; }
    .resultWrap .gameWrap.lotto .tableWrap.gameTable1 .col1, 
    .resultWrap .gameWrap.powerball .tableWrap.gameTable1 .col1, 
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable1 .col1, 
    .resultWrap .gameWrap.pick3 .tableWrap.gameTable1 .col.col1 {min-width: 0;word-break: break-word;}

    .gameWrap .ticketWrap .boardRow .boardName > .desc + .label {display: none;}
}

@media only screen and (min-width:768px) and (max-width:991px){
    #sp-multipleslides .slick-slide .slideWrap .imgDesc {font-size: 20px;}
    #sp-multipleslides .slick-slide .slideWrap img {width: 140px;}
    #sp-multipleslides .slick-slide .slideWrap .text {margin-top: 65px;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer {min-height: 60px;height: auto;padding-bottom: 14px;margin-top: 10px;transform: translateY(-50%);}
    #sp-multipleslides .slick-slide .slideWrap .button1 {transform: translateY(-50%); margin-top: 10px; padding-left: 5px;}
    #sp-multipleslides .slick-slide .slideWrap .button1 button{font-size: 14px; line-height: 14px; min-height: 56px; margin-top: 5px;}
    #sp-multipleslides .slick-slide .slideWrap .lastDrawwrap {bottom: 65px; width: 100%; text-align: center; left: 0;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer .title ~ span {width: 30px; min-height: 34px; margin: 0; padding-top: 3px;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer .title ~ span:before {margin-bottom: 3px;}
    .slick-slide .slideWrap .button1 button:after{width: 120%; margin-left: 0; left: 0; right: 0;}    
}

@media only screen and (max-width:767px){
    .body-innerwrapper .outsideNav .chatNavWrap{position: static;}
    .chatNavWrap .chatBoxWrap {position: fixed; top: 0; left: 0; border-radius: 0; width: 100%; height: 100%;}
    #sp-my-account-bar{padding: 11px 0 2px;}
    .mobileLoginWrap .label {display: block !important;}
    .mobileLoginWrap .loginAreaWrap .userName, .mobileLoginWrap .topUpAreaWrap .currency {font-size: 11px; margin-top: 4px !important; margin-left: 0 !important;}
    .cPanelTitle{padding: 15px; font-size: 16px; line-height: 20px;}
    .cPanelTitle:before, .cPanelWrap.small .cPanelTitle:before{width: 42px; height: 42px; left: 50%; margin-left: -21px; top: -28px; border-radius: 50%; border: 3px solid #ffffff;margin-top: 0;}
    .resultBottomBanner, .slick-slider.slick-vertical, .vsSliderWrap, .verticalSliderWrap{display: none;}
    
    #sp-myaccountpos .sp-module.messageIconBox {top: -103px;}

    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer {width: 100%; text-align: center; float: none;}
    #sp-slider .slick-slide .slideWrap .contentWrap .button1 {width: 100%; text-align: center; float: none; order: 3;margin-left: -8px;}
    #sp-slider .slick-slide .slideWrap .contentWrap {display: flex;flex-direction: column;}
    #sp-slider .slick-slide .slideWrap .contentWrap {max-width: 240px; top: 60px; left: 28px; width: 50%; padding-bottom: 16px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .text {margin-bottom: 5px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .imgTitle{font-size: 12px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .imgTitle {font-size: 12px; line-height: 14px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc {font-size: 18px;}

    .formStyle .lcPanel{width:100%;}
    .formStyle .lbPanel{ margin-top:20px; width:100%;}
    .formStyle .loginBTNWrap {padding: 0;}
    .formStyle .formWrap.border .panelHead{padding: 15px;}
    .formStyle .formWrap.border fieldset{padding: 0;}
    .formStyle .loginBTNWrap .registerLink { float: right;}
    .formStyle .loginBTNWrap .forgetLink {float: left;}

    .formStyle .imgW100{display: none;}
    #home_forgot .formStyle .loginBTNWrap button,
    #reset-pin-poup .formStyle .loginBTNWrap button{margin-bottom: 0;}
    #home_login_popup .formWrap .lbPanel.fr, 
    #home_forgot .formWrap .lbPanel.fr,
    #amend_mobile_no .formWrap .lbPanel.fr,
    #reset-pin-poup .formWrap .lbPanel.fr,
    #amend_Otp .formWrap .lbPanel.fr{margin-top: 0;}

    .formStyle .formWrap.otpWrap .lcPanel,.contact-formWrap .lcPanel  {width: 100%;}
    .formStyle .formWrap.otpWrap .lbPanel,.contact-formWrap .lbPanel  {width: 100%;}
    .formStyle .formWrap.contact-formWrap fieldset,.formWrap.otpWrap fieldset{padding: 20px 0 0 0;}
    .formStyle .selectExpiryWrap  .selectCapW{flex: 0 0 100%;}
    .formStyle .helpTipModal{width: 250px; right:0;}
    .formStyle .helpTipTitle, .formStyle .helpTipDesc {padding: 10px 5px;}

    .eft-instTxt {padding: 15px 20px 15px 20px;}
    .dEftWrap .fr.selectCtrl{float: left;}    
    .ew-gameListing{text-align: center;}
    .ew-gameListing li {width:196px; display:inline-block; float:none; margin-bottom: 5px;}
    .ticketImgW > img + img {margin-left: 0;}
    .htPlay-wrap .fl,
    .htWin-wrap .fl,.htWin-wrap .fr{width: 100%;}
    .htWin-innerWrap .rptTable{float: left;}
    .ticketImgW{text-align: center;}
    .stepNumber{left: -40px; font-size: 40px;}
    .stepList{margin-top: 0;}
    .disclaimerTxt {margin-top: 20px;}
    .formWrap .lcPanel, .formWrap .lbPanel{width: 100%;}
    .amendFields .form_item_holder{text-align: right;}
    .editALink {display: inline-block;font-size: 12px;     padding: 2px 5px;}
    .showData-wrap .showData-ct,.showData-wrap .showData-cd{padding-left: 15px;}
    .paccordion-Wrap .selectBWrap .selectBCap {width: 100%;}
    .paccordion-Wrap .panel-title{font-size: 14px;}
    .actionBtnW {margin: 40px 0;}
    .flatBtn{font-size: 14px; padding: 10px 10px 10px 40px;}
    .downloadBtn:after, .printBtn:after, .playBtn:after{left:8px;}
    .cPanelBody{padding: 10px;}
    #sp-cart-lower-banner{display: none;}
    .complianceWrap img {margin: 0 2px;}
    .sp-module .tab-content{min-height: 50px;}

    #transaction-details-form > fieldset > .fl {margin: 0 8px !important;}
    .viewTicketInner .tableWrapper .tHead {display: none;}
    .viewTicketInner .tableWrapper .tBody .labelTitle {display: inline-block; text-align: left; min-width: 150px;}
    .viewTicketInner .tableWrapper .tBody .tRow {display: block;}
    .viewTicketInner .tableWrapper .tBody .cellValue {display: inline-block;}
    .viewTicketInner .tableWrapper .tRow .tCell {flex: none; text-align: left;}

    .eftBanksDetailWrap .grid {flex-wrap: wrap;}
    .eftBanksDetailWrap .grid .boxWrap {flex-basis: 50%; margin-bottom: 30px;}

    .transactionHistory #transaction-details-form .form-group {margin-bottom: 0;}
    .printPDFWrap.pull-right {display: block; width: 100%; margin-top: 0; float: none !important; margin-bottom: 10px;}
    .printPDFWrap.pull-right:before {content: ''; height: 1px; width: 100%; display: inline-block;}
    .transactionHistory #transaction-details-form .buttonWrap {display: block;float: none;text-align: left !important;max-width: none !important;}
    .transactionHistory #transaction-details-form .buttonWrap .btnStyle1 {display: inline-block;}
    .transactionHistory #transaction-details-form .buttonWrap:before {content: '';width: 100%;height: 1px;display: inline-block;}
    .transactionHistory #transaction-details-form .buttonWrap .btnStyle1 .btnBox{width:140px; text-align:center;}

    /*****media page start*******/
    .media-contentFlW > ul > li+li{padding-left: 0;}
    .media-contentFlW > ul > li {width: 100%; float: none; max-width: 170px;}
    .media-contentW .featuredInnerBox,.popularInnerBox,	.listBox-body{padding: 15px 0 15px 0;}
    .media-contentW li.featuredBox, .media-contentW li.popularBox,.listBox-body ul.col3 li {width: 100%;}
    .media-contentW.blogPage .listBox-body ul.col3 li{width:100%;max-width: 100%;}
    .media-contentW .popularInnerBox {padding: 25px 0 0;}
    .media-contentW .listBox-body {padding: 25px 10px 0;}

    .media-contentW .listBoxThumb{background-size: initial;}
    .media-contentFlW > ul > li div {margin-bottom:5px;}
    .media-contentFlW > ul > li > div {width: 100% !important;}
    .media-contentFlW div.flLbl{padding-top: 0;}
    .media-contentFlW div.flSelectCtrl{padding: 0 0;}
    .mediaPageWrap .customGridHead{display: none;}
    .mediaPageWrap .customDrawGridWrap .mCellCap{display: block; text-transform: uppercase; font-size: 11px; line-height: 14px;}
    .mediaPageWrap .customGridRow{flex-wrap: wrap;	border: 1px solid #dfdfdf; background-color: #f8f8f8;}
    .mediaPageWrap .customGridRow + .customGridRow {margin-top: 30px;}

    .mediaPageWrap .customGridRow li {width: 100% !important; border-right: transparent !important; text-align: center; padding: 10px;}
    .mediaPageWrap .customGridRow li + li {border-top: 1px solid #dfdfdf;}
    .mediaPageWrap .customDrawGridWrap{border: none;}
    .mediaPageWrap .cellData {font-size: 14px;}
    .mediaPageWrap .channelIcon{text-align: center; background-color: #f9f9f9;}
    .mediaPageWrap .channelIcon .img-responsive{display: inline-block;}
    .media-contentW .listBox-body ul li{padding: 0 5px; margin-bottom: 10px;}
    .tvShowLink .listBoxTitle{padding: 5px;}
    .tvShowLink .listBoxTitle h4{font-size: 14px;}
    #tv_shows_display .videoPopWrap .detailWrap {padding: 10px;}
    #tv_shows_display .videoPopWrap .detailWrap .videoTitle {font-size: 18px; margin-bottom: 15px;}
    #tv_shows_display .videoPopWrap .detailWrap .ownerText .ownerWrap {font-size: 14px;margin-bottom:0;}
    /*****media page end*******/

    .stepCircle {    margin-bottom: 20px;}
    .hTP-step li {width: 100%;}   

    .socialMediaIcon {justify-content: center;}
    #sp-footer3 {text-align: center; padding-top: 20px;}
    .titleIcon {font-size: 16px; padding-left: 42px; line-height: 22px; padding-top: 10px; padding-bottom: 15px;}
    .bottom3 img {margin-bottom: 10px;}

    .extraBannerWrapper, .gamePlaySlider, .moduletablecolumnBlogWrap, #topUpFormBlock .extraInfo{display:none;}

    .findRetailerDetailWrap .contentWrap {flex-direction: column;}
    .findRetailerDetailWrap .contentWrap .groupWrap + .groupWrap {margin-left: 0; text-align: left; margin-top: 15px; padding-top: 15px; margin-bottom: 10px; border-top: 1px solid #dfdfdf;}
    .findRetailerDetailWrap .contentLinkWrap {margin-top: 15px;}
    .findRetailerDetailWrap .contentLinkWrap button.btnGray {width: auto; padding: 5px 15px;}
    .findRetailerSearchBlock .formStyle {flex-direction: column; align-items: flex-start;}
    .findRetailerSearchBlock .formStyle .formElements .formGroup {margin-bottom: 8px;}
    .findRetailerSearchBlock .formStyle .formElements .formGroup label {display: block; margin-bottom: 5px;}
    .findRetailerSearchBlock .formStyle .buttonWrap{margin-left: 0;}

    #sp-multipleslides .slick-slide .slideWrap .gameTimer {width: 100%; position: static;height: auto; padding: 10px 0; margin-top: 10px;}
    #sp-multipleslides .slick-slide .slideWrap .button1 {width: 100%; position: static;  order: 2; margin-top: 8px; margin-bottom: 0;padding: 0;}
    #sp-multipleslides .slick-slide .slideWrap .button1 button{min-height: 54px;font-size: 16px;}
    #sp-multipleslides .slick-slide .slideWrap .contentWrap { display: flex; flex-direction: column; position: static; padding-bottom: 12px;}
    #sp-multipleslides .slick-slide .slideWrap .button2 button {position: static;}
    #sp-multipleslides .slick-slide .slideWrap .button2 {order: 10;}
    #sp-multipleslides .slick-slide .slideWrap .lastDrawwrap {position: static; order: 5; margin-bottom: 3px; font-size: 11px;}
    #sp-multipleslides .slick-slide .slideWrap .text {margin-top: 10px;}
    #sp-multipleslides .slick-slide .slideWrap .imgDesc{ font-size: 18px; line-height: 18px;}
    #sp-multipleslides .slick-slide .slideWrap img{max-width: 80%;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer .title ~ span {width: 42px; min-height: 34px; line-height: 18px; font-size: 16px; padding-top: 4px;}

    #sp-footer1 .navigationRow2 .nav.menu > li > a{border: 1px solid #29210b; margin: 0 6px 6px 0; border-radius: 5px;}
    #sp-footer1 .navigationRow2 .nav.menu {text-align: left;}
    #sp-footer1 .navigationRow1 {display: block;}
    #sp-footer1 .navigationRow1 .sp-module-content {display: none;}
    #sp-footer1 .navigationRow1 .sp-module-title {margin-bottom: 10px;}
    #sp-footer1 .navigationRow1 .sp-module-title:before {content: 'Other ';}

    .boardRow .qp{margin-top: 10px;}
    .gameWrap .header {font-size: 16px;}
    .gameWrap .header .buttonCustom{font-size: 11px;}
    .gameWrap .block .box .headerBox {display: flex; flex-direction: column;}
    .gameWrap .block .box .headerBox .buttonWrap {margin-left: 0; margin-top: 10px;}
    .gameWrap .block .box .headerBox .buttonWrap.dropCase {order: 2;}
    .gameWrap .block .box .headerBox > .imgWrap, .gameWrap .ticketWrap .box1 .headerBox > .drawcounter {flex-basis: auto;}
    .gameWrap .ticketWrap .box1 .headerBox .sliderWrap {margin: 15px 0;}
    .gameWrap.sportstake8 .gameArea .game .gameRow .col2, 
    .gameWrap.sportstake8 .gameArea .game .gameRow .col3, 
    .gameWrap.sportstake8 .gameArea .game .gameRow .col4,
    .gameWrap.sportstake13 .gameArea .game .gameRow .col2, 
    .gameWrap.sportstake13 .gameArea .game .gameRow .col3, 
    .gameWrap.sportstake13 .gameArea .game .gameRow .col4{flex-basis: 80px;}
    .gameWrap.pick3 .ticketWrap .boardRow > .boardName .betAmountDesc, .gameWrap.pick3 .ticketWrap .boardRow > .actionWrap .betTypeDesc {float: none; display: block;}
    .gameWrap.pick3 .ticketWrap .boardRow .selectedNumsWrap {width: 200px;}
    .gameWrap.pick3 .ticketWrap .boardRow > .boardName, .gameWrap.pick3 .ticketWrap .boardRow > .actionWrap {width: calc(50% - 100px);}

    .gameWrap .ticketWrap .boardRow .selectedNumsWrap > .desc {margin-top: 5px;}
    .gameWrap .ticketWrap .boardRow > .actionWrap {margin-top: 6px; line-height: 1;}
    .gameWrap .ticketWrap .boardRow .ballsList > .ball > .shape {width: 27px; height: 27px; line-height: 27px; font-size: 11px;}
    .gameWrap .ticketWrap .boardRow .ballsList > .ball > .shape:before {top: 5px; left: 4px; width: 19px; height: 16px;}
    .gameWrap .ticketWrap .boardRow .ballsList > .ball > .shape:after {width: 22px; margin-left: -11px; height: 2px;}
    .gameWrap.pick3 .ticketWrap .boardRow > .boardName {margin-top: 4px;}
    .gameWrap.pick3 .ticketWrap .boardRow > .boardName .betAmountDesc, 
    .gameWrap.pick3 .ticketWrap .boardRow > .actionWrap .betTypeDesc {margin-top: 5px; margin-bottom: 0;}
    .gameWrap.pick3 .ticketWrap .boardRow > .actionWrap {display: flex; flex-wrap: wrap; justify-content: flex-end;}
    .gameWrap.pick3 .ticketWrap .boardRow > .actionWrap .betTypeDesc {width: 100%; order: 3;}

    .gameWrap.sportstake8 .gameArea .game .gameRow .col1, 
    .gameWrap.sportstake8 .gameArea .game .gameRow .col5,
    .gameWrap.sportstake8 .ticketWrap .gameSelectAfterBox .game .gameRow .col1, 
    .gameWrap.sportstake8 .ticketWrap .gameSelectAfterBox .game .gameRow .col2,
    .gameWrap.sportstake13 .gameArea .game .gameRow .col1, 
    .gameWrap.sportstake13 .gameArea .game .gameRow .col5,
    .gameWrap.sportstake13 .ticketWrap .gameSelectAfterBox .game .gameRow .col1, 
    .gameWrap.sportstake13 .ticketWrap .gameSelectAfterBox .game .gameRow .col2{word-break: break-word;}
    .gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow .col1,
    .gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow .col1 {flex-basis: auto; min-width: 76px;}

    .gameWrap.rapido .ticketWrap .boardRow > .boardName, .gameWrap.rapido .ticketWrap .boardRow > .actionWrap {width: auto;}
    .gameWrap.rapido .ticketWrap .boardRow {justify-content: space-between; display: flex;}
    .gameWrap.rapido .ticketWrap .boardRow:before, .gameWrap.rapido .ticketWrap .boardRow:after {content: none;}
    .gameWrap.rapido .ticketWrap .boardRow .selectedNumsWrap {width: 300px;}
    .gameWrap.rapido .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap .buttonValue {padding: 7px 3px; font-size: 11px;}

    .gameWrap.raffle .gamePlay .title {font-size: 18px;}
    .gameWrap.raffle .gamePlay .gameArea .rowWrap .labelTitle {font-size: 16px; display: block; margin-bottom: 10px;}    
    .gameWrap.raffle .gamePlay .gameArea .rowWrap, .gameWrap.raffle .gamePlay .gameArea .buttonWrap {text-align: center;}    
    /*  .gameWrap.raffle .gamePlay .gameArea .game {padding: 20px 10px;}    
        .gameWrap.raffle .gamePlay .block > .box {background-image: none !important; background: #ffffff  !important;
            background: -moz-linear-gradient(top, #ffffff 0%, #c497aa 100%) !important;
            background: -webkit-linear-gradient(top, #ffffff 0%,#c497aa 100%)  !important;
            background: linear-gradient(to bottom, #ffffff 0%,#c497aa 100%) !important;
        }*/
    .gameWrap .ticketWrap .boardRow.paginationStyle1 {justify-content: center;}
    .gameWrap .ticketWrap .boardRow.paginationStyle1 .pagingBlock{width:auto !important;}

    .withdrawalFlexWrap {flex-direction: column;}
    .withdrawalFlexWrap .w55.formStyle, .withdrawalFlexWrap .w45.formStyle{flex-basis:100%;width: 100%; margin-bottom: 20px;}
    #bank-withdrawal-form #selectAccount {max-width: none;}

    .resultWrap .gameWrap .header .fl, .resultWrap .gameWrap .header .fr {float: none;}
    .resultWrap .gameWrap .header .fr{margin-top:10px;}

    .resultWrap .gameWrap .block .box .headerBox .w50 {width: 100%; float:none;}    
    .resultWrap .resDetailView .block > .box .headerBox .fr {text-align: left; padding-right: 0;}    
    .resultWrap .gameWrap.lotto .block .box .headerBox .w50.fl,
    .resultWrap .gameWrap.powerball .block .box .headerBox .w50.fl,
    .resultWrap .gameWrap.dailylotto .block .box .headerBox .w50.fl {display: none;}    
    .resultWrap .gameWrap.rapido .block > .box .headerBox .fl .dateWrap, 
    .resultWrap .gameWrap.rapido .block > .box .headerBox .fl .numOrderText{display:none;}
    .resultWrap .gameWrap.lotto .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.lotto .tableWrap.gameTable2 .col3,
    .resultWrap .gameWrap.powerball .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.powerball .tableWrap.gameTable2 .col3,
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable2 .col3{flex: 0 0 150px;}
    .resultWrap .sportstake8 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .sportstake13 .headerBox .tableWrap.gameTable1 .tableHead .tableRow {flex-direction: column; align-items: flex-start;}
    .resultWrap .sportstake8 .headerBox .tableWrap.gameTable1 .tableHead .tableRow .col + .col,
    .resultWrap .sportstake13 .headerBox .tableWrap.gameTable1 .tableHead .tableRow .col + .col {margin-top: 10px;}
    .resultWrap .raffle .box .raffleResult > li{width:25%;}
    .resultWrap .raffle .box .raffleResult > li:nth-child(10n+1), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(10n+2), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(10n+3), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(10n+4), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(10n+5){background-color: #f2f2f2;}
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+1), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+2), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+3), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+4){background-color: #ffffff;}

    .gameWrap .transaction_details #transaction-details-form .buttonWrap {display: block; float: none; text-align: left;}    
    .gameWrap .transaction_details #transaction-details-form .buttonWrap:before {content: ''; display: block; height: 1px; clear: both;}    
    .gameWrap .transaction_details #transaction-details-form .buttonWrap .btnStyle1 {display: inline-block; min-width: 170px;}    
    .gameWrap .transaction_details #transaction-details-form .fl {margin: 0 0 4px !important;}    
    .gameWrap .transaction_details #transaction-details-form .fl .labelName {display: block;}    
    .gameWrap .transaction_details #transaction-details-form .fl .select-style.date {margin-right: 15px; margin-bottom: 15px;}

    .rapido .dateDrawSearchWrap > div .labelName, 
    .rapido .dateDrawSearchWrap > div .input-group {display: block;}
    .rapido .dateDrawSearchWrap .buttonWrap {margin-left: 0; margin-top: 15px;}
    .rapido .dateDrawSearchWrap .buttonWrap {flex-basis: 170px; flex-grow: 0;}
    .rapido .dateDrawSearchWrap {flex-wrap: wrap;}
    .rapido .dateDrawSearchWrap .drawNumberWrap {flex-basis: 50%;}
    .rapido .dateDrawSearchWrap .drawNumberWrap .input-group {width: 170px;}
    .rapido .dateDrawSearchWrap .buttonWrap.searchBtn {margin-right: 8px;}
    .rapido .dateDrawSearchWrap .buttonWrap.showAllBtn {margin-left: 8px;}

    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap {margin-top: 12px;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap .playNowBTN {padding: 4px 0;}

    .gameListing .grid-item{width: 100%;}

    #sp-footer4 {padding-bottom: 50px;}/*-----Chatbot---------*/
}

@media only screen and (max-width:600px){
    .fl, .fr {float: none;}
    .w30, .w35, .w40, .w45, .w50, .w55, .w60, .w65, .w70{width:100%;}
    .w30 + .w70, .w70 + .w30,
    .w35 + .w65, .w65 + .w35,
    .w40 + .w60, .w60 + .w40,
    .w45 + .w55, .w55 + .w45,
    .w50 + .w50{margin-top:20px;}
    .fr.selectCtrl .select-style select {width: 100%;}
    #transaction-details-form > fieldset .select_box {max-width: 198px;}
    #transaction-details-form > fieldset > .fl.buttonWrap {max-width: 198px; text-align: center;}

    #sp-footer1 .navigationRow2 .nav.menu > li {display: block;}
    #sp-footer1 .navigationRow2 .nav.menu > li > a {text-align: left; border: none; padding: 0; margin: 0; border-bottom: 1px solid #29210b; border-radius: 0;}

    .shareSocialMedia li{    display: block;  margin-left: 0 !important;  margin-top: 10px;}

    .transactionHistory #transaction-details-form .filter.fl {margin-bottom: 15px !important;}
    .transactionHistory #transaction-details-form .filter.fl.select_type, .transactionHistory #transaction-details-form .filter.fl.buttonWrap{margin-bottom: 0 !important;}

    .formStyle .selectBWrap .selectBCap {width: 100%;}
    .modal-body .fr.registerLink {float: right;}    
    .modal-body .fl.forgetLink {float: left;}

    .gameWrap .header .fr {margin-top: 10px;}

    .resultWrap .gameWrap.lotto .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.lotto .tableWrap.gameTable2 .col3,
    .resultWrap .gameWrap.powerball .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.powerball .tableWrap.gameTable2 .col3,
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable2 .col1, 
    .resultWrap .gameWrap.dailylotto .tableWrap.gameTable2 .col3{flex: 1 1 auto; max-width:none;}
    .resultWrap .blockWrap.resMoreView .block > .box > .fr {padding: 25px 7px 0;}

    .resultWrap .resDetailView .block > .box .headerBox .titleHead{white-space: nowrap;}
    .resultWrap .tableWrap.gameTable1 .tableBody .tableRow .labelName,
    .resultWrap .tableWrap.gameTable2 .tableBody .tableRow .labelName{display:block; width:100%; font-size:11px; line-height:11px;}
    .resultWrap .tableWrap.gameTable1 .tableBody .tableRow .dataVal,
    .resultWrap .tableWrap.gameTable2 .tableBody .tableRow .dataVal{font-size: 16px;}
    .resultWrap .tableWrap.gameTable2 .tableBody .tableRow .dataVal.dataVal2{font-size:14px; color:#555;}
    .resultWrap .tableWrap.gameTable1 .tableBody .tableRow:nth-child(odd),
    .resultWrap .tableWrap.gameTable2 .tableBody .tableRow:nth-child(odd) {background-color: transparent;}    

    .resultWrap .lotto .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .powerball .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .raffle .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .rapido .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .lotto .tableWrap.gameTable2 .tableHead .tableRow,
    .resultWrap .powerball .tableWrap.gameTable2 .tableHead .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable2 .tableHead .tableRow, 
    .resultWrap .pick3 .tableWrap.gameTable2 .tableHead .col .colSubGroup,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableHead .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableHead .tableRow,
    .resultWrap .rapido .tableWrap.gameTable2 .tableHead .tableRow + .tableRow {display: none;}

    .resultWrap .sportstake8 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .sportstake13 .headerBox .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow {display: flex;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow,
    .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow,
    .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow {flex-wrap: wrap; justify-content: flex-end; position: relative;}

    .resultWrap .sportstake8 .tableWrap.gameTable2+.tableWrap.gameTable2{border-top: 1px solid #a6a6a6;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableHead .tableRow+.tableRow, 
    .resultWrap .sportstake8 .tableWrap.gameTable2 + .tableWrap.gameTable2 .tableHead .tableRow {display: block; text-align: center; background-color: #a6a6a6;color: #ffffff;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableHead .tableRow+.tableRow .col1, 
    .resultWrap .sportstake8 .tableWrap.gameTable2 + .tableWrap.gameTable2 .tableHead .tableRow .col1 {text-align: center;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow + .tableRow,
    .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow + .tableRow,
    .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow + .tableRow{border-top:1px solid #a6a6a6;}

    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow{border-bottom:1px solid #a6a6a6;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow .col{flex-basis: calc(100% - 100px); flex-grow: 0;text-align:left;border-bottom:1px solid #a6a6a6;padding: 10px 6px;}    

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col1,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col.col2,
    .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col2,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col2,
    .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow .col.col1 {flex-basis: 100px;background-color: #ececec;position: absolute;left: 0;top: 0;width: 100px;height: 100%;display: flex;flex-direction: column;justify-content: center;border-bottom:none;border-right: 1px solid #a6a6a6;}

    .resultWrap .lotto .tableWrap.gameTable1 .mobileImgWrap,
    .resultWrap .lotto .tableWrap.gameTable2 .mobileImgWrap{background-color:#f8db19;}
    .resultWrap .powerball .tableWrap.gameTable1 .mobileImgWrap,
    .resultWrap .powerball .tableWrap.gameTable2 .mobileImgWrap{background-color:#069edb;}
    .resultWrap .dailylotto .tableWrap.gameTable1 .mobileImgWrap,
    .resultWrap .dailylotto .tableWrap.gameTable2 .mobileImgWrap{background-color:#e52539;}
    .resultWrap .sportstake8 .tableWrap.gameTable1 .mobileImgWrap,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .mobileImgWrap,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .mobileImgWrap,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .mobileImgWrap{background-color:#00ac69;}
    .resultWrap .raffle .tableWrap.gameTable1 .mobileImgWrap{background-color:#642c83;}

    .resultWrap .pick3 .tableWrap.gameTable2 .tableHead .tableRow{color:#ffffff}
    .resultWrap .pick3 .tableWrap .tableHead .mobileImgWrap{border-bottom: none;}
    .resultWrap .pick3 .tableWrap .tableHead{border-bottom:1px solid #a6a6a6; background-color: #e52539;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1 .labelName,
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2 .labelName{display: none;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col1{flex-basis: 120px; flex-grow: 0;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col2{flex-basis: 80px; flex-grow: 0;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3{flex-basis: calc(100% - 200px); flex-grow: 0; min-width: 0;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1{ position: absolute; left: 0; top: 0; width: 120px; height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: #d3d3d3; border-right: 1px solid #a6a6a6;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2{ position: absolute; left: 120px; top: 0; width: 80px; height: 100%; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #a6a6a6;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col3 .col{text-align: left; border-bottom:1px solid #a6a6a6; padding: 10px 6px;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col3 .colSubGroup {flex-direction: column;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col3 .colSubGroup .labelName {color: #e2243d;}

    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col{flex-basis: calc(100% - 155px); min-width: 0; max-width: none;}
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col2,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col2{flex-basis: 155px;width: 155px; line-height: 16px;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col1{height:55%;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col2,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col2{height:45%; top:55%;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .col1 .sNo,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .col1 .sNo{display:none;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col .dataVal.dataVal1,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col .dataVal.dataVal1 {word-wrap: break-word;}
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody {counter-reset: sportstake13Result;}    
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col1:before,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col1:before {counter-increment: sportstake13Result; content: counter(sportstake13Result); width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; background-color: #000000; color: #ffffff; margin-bottom: 5px; font-size: 11px;}
    .resultWrap .sportstake8 .resMoreView .titletableRow .titleData,
    .resultWrap .sportstake13 .resMoreView .titletableRow .titleData {line-height: 18px; font-size: 14px; padding: 8px 4px;}
    .resultWrap .sportstake8 .resMoreView .titletableRow .titleData + .titleData,
    .resultWrap .sportstake13 .resMoreView .titletableRow .titleData + .titleData {text-align: center;}
    .resultWrap .sportstake8 .resMoreView .titletableRow .titleData:last-child,
    .resultWrap .sportstake13 .resMoreView .titletableRow .titleData:last-child {text-align: right;}

    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col .dataVal.dataVal1 span, 
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col .dataVal.dataVal1 span {width: 100%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; letter-spacing: 0em;}

    .resultWrap .tableWrap.gameTable1 .tableBody .tableRow .col:last-child,
    .resultWrap .tableWrap.gameTable2 .tableBody .tableRow .col:last-child,
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col3 .col:last-child,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col:last-child{border-bottom:none;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col{flex-basis: calc(100% - 160px); min-width: 0; max-width: none;}
    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col.col2{flex-basis: 160px; width: 160px;}

    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .colSubGroup{flex-direction: column;}
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .colSubGroup .col{border-bottom: none; padding: 10px 0; width: 100%; flex-basis: 100%;}

    .resultWrap .transction_filter {margin-bottom: 15px;}

    .rapido .dateDrawSearchWrap .buttonWrap {width: 170px;}
    .rapido .dateDrawSearchWrap {flex-direction: column; align-items: flex-start;}
    .rapido .dateDrawSearchWrap > div {text-align: center; margin: 0 !important;}
    .rapido .dateDrawSearchWrap > div + div {margin-top: 10px !important;}
    .rapido .dateDrawSearchWrap .buttonWrap {margin-top: 15px !important;}
    .rapido .dateDrawSearchWrap > div .labelName, 
    .rapido .dateDrawSearchWrap > div .input-group {display: block; text-align: left;}
    .rapido .dateDrawSearchWrap .buttonWrap {flex-basis: auto;}

    #tv_shows_display .videoPopWrap .detailWrap .videoTitle{font-size: 14px;margin-bottom: 8px;line-height: 16px;}
    #tv_shows_display .videoPopWrap .detailWrap .ownerText > .imgWrap{width:44px;}
    #tv_shows_display .videoPopWrap .detailWrap .ownerText .ownerWrap{font-size: 11px; line-height: 13px;}
    #tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap .name{padding: 5px 10px;}
    #tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .value{padding: 4px 12px 4px 8px;}
    #tv_shows_display .videoPopWrap .detailWrap .likeInfoWrap{margin-top: 12px;}

    .pendingDrawsWrapper .accordionStyle1 .iconRight .panel-title > .labelWrap.ldrawWrap {display: none;}

    .tabGameBlock ul {flex-wrap: wrap;}
    .tabGameBlock ul > li {flex: 1 0 40%;}
    .tabGameBlock ul > li a { min-height: 95px;}
    .tabGameBlock ul > li a img {max-width: 100px;}

    .basicLoginWrap .loginForm.formStyle .form_item_holder .error_tooltip {top: auto; bottom: 100%; margin-top: 0; margin-bottom: 5px; z-index: 1000;}
    .basicLoginWrap .loginForm.formStyle .form_item_holder .error_tooltip:before {top: auto; bottom: -6px; border-bottom: none; border-top: 6px solid #f2dede;}
    .basicLoginWrap .loginForm.formStyle .form_item_holder {width: 49%;}
    .basicLoginWrap .loginForm.formStyle .form_item_holder + .form_item_holder{margin-left: 2%;}
    .basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup {display: block;}
    .basicLoginWrap .loginForm.formStyle .loginBTNWrap {float: left; margin-top: 10px; justify-content: flex-end; width: 100%; margin-bottom: 10px;}

    .basicLoginWrap .loginForm.formStyle .loginBTNWrap .btnDefault {order: 3;}
    .basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink {order: 2; margin-right: 10px;}
    .basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink a{margin-left: 0;}
    .basicLoginWrap .loginForm.formStyle .loginBTNWrap .forgetLink a {margin-left: 0; padding: 0 10px; font-size: 14px;letter-spacing: 0.001em;text-transform: uppercase;}
    .basicLoginWrap .loginForm.formStyle .form_item_holder .formControl {width: calc(100% - 31px);}
    .basicLoginWrap .loginForm.formStyle .form_item_holder .formControl#password {padding-right: 5px;}
}


@media only screen and (max-width:560px){
    .container {padding: 0 10px;}
    .body-innerwrapper .outsideNav {right: 45px;}
    .hTPGameWrap button {display: block; width: 100%; margin: 10px 0 !important;}
    .media-contentW .listBox-body ul.col3 li {width: 50%;}

    .meetPresenterInnerWrap .presenterWrap > .figure, .meetPresenterInnerWrap .presenterWrap > .presenterDetail {width: 100%; text-align: center; float: none; padding: 0;}
    .meetPresenterInnerWrap .presenterWrap > .figure {margin-bottom: 15px;}
    .meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary {padding: 0; padding-bottom: 18px;}
    .meetPresenterInnerWrap .presenterWrap > .presenterDetail .presenterSummary:after {width: 80px; height: 6px;  top: auto; bottom: 0; left: 50%; margin-left: -40px;}

    .viewTicketInner .tableWrapper .tBody .labelTitle, .viewTicketInner .tableWrapper .tBody .cellValue {min-width: 0; display: block;}
    .viewTicketInner .tableWrapper .tBody .labelTitle {font-size: 10px;}

    #sp-myaccountpos .sp-module.messageIconBox {right: 140px;}

    #sp-myaccountpos .nav > li > a .image-title {display: block; line-height: 18px; font-size: 11px;}
    #sp-myaccountpos .nav > li > a {text-align: center;}
    #sp-myaccountpos .nav > li > a > img {margin: 0;}

    .findRetailerSearchBlock .formStyle .formElements .formGroup {margin-left: 0 !important; display: block;}
    .findRetailerSearchBlock .buttonWrap button.btnGray {width: auto;}

    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span:before {font-size: 14px;}

    #sp-slider .slick-slide .slideWrap .contentWrap {top: 45px; margin-top: 0; padding-bottom: 5px; left: 10px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .button1 {width: 80%;margin-left: 6%;padding-top: 5px;}
    #sp-slider .slick-slide .slideWrap .button1 button {font-size: 12px; min-height: 30px; line-height: 18px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span {width: 28px; height: 24px; font-size: 14px; line-height: 24px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer > span:before {font-size: 11px; line-height: 14px; top: -15px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .gameTimer {padding-top: 8px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .text {margin-bottom: 0;}
    #sp-slider .slick-slide .slideWrap .contentWrap .imgTitle {font-size: 8px; line-height: 12px;}
    #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc {font-size: 16px; line-height: 20px;}

    #sp-slider .slick-prev, #sp-slider .slick-next {top: 100%; height: 34px; transform: translate(0, -34px);}
    #sp-slider .slick-prev{left:3px;}
    #sp-slider .slick-next{right:3px;}
    #sp-slider .slick-list {padding-bottom: 34px; background-color: #000000;}
    .slick-prev:before, .slick-next:before {font-size: 20px;}
    .slick-next {right: -10px;}
    .slick-prev {left: -10px;}

    .myWalletPaymentInfoWrap{padding: 15px; margin-right: 0;}
    .myWalletPaymentInfoWrap .balanceBox{flex-direction: column;}
    .myWalletPaymentInfoWrap .balanceBox .topUpWrap {margin-top: 15px;}
    .myWalletPaymentInfoWrap .balanceBox .balance {margin-left: 0;}
    .myWalletPaymentInfoWrap .balanceBox .balance span{display: inline-block;}
    .myWalletPaymentInfoWrap .balanceBox .balanceWrap{text-align: center;}

    .gameWrap .ticketWrap .boardRow {display: flex; flex-direction: column;}
    .gameWrap .ticketWrap .boardRow > div {width: 100% !important; text-align: left !important;}
    .gameWrap .block .box2 {flex-direction: column;}
    .gameWrap .ticketWrap .box2 .detailWrap {display: flex; flex-direction: column;}
    .gameWrap .ticketWrap .box2 .detailWrap .summary {padding-left: 0; background-color: rgba(0,0,0,0.065); padding: 5px; text-align: center;}
    .gameWrap .ticketWrap .box2 .detailWrap .customCheckBox {margin-bottom: 5px;}
    .gameWrap .box1 .leftPart, .gameWrap .box1 .rightPart {width: 100%;padding: 0;}
    .gameWrap .block .box2 > .buttonWrap {margin: 4px 0;text-align: center;}
    .gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow.thead,
    .gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow.thead {font-size: 14px;}
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow,
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow {flex-wrap: wrap; justify-content: center;}
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow .col1, 
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow .col5,
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow .col1, 
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow .col5 {flex-basis: 100%; text-align: center; margin-bottom: 10px;}
    .gameWrap.sportstake8 .selectGame .gameArea .game .thead .gameRow,
    .gameWrap.sportstake13 .selectGame .gameArea .game .thead .gameRow {display: none;}
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow .col1:before, 
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow .col5:before,
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow .col1:before, 
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow .col5:before {content: 'HOME'; display: block; font-size: 8px; line-height: 8px; font-weight: 700; color: #656565; margin-top: 10px;}
    .gameWrap.sportstake8 .selectGame .gameArea .game .gameRow .col5:before,
    .gameWrap.sportstake13 .selectGame .gameArea .game .gameRow .col5:before {content: 'AWAY';}

    .gameWrap.sportstake8 .selectGame .gameArea .game .thead .gameRow + .gameRow, 
    .gameWrap.sportstake8 .selectGame .gameArea .game + .game .thead .gameRow {display: block; background-color: #a6a6a6; color: #ffffff;}    
    .gameWrap.sportstake8 .selectGame .gameArea .game .thead .gameRow + .gameRow .col:before, 
    .gameWrap.sportstake8 .selectGame .gameArea .game + .game .thead .gameRow .col:before {display: none;}    
    .gameWrap.sportstake8 .selectGame .gameArea .game .thead .gameRow + .gameRow .col, 
    .gameWrap.sportstake8 .selectGame .gameArea .game + .game .thead .gameRow .col {margin-bottom: 0;}
        
    .gameWrap .block .box .headerBox{padding: 8px 10px;}
    .gameWrap .block .gameArea{padding: 8px 10px 15px;}
    .gameWrap .block .playArea{padding: 10px 10px 8px;}
    .gameWrap .ticketWrap .block .box2{padding: 4px 10px 2px;}    

    .gameWrap .ticketWrap .boardRow > .boardName{margin-top: 6px; line-height: 1;}
    .boardRow .qp {margin-top: 5px; font-size: 14px; margin-bottom: 5px;}
    .gameWrap .ticketWrap .boardRow .selectedNumsWrap > .buttonWrap{margin: 2px 0 2px;}
    .gameWrap .ticketWrap .boardRow .ballsList {margin-top: 0;}
    .gameWrap .ticketWrap .boardRow .ballsList > .ball > .shape {margin-bottom: 2px;}

    .gameWrap .ticketWrap .boardRow {flex-direction: row; flex-wrap: wrap;}
    .gameWrap .ticketWrap .boardRow > .boardName, .gameWrap .ticketWrap .boardRow > .actionWrap {width: 49% !important; flex-grow: 1;}
    .gameWrap .ticketWrap .boardRow .selectedNumsWrap {width: 100% !important; order: 4; text-align: center !important;}
    .gameWrap .ticketWrap .boardRow .selectedNumsWrap.empty .buttonWrap {display: block; text-align: center;}
    .gameWrap .ticketWrap .boardRow .selectedNumsWrap > .desc {margin-top: 0;}
    .gameWrap .ticketWrap .boardRow > .actionWrap {text-align: right !important; margin-top: 0;}    

    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap .playNowBTN {margin-left: 0;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap .playNowBTN a {background-color: #474747; color: #ffffff; padding: 4px 12px; text-decoration: none; display: inline-block; margin-top: -5px; margin-bottom: 5px;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow > .boardName {width: 52px !important; flex-grow: 0;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow > .actionWrap .buttonWrap {margin-left: 30px;}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap .playNowBTN {width: calc(100% - 52px);}
    .savedNumberWrap .gameWrap .ticketWrap .boardRow .actionWrap {margin-top: 4px;}
}

@media only screen and (max-width:479px){
    .g-recaptcha {transform: scale(0.85); transform-origin: 0 0;}

    .cPanelBody .actionBtnW li {display: block;}
    .cPanelBody .actionBtnW li button {text-align: left;}

    #sp-header .logo img {width: 110px;margin-bottom: 7px; margin-top: 0;}
    #sp-my-account-bar .userName{margin-left: 0;}
    #sp-top3 .loginBtn{margin-right: 10px;}
    .appSectionInnerWrap .details p{padding-right: 90px;}
    .appSectionInnerWrap .bigImg{width: 110px;}
    #sp-bottom2 .bottom2 .pull-left {width: 130px;}
    .btnGray{width: calc(50% - 10px); min-width:0;}
    .body-innerwrapper .outsideNav .chatNavWrap {margin-right: 2px;}
    .body-innerwrapper .outsideNav .chatNavWrap .chatNavBTN{margin: 0;}
    .body-innerwrapper .outsideNav .chatNavWrap .title {display: none;}
    .body-innerwrapper .outsideNav {width: 145px; top: 17px !important;}
    #offcanvas-toggler {margin-top: 17px;}
    #sp-slider .slick-slide .slideWrap .contentWrap{top: 38px;}
    ul.nav-tabs > li > a {font-size: 14px; padding: 8px 3px; font-weight: 600; line-height: 16px; display: flex; align-items: center;}

    #sp-myaccountpos .sp-module.messageIconBox {top: -87px; right: 138px;}

    .ew-gameListing li{width: 50%; display: block; float: left; padding: 0 5px; height: auto;}
    .ew-gameListing li img{width:100%;}
    .htPlay-innerWrap .fl{padding-left: 0;}
    .stepNumber {left: auto; font-size: 30px; position: relative; top: auto; text-align: center; display: block;}
    .eftBanksDetailWrap .grid .boxWrap {flex-basis: 100%;}

    .withdrawalDetailWrap .rowDetail > span {display: block; width:100% !important;}

    #tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .designwrap .name { overflow: hidden; width: 30px; padding: 3px 8px; font-size: 0; }    
    #tv_shows_display .videoPopWrap .detailWrap .ownerText .youtubeSubscribe .value {overflow: hidden; padding: 2px 6px 2px 8px;}

    #sp-multipleslides .slideWrap{min-height: 272px;}
    #sp-multipleslides .slick-slide .slideWrap .button1{margin-top:-14px; position: absolute; width: 52%; padding: 0 1px;}
    #sp-multipleslides .slick-slide .slideWrap .button1 button{min-height: 50px; font-size: 14px;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer{position: absolute; width: 48%; margin-top: -15px; height: 51px; padding-top: 8px;}
    #sp-multipleslides .slick-slide .slideWrap .gameTimer .title ~ span {width: 30px; font-size: 14px;}    
    #sp-multipleslides .slick-slide .slideWrap .button2 button {position: absolute;}
    #sp-multipleslides .slick-slide .slideWrap .lastDrawwrap {position: absolute; margin-bottom: 0; font-size: 14px;}
    #sp-multipleslides .slick-slide .slideWrap .imgDesc {font-size: 22px; line-height: 22px;}
    #sp-multipleslides .slick-slide .slideWrap img {max-width: 153px;}

    .gameWrap.sportstake8 .gameSelectAfterBox .game .gameRow .col3,
    .gameWrap.sportstake13 .gameSelectAfterBox .game .gameRow .col3 {max-width: 80px;}

    .pendingDrawsWrapper .accordionStyle1 .iconRight .panel-title > .labelWrap > .labelTitle {display: none;}    
    .ticketBinderWrap .accordionStyle1 .panel-title > .labelWrap {min-width: 0 !important;}

    .drawExtrainfo .videoBlock {width: 100%; margin-bottom: 15px;}
    .drawExtrainfo .infoHighlightWrap {width: 100%;}

    .resultWrap .raffle .box .raffleResult > li{width:50%;}
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+1), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+2), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+3), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(8n+4){background-color: #f2f2f2;}
    .resultWrap .raffle .box .raffleResult > li:nth-child(4n+1), 
    .resultWrap .raffle .box .raffleResult > li:nth-child(4n+2){background-color: #ffffff;}

    .gameListing .grid-item .cellInnerWrap figure .gameDesc .winPrizeWrap .currencyWrap{font-size: 11px;}
}


@media only screen and (max-width:359px){
    .g-recaptcha {transform: scale(0.7); transform-origin: 0 0;}
    #sp-bottom2 .bottom2 {padding-right: 5px;}
    .formStyle .selectBWrap .selectBCap{width:100%;margin-top:0px;}
    .formStyle .checkB-2 .customCheckBox label {padding-left: 30px;}
    .formStyle .selectBWrap .selectCtrl{width:100%;}
    #sp-slider .slick-slide .slideWrap .contentWrap{top: 30px;}
    .media-contentW .listBox-body ul.col3 li {width: 100%;}

    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1 {height: 50%;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2 {left: 0; top: 50%; height: 50%; width: 120px; background-color: #d3d3d3;}    
    .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3 {flex-basis: calc(100% - 120px);}    
    .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3:before {content: 'Prizes Based On Bet Amount'; font-size: 11px; line-height: 14px; display: inline-block;}    
    .resultWrap .pick3 .tableWrap.gameTable2 .tableHead .tableRow {display: none;}
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1 .labelName, 
    .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2 .labelName {display: block;}

    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col {width: 52%; flex-basis: 52%;}    
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col2,
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col2 {flex-basis: 48%; width: 48%;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col{flex-basis: 52%; width: 52%;}

    .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col.col1,
    .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col.col2{flex-basis: 48%; width: 48%;}

    .gameListing .grid-item .cellInnerWrap figure img {margin: 0 auto 10px;}    
    .gameListing .grid-item .cellInnerWrap figure {flex-direction: column;}    
    .gameListing figcaption {text-align: center;}

    .cell .cellInnerWrap .buttonStyle1 {position: relative;}
}


@media print{
    * {-webkit-print-color-adjust: exact;}
    #sp-footer{padding:0;}
    .footerDynBlockWrap{height:auto;}
    #sp-footer1 .nav.menu > li > a{font-size:12px; line-height:14px;}
    #sp-myaccountpos .nav > li > a .image-title {
        display: inline-block;
        line-height: 13px;
        vertical-align: middle;
    }
    .sp-dropdown, .dropNavWrap{display:none !important;}
    .footerDynBlockWrap{opacity: 1 !important;}
    .extraBannerWrapper .col-md-6{width: 50%;}

}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    #sp-left{min-height: 600px;}
    select::-ms-expand { display: none; }
    .tableWrap.gameTable1 .col.col1{min-width: 160px;}
    .tabGameBlock ul > li a{
        display: table-cell;
        vertical-align: middle;
        border:1px solid #ffffff;
    }
    .tabGameBlock ul > li a .learnBTN{display: inline-block;}
    .extraBannerWrapper > .row > div:first-child{display: block;}
    .gameWrap .gameDrawSlider{height:auto; border-radius: 16px;}

    .dropNavInner.aboutusNav .subGroup > ul, .dropNavInner.aboutusNav .subGroup > ul > li{display: inline-block;}

    .ticketBinderOuterWrap .accordionStyle1 .panel-title:before{display: none; content: none;}
    .ticketBinderOuterWrap .accordionStyle1 .panel-title:hover {background-color: transparent;}
    .ticketBinderOuterWrap .accordionStyle1 .panel-heading{position:relative;}
    .ticketBinderOuterWrap .accordionStyle1 .panel-heading:hover{background-color: #dfdfdf;}
    .ticketBinderOuterWrap .accordionStyle1 .panel-heading:before{
        position: absolute; content: '\f067'; font-family: fontAwesome; background-color: #dfdfdf;
        color: #ffffff; top: 20px; margin-top: -10px; font-size: 10px; width: 20px; text-indent: 1px; height: 20px;
        text-align: center; line-height: 20px; padding: 0; border-radius: 50%; right: 10px;
    }
    .ticketBinderOuterWrap .ticketBinderWrap .accordionStyle1 .panel-title[aria-expanded="true"] {background-color: transparent;}

}


/* ie10 specific */
.ie10 .buttonStyle1, 
.ie10 .buttonStyle1[disabled]:hover, 
.ie10 .slick-slide .slideWrap .button1 button, 
.ie10 .slick-slide .slideWrap .button1 button[disabled]:hover {
    border-width: 2px\9;
    border-radius: 3px\9;
    padding: 4px\9;
}
.ie10 .buttonStyle1:before, 
.ie10 .buttonStyle1[disabled]:hover:before, 
.ie10 .slick-slide .slideWrap .button1 button:before, 
.ie10 .slick-slide .slideWrap .button1 button[disabled]:hover:before{
    width:100%\9;
}

/* operaMini specific */

.opmini .buttonStyle1, 
.opmini .buttonStyle1[disabled]:hover, 
.opmini .slick-slide .slideWrap .button1 button, 
.opmini .slick-slide .slideWrap .button1 button[disabled]:hover {border-width: 2px; border-radius: 3px; padding: 10px 4px; min-height: 26px; line-height: 18px;}
.opmini .buttonStyle1:before, 
.opmini .buttonStyle1[disabled]:hover:before, 
.opmini .slick-slide .slideWrap .button1 button:before, 
.opmini .slick-slide .slideWrap .button1 button[disabled]:hover:before{width:100%;}
.opmini .buttonStyle1:after, 
.opmini .slick-slide .slideWrap .button1 button:after{display: none; content:none;}
.opmini .homeBlog img.k2Image{margin-left: 0;}
.opmini .homeBlog img.k2Image{width:300px; max-width: 100%;}
.opmini .tabGameBlock ul > li a,
.opmini .tabGameBlock ul > li a .learnBTN{display: block;}

.opmini #sp-multipleslides .slick-slide .slideWrap .button1 button{min-height: 26px;}
.opmini #sp-footer1 .navigationRow2 .nav.menu > li > a{padding: 8px 0;}
.opmini #sp-multipleslides .slick-slide .slideWrap .button2 button{width: 80%; left: 10%; min-height: 20px; padding: 10px 4px;}
.opmini #sp-multipleslides .slick-slide .slideWrap .gameTimer{padding-top:2px;}
.opmini #sp-multipleslides .slick-slide .slideWrap .button1{margin-top:-10px;}
.opmini #sp-slider .slick-slide .slideWrap .contentWrap:before{background-position:left bottom;}
.opmini .offcanvas-menu, .opmini .offcanvas-inner{min-height: 1090px; height:auto;}

.opmini .stepCircle{padding-top:20px;}    

.opmini .hTPGameWrap.hTPEaziWin .hTP-panel .ticketImg img{margin: 0px; width: 100%; max-width: 240px;}

.opmini .gameWrap .ticketWrap .box1 .headerBox .sliderWrap .sliderBox:before{content:'Enter num. of draw(s):'; display: block; text-align: center;}
.opmini .gameWrap .gameDrawSlider{height:28px;}
.opmini .gameWrap .block .box2 .customCheckBox input{display: inline-block;}
.opmini .gameWrap .block .box2 .customCheckBox input + label{background-image:none;}
.opmini .ballsList > .ball > .shape{padding-top:7px;}
.opmini .gameWrap .gamePlay .block .box2 > .buttonWrap .buttonValue{padding:8px 0;}
.opmini .gameWrap .block .box .headerBox .buttonWrap .buttonValue{padding: 8px 20px;}  

.opmini .gameWrap.pick3 .block .leftPart .betAmountBox .betAmountWrap .customRadioBox label{padding-top:3px; padding-bottom: 7px;}

.opmini .gameWrap.raffle .gamePlay .gameArea .buttonWrap .buttonValue{ padding: 10px 0;}
.opmini #sp-custom-popup{position: fixed; top: 0; left: 0; z-index: 100000;}

.opmini #sp-custom-popup .modal.fade:after{content:''; position: fixed; left:0; top:0; width:100%; height: 4000px; background-color: rgba(0,0,0,0.7); display: block; z-index: 10; pointer-events: auto;}
.opmini #sp-custom-popup .modal.fade > .modal-dialog{z-index: 20;}

.opmini .formStyle .select-style{border:none; background: none;}
.opmini .formStyle .select-style:after{display: none;}
.opmini #transaction-details-form .select-style.date .custome_input,
.opmini .formStyle .select-style select{ -webkit-appearance: menulist; box-sizing: border-box; align-items: center;
                                         white-space: pre; -webkit-rtl-ordering: logical;  background-color: white; cursor: default; border-width: 1px; border-style: solid;
                                         border-color: #6a6a6a; border-image: initial;}
.opmini .formStyle .select-style:hover,        
.opmini #transaction-details-form .select-style.date .custome_input:hover,        
.opmini .formStyle .select-style:hover select, 
.opmini .formStyle .select-style select:hover{color: #6a6a6a !important;}  

.opmini #edit-avatar{display: none !important;}
.opmini #bank-profile-form .fileWrap input[type="file"]{display: block; padding: 10px 0;}
.opmini #bank-profile-form #upload .select-style,
.opmini #bank-profile-form .fileWrap label{display: none;}
.opmini #bank-profile-form #uploadDiv .fileWrap{display: block !important;}

@media only screen and (max-width: 991px){
    .opmini .videoWrap:before {display: none;}
    .opmini .videoWrap{position: static;}
    .opmini .videoWrap iframe {position: static; width: calc(100vw - 30px); height: calc((100vw - 30px)/1.77);}
    .opmini .modal-body .videoWrap{width: 210px; height: 118px; overflow: hidden;}
    .opmini .modal-body .videoWrap iframe{width: 210px; height: 118px;}
    .opmini .modal-body .htWin-innerWrap .rptTable{float:none;}
    .opmini .modal-body .htWin-innerWrap .rptTable,
    .opmini .modal-body .htWin-innerWrap .rptTable td,
    .opmini .modal-body .htWin-innerWrap .rptTable th{ border-left:none; border-right:none; }
}

@media only screen and (max-width: 767px){
    .opmini .gameWrap .ticketWrap .boardRow .ballsList > .ball > .shape {padding-top:4px;}
    .opmini .cPanelTitle:before, .opmini .cPanelWrap.small .cPanelTitle:before{border: 3px solid transparent;}        
}

@media only screen and (max-width: 600px){
    .opmini .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow, 
    .opmini .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow, 
    .opmini .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow,
    .opmini .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow, 
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow,
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow,
    .opmini .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow,
    .opmini .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow, 
    .opmini .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow, 
    .opmini .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow, 
    .opmini .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow, 
    .opmini .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow, 
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow, 
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow, 
    .opmini .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow {display: block; padding: 5px 15px; border-bottom: 1px solid #a6a6a6;}

    .opmini .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .opmini .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col,
    .opmini .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col,  
    .opmini .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3,
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col,
    .opmini .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .opmini .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col,
    .opmini .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col, 
    .opmini .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow .col, 
    .opmini .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow .col,
    .opmini .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow .col, 
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col, 
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col, 
    .opmini .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow .col {width: 100%; flex-basis:auto; display: block;}

    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2{text-align: left; height: auto;}
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3:before,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col3,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col .colSubGroup,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableRow .col .colSubGroup .col{display: block; width:auto; min-width: 0;}

    .opmini .resultWrap .lotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .powerball .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .dailylotto .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .pick3 .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col1,
    .opmini .resultWrap .pick3 .tableWrap.gameTable2 .tableBody .tableRow .col2,
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable1 .tableBody .tableRow .col.col1,
    .opmini .resultWrap .raffle .tableWrap.gameTable1 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .raffle .box[class*="div"] .tableWrap.gameTable1 .tableHead .tableRow .col.col1,
    .opmini .resultWrap .rapido .tableWrap.gameTable1 .tableBody .tableRow .col.col2, 
    .opmini .resultWrap .lotto .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .powerball .tableWrap.gameTable2 .tableBody .tableRow .col.col1,
    .opmini .resultWrap .dailylotto .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .sportstake8 .tableWrap.gameTable2 .tableBody .tableRow .col.col2, 
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col1, 
    .opmini .resultWrap .sportstake13 .tableWrap.gameTable2 .tableBody .tableRow .col.col2, 
    .opmini .resultWrap .rapido .tableWrap.gameTable2 .tableBody .tableRow .col.col1 {width: 100%; display: block; position: static; background-color: transparent; border: none; border-bottom: 1px solid #a6a6a6; max-width: none;}

    .opmini #accordion .table-responsive{overflow: visible;}
    .opmini .ticketBinderWrap .accordionStyle1 .panel-title{padding: 9px; padding-right: 34px;}

    .opmini .paginationStyle1 .pagingBlock > .BTN:before{border: none; content: '\f0da'; font-family: FontAwesome; font-size: 20px; line-height: 20px; width: 22px; height: 22px; left: 0; top: 0; margin: 0; color: #a4a4a4; text-indent: 0;}
    .opmini .paginationStyle1 .pagingBlock > .BTN.prevBtn:before,
    .opmini .paginationStyle1 .pagingBlock > .BTN.nextBtn:before{border:none;}
    .opmini .paginationStyle1 .pagingBlock > .BTN.prevBtn:before{content:'\f0d9'}
    .opmini .paginationStyle1 .pagingBlock > .BTN.nextBtn:before{content:'\f0da'}

    .opmini .savedNumberWrap .gameWrap .ticketWrap .boardRow > .boardName > .desc {min-width: 0;}

    .opmini .withdrawalWrap > div{float:none;}
    .opmini .withdrawalWrap .w50 .dynaWrap{display: none;}
    .opmini .gameListing .grid-item .cellInnerWrap figure img{width:160px; height: 160px;}
    .opmini .basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroup{width:100%; position: relative; overflow: hidden;}
    .opmini .basicLoginWrap .loginForm.formStyle .form_item_holder .inputGroupAddon{display: block; position: absolute; left:0; top:0; z-index: 10;}
    .opmini .basicLoginWrap .loginForm.formStyle .form_item_holder .formControl {min-width: 2px; width: calc(100% - 38px); margin-left: 31px; display: block;}
    .opmini .basicLoginWrap .loginForm.formStyle .form_item_holder + .form_item_holder{margin-left: 8px;}

}
@media only screen and (max-width: 359px){
    .opmini .basicLoginWrap .loginForm.formStyle .loginBTNWrap .forgetLink a{font-size: 12px; padding: 0 5px;}
    .opmini .basicLoginWrap .loginForm.formStyle .loginBTNWrap .registerLink{margin-right: 5px;}
}
/*-----------unSupported-----------------------*/
.unSupported .ticketBinderOuterWrap .accordionStyle1 .panel-title:before{display: none; content: none;}
.unSupported .ticketBinderOuterWrap .accordionStyle1 .panel-title:hover {background-color: transparent;}
.unSupported .ticketBinderOuterWrap .accordionStyle1 .panel-heading{position:relative;}
.unSupported .ticketBinderOuterWrap .accordionStyle1 .panel-heading:hover{background-color: #dfdfdf;}
.unSupported .ticketBinderOuterWrap .accordionStyle1 .panel-heading:before{
    position: absolute; content: '\f067'; font-family: fontAwesome; background-color: #dfdfdf;
    color: #ffffff; top: 20px; margin-top: -10px; font-size: 10px; width: 20px; text-indent: 1px; height: 20px;
    text-align: center; line-height: 20px; padding: 0; border-radius: 50%; right: 10px;
}
.unSupported .ticketBinderOuterWrap .ticketBinderWrap .accordionStyle1 .panel-title[aria-expanded="true"] {background-color: transparent;}

/*-------------ie-----------------------*/
.ie .footerDynBlockWrap .gameListWrap > ul > li{flex: 0 1 170px;}
.ie #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc {-webkit-background-clip: initial !important; background-clip: initial !important; background: none !important; -webkit-text-fill-color: #000000;}
.ie #sp-slider .slick-slide .slideWrap .contentWrap .imgDesc:after{display: none; content:none;}
.ie #sp-slider .slick-slide.powerball .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.dailylotto .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.pick3 .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.powerballplus .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.sportstake8 .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.sportstake13 .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.rapido .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.raffle .slideWrap .contentWrap .imgDesc,
.ie #sp-slider .slick-slide.eaziwin .slideWrap .contentWrap .imgDesc{color:#ffffff;-webkit-text-fill-color: #ffffff;}


.ie .formStyle .select-style,
.browser-trident .formStyle .select-style,
.browser-edge .formStyle .select-style {
border:none;
background-color:transparent;
	
}
.ie .formStyle .select-style:after,
.browser-trident .formStyle .select-style:after,
.browser-edge .formStyle .select-style:after{
	display:none;
}
.ie .formStyle .select-style select,
.browser-trident .formStyle .select-style select,
.browser-edge .formStyle .select-style select {
	padding:0;
	-webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: black;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: white;
    cursor: default;
    margin: 0em;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
	    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	}
.ie .formStyle .select-style select option,
.browser-trident .formStyle .select-style select option,
.browser-edge .formStyle .select-style select option{
	background-color: transparent;
	}
/*--------login / Register Pages start-----------------*/

.partWrapper {padding: 30px 30px 30px 0; position: relative; border-top: 3px solid #000000;}
.partWrapper:after {content: ''; clear: both; display: block;}
.partWrapper .leftPart {float: left; width: calc(100% - 505px); /* height: calc(100vh - 84px); */ position: relative; left: 0; top: 0;}
.partWrapper .descOuterWrapper {/* position: absolute;  top: 50%;  transform: translateY(-50%);  background-color: rgba(255,255,255,0.98); */ padding: 30px; /* border-radius: 6px; */}
.partWrapper .rightPart { float: right; max-width: 475px; border: 2px solid #bdbdbd;}
.partWrapper .formStyle .formWrap.border {border: none; background-color: rgba(255,255,255,0.98); border-radius: 6px; padding: 10px 0;}
.partWrapper .formStyle .legendCap { color: #000000;}
.partWrapper .formStyle .formWrap.border .panelHead {background-color: transparent; padding-top: 30px;}
.partWrapper .formStyle .formWrap.border .panelHead span {font-size: 24px;}
/*.partWrapper .formStyle .formControl, .partWrapper .formStyle .inputGroupAddon {border-color: #000000;}*/
.partWrapper .formStyle .vAsteriskMsg {margin: 15px 20px;}
.partWrapper .formStyle .select-style select {height: 34px; padding: 6px 12px; color: #000000;}
.partWrapper .formStyle label, .partWrapper .formStyle .form_item_holder label{font-weight: 500; color: #000000;}
/*.formStyle .fcIcon:after, .socialMediaIcon > li > a, .sp-module .socialMediaIcon > li > a:hover{
    background-image: url(../images/icon-spriteIthubaMarketingRegister.png);
}*/
.partWrapper .heading {position: relative;}
.partWrapper .heading:after {content: ''; width: 93px; height: 5px; margin-top: 5px; background-color: #f8db19; display: block;}
.partWrapper .heading .mainLine {font-size: 28px; line-height: 30px; text-transform: uppercase;}
.partWrapper .heading .subLine {font-size: 20px; line-height: 24px; margin-top: 2px;}
.partWrapper .benefitWrapper {padding-top: 5px;}
.partWrapper .benefitWrapper > ul > li {display: flex; margin: 15px 0;}
.partWrapper .benefitWrapper > ul > li .beneDesc{flex: 1;}
.partWrapper .benefitWrapper > ul > li .icon-wrap{flex-basis: 25px; margin-right: 10px;}
.partWrapper .benefitWrapper > ul > li .icon-wrap .icon{ background: url(../images/icon-spriteIthubaMarketingRegister.png) no-repeat 0 -160px;
    width: 25px; height: 20px; display: block; overflow: hidden;}
.partWrapper .benefitWrapper > ul > li .icon-wrap .icon.singleAccount {background-position: -75px -160px;}
.partWrapper .benefitWrapper > ul > li .icon-wrap .icon.stayConnected {background-position: 0px -160px;}
.partWrapper .benefitWrapper > ul > li .icon-wrap .icon.trackAccount {background-position: -25px -160px;}
.partWrapper .benefitWrapper > ul > li .icon-wrap .icon.fastSecure {background-position: -50px -160px;}

.partWrapper .beneDesc .title {font-size: 15px; font-weight: 700;}
.partWrapper .beneDesc .desc {font-size: 13px;}
.partWrapper .formStyle .helpTipModal {width: 250px; right: 0;}
.partWrapper .fixed .container.mainWrapper {padding-top: 84px;}
.partWrapper .fixed header {background: none; background-color: rgba(255,255,255,0.98); position: fixed; top: 0; left: 0; width: 100%;
    z-index: 1000; box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
/*.partWrapper .formStyle .register_home .panelHead .btnDefault {float: right; max-width: 80px; text-align: center; padding: 8px; background-color: transparent; border: 2px solid #bdbdbd; color: #000; font-weight: 400; margin-top: -10px;}    
.partWrapper .formStyle .register_home .panelHead .btnDefault:hover {background-color: #bdbdbd;}*/
@media only screen and (max-width:991px){
    .partWrapper .logoBox {text-align: center;}
    .partWrapper .navLinkWrap{justify-content: center;}
    .partWrapper .partWrapper .leftPart{width: 100%; height: auto; position: relative; margin-bottom: 20px;}
    .partWrapper .descOuterWrapper{position: relative; top: 0; transform: translateY(0);}
    .partWrapper .partWrapper .rightPart{ max-width: none;}

    .partWrapper .leftPart, .partWrapper .rightPart{width: 100%; max-width: none;}
    .partWrapper{padding: 30px;}
}
@media only screen and (max-width: 767px){
    .partWrapper .formStyle .formWrap.border fieldset {padding: 0 20px;}
    .partWrapper .descOuterWrapper{padding: 30px 20px;}
    .partWrapper {padding: 15px;}
    /*.partWrapper .formStyle .register_home .panelHead .btnDefault{margin-top: -45px;}
    .partWrapper .formStyle .register_home .panelHead small{display: block;}*/
}
@media only screen and (max-width: 400px){
    .partWrapper nav.nav {margin-right: 10px;}
    .partWrapper .heading .mainLine {font-size: 24px; line-height: 26px;}
    .partWrapper .heading .subLine {font-size: 16px; line-height: 20px; padding: 3px 0;}
}
@media only screen and (max-width: 360px){
    .partWrapper .navLinkWrap{flex-direction: column;}
    .partWrapper nav.nav{margin-right: 0; text-align: center; margin-bottom: 10px;}
}


/*--------login / Register Pages end-----------------*/


.footerDynBlockWrap .gameListWrap > ul > li[footer_raffle] .gameTitle {
    font-size: 12px;
}