.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline: none; } select::-moz-focus-inner, button::-moz-focus-inner {border: 0;} select:-moz-focusring {color:transparent; text-shadow:0 0 0 #555555;} select:-moz-focusring * {color:#555555; text-shadow:none;} select { -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; } .select_box{position: relative;} .select_box:after{ content:'\f107'; position: absolute; z-index: 10; font-family: 'FontAwesome'; top: 8px; right: 13px; display: block; } .my-wallet-head-info { color: #eeeeee; max-width: 650px; margin: 0 auto; line-height: 1.8; } .my-wallet-list-wrap .my-wallet-list { display: flex; text-align: left; padding: 0; border-bottom: 2px solid #dddddd; align-items: center; min-height: 56px; } .my-wallet-list-wrap .my-wallet-list:nth-child(even) { background-color: rgba(255,255,255,0.1); } .my-wallet-list-wrap .my-wallet-list .currency-wrap { display: flex; } .my-wallet-list-wrap .my-wallet-list .currency-wrap .cu-value { margin-right: 4px; } .my-wallet-list-wrap .my-wallet-list .blk-label { color: #a7a7a7; text-transform: uppercase; font-style: italic; font-size: 0.8em; font-weight: 500; line-height: 1; } .my-wallet-list-wrap .my-wallet-list .blk-value { font-weight: 500; } .my-wallet-list-wrap { border-top: 2px solid #dddddd; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item { padding: 4px 8px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.action-wrap { flex: 1; justify-content: flex-start; display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.fig-wrap { width: 85px; flex: 0 0 85px; text-align: center; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.fig-wrap img { max-height: 50px; margin: 0 auto; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk { display: flex; flex-direction: row-reverse; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action { display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form { display: flex; flex: 1; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .form-group { margin-bottom: 0; position: relative; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .form-group .error_tooltip { position: absolute; background-color: #efd8c9; padding: 6px; line-height: 1.25; border-radius: 5px; top: 100%; left: 0; color: #ca2626; z-index: 100; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .form-group .error_tooltip:empty { display: none !important; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .form-group .error_tooltip:before { content: ''; border-bottom: 6px solid #efd8c9; border-left: 3px solid transparent; border-right: 3px solid transparent; display: block; width: 0; height: 0; top: -6px; left: 10px; position: absolute; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section { display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .buttonWrap { display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .label { color: #a7a7a7; background-color: #ffffff; position: absolute; z-index: 10; left: 4px; top: -7px; font-weight: 400; font-size: 0.7em; } .my-wallet-list-wrap .my-wallet-list:nth-child(even) .my-wallet-list-item .action-blk .blk-main-action .section .label{ background-color: #1a274c; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap { position: relative; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap { border: 1px solid #dddddd; margin: 0 1px; width: 150px; display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap:first-of-type { border-radius: 4px 0 0 4px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap:last-of-type { border-radius: 0 6px 6px 0; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section input, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section select { width: 100%; border: none; box-shadow: none; padding: 3px 10px; font-weight: 500; height: auto; background-position: right 6px top 10px; position: relative; z-index: 15; background-color: transparent; color: #333333; min-height: 30px; border-radius: 0; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.cost-wrap { width: 60px; flex: 0 0 60px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap { width: 80px; flex: 0 0 80px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap { width: 120px; flex: 0 0 120px; } .my-wallet-list-wrap .my-wallet-list .blk-value { line-height: 1; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .buttonWrap button { text-transform: uppercase; font-size: 0.85em; font-weight: 500; margin-left: 5px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .buttonWrap button.btnOutline { border: 2px solid #ececec; background-color: #ececec; color: #008fd5; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .buttonWrap button.btnStyle1 { border: 2px solid transparent; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .btn-info { width: 32px; height: 32px; margin: 0 4px; background-color: #7e8990; font-size: 20px; line-height: 18px; font-family: serif; border: none; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .txt { font-size: 0.9em; font-weight: 500; line-height: 1.2; } .my-wallet-list-wrap .input-currency button.dropdown-toggle { padding: 0; background: none; color: #333333; text-align: left; padding-left: 20px; width: 100%; border-right: 1px solid #dddddd; border-radius: 0; font-size: 0.85em; line-height: 1; position: relative; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .input-group { display: flex; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .input-group input { width: calc(100% - 60px); } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .input-group .input-group-prepend { width: 60px; display: flex; } .my-wallet-list-wrap .input-currency button.dropdown-toggle:after { content: ''; border-top: 6px solid #566360; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; top: 10px; left: 10px; z-index: 15; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .input-group .input-group-prepend .dropdown-menu a { display: block; padding: 3px 8px; color: #333333; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .input-group .input-group-prepend .dropdown-menu a + a { border-top: 1px solid #dddddd; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap:first-of-type:last-of-type { border-radius: 4px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .field-wrap.select-parent { position: relative; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .field-wrap.select-parent .form-group:before { content: '\f107'; font-family: 'FontAwesome'; position: absolute; right: 5px; top: 7px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form .field-wrap.select-parent .form-group { width: 100%; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section select option { color: #000f38; } #cashier-withdrawal-div { margin-top: 20px; } @media only screen and (max-width:1350px){ .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item{padding: 4px 3px;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.cost-wrap{width: 50px; flex: 0 0 50px;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap{width: 50px; flex: 0 0 50px;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap{width: 90px; flex: 0 0 90px;} } @media only screen and (max-width:950px){ .my-wallet-list-wrap .my-wallet-list { flex-wrap: wrap; padding: 10px 5px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.action-wrap { flex: 0 0 100%; margin-top: 8px; margin-bottom: 6px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk { justify-content: flex-end; max-width: 600px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item { padding: 5px 3px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap { width: auto; flex: 1; max-width: 200px; } } @media only screen and (max-width:768px){ .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action {flex-direction: column; width: 100%;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk {position: relative;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-info-button { position: absolute; bottom: 0; left: 0;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section.sec2 {margin-top: 10px; padding-left: 40px;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section .field-wrap {width: 50%;} .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk form { flex-wrap: wrap; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section.sec2 { width: 100%; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.fig-wrap { grid-area: 1/1/4/2; padding-right: 10px; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item .action-blk .blk-main-action .section.sec1 { flex: 1; } .my-wallet-list-wrap .my-wallet-list { display: grid; grid-template: auto auto auto auto / 90px auto; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.cost-wrap { grid-area: 1/2/2/3; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap { grid-area: 2/2/3/3; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap { grid-area: 3/2/4/3; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.action-wrap, .my-wallet-list-wrap .my-wallet-list .action-blk { grid-area: 4/1/5/3; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.cost-wrap .cost-blk, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap .min-blk, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap .max-blk { display: flex; align-items: center; } .my-wallet-list-wrap .my-wallet-list .blk-label { margin-right: 5px; min-width: 30px; } } @media only screen and (max-width:600px){ } @media only screen and (max-width:359px){ .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.fig-wrap { width: 100%; flex: 0 0 100%; } .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.cost-wrap, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.min-wrap, .my-wallet-list-wrap .my-wallet-list .my-wallet-list-item.max-wrap { width: 33.33%; flex: 0 0 33.33%; } } a{ color:#008fd5; outline: none; } a:hover{ color: #008fd5; } .bg-blue { background-color: #0448a8; color: #ffffff; padding: 6px 10px; border-radius: 3px; } .bg-grey { background-color: #e0e0e0; padding: 6px 10px; border-radius: 3px; } .bg-darkGrey { background-color: #2b3a57; padding: 6px 10px; border-radius: 3px; color:#ffffff; } .text-upper {text-transform: uppercase;} .text-lower {text-transform: lowercase;} .text-underline{ text-decoration: underline;} .table.vam th,.table.vam td{vertical-align: middle;} .m-1{margin: 8px;} .m-2{margin: 16px;} .m-3{margin: 24px;} .m-4{margin: 32px;} .m-5{margin: 40px;} .p-1{padding: 8px;} .p-2{padding: 16px;} .p-3{padding: 24px;} .p-4{padding: 32px;} .p-5{padding: 40px;} .mt-1{margin-top: 8px;} .mt-2{margin-top: 16px;} .mt-3{margin-top: 24px;} .mt-4{margin-top: 32px;} .mt-5{margin-top: 40px;} .pt-1{padding-top: 8px;} .pt-2{padding-top: 16px;} .pt-3{padding-top: 24px;} .pt-4{padding-top: 32px;} .pt-5{padding-top: 40px;} .mr-1{margin-right: 8px;} .mr-2{margin-right: 16px;} .mr-3{margin-right: 24px;} .mr-4{margin-right: 32px;} .mr-5{margin-right: 40px;} .pr-1{padding-right: 8px;} .pr-2{padding-right: 16px;} .pr-3{padding-right: 24px;} .pr-4{padding-right: 32px;} .pr-5{padding-right: 40px;} .mb-1{margin-bottom: 8px;} .mb-2{margin-bottom: 16px;} .mb-3{margin-bottom: 24px;} .mb-4{margin-bottom: 32px;} .mb-5{margin-bottom: 40px;} .pb-1{padding-bottom: 8px;} .pb-2{padding-bottom: 16px;} .pb-3{padding-bottom: 24px;} .pb-4{padding-bottom: 32px;} .pb-5{padding-bottom: 40px;} .ml-1{margin-left: 8px;} .ml-2{margin-left: 16px;} .ml-3{margin-left: 24px;} .ml-4{margin-left: 32px;} .ml-5{margin-left: 40px;} .pl-1{padding-left: 8px;} .pl-2{padding-left: 16px;} .pl-3{padding-left: 24px;} .pl-4{padding-left: 32px;} .pl-5{padding-left: 40px;} .mx-1{margin-left: 8px; margin-right: 8px;} .mx-2{margin-left: 16px; margin-right: 16px;} .mx-3{margin-left: 24px; margin-right: 24px;} .mx-4{margin-left: 32px; margin-right: 32px;} .mx-5{margin-left: 40px; margin-right: 40px;} .px-1{padding-left: 8px; padding-right: 8px;} .px-2{padding-left: 16px; padding-right: 16px;} .px-3{padding-left: 24px; padding-right: 24px;} .px-4{padding-left: 32px; padding-right: 32px;} .px-5{padding-left: 40px; padding-right: 40px;} .my-1{margin-top: 8px; margin-bottom: 8px;} .my-2{margin-top: 16px; margin-bottom: 16px;} .my-3{margin-top: 24px; margin-bottom: 24px;} .my-4{margin-top: 32px; margin-bottom: 32px;} .my-5{margin-top: 40px; margin-bottom: 40px;} .py-1{padding-top: 8px; padding-bottom: 8px;} .py-2{padding-top: 16px; padding-bottom: 16px;} .py-3{padding-top: 24px; padding-bottom: 24px;} .py-4{padding-top: 32px; padding-bottom: 32px;} .py-5{padding-top: 40px; padding-bottom: 40px;} div[itemprop="articleBody"] h1, div[itemprop="articleBody"] h2, div[itemprop="articleBody"] h3{font-weight: 400; color: #0448a8;} .nopadding{padding: 0;} .nomargin{margin: 0;} .pTop0{padding-top: 0;} .pBottom0{padding-bottom: 0;} .pLeft0{padding-left: 0;} .pRight0{padding-right: 0;} .mTop0{margin-top: 0;} .mBottom0{margin-bottom: 0;} .mLeft0{margin-left: 0;} .mRight0{margin-right: 0;} .error, .error_tooltip { color: #fc0d1b; font-size: 0.9em; } .nav>li>a:focus, .nav>li>a:hover{background-color: rgba(0,0,0,0.04);} .sp-module { margin-top: 0; } .sp-module ul >li{ border:none; } .sp-module ul >li >a { color: inherit; } .sp-module ul >li >a:hover{ color: #FFEB3B; } .slick-prev, .slick-next{z-index: 10;} .slick-prev {left: 10px;} .slick-next {right: 10px;} .alert { padding: 10px 15px; line-height: 1.2; margin: 15px 0; } .alert p { margin: 0; } .alert-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .btn { border-radius: 4px; color: #ffffff; background-color: #008fd5; border: 2px solid #008fd5; cursor: pointer; outline: none; font-weight: 500; } .btn:hover, .btn:focus{ color:#008fd5; background-color: #ffffff; } .btn.outlineBtn { border: 1px solid #333333; background-color: transparent; color: inherit; } .btn.outlineBtn:hover, .btn.outlineBtn:focus{ background-color: #333333; color:#ffffff; } .btn.btnStyle1 { /* background-color: #d29020; */ /* text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em; background-color: #ffffff; border: 2px solid #008fd5; color: #008fd5; font-weight: 500;*/ } .btn.btnStyle1:hover, .btn.btnStyle1:focus{ /*color:#ffffff; background-color: #008fd5;*/ } .btn.btnStyle2{ /*background-color: #008fd5; text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em;*/ } .btn.btnStyle2:hover, .btn.btnStyle2:focus{ /*color:#ffffff; background-color: #0a84bf;*/ } .currency { font-size: 0.8em; margin-right: 2px; } .oopsDiv {text-align: center; margin: 25px auto; padding: 0 15px; line-height: 1.3;} .oopsDiv .imgWrap img {max-width: 100%;} .oopsDiv .msg {max-width: 600px; margin: 15px auto;} .scrollup { border-radius: 50%; right: 20px; bottom: 20px; border-color: #008fd5; color: #008fd5; } .scrollup:before{color: inherit;} .scrollup:hover { background-color: #008fd5; color: #ffffff; border-color: #008fd5; } .scrollup:hover::before {color: #ffffff;} #url-tabs, .tabNav {list-style: none; display: flex; flex-wrap: wrap; padding: 0;} #url-tabs li, .tabNav li {flex: 1; display: flex; justify-content: center; align-items: center;} #url-tabs li a, .tabNav li a {flex: 1; text-align: center; padding: 10px; font-size: 1.25em; border-bottom: 1px solid #dddddd;} #url-tabs li.active a, .tabNav li.active a {color: #e0a337; border-bottom: 3px solid #e0a337;} .heading #url-tabs, .heading .tabNav {margin: 0 -15px 10px;} .userInfoGroup .userPic .userPicImgWrap img { min-width: 100%; max-width: 100%; min-height: 100%; object-fit: cover; } .userInfoGroup .userPic .userPicImgWrap.hori img { min-width: auto; max-width: none; min-height: 100%; max-height: 100%; transform: translateX(-50%); left: 50%; position: relative; } .modal{ color: #666666; font-size: 14px; } .modal-header { position: relative; border-bottom: none } .modal-footer{border-top: none;} .modal-header .close:before {content: 'x';position: absolute;display: inline-block;top: 1px;left: 5px;} .modal-header .close { width: 20px; height: 20px; background-color: #000000; color: #ffffff; opacity: 0.8; font-weight: 400; border-radius: 50%; text-align: center; font-size: 14px; line-height: 12px; position: relative; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.6); position: absolute; right: -10px; top: -5px; opacity: 0.75; z-index:10; } .modal-header .close:hover { opacity: 1; } .modal-title{color: #2a2a3c;} .modal svg {max-width: 80px; max-height: 80px;} .svgicon.timer {fill: #2a2a3c;} .modal .button_holder .btn {min-width: 110px; letter-spacing: normal; text-transform: none; font-size: 14px; max-width: 200px;} .modal .button_holder {text-align: center;} #drawmachiner_popup {text-align: center;} #initiate_withdrawal .modal-body, #drawmachiner_popup .modal-body {padding: 0 15px;} #drawmachiner_popup .modal-header {padding-top: 25px;} #drawmachiner_popup .modal-header.noHeader{padding-top: 0;} #drawmachiner_popup .modal-footer {padding-bottom: 25px;} #drawmachiner_popup .modal-footer.noFooter {padding-bottom: 0px;} #drawmachiner_popup.modal.fade .modal-dialog {transform: translate(0, 0) scale(0);} #drawmachiner_popup.modal.fade.in .modal-dialog {transform: translate(0, 0) scale(1);} #loadingImage { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); z-index: 100000; } #loadingImage img { max-width: 36px; max-height: 36px; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 100%; max-width: 440px; border-radius: 20px; background-color: transparent; } .form_item_holder + .form_item_holder { margin-top: 20px; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding-left: 40px; } select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], .uneditable-input[disabled], .uneditable-input[readonly], fieldset[disabled] .uneditable-input{ background-color: rgba(17, 17, 17, .07); } input.error, select.error, textarea.error { border-color: #ec0f1c; color: inherit; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } input.error:focus, select.error:focus, textarea.error:focus { border-color: #ec0f1c; color: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; } .input-group.date input[type="text"][readonly] { background-color: transparent; } /* select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } */ .pagination { text-align: center; display: block; } .pagination > ul { display: inline-flex; list-style: none; } .pagination > ul > li a { width: 24px; height: 24px; text-align: center; line-height: 24px; display: block; border: 1px solid #dddddd; margin: 7px; border-radius: 50%; color: inherit; transition: all 0.15s ease-in-out; } .pagination > ul > li a:hover { background-color: #0448a8; border-color: #0448a8; color: #ffffff; } .pagination > ul > li.active a, .pagination > ul > li.active a:hover { border-color: #e0a337; background-color: #e0a337; color: #ffffff; } .datepicker .table-condensed>tbody>tr>td{padding: 1px 3px;} .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-image: none; background-color: #c5d5eb; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled]{ background-color: #0448a8; } .footable{position: relative;} .footable.phone > tbody > tr{ position: relative; /* padding-right: 15px; */ } .footable.phone > tbody > tr .footable-toggle:after {content: '\f107';font-family: FontAwesome;position: absolute;right: 5px;transition: all 0.25s ease-in-out;} .footable.phone > tbody > tr.footable-detail-show .footable-toggle:after { transform: rotate(180deg); } .footable.phone > tbody > tr.footable-detail-show > td { background-color: #eee; } tr.footable-row-detail .footable-row-detail-row > div { display: inline-block; padding: 2px; } tr.footable-row-detail .footable-row-detail-row .footable-row-detail-name { margin-right: 8px; color: #717171; font-style: italic; } tr.footable-row-detail .footable-row-detail-row + .footable-row-detail-row { border-top: 1px dotted #ddd; } .form_item_holder { position: relative; } .form_item_holder:before { content: ''; width: 20px; height: 20px; overflow: hidden; background: url(../images/form-sprite.png) no-repeat left top; display: block; top: 7px; left: 12px; position: absolute; } .form_item_holder.userId:before {background-position: -20px 0px;} .form_item_holder.email:before {background-position: 0px 0;} .form_item_holder.mobile:before {background-position: -100px 0;} .form_item_holder.date:before, .form_item_holder.dob:before {background-position: -60px 0;} .form_item_holder.password:before, .form_item_holder.reg_password:before {background-position: -40px 0;} .form_item_holder.userName:before, .form_item_holder.firstName:before, .form_item_holder.surName:before {background-position: -80px 0;} .form_item_holder.currency:before {background-position: -120px 0;} .form_item_holder.card:before {background-position: -140px 0;} .form_item_holder.home:before {background-position: -160px 0;} .form_item_holder.inst:before {background-position: -180px 0;} .form_item_holder.trans:before {background-position: -200px 0;} .form_item_holder.chat:before {background-position: -220px 0;} .form_item_holder.link:before {background-position: -240px 0;} .form_item_holder.copy:before {background-position: -260px 0;} .form_item_holder select.custome_input {padding-left: 35px;} .legendCap, .contentheading { color: #000000; text-transform: capitalize; font-size: 20px; border-bottom: none; margin-bottom: 5px; } fieldset + fieldset { margin-top: 35px; } .genericError { color: red; } .vAsteriskMsg { font-size: 12px; color: #ababab; } .input-group-addon.btn_date { position: absolute; top: 10px; right: 20px; background: transparent; padding: 0; border: none; } button.input-group-addon.btn_date { position: absolute; top: 0; right: 0; height: 100%; z-index: -1; width: 28px; background-color: transparent; padding: 0; margin-top: 0; border: none; opacity: 0; } /* ------header-------- */ #sp-header { height: 48px; padding: 4px 0; box-shadow: none; transition: all 0.25s ease-in-out; } #offcanvas-toggler { margin-left: 0; line-height: 40px; float: none; padding: 0 10px; } #offcanvas-toggler .fa-bars { color: #ffffff; } #sp-header.menu-fixed { height: 40px; z-index: 999; } #sp-menu { padding: 0; width: 40px; } .menu-fixed #offcanvas-toggler { line-height: 32px; } #sp-header .logo { height: 100%; max-height: 100%; } #sp-header .logo img { max-height: 26px; width: auto; transition: all 0.25s ease-in-out; } #sp-logo > .sp-column { display: flex; align-items: center; justify-content: space-between; flex: 1; } #sp-logo { width: calc(100% - 40px); padding-right: 10px; height: 40px; display: flex; align-items: center; position: relative; padding-left: 0; } #sp-logo .sp-module .btnWrap { text-align: right; } #sp-logo .sp-module .btnWrap .btn { font-size: 12px; /*padding: 7px 15px;*/ letter-spacing: 0.04em; text-align: center; transition: all 0.2s ease-in-out; } #sp-header.menu-fixed #sp-logo .sp-module .btnWrap .btn { padding: 8px 20px; } #sp-header.menu-fixed .logo img { max-height: 26px; } #sp-bottom { padding: 30px 0; } .menu-fixed #sp-logo { height: 32px; } .userInfoWrap { font-size: 12px; font-weight: 500; line-height: 1.2; text-align: right; } .userInfoWrap .amountWrap { color: #FFEB3B; } #sp-logo .mainNav { display: none; } #sp-logo > .sp-column .sp-module:last-child { justify-content: flex-end; /* margin-left: auto;*/ min-width: 120px; padding-left: 0; } #sp-logo > .sp-column .sp-module.langNav{ justify-content: flex-end; margin-left: auto; margin-right: 4px; position: relative; z-index: 100; } .sp-module-content .mod-languages ul.lang-inline{line-height: 0;} .sp-module-content .mod-languages ul.lang-inline li{ margin: 0; padding: 4px; border: 1px solid transparent; border-radius: 3px; } .sp-module-content .mod-languages ul.lang-inline li.lang-active { border-color: #dddddd; background-color: #e8e8e8; } span.icon-remove-1 { background-color: #e6b7ae; padding: 4px 9px 4px 6px; width: auto; height: auto; display: inline-block; color: #bf2304; font-weight: bold; border-radius: 30px; border: 1px solid rgba(0,0,0,0.05); transition: all 0.25s ease-in-out; margin-top: -4px; } /*span.icon-remove-1:after {content: 'Cancel Request';font-size: 10px;display: inline-block;}*/ span.icon-remove-1 img { display: inline-block; width: 14px; margin-right: 5px; } span.icon-remove-1:hover { background-color: #bf2304; color: #ffffff; } form#initiate_withdrawal-form .form_item_holder { max-width: 300px; margin: 20px auto 0; } form#initiate_withdrawal-form, div#Cancel_Withdrawal { text-align: center; } div#Cancel_Withdrawal .success_title img { margin: 0 auto 10px; } div#Cancel_Withdrawal .form-group button { min-width: 90px; margin: 0 5px; } /* -----Offcanvas----- */ .offcanvas { /*height: 100%;*/ position: fixed; overflow-y: hidden; } .offcanvas-overlay { background: rgba(26, 20, 41, 0.88); } .offcanvas-menu { right: auto; left: 0px; transform: translateX(-320px); background-color: #ffffff; color: #333333; /*overflow: hidden; height: 100vh;*/ background: linear-gradient(160deg, #3824a7 0%, #5747b4 50%, #893b93 100%); color: #ffffff; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a{ /*color: #333333;*/ text-transform:none; font-weight: 400; } .offcanvas-menu .offcanvas-inner .sp-module ul > li a:before{ display:none; } .offcanvas .offcanvas-menu { /*right: auto; left: 0px;*/ overflow-y: scroll; } .offcanvas .body-wrapper { transform: translateX(320px); right: auto; left: 0; } .close-offcanvas { background-color: #0448a8; border-color: #0448a8; top: 12px; right: 2px; } .close-offcanvas:hover { background-color: #d29020; border-color: #d29020; color: #ffffff; } .offcanvas-menu .offcanvas-inner { /* border-top: 10px solid transparent; */ padding-top: 10px; } /* .post-login .offcanvas-menu .offcanvas-inner { padding-top:0; } */ .offcanvas-menu .offcanvas-inner .sp-module:first-child { padding: 5px 10px; } .offcanvas-menu .offcanvas-inner .sp-module { margin: 0; padding: 15px 10px; border: none; } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title { font-size: 20px; text-transform: none; font-weight: 400; color: #ffec87; } .offcanvas-menu .offcanvas-inner .sp-module .menu-games, .offcanvas-menu .offcanvas-inner .sp-module .menu-account, .offcanvas-menu .offcanvas-inner .sp-module .menu-quick, .offcanvas-menu .offcanvas-inner .sp-module .menu-social, .offcanvas-menu .offcanvas-inner .sp-module .menu-app { display: flex; flex-wrap: wrap; margin-left: 1px; margin-top: 1px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-games > li, .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li, .offcanvas-menu .offcanvas-inner .sp-module .menu-quick > li, .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li, .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li { flex: 0 0 33.33%; display: flex; border: none; /*border: 1px solid #e5e5e5; margin-left: -1px; margin-top: -1px;*/ padding: 2px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-games > li a, .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li a, .offcanvas-menu .offcanvas-inner .sp-module .menu-quick > li a, .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li a, .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li a { flex: 1; display: flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; line-height:1.1; padding: 10px 8px; font-size: 12px; background-color: rgba(214, 207, 255, 0.12); border-radius: 3px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li.item-137, .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li a.nav-logout{ display: none; } .offcanvas-menu .offcanvas-inner .sp-module .menu-games > li a img { max-width: 100%; max-height: 40px; margin-bottom: 10px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li a img, .offcanvas-menu .offcanvas-inner .sp-module .menu-quick > li a img { max-width: 20px; max-height: 20px; margin-bottom:10px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li a img { max-width: 44px; max-height: 44px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li{flex: 0 0 25%; border: none;} .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li .image-title{display:none;} .offcanvas-menu .offcanvas-inner .sp-module .menu-app{justify-content:space-between;} .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li{flex: 0 0 45%; border-radius:4px; background-color:#0448a8; border-color:#0448a8;} .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li a{flex-direction:row; justify-content:flex-start; color:#ffffff;} .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li a img{ max-width: 15px; max-height: 15px; margin-right:10px; } .offcanvas-menu .offcanvas-inner .sp-module .menu-more { margin: -10px -10px 0; } .offcanvas-menu .offcanvas-inner .sp-module .menu-more > li a { padding: 8px 20px; } .close-offcanvas { width: 40px; height: 50px; border-radius: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 300; background-color: transparent; border: none; } .close-offcanvas:after { content: '\00D7'; } .close-offcanvas i { display: none; } #sp-component{padding-bottom: 40px; min-height: 300px;} .page-header{border-bottom: none;} .entry-header, .page-header{margin-bottom: 0;} #sp-slider .container { padding: 0 !important; } #sp-component .entry-header .post-format{ display: none; } .homePage .entry-header{display: none;} .entry-header h2, .page-header h1 { font-size: 20px; font-weight: 500; color: #000000; } #sp-component .entry-header.has-post-format, #sp-component .page-header { display: block; margin: 0 -15px; position: relative; padding: 0; } #sp-component .page-header:after, #sp-component .entry-header.has-post-format:after, #sp-component .page-header:before, #sp-component .entry-header.has-post-format:before { content: ''; position: absolute; height: 1px; width: 5000px; background-color: #e5e5e5; bottom: 0; right: -5000px; } #sp-component .page-header:before, #sp-component .entry-header.has-post-format:before{ right:auto; left:-5000px; } #sp-left ul.nav li a.separatorHeading { padding: 8px 15px; line-height: 1.2; font-weight: 500; color: rgba(160, 160, 160, 0.85); text-transform: uppercase; background-color: #efefef; cursor: default; } #sp-left ul.nav li a.separatorHeading + ul li a { padding-left: 30px; } #sp-left + #sp-component .page-header:before, #sp-left + #sp-component .entry-header.has-post-format:before{ display: none; } #sp-component .entry-header.has-post-format h2, .page-header h1 { padding: 0 15px 10px; border-bottom: 1px solid #e5e5e5; position: relative; margin-bottom: 12px; margin-top: 8px; } #sp-component .entry-header.has-post-format h2:before, #sp-component .entry-header.has-post-format h2:after, .page-header h1:before, .page-header h1:after {content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 10px solid #e5e5e5; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -10px; left: 20px; z-index: 10; } #sp-component .entry-header.has-post-format h2:before, .page-header h1:before { z-index: 11; border-top-color: #f5f5fa; bottom: -8px; } #sp-component .page-header + .entry-header{display: none;} /* body.fixedWidth .page-header{ margin: 0 auto; max-width: 1030px; position: relative; } body.fixedWidth .page-header:before, body.fixedWidth .page-header:after {content: '';height: 1px;width: 5000px;background-color: #e5e5e5;display: block;position: absolute;bottom: 27px;left: -5000px;} body.fixedWidth .page-header:after { left: auto; right: -5000px; } */ div[itemprop="articleBody"] h3 {font-size: 20px;} div[itemprop="articleBody"] h4 {font-size: 16px;} .gameLinkWrap{ padding:15px 0; margin: 0 -5px; } .gameLinkWrap .menu-games { display: flex; flex-wrap: wrap; } .gameLinkWrap .menu-games > li{ flex: 1; display: flex; border: none; min-width: 100px; margin: 8px 2px; } .gameLinkWrap .menu-games > li a{ flex: 1; display: flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; line-height:1.1; padding: 10px 8px; font-size: 13px; font-weight: 500; box-shadow: 0px 3px 3px rgba(0,0,0,0.17); border: 1px solid rgba(0,0,0,0.04); border-radius: 5px; color: #0448a8; } .gameLinkWrap .menu-games > li a img { max-width: 80%; max-height: 50px; margin-bottom: 10px; margin-top: 10px; } #sp-main-body { padding: 0; } body:not(.homePage) #sp-main-body { padding-top: 70px; } article.item { margin: 0; } .article-footer-wrap { display: none; } #sp-feature { margin: 20px -15px 0; background: #e561ed; background: -moz-linear-gradient(left, #e561ed 0%, #ff4280 100%); background: -webkit-linear-gradient(left, #e561ed 0%,#ff4280 100%); background: linear-gradient(to right, #e561ed 0%,#ff4280 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e561ed', endColorstr='#ff4280',GradientType=1 ); } #sp-feature #sp-feature { margin: 0; } .homefeature-box { display: flex; } .homefeature-box .part-left { flex: 0 0 42%; position: relative; } .homefeature-box .part-right { flex: 1; color: #ffffff; text-transform: uppercase; line-height: 1; display: flex; justify-content: left; align-items: center; flex-wrap: wrap; font-size: 20px; text-align: center; padding: 15px; align-content: center; } .homefeature-box .part-right > div { flex: 0; white-space: nowrap; text-align: left; margin-right: 10px; font-weight: 300; display: inline-block; } .homefeature-box .part-right >.txt1 { font-weight: 500; } .homefeature-box .part-left img { max-width: 240px; margin-top: -25px; margin-bottom: 25px; width: calc(100% + 40px); margin-left: -40px; } .latestnews-box { text-align: center; } .latestnews-box .header { text-transform: uppercase; font-size: 20px; margin-bottom: 10px; } .content { line-height: 1.6; } p{0 0 2px} p + p { margin-top: 2px; } .latestnews-box .btnWrap .btn { margin: 15px 0; min-width: 170px; line-height: 1.7; } #sp-footer2 { font-size: 0.9em; text-align: center; } #sp-footer2 p { margin-bottom: 1.2em; } .sp-copyright { padding: 15px 0px; display: inline-block; } .topBlockWrap .btnWrap { display: flex; /*margin-right: 30px;*/ justify-content: space-between; } .topBlockWrap .btnWrap .btn { /* flex: 0 0 48%; flex: 0 0 100%; border: none; border-top: 2px solid #0448a8; border-radius: 0; color: #0448a8; background-color: transparent; font-weight: bold;*/ min-width: 120px; } #sp-footer { background-color: transparent; padding: 10px 0; } .paymentLogo { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .paymentLogo > div { margin: 5px 10px; } #sp-bottom, #sp-bottom2, #sp-bottom3, #sp-bottom4{display: none;} #sp-bottom4 .socialicon{display: none;} .about-box .imgWrap img { max-width: 280px; margin-bottom: 25px; } /* #sp-bottom4 { text-align: center; padding-top: 50px; } */ .block4-icons img { margin: 0 auto; padding: 10px; max-height: 56px; } .block4-icons { display: flex; } #sp-footer2 .socialicon { font-size: 28px; margin-top: 15px; } #sp-footer1 .sp-column { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: center; } #home_login .modal-footer { border: none; color: #666666; font-size: 14px; } #home_login .modal-footer a { margin: 0 5px; } #home_login .modal-body{padding:0 25px;} form .button_holder { margin-top: 20px; } .loginForm .button_holder { margin-top: 20px; margin-bottom: 20px; } .modal-login .modal-header { border: none; } .modal-login .modal-header .modal-title img { width: 150px; margin: 0 auto; } #home_login .forgotLinkWrap { text-align: right; padding-top: 25px; font-size: 14px; } #home_login .loginClass.btn { width: 100%; margin-bottom: 0; } #home_login .loginForm { margin-top: 15px; } #home_login .modal-content, #home_forgot .modal-content, #home_forgot_thank .modal-content{ max-width: 350px; margin: 0 auto; } #home_forgot_thank .button_holder .btn, #home_forgot .button_holder .btn{ width: 100%; margin-top: 15px; /* margin-bottom: 25px; */ } form.fc-register { max-width: 400px; } form.fc-register button[type="submit"] { width: 100%; margin-top: 25px; margin-bottom: 25px; } form.fc-register .precondition { font-size: 0.8em; line-height: 1.3; margin-top: 25px; } .modal-dialog { top: 80px; } #sp-left { display: none; } #sp-left + #sp-component.col-sm-9, #sp-left + #sp-component.col-md-9{ width: 100%; } #sp-left .nav-logout { display: none; } #transaction-div { margin: 40px 0 20px; } .refer_friend .contentheading { text-align: left; margin: 20px 0 20px; display: block; } .refer_friend .refer_option ul{ border: 1px solid #dddddd; padding: 15px 10px; } .refer_friend .refer_option ul { list-style: none; display: flex; flex-wrap: wrap; } .refer_friend .refer_option ul li { text-align: center; display: flex; flex: 1; } .refer_friend .refer_option ul li a svg { width: 34px; height: 30px; margin: 15px auto; fill: #343a40; } .refer_friend .refer_option ul li a { text-align: center; flex: 1; margin: 2px; border-radius: 5px; color: #333333; } .refer_friend .refer_option ul li a span { display: block; margin-bottom: 10px; } .refer_friend .refer_option ul li a:hover svg { fill: #ffffff; } .refer_friend .refer_option ul li a:hover { color: #ffffff; } .refer_friend .refer_option ul li.link-gmail a:hover {background-color: #ef322e;} .refer_friend .refer_option ul li.link-facebook a:hover {background-color: #214496;} .refer_friend .refer_option ul li.link-twitter a:hover {background-color: #15a0ff;} .refer_friend .refer_option ul li.link-yahoo a:hover {background-color: #660066;} .refer_friend .refer_option ul li.link-outlook a:hover {background-color: #016ec0;} .refer_friend .refer_option ul li.link-sms a:hover {background-color: orange;} form#invite-friend-form .form_item_holder label { display: none; } form#invite-friend-form .form_item_holder .input-group { width: 100%; margin-bottom: 10px; } .refer_friend #invite-friend-btn { margin: 40px 0 25px; min-width: 220px; } .refer_friend .add_friend.btn, .refer_friend .remove_friend.btn { padding: 0; width: 30px; height: 30px; font-size: 1.7em; text-align: center; line-height: 26px; letter-spacing: 0; margin-bottom: 10px; } #invite-friend-mobile-form .form_item_holder.mobile {margin-top: -2px;} #invite-friend-mobile-form .form_item_holder input {background-color: #ffffff; border-radius: 5px;} #transaction-details-form:after { content: ''; display: block; clear: both; } #transaction-details-form .filter { width: 100%; float: left; padding: 0 5px; } #transaction-details-form #search { width: 100%; margin-top: 24px; } #transaction-details-form input, #transaction-details-form .input-group, #transaction-details-form select{width:100%;} #transaction-details-form input[readonly] {cursor: pointer;} .walletContent {text-align: center;margin: 45px 0 25px;} .walletContent .form_item_holder {max-width: 440px; margin: 0 auto;} .walletContent button[type='submit'] { margin-top: 20px; min-width: 100px;} .walletContent .imgWrap img {display: inline-block;} .walletContent .imgWrap {margin: 15px 0;} .walletContent .amountOuterWrap {text-align: center;} .walletContent .amountOuterWrap > div {display: inline-block;} .walletContent .contentheading {margin-top: 10px; margin-bottom: 15px;} .walletContent .iniWithBTN {padding: 6px 30px; margin: 10px 0;} .otpBlockWrap {margin: 10px 0;} .otpBlockWrap .blk { width: 40px; height: 40px; display: inline-block; border: 1px solid #333333; border-radius: 5px; line-height: 38px; font-size: 22px; font-weight: 500; } .otpAfterMsg{ max-width: 480px; margin: 0 auto; margin-bottom: 30px; line-height: 1.4; } .amountWrap {color: #FFEB3B; font-weight: 500;} .refreshIcon { background-color: #ff9f00; width: 20px; display: inline-block; height: 20px; border-radius: 50%; border: 1px solid #f08c1d; line-height: 20px; cursor: pointer; transition: all 0.25s ease-in-out; } .refreshIcon:hover {transform: rotate(180deg);} .disclaimerWrap { text-align: left; font-size: 0.8em; } .disclaimerWrap .label { color: inherit; font-size: 1em; font-style: italic; } .whiteBackground {padding: 25px 15px 25px 15px;} .myTicketOuterWrap {margin: 20px 0; text-align: left;} .myTicketInnerWrap{ color:#333333; font-weight:400;line-height: 100%; overflow: hidden; padding: 4px; text-align: center;/*cursor: pointer;*/} .myTicketInnerWrap > div{ display:inline-block; background-color:#ffffff; border: 1px solid #efefef; padding: 10px; min-height: 155px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.27); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.27);} .myTicketInnerWrap .myTicketInnerWrap1{ width:72%; vertical-align: top; position:relative; padding-bottom: 50px; text-align: left; border-radius: 5px 0 0 5px;} .myTicketInnerWrap .myTicketInnerWrap2{ width:25%; vertical-align: top; text-align: center; text-transform: uppercase; font-size: 14px; /*padding-top: 29px;*/ padding-left: 8px; padding-right: 8px; display: inline-flex; flex-direction: column; justify-content: center; border-radius: 0 5px 5px 0; } .myTicketInnerWrap .ticketGameName{ font-size:18px; font-weight:500;line-height: 120%; color: #000000;} .myTicketInnerWrap .transactionIDTitle, .myTicketInnerWrap .transactionTimeName{ color:#909090; font-size:11px; font-style:italic; } .myTicketInnerWrap .transactionIDNum{ font-size:18px; margin-bottom: 4px;} .myTicketInnerWrap .transactionTimeNum{ font-size:14px;} .myTicketInnerWrap .ticketResultSymbol, .myTicketInnerWrap .ticketPrice { position: absolute; bottom: 10px;} .myTicketInnerWrap .ticketResultSymbol{ left:10px;} .myTicketInnerWrap .ticketPrice { right:10px; font-size:30px; font-weight:300; line-height: 30px; vertical-align: baseline; bottom: 5px;} .myTicketInnerWrap .ticketPrice span{ /*font-size:20px;*/} .myTicketInnerWrap .gameTypeIconTic {margin-bottom: 5px;} .myTicketInnerWrap .gameTypeIconTic img {max-height: 100px; margin: auto;} .myTicketInnerWrap .myTicketInnerWrap1:before, .myTicketInnerWrap .myTicketInnerWrap1:after {content: ''; display: block; width: 19px; height: 282px; position: absolute; background: url(../images/myTicketDottedCurveBig.png) no-repeat center top; top: -1px; right: -10px; z-index: 5; overflow:hidden;} .myTicketInnerWrap .myTicketInnerWrap1:after{ background-position: center bottom; z-index:10; height: 16px; top: auto; bottom: -5px;} #sp-left { /* background-color: #f1f3f4;*/ padding: 0 15px 25px; z-index: 10; position: relative; background: linear-gradient(160deg, #3824a7 0%, #5747b4 50%, #893b93 100%); } #sp-left .sp-module-title { font-size: 1.4em; text-transform: capitalize; font-weight: 500; color: #ffec87; padding: 20px 15px 20px; border-bottom: 4px solid #ffec87; margin: 0 -15px; position: relative; text-align: center; /* background-color: #ffffff; box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/ } #sp-left ul.nav { margin: 0 -15px; } #sp-left ul.nav li a img { display: inline-block; margin-right: 10px; max-width: 28px; height: 28px; padding: 4px; border-radius: 5px; } #sp-left ul.nav li a { padding: 8px 15px; border-bottom: 1px solid rgba(36, 29, 75, 0.38); border-top: 1px solid rgba(233, 217, 245, 0.20); color: #ffffff; } #sp-left ul.nav > li:first-child > a {border-top: none;} #sp-left ul.nav > li:last-child > a {border-bottom: none;} #sp-left .mainNav ul.nav > li:nth-last-child(2) > a {border-bottom: none;} #sp-left ul.nav li a:before { display: none; } #sp-left ul.nav li.current a { background-color: #2586e4; color: #ffffff; } /*#sp-left ul.nav li.current a img { background-color: #ffffff; }*/ .profileHeader { margin: 0 -15px; background: #5747b4 url(../images/profile-bg.png) repeat left top; } .userInfoGroup {display: flex;} .userInfoGroup .userPic {position: relative;} .userInfoGroup .userPic .userPicImgWrap { width: 100px; height: 100px; margin: 10px 15px; border-radius: 50%; overflow: hidden; border: 2px solid #ffffff; cursor: pointer; } .userInfoGroup .userPic .icon { position: absolute; right: 20px; bottom: 7px; width: 24px; height: 24px; background-color: #ffffff; display: block; overflow: hidden; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .userInfoGroup .userPic .icon img {width: 11px;} .userInfoGroup .userInfo { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 1.2; color: #ffffff; font-size: 1.2em; font-weight: 300; } .userInfoGroup .userInfo .userName { font-size: 1em; font-weight: 300; margin-top: 3px; } .profileDetailWrap .detailWrap { max-width: 450px; margin: 20px 0; } .profileDetailWrap .detailWrap .detailRow { display: flex; justify-content: center; align-items: center; margin: 0; border-bottom: 1px dashed #e5e5e5; padding: 8px; } .profileDetailWrap .detailWrap .detailRow .valueWrap { flex: 1; display: flex; } .profileDetailWrap .detailWrap .detailRow .valueWrap .icon { width: 25px; flex: 0 0 25px; } .profileDetailWrap .detailWrap .detailRow .action .btn { padding: 2px 12px; font-size: 11px; text-transform: uppercase; min-width: 70px; } .profileDetailWrap .detailWrap .detailAction { text-align: center; padding: 20px 0; } #myaccount_body_section .button_holder .btn { min-width: 140px; } .user_avtar img { max-width: 300px; margin: auto; } .selected_avtar { max-width: 380px; text-align: center; } .upload_pic_actbtn img { display: inline-block; } #avatar_saving_btn{color: inherit; cursor: default;} .upload_pic_actbtn .save_btn { margin-top: 10px; min-width: 120px; } .formItemBtnGroup, #player-profile-form .do_verify, #player-profile-form .verify {position: relative;} .formItemBtnGroup button, #player-profile-form .do_verify button, #player-profile-form .verify button, #player-profile-form .do_verify .btn_verify, #player-profile-form .verify .btn_verify { position: absolute; top: 0; right: 0; height: 34px; border-radius: 30px; border: 1px solid #cccccc; text-align: center; width: 80px; transform: none !important; border-width: 1px !important; margin: 0 !important; } .formItemBtnGroup input, #player-profile-form .do_verify input, #player-profile-form .verify input { padding-right: 85px; max-width: none; } #player-profile-form .do_verify button, #player-profile-form .verify button {cursor: pointer;} #player-profile-form .do_verify button, #player-profile-form .verify .btn_verify{display:block; } #player-profile-form .do_verify .btn_verify, #player-profile-form .verify button{display:none;} #player-profile-form .verify .btn_verify{ line-height: 30px; color: green; font-size: 12px; font-weight: 500; } #player-profile-form textarea {max-width: none;} #player-profile-form #datepicker {display: block;} .gender .checkbox {margin: 0; display: flex;} .gender .checkbox label { position: relative; padding: 0; margin: 0; /* float: left; */ flex: 1; } /* .gender .checkbox:after {content: '';display: block;clear: both;} */ .gender .checkbox label input{position:absolute; opacity:0;} .gender .checkbox label span { position: relative; border: 1px solid #cccccc; display: block; min-width: 80px; text-align: center; height: 34px; line-height: 32px; } .gender .checkbox label + label { margin-left: -1px;} .gender .checkbox label:first-child span {border-radius: 30px 0 0 30px;} .gender .checkbox label:last-of-type span {border-radius: 0 30px 30px 0;} .gender .checkbox label input:checked + span {background-color: #eeeeee; cursor: default;} .gender .checkbox label input:checked + span:before {content: '\f00c';font-family: FontAwesome;margin-right: 5px;} .send_msg {color: green; line-height: 1.4;} /**********************Inner Mailer Css*****************************/ .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;} .myaccount_body_section .inbox #inbox-table-footable > tbody {border-top: 1px solid #dddddd;} .myaccount_body_section .inbox #inbox-table-footable > tbody > tr > td{padding:0; border-bottom:1px solid #dddddd; 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 #b7b7b7;} /* .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: #0448a8;} .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: 10px 0; margin-bottom: 15px; width: 100%; font-size: 20px; border-bottom: 1px solid #ddd; line-height: 1.2;} .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;} .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; 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 #0448a8;padding: 3px 18px;border-radius: 20px;position: relative;display: inline-block; line-height: 1.6; vertical-align: baseline;} .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: #ffffff; background-color: #0448a8;} .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;} } /**********************Inner Mailer Css*****************************/ /*********** 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 {width: 100%;} .gameListing {display: flex; flex-wrap: wrap; padding: 0 15px 10px;} .gameListing .grid-item {/*width: 100%;*/ padding: 2px;} .gameListing .grid-item .cellInnerWrap figure img {width: 170px; /*margin-right: 10px;*/ flex: 0 0 170px; /*min-height: 170px;*/ margin: 0 auto;} /*.gameListing .grid-item .cellInnerWrap figure {display: flex;}*/ .gameListing .grid-item .cellInnerWrap figure .gameName {color: #0448a8; cursor: default; font-size: 15px; margin-bottom: 0; font-weight: 500;} .gameListing .grid-item .cellInnerWrap figure .gameDesc {font-size: 13px; display: none; line-height: 18px;} .gameListing .grid-item .cellInnerWrap figure .gameDesc .winPrizeWrap {font-size: 11px; font-weight: 500; text-transform: uppercase; color: #d30e24; margin-bottom: 3px;} .gameListing .grid-item .cellInnerWrap figure .gameDesc .winPrizeWrap .currencyWrap {background-color: #ffef91; padding: 1px 4px; border-radius: 5px; border: 1px solid rgba(0,0,0,0.15); letter-spacing: 0.1em; font-size: 14px;} .gameListing figcaption {margin: 0; position: relative; /*padding-bottom: 53px;*/ text-align: center;} .bannerTop {margin-bottom: 10px;} /*.cell .cellInnerWrap:hover {background-color: #f68d2d;}*/ .cell .cellInnerWrap .btnStyle2 {min-height: 38px; font-size: 14px; margin-top: 8px; position: absolute; left: 0; bottom: 0; min-width: 110px; display: none;} #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 *********************************/ /*---------result start--------------------------------*/ .resultWrap .resultHeader {text-align: center;} .resultWrap .resultHeader .content {display: inline-flex; align-items: center;} .resultWrap .resultHeader .content img {max-width: 80px; max-height: 70px; margin-right: 20px;} .resultWrap .resultHeader .content .header {text-align: left; font-weight: 500; font-size: 16px; line-height: 1.4;} .resultWrap .resultHeader .content .header .gameName {color: #0448a8; font-size: 1.4em;} .resultWrap .resultBody {margin: 20px 0;} .r-Table .r-TableHead .r-row {border-bottom: 2px solid #dddddd; font-weight: 500; display: flex;} .r-Table .r-TableBody .r-rowGroup {border-bottom: 1px solid #dddddd;} .r-Table .r-TableBody .r-row {display: flex; font-weight: 500; padding: 10px 0;} .resultWrap.lucky6 .r-Table .r-row .r-Col{padding:0 8px;} .resultWrap.lucky6 .r-Table .r-row .col1{width: 10%;} .resultWrap.lucky6 .r-Table .r-row .col2{width: 12%;} .resultWrap.lucky6 .r-Table .r-row .col3{width: 64%;} .resultWrap.lucky6 .r-Table .r-row .col4{width: 14%;} .r-Table .r-TableBody .r-row .drawMultiplier img {max-width: 30px;} .resultWrap.lucky6 .r-Table .r-TableBody .label {color: #989898; font-size: 0.9em; padding: 0; font-weight: 400;} .r-Table .r-TableBody .r-row .label {display: none;} .r-Table .r-TableBody .r-rowGroup:nth-child(odd) {background-color: #f5f5f5;} .r-Table .r-TableBody .r-rowGroup.accord .r-row {position: relative; cursor: pointer;} .r-Table .r-TableBody .r-rowGroup.accord .r-row:before {content: '\f055';font-family: FontAwesome;font-size: 20px;line-height: 20px;position: absolute;color: #0448a8;right: 5px;top: 50%;margin-top: -10px;} .r-Table .r-TableBody .r-rowGroup.accord.active .r-row:before {color: #d58f1f; content: '\f056';} .r-Table .r-TableBody .r-rowAccordWrap {display: none;} .r-Table .r-TableBody .r-rowAccord {margin: 1px 10px 10px 11px; display: grid; grid-template-columns: repeat(6, auto);} .r-Table .r-TableBody .r-rowAccord .r-col {padding: 8px; border: 1px solid #dddddd; margin: -1px 0 0 -1px;} .r-Table .r-TableBody .r-rowAccord .r-col .detail {font-size: 18px;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .win img {max-width: 28px; display: inline-block; margin-left: 5px;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot {display: inline-block; width: 14px; height: 14px; background-color: #dddddd; margin-left: 5px; border-radius: 50%;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-pink{background-color: #fba8d4;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-red{background-color: #f93525;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-orange{background-color: #f9b81c;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-brown{background-color: #c76e28;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-green{background-color: #8ac539;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-cyan{background-color: #6bd0ca;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-blue{background-color: #0688de;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-magenta{background-color: #d352f7;} .r-Table .r-TableBody .r-rowAccord .r-col .detail .dot.dot-grey{background-color: #8c909c;} .ballList, .ballGroup {display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 0;} .ballList li {display: flex; justify-content: center; align-items: center;} .ballList .ballWrap { width: 35px; height: 35px; border-radius: 50%; margin: 2px; margin-bottom: 2px; display: flex; justify-content: center; /* align-items: center; */ font-weight: bold; position: relative; border: 5px solid #ffffff; padding-top: 2px; background-color: #ffffff; line-height: 1; } .ballList .ballWrap .plusSign { font-weight: 800; font-size: 1.2em; margin: 0 2px; } .ballList .ballWrap .ball { padding: 2px; } .ballList .ballWrap.ball-pink {border-color: #fba8d4;} .ballList .ballWrap.ball-pink.active {background-color: #fba8d4;} .ballList .ballWrap.ball-red {border-color: #f93525;} .ballList .ballWrap.ball-red.active {background-color: #f93525;} .ballList .ballWrap.ball-orange {border-color: #f9b81c;} .ballList .ballWrap.ball-orange.active {/* background-color: #f9b81c; */} .ballList .ballWrap.ball-brown {border-color: #c76e28;} .ballList .ballWrap.ball-brown.active {background-color: #c76e28;} .ballList .ballWrap.ball-green {border-color: #8ac539;} .ballList .ballWrap.ball-green.active {background-color: #8ac539;} .ballList .ballWrap.ball-cyan {border-color: #6bd0ca;} .ballList .ballWrap.ball-cyan.active {background-color: #6bd0ca;} .ballList .ballWrap.ball-blue {border-color: #0688de;} .ballList .ballWrap.ball-blue.active {background-color: #0688de;} .ballList .ballWrap.ball-magenta {border-color: #d352f7;} .ballList .ballWrap.ball-magenta.active {background-color: #d352f7;} .ballList .ballWrap.ball-grey {border-color: #8c909c;} .ballList .ballWrap.ball-grey.active {background-color: #8c909c;} .ballList .ballWrap.active.clover {background-position: center center; background-image: url(../images/clover.png); background-repeat: no-repeat; background-size: 100%; border-width: 2px;} /*---------result css end------------------------*/ /*---------Welcome Bonus PopUp---------------------*/ #regBonusWelcome {text-align: center;} #regBonusWelcome .info-msg-wrap .title { font-size: 22px; color: #0448a8; font-weight: 500; margin-bottom: 15px; margin-top: 10px; } #regBonusWelcome .info-msg-wrap p {font-size: 1.2em;} #regBonusWelcome .icon-wrap { width: auto; height: auto;} #regBonusWelcome .info-msg-wrap.bonus-amt-bg {position: relative;} #regBonusWelcome .info-msg-wrap.bonus-amt-bg .title-md { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; line-height: 1; font-size: 22px; font-weight: 700; } #regBonusWelcome .sec-action-blk .btn {display: block; margin: 10px auto;} #regBonusWelcome .sec-action-blk .btn.btn-primary {min-width: 260px; min-height: 60px; font-size: 1.2em;} #regBonusWelcome .sec-action-blk .btn.btn-plain { background-color: transparent; color: #0448a8; font-weight: 500; min-height: 40px; } /*------------------------------------------------*/ .gamePage #sp-main-body > .container { padding: 0 !important; max-width: 100% !important; } .gamePage #sp-main-body > .container #sp-component{border:none;} .iframeGamePlay {overflow: hidden;} .iframeGamePlay #sp-main-body {position: relative; z-index: 1000;} .iframeGamePlay{ position: fixed; top:0; bottom: 0; left:0; right:0; display:block; } .iframeGamePlay #sp-component #lottogames_div_iframe{ position: fixed; z-index: 1000000; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; -webkit-overflow-scrolling: touch; /*overflow-y: scroll !important;*/ } .iframeGamePlay #sp-component iframe { width: 100% !important; min-height: 100%; /* position: fixed; z-index: 1000000; top: 0; left: 0; background-color: #ffffff; -webkit-overflow-scrolling: touch; overflow-y: scroll !important; */ } /*.iframeGamePlay.br-Safari #sp-component #lottogames_div_iframe,*/ .iframeGamePlay.unSupported #sp-component #lottogames_div_iframe{ overflow-y: scroll !important; } /*.iframeGamePlay.os-Windows #sp-component iframe, .iframeGamePlay.os-Linux #sp-component iframe, .iframeGamePlay.os-Windows #sp-component iframe, .iframeGamePlay.os-Android #sp-component iframe, .iframeGamePlay.br-Chrome #sp-component iframe,*/ /*.iframeGamePlay.br-Firefox #sp-component iframe,*/ .iframeGamePlay.supported #sp-component iframe { height: 100%!important; } iframe#lottogames_iframe_1{height: 100vh;} /*------------------------------------------------*/ .sp-module .offcanvasFixed{display: none;} /* .sp-module .offcanvasFixed { position: fixed; width: 100%; display: flex; left:0; bottom: 0; background-color:#0448a8; } .sp-module .offcanvasFixed li{flex: 0 0 33.33%; border: none; border-top: 1px solid rgba(255,255,255,0.2);} .sp-module .offcanvasFixed li a{ color:#ffffff; text-align:center; font-size:10px; padding: 5px 2px; line-height: 1.3; } .sp-module .offcanvasFixed li a img{ max-height:15px; max-width:15px; margin: 0 auto; margin-bottom: 5px; } .sp-module .offcanvasFixed li a:before { display: none; } .sp-module .offcanvasFixed li + li { border-left: 1px solid rgba(255,255,255,0.2); } .body-wrapper { padding-bottom: 45px; } */ /*-------------------------------*/ @media only screen and (max-width:1199px){ /* #sp-main-body { min-height: calc(100vh - 300px); } */ } @media only screen and (max-width:991px){ .r-Table .r-TableBody .r-rowAccord{grid-template-columns: repeat(4, auto);} } @media only screen and (max-width:767px){ #sp-logo > .sp-column .sp-module.langNav{display: none;} #player-profile-form {max-width: 440px;} .r-Table .r-TableBody .r-rowAccord{grid-template-columns: repeat(3, auto);} .r-Table .r-TableBody .r-row .label {display: block; text-align: left;} .r-Table .r-TableHead {display: none;} .r-Table .r-TableBody {border-top: 1px solid #dddddd; margin: 0 -10px;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row .r-Col {padding: 10px;} .resultBallsWrap {margin-top: 5px;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row {display: grid;grid-template-columns: 30% 70%;grid-template-rows:repeat(3, auto);padding: 0;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row .col1{grid-area: 1/1/2/2; width: 100%;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row .col2 {grid-area: 2/1/3/2;width: 100%; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row .col3 {grid-area: 1/2/4/3;width: 100%; border-left: 1px solid #dddddd; padding-bottom: 50px;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row .col4 {grid-area: 3/1/4/2; width: 100%;} .r-Table .r-TableBody .r-rowGroup.accord .r-row:after {content: 'More Detail'; display: block; width: 100%; position: absolute; bottom: 0; text-align: center; font-size: 9px; text-transform: uppercase;} .r-Table .r-TableBody .r-rowGroup.accord .r-row:before {top: auto; right: auto; left: 50%; bottom: 14px; margin-left: -10px;} .r-Table .r-TableBody .r-rowGroup.accord.active .r-row:after {content:'Less Detail';} .r-Table .r-TableBody{border-top-width: 3px;} .r-Table .r-TableBody .r-rowGroup{border-bottom-width: 3px;} .myaccount_body_section .inbox .mail_item .mail_shortinfo .mail_title .mail_date {float: none; display: block;} } @media only screen and (max-width:480px){ .gameListing .grid-item .cellInnerWrap figure img {margin: 0 auto 5px;} .gameListing .grid-item .cellInnerWrap figure {flex-direction: column;} .gameListing figcaption {text-align: center; padding-bottom: 0px;} .cell .cellInnerWrap .btnStyle2 {position: relative;} .paymentLogo img {height: 12px;} .paymentLogo > div {margin: 5px;} .block4-icons img {max-height: 40px; padding: 5px 10px;} #sp-footer2 .socialicon{margin-top:5px;} #sp-footer{padding: 5px 0;} .sp-copyright{padding: 5px 0px;line-height: 100%;} .refer_friend .refer_option ul li a{line-height: 1.4;} .refer_friend .refer_option ul li a span{margin-bottom: 0; font-size: 11px;} .refer_friend .refer_option ul li a svg{margin: 5px auto;} #sp-logo .sp-module .btnWrap .btn {font-size: 11px; padding: 7px 10px;} .myTicketInnerWrap{ position:relative; padding: 0;} .myTicketInnerWrap > div{ width:100%; display:block;} .myTicketInnerWrap .myTicketInnerWrap1:before, .myTicketInnerWrap .myTicketInnerWrap1:after{background: none;} .myTicketInnerWrap .myTicketInnerWrap2{ position: absolute; width: 100%; top: 0; padding: 10px 0; height: 100px; min-height: 100px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; align-items: center; font-weight: bold; border-radius: 5px 5px 2px 2px; } .myTicketInnerWrap .gameTypeIconTic { margin-bottom: 0; width: 70px; height: 70px; margin-right: 10px; display: flex; justify-content: center; align-items: center; } .myTicketInnerWrap .gameTypeIconTic img { max-height: 70px; margin: auto; margin-right: 15px; } .myTicketInnerWrap .myTicketInnerWrap1{ padding-top: 110px; width: auto; margin: 0 4px; /*border-bottom: 1px solid #DAD8D8;*/ border-radius: 5px; } .myTicketInnerWrap{ overflow: visible; } .r-Table .r-TableBody .r-rowAccord{grid-template-columns: repeat(2, auto);} .search_mail .search_box .input-group input {width: 220px;} .search_mail #delete_main {font-size: 0;} .search_mail #delete_main:before{margin:0;} } @media only screen and (max-width:359px){ .r-Table .r-TableBody .ballList {margin: 0 -10px;} } @media only screen and (min-width:481px){ .gameLinkWrap .menu-games > li{ min-width: 160px; } #transaction-details-form .filter{ width: 50%; } } @media only screen and (min-width:768px){ .container { width: 100% !important; padding: 0 15px !important; max-width: 1600px !important; } #sp-slider .container{ width:100%; } #sp-slider img { width: 100%; } .homefeature-box .part-right { font-size: 36px; } .gameLinkWrap .menu-games > li{ min-width: 150px; } .gameLinkWrap .menu-games > li a img { max-width: 75%; max-height: 80px; margin-bottom: 15px; margin-top: 15px; } .gameLinkWrap { padding: 50px 0; } #sp-homecomponentrow-1 { padding: 50px 0; } #transaction-details-form .filter{ width: 25%; } .gameListing .grid-item {width: 50%;} .gameListing .grid-item .cellInnerWrap figure img{ width: 160px; flex: 0 0 160px; margin: 0; margin-right: 10px; } /*.gameListing .grid-item .cellInnerWrap figure { display: flex; } .gameListing figcaption{ text-align: left; }*/ .gameListing .grid-item .cellInnerWrap figure .gameName{ font-size: 18px; margin-bottom: 4px; } .gameListing .grid-item .cellInnerWrap figure .gameDesc{ display: block; margin-bottom: 45px; } .cell .cellInnerWrap .btnStyle2{display: inline-block;} .offcanvas-menu .offcanvas-inner .sp-module.langNav{height: 22px;} .offcanvas-menu .offcanvas-inner .sp-module.langNav .sp-module-content{display: none;} .resultWrap.lucky6 .r-Table .r-TableBody .r-row:hover {background-color: #fbf7e9;} } @media only screen and (min-width:992px){ .homefeature-box .part-left img{ max-width: 350px; margin-top: -45px; } /* #sp-bottom4 .socialicon{display: block;} */ #sp-bottom .nav li a img { display: none; } #sp-bottom .nav li + li a { border-top: 1px solid rgba(255,255,255,0.15); } /*--------------------------------------*/ .latestnews-box .content {margin: 20px 80px;} /*-------------------------------*/ } @media only screen and (min-width:1200px){ #sp-header { height: 70px; padding: 0; } #sp-header .logo img{ max-height: 52px; width:auto; } #sp-header.menu-fixed .logo img{margin-top: 5px;} #sp-menu{display: none;} #sp-logo{width:100%; height: 70px; padding-left: 15px;} #sp-logo .mainNav { display: block; } #sp-header .mainNav > .sp-module-title + .sp-module-content { display: none; position: absolute; z-index: 100; background-color: #3c28a8; left: 0; /*width: calc(100% + 40px); margin-left: -40px;*/ width:100%; top: 100%; left:0; padding: 15px 15px; border-radius: 0 0 2px 2px; box-shadow: 0 4px 8px rgba(60, 40, 168, 0.26); } #sp-header.menu-fixed .container, #sp-header.menu-fixed .container > .row, #sp-header.menu-fixed .container, #sp-header.menu-fixed #sp-logo{ transition: all 0.25s ease-in-out; } .sp-logo {position: relative;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav {display: flex;} #sp-header .mainNav > .sp-module-content .nav a:before {display: none;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav li { flex: 1; margin: 8px; display: flex; border: none; } #sp-header .mainNav > .sp-module-title + .sp-module-content .nav li a { border-bottom: 1px solid rgb(40, 26, 118); border-top: 1px solid rgb(81, 56, 199); flex: 1; border-radius: 5px; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; } #sp-header .mainNav > .sp-module-title + .sp-module-content .nav li a:hover { background-color: rgba(0,0,0,0.04); } #sp-header .mainNav > .sp-module-title + .sp-module-content .nav li a img { max-width: 120px; max-height: 70px; margin-bottom: 10px; margin-top: 10px; } #sp-header .mainNav:hover > .sp-module-title + .sp-module-content { display: block; } #sp-header .mainNav .menu-quick { display: flex; text-transform: uppercase; font-weight: 400; line-height: 1; font-size: 14px; } #sp-header .mainNav .menu-quick a img { /* display: none;*/ width: 34px; height: 34px; margin-bottom: 4px; transition: all 0.2s ease-in-out; } #sp-header.menu-fixed .mainNav .menu-quick a img { /*display: none;*/ width: 0; height: 0; margin-bottom: 0; } #sp-header .mainNav .menu-quick li a { padding: 0 12px; margin: 0 1px; } #sp-header .mainNav .sp-module-title { margin: 0; height: 70px; padding: 0 12px; cursor: pointer; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 1; transition: all 0.25s ease-in-out; } #sp-header .mainNav .sp-module-title:after { content: '\f107'; font-family: 'FontAwesome'; margin-left: 5px; font-size: 14px; } #sp-header .mainNav:hover .sp-module-title { background-color: rgba(0,0,0,0.04); color: #0448a8; } #sp-header .mainNav .sp-module-title:before {content: '';position: absolute;border-top: 12px solid rgba(0,0,0,0.04);border-left: 6px solid transparent;border-right: 6px solid transparent;width: 0;height: 0;display: none;top: 100%;z-index: 101;} #sp-header .mainNav:hover .sp-module-title:before { display: block; } #sp-header .mainNav .menu-quick li a { line-height: 1; height: 70px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; transition: all 0.25s ease-in-out; } #sp-header .mainNav .menu-quick li:hover a, #sp-header .mainNav .menu-quick li.current a { /* background-color: rgba(0,0,0,0.07);*/ background-color: rgba(33, 150, 243, 0.85); color: #ffffff; } #sp-header .mainNav.main-account{ position: absolute; right: 0; z-index: 10; } #sp-header .mainNav.main-account .sp-module-title{ font-size: 0; min-width: 130px; justify-content: flex-end; } #sp-header .mainNav.main-account .sp-module-title:before{display: none;} #sp-header .mainNav.main-account:hover .sp-module-title{ background-color: transparent; } #sp-header .mainNav.main-account > .sp-module-title + .sp-module-content {width: 240px; right: 0; left: auto; padding: 5px 0 0;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account {flex-direction: column;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li {margin: 0;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li a { flex-direction: row; border-left: 0; border-right: 0; border-radius: 0; justify-content: flex-start; padding: 2px 10px; font-size: 14px; } /*#sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li + li a {border-top: 0;} */ #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li a img {padding: 5px; margin: 0 10px 0 0; max-height: 28px; max-width: 28px; flex: 0 1 auto;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li:last-child > a {border-bottom: none;} #sp-header .mainNav > .sp-module-title + .sp-module-content .nav.menu-account li:first-child > a {border-top: none;} #sp-logo > .sp-column { justify-content: flex-start; } #sp-header .logo { margin-right: 25px; } #sp-header.menu-fixed .mainNav .sp-module-title { height: 40px; } #sp-header.menu-fixed .container, #sp-header.menu-fixed .container > .row, #sp-header.menu-fixed .container, #sp-header.menu-fixed #sp-logo { height: 40px; } #sp-header.menu-fixed .mainNav .menu-quick li a { height: 40px; } .userInfoWrap{padding-right: 20px;} #sp-bottom, #sp-bottom2, #sp-bottom3, #sp-bottom4{display: block;} #sp-component{ position: static; z-index: 1; } #sp-left{ border-right: 1px solid #dddddd; margin-right: -1px; } #sp-left + #sp-component{ border-left: 1px solid #dddddd; } .modal-dialog { top: 0; } #sp-left { display: block; } #sp-left + #sp-component.col-sm-9, #sp-left + #sp-component.col-md-9{ width: 75%; } /* #sp-left + #sp-component .entry-header.has-post-format:after{left:0; transform: translateX(-15px);}*/ .gameListing .grid-item {width: 33.33%;} } @media only screen and (min-width:1400px){ .gameListing .grid-item{width:25%;} } .sbPage.iframeGamePlay.unSupported{position: static; overflow: auto;} .sbPage.iframeGamePlay.unSupported #sp-component #lottogames_div_iframe{position: relative; top: 0; overflow-y: hidden !important;} .sbPage.iframeGamePlay.supported #sp-component #lottogames_div_iframe{top:40px;} .sbPage.iframeGamePlay.supported #sp-component iframe{ height: calc(100% - 40px)!important; } .sbPage #sp-header { height: 40px; z-index: 9999;} .sbPage.supported #sp-header { height: 40px; } .sbPage.supported #offcanvas-toggler { line-height: 32px;} .sbPage.supported #sp-header .logo img {max-height: 20px;} .sbPage.supported #sp-logo {height: 32px;} @media only screen and (min-width:1200px){ .sbPage.supported #sp-header .logo img{margin-top: 5px;} .sbPage.supported #sp-header .mainNav .sp-module-title { height: 40px; } .sbPage.supported #sp-header .container, .sbPage.supported #sp-header .container > .row, .sbPage.supported #sp-header .container, .sbPage.supported #sp-header #sp-logo {height: 40px;} .sbPage.supported #sp-header .mainNav .menu-quick li a {height: 40px;} } /* .unSupported #sp-header .mainNav .menu-quick li:hover a, .unSupported #sp-header .mainNav .menu-quick li.current a {background-color: #f9cd1f;} .unSupported .offcanvas-menu .offcanvas-inner .sp-module .menu-games > li, .unSupported .offcanvas-menu .offcanvas-inner .sp-module .menu-account > li, .unSupported .offcanvas-menu .offcanvas-inner .sp-module .menu-quick > li, .unSupported .offcanvas-menu .offcanvas-inner .sp-module .menu-social > li, .unSupported .offcanvas-menu .offcanvas-inner .sp-module .menu-app > li{background-color: #efefef;} */ body.refer-friend {font-family: Roboto, sans-serif; font-weight: normal; margin: 0;} .referFriendLanding fieldset {padding: 0; border: none; width: 100%; display: block; margin: 0;} .referFriendLanding input { width: calc(100% - 40px); padding-left: 40px; display: block; height: 30px; font-size: 14px; line-height: 1.428571429; color: #555555; background-image: none; background-color: #ffffff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-left: 0; } .referFriendLanding input.error { border-color: #ec0f1c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .referFriendLanding input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6); } .refer-friend .gameLinkWrap .menu-games {padding: 0 15px; margin: 0;} .referFriendLanding .formWrap {background: #f1f1f1;} .referFriendLanding .fc-register {max-width: 440px; margin: 0px auto; padding:25px 15px;} .refer-friend .gameLinkWrap {margin: 0; padding-top: 10px;} .refer-friend .gameLinkWrap .menu-games > li a {text-decoration: none;} .referFriendLanding .imgWrap img {max-width: 240px; margin: 20px auto 0;} .referFriendLanding .imgWrap {text-align: center;} .referFriendLanding .fc-register .fc-submit { display: inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; border-radius: 100px; } .referRegBanner { width: 100%; height: 100%; position: absolute; background-color: #ffffff; overflow: hidden; flex: 1; border-radius: 8px; z-index: 10; } .referRegBanner .bannerContent { position: relative; z-index: 20; width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; } .referRegBanner .bannerBg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .referRegBanner .bannerBg .svg1 { width: 40%; height: 40%; position: absolute; left: -15%; top: -15%; z-index: 1; } .referRegBanner .bannerBg svg { width: 100%; height: 100%; } .referRegBanner .bannerBg .svg2 { width: 80%; height: 110%; position: absolute; right: -8%; top: 2%; z-index: 2; } .referRegBanner .bannerBg .svg3 { width: 42%; height: 70%; position: absolute; right: 1%; bottom: 0%; z-index: 10; display: flex; justify-content: flex-end; } .referRegBanner .bannerContent .content { margin-top: -10%; letter-spacing: 0.05em; line-height: 1.5; padding: 10px 20px; } .referRegBanner .bannerContent .content h2 { font-size: 32px; margin: 0; margin-bottom: 10px; } .referRegBanner .bannerContent .content p { font-size: 20px; } .referRegBanner .bannerContent .content p { font-size: 26px; } .referRegBanner .bannerContent .content .currencyWrap { color: #ff0000; font-weight: bold; } .referRegBanner .bannerContent .content .currencyWrap .currency { font-size: 0.85em; margin-left: 2px; } .referRegBannerWrap { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; } .referRegBannerWrap:after {content: '';width: 100%;z-index: 1;padding-bottom: 56.6%;display: block;} /*********deposit-paymentgateway*********/ .walletFlowContent .dep-block {margin: 10px 0;} .walletFlowContent .dep-block + .dep-block { margin-top: 20px; /*border-top: 1px solid rgba(0,0,0, 0.12); */ padding-top: 20px;} .walletFlowContent .dep-block button.item { background-color: transparent; border: 2px solid #4a4a4a; background-color: f3f3f3; display: flex; justify-content: center; align-items: center; margin: 3px; min-width: 100px; border-radius: 3px; min-height: 42px; color: #000000; } .walletFlowContent .dep-block button.item img {max-width: 36px; max-height: 36px; margin-right: 8px;} .walletFlowContent .dep-block .dep-sub-block button.item {justify-content: flex-start; min-width: 150px;} .walletFlowContent .dep-block button.item.active { background-color: #ffffff; /* color: #ffffff;*/ border-color:#d96704; font-weight: 500; box-shadow: 0 0 6px rgba(217, 103, 4, 0.36);} .walletFlowContent .dep-block .dep-amount-input {margin-top: 15px; display: flex; align-items: center;} .walletFlowContent .dep-block .dep-amount-input .currency-sym { margin-right: 10px; font-size: 1.2em;} .walletFlowContent .dep-block .dep-amount-input input {padding-left: 12px; max-width: 180px;min-height: 48px; margin: 0;} .walletFlowContent .dep-block .list-btn-wrap .list-btn { display: flex; flex-wrap: wrap;} .walletFlowContent .dep-block .dep-sub-block-title { padding: 4px 12px; background-color: #e5e3e7; border-radius: 2px; font-size: 0.95em; letter-spacing: 0.04em; color: #000000; } .walletFlowContent .dep-block .dep-sub-block-title + .list-btn-wrap { border-radius: 0 0 5px 5px; margin-bottom: 15px; padding: 10px 8px; } .walletFlowContent .dep-block .dep-block-title { margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.04em; font-size: 1.1em; font-weight: 600; color: #000000; } .walletFlowContent .choosen-list { display: flex; align-items: center; margin-bottom: 15px; padding: 0px 8px 10px; margin-top: -20px; } .walletFlowContent .dep-block .list-btn {list-style: none; padding: 0;} .walletFlowContent .choosen-list .select-wrap { margin-right: 12px;} .walletFlowContent .choosen-list select {width: 265px;} .walletFlowContent .choosen-list .select-value span.icon { width: 14px; height: 14px; display: block; margin-right: 12px; background-color: #8bc34a; border-radius: 50%; border: 3px solid #000f38; outline: 2px solid #8bc34a; } .walletFlowContent .choosen-list .select-value {display: flex; align-items: center;} .walletFlowContent .action-btn-wrap button {min-width: 120px;} @media only screen and (max-width:767px){ .walletFlowContent .choosen-list {flex-direction: column; align-items: flex-start;} .walletFlowContent .choosen-list .select-value {margin-top: 15px;} .walletFlowContent .choosen-list .select-wrap {margin-right: 0;} } @media only screen and (min-width: 1200px){ /*.gameLinkWrap .menu-games > li {flex: 0 0 calc(33.33% - 70px);} .gameLinkWrap .menu-games {gap: 70px;}*/ #sp-slide .subImage { padding: 10px 40px; } #sp-component > .sp-column { padding: 0; } .gamePage #sp-component > .sp-column { padding: 0; } /*.walletFlowContent.deposit { padding: 10px 80px; }*/ .iframeGamePlay #sp-component > .sp-column { padding: 0px; } } .walletFlowContent .dep-block .form_item_holder:before {display: none;} .walletFlowContent .dep-block .form_item_holder input {padding-left: 15px;} .walletFlowContent .dep-block .form_item_holder label {font-weight: 500;} #sp-book-row{ background: url(../images/siteImg/dark-bg-strip.jpg) repeat-y top center; background-size: 100% auto; text-align: center; } .book-meeting { color: #ffffff; font-size: 1.2em; font-weight: 600; letter-spacing: 0.04em; display: flex; align-items: center; justify-content: center; padding: 5px 0; flex-wrap: wrap; } .book-meeting span { display: inline-flex; align-items: center; margin: 4px 10px; } .book-meeting span img { margin-right: 10px; max-height: 46px; } .book-meeting span.fn-regu { font-weight: 400; } .book-meeting a { text-transform: uppercase; color: #552887; text-decoration: none; background-color: #ffffff; padding: 5px 15px; border-radius: 80px; } @media only screen and (max-width:991px){ #sp-book-row { background-size: auto; background-position: top right; } } @media only screen and (max-width:767px){ .book-meeting { font-size: 1em; } } .unfinished-modal .unfinished-details { text-align: left; } .unfinished-modal .content img { max-width: 160px; margin: 0 auto; width: 100%; } .unfinished-modal .unfinished-details .label { color: inherit; margin-right:5px; text-align:left; padding: 0; line-height:1; } .unfinished-modal .unfinished-details h4 {margin-top:10px;} .unfinished-modal .unfinished-details h4 ~ div { margin-bottom: 0px; } .unfinished-modal .row.unfinished-details {} .unfinished-modal .content .button_holder { margin: 0px 10px 10px; } .unfinished-modal .content .button_holder .btn { margin-top: 10px; max-width: 240px; width:100%; } .unfinished-modal .content { text-align: center; } @media only screen and (max-width: 991px){ .unfinished-modal .unfinished-details, .unfinished-modal .unfinished-details .label { text-align: center; } } /*----new------*/ #sp-multiple-slides {margin: 15px 0;} #sp-multiple-slides .subImage .slideWrap { background-color: #f5f5f5; padding: 15px; border-radius: 10px; /* border: 1px solid #ebebeb; */ box-shadow: 0 2px 4px rgba(0,0,0,0.16); display: grid !important; grid: auto auto auto 1fr / 25% 75%; } #sp-multiple-slides .subImage .slideWrap img { grid-area: 1/1/4/2; background-color: #e5e5e5; /* background: rgb(18, 51, 116); */ /* background: linear-gradient(0deg, rgba(18, 51, 116, 1) 0%, rgba(9, 138, 191, 1) 100%);*/ border-radius: 8px; } #sp-multiple-slides .subImage .slideWrap .imgTitle { grid-area: 1/2/2/3; padding-left: 15px; font-size: 18px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } #sp-multiple-slides .subImage .slideWrap .imgDesc { grid-area: 2 / 2 / 3 / 3; padding-left: 15px; line-height: 1.4; margin-bottom: 10px; } #sp-multiple-slides .subImage .slideWrap > a {padding-left: 15px;} #sp-multiple-slides .subImage .slideWrap > a button { border-radius: 100px; padding: 8px 20px; color: #ffffff; background-color: #008fd5; border: 2px solid #008fd5; cursor: pointer; outline: none; font-weight: 500; width: auto; } #sp-multiple-slides .subImage .slideWrap > a button:hover, #sp-multiple-slides .subImage .slideWrap > a button:focus{ color: #008fd5; background-color: #ffffff; } #sp-multiple-slides .slick-dots {display: none !important;} #sp-multiple-slides .subImage {padding: 10px;} #sp-multiple-slides .slick-prev:before, #sp-multiple-slides .slick-next:before { color: #379dd8; } .homePage #sp-component { display: none; } #sp-slide .gameTimer { padding-top: 14px; /* position: absolute; */ left: 0; top: 50%; height: 60px; display: flex; /*width: 48%;*/ margin-top: -15px; } #sp-slide .gameTimer .title {display: none;} #sp-slide .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-slide .gameTimer .daytime:before, #sp-slide .gameTimer .hrtime:before, #sp-slide .gameTimer .mintime:before, #sp-slide .gameTimer .sectime:before { content: 'DAYS'; display: block; font-size: 11px; font-weight: 500; line-height: 14px; } #sp-slide .gameTimer .hrtime:before {content: 'HRS';} #sp-slide .gameTimer .mintime:before {content: 'MIN';} #sp-slide .gameTimer .sectime:before {content: 'SEC';} #sp-slide .gameTimer > span { min-width: 35px; text-align: center; font-size: 18px; font-weight: 500; } #sp-multiple-slides .subImage .slideWrap .gameTimer {grid-area: 3 / 2 / 4 / 3; margin-left: 15px;} #sp-multiple-slides .subImage .slideWrap > a { grid-area: 4 / 2 / 5 / 3;} @media only screen and (max-width: 767px){ #sp-multiple-slides .subImage .slideWrap { grid: repeat(5, max-content) / 100%; text-align: center; justify-content: center; } #sp-multiple-slides .subImage .slideWrap img {grid-area: 1/1/2/2; margin: 0 auto 15px;} #sp-multiple-slides .subImage .slideWrap .imgTitle {grid-area: 2/1/3/2; padding: 0;} #sp-multiple-slides .subImage .slideWrap .imgDesc {grid-area: 3/1/4/2; padding: 0;} #sp-multiple-slides .subImage .slideWrap > a {padding: 0; grid-area: 5 / 1 / 6 / 2;} #sp-multiple-slides .subImage .slideWrap .gameTimer { grid-area: 4 / 1 / 5 / 2; margin: auto; } } /*----New Styles---------------*/ body { background-color: #f5f5fa; line-height: 1.6; color: #2a2a3c; font-family: "Noto Sans", sans-serif; font-size: 16px; font-weight: 400; } #sp-header { background: linear-gradient(160deg, rgba(56, 36, 167, 0.65) 0%, rgba(87, 71, 180, 0.65) 50%, rgba(137, 59, 147, 0.65) 100%); position: absolute; color: #ffffff; backdrop-filter: blur(4px); } body:not(.homePage) #sp-header { background: linear-gradient(160deg, rgba(56, 36, 167, 1) 0%, rgba(87, 71, 180, 1) 50%, rgba(137, 59, 147, 1) 100%); } body:not(.homePage) #sp-header.menu-fixed, #sp-header.menu-fixed{ background-color: #422382; /*background: linear-gradient(160deg, #3824a7 0%, #5747b4 50%, #893b93 100%);*/ background: linear-gradient(160deg, rgba(56, 36, 167, 0.95) 0%, rgba(87, 71, 180, 0.95) 50%, rgba(137, 59, 147, 0.95) 100%); backdrop-filter: blur(3px); } #sp-banner { position: relative; margin-bottom: 3vw; } #sp-banner:after { content: ""; background: url(../images/siteImg/slider-bottom-element1.png) no-repeat center center; width: 859px; height:242px; position:absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); background-size: 30vw; } #bottom-outer-wrap { color: #ffffff; background: linear-gradient(160deg, #3824a7 0%, #5747b4 50%, #893b93 100%); margin-top: 6vw; font-weight: 300; padding-top: 3vw; padding-bottom: 1vw; } #sp-position1, #sp-position2, #sp-position3, #sp-position5 { margin-bottom: 15px; } #sp-position2, #sp-position4 { position: relative; z-index: 2; } .trusted-box { display: flex; align-items: flex-end; margin-top: 15px; } .trusted-box__title { font-size: 24px; font-weight: 600; margin-bottom: 10px; line-height: 1.3; } .trusted-box__image { min-width: 145px; margin-left: 30px; } @media only screen and (max-width:767px){ .trusted-box {flex-direction: column-reverse; align-items: center;} .trusted-box__image {margin-bottom: 15px;} .trusted-box__text {text-align: center; font-size: 14px;} } .title-row { display: flex; align-items: center; margin-bottom: 15px; } .title-row__text { flex: 1; font-size: 24px; font-weight: 600; } .title-row__icon { max-width: 48px; margin-right: 15px; } #sp-footer1 {text-align: center;} #sp-footer1 a {color: inherit;} .footer1-wrap .block1, .footer1-wrap .block2 { font-size: 18px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .footer1-wrap .block2 { margin-bottom: 20px; } .socialicon { font-size: 40px; margin-bottom: 10px; line-height: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 20px; } .footer2-wrap { text-align: center; margin-top: 2vw; padding-top: 2vw; border-top: 1px solid rgba(255, 255, 255, 0.15); } .footer2-wrap .logo-wrap img { max-width: 160px; margin: 0 auto 1vw; } ul.slick-dots { display: none !important; } .slick-dotted.slick-slider { margin-bottom: 0; } .slick-slider .slick-slide { padding-bottom: 24px; } #sp-position1 .slick-slider {margin: 0 -15px;} #sp-position2 { padding-bottom: 24px; } .offcanvas-menu .socialicon a { color: #ffffff; } .modal-dialog.onlyIMG .modal-header, .modal-dialog.onlyIMG .modal-body, .modal-dialog.onlyIMG .modal-footer {padding: 0;} .modal-dialog.onlyIMG {font-size: 0; border: 0;} .modal-dialog.onlyIMG .modal-body img {width: 100%;} .modal-dialog.onlyIMG .modal-body {border-radius: 4px; overflow: hidden;} body.gamePage.sportsPage #bottom-outer-wrap {margin-top: 0;} body.gamePage.sportsPage #sp-component {padding-bottom: 0;} body.gamePage.sportsPage #sp-component #sports-book-container {font-size: 0;} body.gamePage.sportsPage #sp-component #sports-book-container iframe {height: calc(100vh - 70px) !important;} body.gamePage.sportsPage #sp-header.menu-fixed ~ #sp-main-body #sp-component #sports-book-container iframe {height: calc(100vh - 40px) !important; } @media only screen and (max-width:991px){ body.gamePage.sportsPage #sp-component #sports-book-container iframe {height: calc(100vh - 48px) !important;} } /*-------*/ @media only screen and (max-width:1199px){ .footer2-wrap { border-top: none; margin-top: 0; padding-top: 0; } body:not(.homePage) #sp-main-body { padding-top: 48px; } } @media only screen and (max-width:991px){ #sp-position4 { margin-bottom: 30px; } } @media only screen and (min-width:768px) and (max-width:991px){ .lotto-card__image { max-width: 140px; } } /*--- Block: Promo Block | Home Page ---*/ .promo-area {margin-top: 8vw; margin-bottom: 3vw;} .promo-area__title {text-align: center; font-size: 1.4em; margin: 1rem; font-weight: 600;} .promo-block { display: flex; background-color: #3c29a9; color: #ffffff; position: relative; /*min-height: 280px;*/ min-height: 14.5833vw; border-radius: 1rem; text-align: left; padding: 10px 15px; } .promo-block > figure {position: absolute; bottom: 0; transform: scale(1);} .promo-block .img-comp-wrap {position: relative;width: 25.46875vw;height: 24.0625vw;display: block;} .promo-block .img-comp-wrap > img {position: absolute;} /* .promo-block .img-comp-wrap .im1 {bottom: 174px; right: 289px;} .promo-block .img-comp-wrap .im2 {bottom: 84px;right: 187px;} .promo-block .img-comp-wrap .im3 {bottom: 0px;right: 0px;} .promo-block .img-comp-wrap .im4 {bottom: 247px;right: 178px;} .promo-block .img-comp-wrap .im5 {bottom: 188px;right: 27px;} .promo-block .img-comp-wrap .im6 {bottom: 244px;right: 113px;} .promo-block .img-comp-wrap .im7 {bottom: 160px;right: 152px;} .promo-block .img-comp-wrap .im8 {bottom: 10px;right: 189px;} .promo-block .img-comp-wrap .im9 {bottom: 310px;right: 72px;} .promo-block .img-comp-wrap .im10 {bottom: 195px;right: 376px;} .promo-block .img-comp-wrap .im11 {bottom: 346px;right: 295px;} .promo-block .img-comp-wrap .im12 {bottom: 232px;right: 130px;} .promo-block .img-comp-wrap .im13 {bottom: 26px;right: 350px;} .promo-block .img-comp-wrap .im14 {bottom: 364px;right: 165px;}*/ .promo-block .img-comp-wrap .im1 {bottom: 37.662338%; right:59.100204%; width:31.083845%; height:41.341991%;} .promo-block .img-comp-wrap .im2 {bottom: 18.181818%; right:38.241309%; width:61.758691%; height:34.199134%;} .promo-block .img-comp-wrap .im3 {bottom: 0; right:0; width:93.865031%; height:50.21645%;} .promo-block .img-comp-wrap .im4 {bottom: 53.463203%; right:36.400818%; width:24.948875%; height:33.116883%;} .promo-block .img-comp-wrap .im5 {bottom: 40.692641%; right:5.521472%; width:25.357873%; height:29.004329%;} .promo-block .img-comp-wrap .im6 {bottom: 52.813853%; right:23.108384%; width:26.789366%; height:24.675325%;} .promo-block .img-comp-wrap .im7 {bottom: 34.632035%; right:31.083845%; width:30.470348%; height:32.034632%;} .promo-block .img-comp-wrap .im8 {bottom: 2.164502%; right:38.650307%; width:29.652352%; height:22.077922%;} .promo-block .img-comp-wrap .im9 {bottom: 67.099567%; right:14.723926%; width:16.768916%; height:17.532468%;} .promo-block .img-comp-wrap .im10 {bottom: 42.207792%; right:76.891616%; width:22.494888%; height:23.809524%;} .promo-block .img-comp-wrap .im11 {bottom: 74.891775%; right:60.327198%; width:13.496933%; height:25.108225%;} .promo-block .img-comp-wrap .im12 {bottom: 50.21645%; right: 26.584867%; width:13.701431%; height:11.471861%;} .promo-block .img-comp-wrap .im13 {bottom: 5.627706%; right:71.574642%; width:20.858896%; height:26.623377%;} .promo-block .img-comp-wrap .im14 {bottom: 78.787879%; right:33.742331%; width:7.97546%; height:14.502165%;} .promo-block--style1 {padding-left: 12.03125vw; background: rgb(253,205,2); background: linear-gradient(0deg, rgba(253,205,2,1) 0%, rgba(252,92,4,1) 100%);} .promo-block--style2 {padding-right: 20.052083vw; background: rgb(63,187,254); background: linear-gradient(0deg, rgba(63,187,254,1) 0%, rgba(165,65,255,1) 100%);} .promo-block--style1 > figure {transform-origin: bottom left; left: 0; margin-left: -4.010416vw; margin-bottom: -2.8125vw; width: 16.875vw; height: 29.635416vw;} .promo-block--style2 > figure {transform-origin: bottom right; right: 0; margin-right: -7.60416vw; margin-bottom: -1.5625vw;} .promo-area__block-title { font-size: 1.8em; text-transform: uppercase; line-height: 1; font-weight: 800; margin-top: 1.5rem; margin-bottom: 1rem; } .promo-area__block-title > span {display: block;} .promo-area__block-title .fn2 {font-size: 0.8em; font-weight: 600;} .promo-block p {line-height: 1.4; margin-bottom: 2rem;} /*-----------*/ @media only screen and (max-width: 767px){ .promo-block--style1 { padding-left: 120px; } .promo-block--style1 > figure { width: 154px; height: 270px; margin-left: -40px; } .promo-block--style2 { padding-right: 120px; } .promo-block--style2 > figure .img-comp-wrap { width: 150px; height: 142px; } .promo-block--style2 > figure{margin-right: -30px;} } /*--- Block: lotto-card | HomePage: Draw Games Block ---*/ .lotto-card { color: #ffffff; background-color: #0093E9; background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); border-radius: 10px; display: flex; flex-direction: row-reverse; position: relative; padding: 10px 15px; overflow: hidden; box-shadow: 0 5px 16px 0px rgba(109, 101, 157, 0.4); } .lotto-card--bg1 {background-color: #ab216f; background: linear-gradient(160deg, #742b8d 0%,#e61851 100%);} .lotto-card--bg2 {background-color: #89b725; background: linear-gradient(160deg, #269d42 0%, #fed703 100%);} .lotto-card__image {align-self: center; position: relative; z-index: 10;} .lotto-card__content {position: relative; z-index: 10; display: grid; flex: 1;} .lotto-card__title { font-weight: 600; font-size: 1.4em; line-height: 1.2; letter-spacing: 0.04em; order: 0; } .lotto-card__next-draw {margin-bottom: 10px; font-size: 0.9em; font-weight: 500;} .lotto-card__next-draw-time {font-style: italic;} .lotto-card__timer-counter {margin-bottom: 22px;} .lotto-card__timer-counter span { min-width: 40px; display: inline-block; text-align: center; font-size: 1.2em; position: relative; font-weight: 600; background-color: #ffffff; color: #27a6df; border-radius: 3px; line-height: 1.75; margin-right: 3px; } .lotto-card__timer-counter span:after { content: ":"; position: absolute; right: -6px; top: 0px; color: #ffffff; } .lotto-card__timer-counter span:before { content: ""; display: block; position: absolute; text-align: center; font-size: 0.6em; width: 100%; left: 0; top: 100%; color: #ffffff; } .lotto-card--bg1 .lotto-card__timer-counter span {color: #96257b;} .lotto-card--bg2 .lotto-card__timer-counter span {color: #63ad30;} .lotto-card__timer-days:before {content: "DAYS";} .lotto-card__timer-hours:before {content: "HRS";} .lotto-card__timer-minutes:before {content: "MINS";} .lotto-card__timer-seconds:before {content: "SECS";} .lotto-card__timer-seconds:after {display: none;} .lotto-card__action {order: 5;} .lotto-card__win-amount {order: 3;margin-bottom: 10px;} .lotto-card__win-amount-label {font-style: italic; font-weight: 600;} .lotto-card__win-amount-prize { font-size: 2em; line-height: 1; font-weight: 600; letter-spacing: 0.04em; } .lotto-card__description, .lotto-card__price, .lotto-card__prev-draw, .lotto-card__next-draw-label, .lotto-card__timer-label {display: none;} .lotto-card:after { content: ""; opacity: 0.4; background-image: conic-gradient( rgba(255,255,255,1) 0deg 10deg, rgba(255,255,255,0) 10deg 20deg, rgba(255,255,255,1) 20deg 30deg, rgba(255,255,255,0) 30deg 40deg, rgba(255,255,255,1) 40deg 50deg, rgba(255,255,255,0) 50deg 60deg, rgba(255,255,255,1) 60deg 70deg, rgba(255,255,255,0) 70deg 80deg, rgba(255,255,255,1) 80deg 90deg, rgba(255,255,255,0) 90deg 100deg, rgba(255,255,255,1) 100deg 110deg, rgba(255,255,255,0) 110deg 120deg, rgba(255,255,255,1) 120deg 130deg, rgba(255,255,255,0) 130deg 140deg, rgba(255,255,255,1) 140deg 150deg, rgba(255,255,255,0) 150deg 160deg, rgba(255,255,255,1) 160deg 170deg, rgba(255,255,255,0) 170deg 180deg, rgba(255,255,255,1) 180deg 190deg, rgba(255,255,255,0) 190deg 200deg, rgba(255,255,255,1) 200deg 210deg, rgba(255,255,255,0) 210deg 220deg, rgba(255,255,255,1) 220deg 230deg, rgba(255,255,255,0) 230deg 240deg, rgba(255,255,255,1) 240deg 250deg, rgba(255,255,255,0) 250deg 260deg, rgba(255,255,255,1) 260deg 270deg, rgba(255,255,255,0) 270deg 280deg, rgba(255,255,255,1) 280deg 290deg, rgba(255,255,255,0) 290deg 300deg, rgba(255,255,255,1) 300deg 310deg, rgba(255,255,255,0) 310deg 320deg, rgba(255,255,255,1) 320deg 330deg, rgba(255,255,255,0) 330deg 340deg, rgba(255,255,255,1) 340deg 350deg, rgba(255,255,255,0) 350deg 360deg ); -webkit-mask-image: radial-gradient(circle, black 0%, transparent 70%, transparent 100%); mask-image: radial-gradient(circle, black 0%, transparent 70%, transparent 100%); position: absolute; top: 0; right: -40%; width:120%; height: 100%; z-index: 1; } .lotto-card:before { content: ""; background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%); width: 52%; height: 100%; position: absolute; z-index: 2; top: 0; bottom: 0; right: -7%; opacity: 0.65; } /*------*/ @media only screen and (max-width:1279px){ .lotto-card__timer-counter span{min-width: 30px;} .lotto-card__title{font-size:1.2em;} } @media only screen and (max-width:479px){ .lotto-card__image { max-width: 135px; } } /*--- Block: instant-card | HomePage: Instant Games Block ---*/ .instant-card {box-shadow: 0 5px 16px 0px rgba(109, 101, 157, 0.4); overflow: hidden; position: relative; text-align: center; border-radius: 1rem; transition: all 0.2s ease-in-out;} .instant-card__image {width: 100%; height: auto; object-fit:cover;} .instant-card:after, .instant-card:before {content: ""; width: 100%; height: 106%; position: absolute; top: -3%; left: 0; opacity: 0; transition: all .5s ease; background: rgba(11,33,47,.9);} .instant-card:after {background: rgba(255,255,255,.3); border: 2px solid #ffffff; z-index: 1; opacity: 1; transform: skewX(45deg); transition: all 1s ease; left: 170%;} .instant-card:hover {transform: scale(1.08); box-shadow: 0 8px 22px 0px rgba(109, 101, 157, 0.3);} .instant-card:hover:before {opacity: 1;} .instant-card:hover:after {left: -170%;} .instant-card__content {width: 100%; position: absolute; bottom: -100%; left: 0; padding: 0.5rem; transition: all .5s ease;} .instant-card:hover .instant-card__content {bottom: 50%; transform: translateY(50%);} .instant-card__title {display: block; font-size: 22px; font-weight: 700; color: #fff; margin: 0 0 10px; letter-spacing: 1px; text-transform: uppercase;} .instant-card__text {display: block; font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 10px; font-style: italic;} .instant-card__actions {padding: 0; list-style: none; margin: 0;} .instant-card__actions-item {display: block;} .instant-card__actions-link {display: inline-block; transition: all .5s ease;} /* Media Queries */ @media only screen and (min-width: 768px) and (max-width: 1199px) { .instant-card__title, .instant-card__text {display: none;} } /*-------Block: result-card | HomePage: Lotteries Result Section-------*/ .result-card .result-card__top-part { background-color: #0093E9; background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); color:#ffffff; text-align:center; } .result-card--style1 .result-card__top-part { background-color: #ab216f; background: linear-gradient(160deg, #742b8d 0%, #e61851 100%); } .result-card--style2 .result-card__top-part { background-color: #89b725; background: linear-gradient(160deg, #269d42 0%, #fed703 100%); } .result-card--style3 .result-card__top-part { background-color: #0093E9; background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .result-card__image {margin: 0 auto;} .result-card__title { margin-top: -20px; font-size: 1.3em; font-weight: 600; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.36); } .result-card__info { padding-bottom: 15px; font-weight: 500; text-shadow: 0 1px 3px rgba(0,0,0,0.36); } .result-card { background-color: #ffffff; border-radius: 1rem; overflow: hidden; display: flex; flex-direction: column; } .result-card__bottom-part { padding: 15px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .result-card__result {display: flex;justify-content: center;flex-wrap: wrap;} .result-card__result .ballList { flex: 0 0 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .result-card__result .ballList + .ballList { margin-top: 5px; } .result-card__result .ballList .ballGroup { display: flex; flex-wrap: wrap; justify-content: center; } .result-card__details { padding: 15px 0; display: flex; } .result-card__detail { padding: 0 15px; text-align: center; flex: 1; } .result-card__detail + .result-card__detail { border-left: 1px solid rgba(0,0,0,0.2); } .result-card__detail-value { font-size: 1.2em; font-weight: 600; line-height: 1.2; } .result-card__actions { text-align: center; } /*-------*/ @media only screen and (min-width:768px) and (max-width:1199px){ .result-card {flex-direction: row;} .result-card__info {font-size: 0;} .result-card__info span {font-size: 14px;} .result-card__gameID {display: block; line-height: 1; margin-top: 3px;} .result-card__image {max-width: 145px;} } /*-------Block: Jackpot | HomePage: Jackpot Section-------*/ .spinner-frame{ margin: 0; perspective: 1000; -webkit-perspective: 1000; } .spinner{ width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: all 0.8s ease-in-out; } .spin-num{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 30px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; position: absolute; left:0; top:0; } /* 2πr :: r = 120x10 x 1/2 x 7/22 = 190.9 */ .spin-num.spinno0 {transform: rotateX(0deg) translateZ(190.9px);} .spin-num.spinno1 {transform: rotateX(-36deg) translateZ(190.9px);} .spin-num.spinno2 {transform: rotateX(-72deg) translateZ(190.9px);} .spin-num.spinno3 {transform: rotateX(-108deg) translateZ(190.9px);} .spin-num.spinno4 {transform: rotateX(-144deg) translateZ(190.9px);} .spin-num.spinno5 {transform: rotateX(-180deg) translateZ(190.9px);} .spin-num.spinno6 {transform: rotateX(-216deg) translateZ(190.9px);} .spin-num.spinno7 {transform: rotateX(-252deg) translateZ(190.9px);} .spin-num.spinno8 {transform: rotateX(-288deg) translateZ(190.9px);} .spin-num.spinno9 {transform: rotateX(-324deg) translateZ(190.9px);} .spin-num{backface-visibility: hidden;} .spinner-frame{overflow: hidden;} .spinner-wrapper {position: relative;} .spinner-wrapper .spin-frame-img1 {width: 100%; position: relative; z-index: 1;} .spinner-wrapper .spin-frame-img2, .spinner-wrapper .spin-frame-img3 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .spinner-wrapper .spin-frame-img3 {z-index: 4;} .spinner-outer-box { width: 100%; height: 45.33965244865719%; top: 41.54818325434439%; left: 0; position: absolute; z-index: 2; } .spinner-wrapper .spinner-inner-box {z-index: 3;} .spinner-wrapper .spinner-inner-box .spinner-frame { position: absolute; left: 0; top: 36.93379790940767%; width: 8.024691358024691%; height: 45.99303135888502%; } .spinner-inner-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr1{left:25.51440329218107%;} .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr2{left:35.39094650205761%;} .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr3{left:45.26748971193416%;} .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr4{left:55.24691358024691%;} .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr5{left:65.22633744855967%;} .spinner-wrapper .spinner-inner-box .spinner-frame.spin-fr6{left:75.10288065843621%;} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num{ font-size: 0; background-size: 84%; background-repeat: no-repeat; background-position: center center; } .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno0{background-image: url('../images/siteImg/jackpot-num0.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno1{background-image: url('../images/siteImg/jackpot-num1.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno2{background-image: url('../images/siteImg/jackpot-num2.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno3{background-image: url('../images/siteImg/jackpot-num3.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno4{background-image: url('../images/siteImg/jackpot-num4.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno5{background-image: url('../images/siteImg/jackpot-num5.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno6{background-image: url('../images/siteImg/jackpot-num6.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno7{background-image: url('../images/siteImg/jackpot-num7.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno8{background-image: url('../images/siteImg/jackpot-num8.png');} .spinner-wrapper .spinner-inner-box .spinner-frame .spin-num.spinno9{background-image: url('../images/siteImg/jackpot-num9.png');} .spinner-wrapper { max-width: 50.78vw; transform: rotate(-6deg); margin: 0 auto; z-index: 4; } .jackpot-area {position: relative; overflow: hidden;} .jackpot-area_left-part, .jackpot-area_right-part { position: absolute; z-index: 11; top: 0; left: 0; width: 30vw; height: 100%; } .jackpot-area_right-part {left: auto; right: 0;} .jackpot-area_left-img1 {position: absolute;top: 4.8%;left: -15.5%;width: 37.326388%;z-index: 11;} .jackpot-area_left-img2 {position: absolute;bottom: 17%;left: 9%;width: 25.173611%;z-index: 21;} .jackpot-area_left-img3 { position: absolute; top: 48.8%; left: 49%; width: 26.173611%; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 4px rgb(61 22 113 / 26%); transform: rotate(20deg);z-index: 31; } .jackpot-area_left-img4 { position: absolute; top: 39.8%; left: 36%; width: 24.173611%; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 4px rgb(61 22 113 / 26%); transform: rotate(-21deg);z-index: 25; } .jackpot-area_left-num { position: absolute; left: 19%; top: 4%; font-size: 18.3vw; line-height: 1; letter-spacing: -25px; font-weight: 700; color: #201e22; opacity: 0.12; z-index: 4; } .jackpot-area_left-title { position: absolute; left: 35%; top: 31.5%; font-size: 1.4vw; line-height: 1; font-weight: 800; z-index: 4; display: flex; color: #330369; letter-spacing: -0.03em; } .jackpot-area_left-title .txt2 { font-size: 0.9em; margin-left: 0.1em; margin-top: 0.1em; font-weight: 600; } .jackpot-area_right-img1 { position: absolute; top: 7.5%; right: 38%; width: 19%; z-index: 11; transform: rotate(-20deg); } .jackpot-area_right-img2 { position: absolute; bottom: 37%; right: 37%; width: 16.6%; z-index: 21; transform: rotate(-30deg); } .jackpot-area_right-img3 { position: absolute; top: 22%; right: -6.5%; width: 37.847222%; z-index: 21; } .jackpot-area_right-text1, .jackpot-area_right-text2, .jackpot-area_right-text3 { position: absolute; font-size: 1.4vw; line-height: 1; font-weight: 800; z-index: 4; color: #330369; text-align: center; letter-spacing: -0.03em; } .jackpot-area_right-text1 { right: 44%; top: 21.6%; transform: rotate(9deg) scale(0.98); } .jackpot-area_right-text2 { right: 58.5%; top: 36.7%; transform: rotate(-12deg) scale(1.1); } .jackpot-area_right-text3 { right: 44%; bottom: 25%; transform: scale(0.9); } .jackpot-area_right-text1 .txt1 { font-size: 0.8em; font-weight: 600; } .jackpot-area_right-text2 .txt1 { font-size: 1.65em; font-weight: 900; line-height: 0.8em; } .jackpot-area_right-text2 .txt2 { font-size: 0.8em; font-weight: 600; line-height: 1.2; } .jackpot-area_right-text3 .txt1 { font-size: 0.8em; font-weight: 600; } /*-------*/ @media only screen and (max-width:991px){ .spinner-wrapper { max-width: 80vw; } .jackpot-area_left-img3, .jackpot-area_left-img4, .jackpot-area_left-num, .jackpot-area_left-title, .jackpot-area_right-text1, .jackpot-area_right-text2, .jackpot-area_right-text3 { display: none; } .jackpot-area_left-img1 { width: 87.326388%; left: -31.5%; } .jackpot-area_left-img2 { width: 40.173611%; bottom: 7%; } .jackpot-area_right-img2 { width: 34.6%; bottom: 14%; right: 19%; } .jackpot-area_right-img1 { right: 9%; width: 41%; top: 3.5%; } .jackpot-area_right-img3 { top: 29%; right: -24.5%; width: 62.847222%; } } /*----Lottery Section: Home page Video----------*/ /*.lottery-section-wrapper, .video-outer-wrapper{ display: flex; }*/ .video-outer-wrapper .video-wrapper{ display: flex; flex: 1; overflow: hidden; border-radius: 1rem; position: relative; cursor: pointer; } .video-outer-wrapper .video-wrapper video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 100%; } /*-------*/ .lottery-section-wrapper > .container > .row { display: flex; } #sp-position2, .video-outer-wrapper, .video-outer-wrapper .sp-module, .video-outer-wrapper .sp-module-content, .video-outer-wrapper .sp-module-content > .custom { flex: 1; display: flex; } @media only screen and (max-width:1259px){ .lotto-card__timer-days.daytime.hide { display: inline-block !important;!i;!; } #sp-position1, #sp-position2 { width: 100%; display: block; } .video-outer-wrapper .video-wrapper video { position: relative; } .lottery-section-wrapper > .container > .row { display: block; } .video-outer-wrapper .video-wrapper { max-width: 500px; margin: 0 auto; width: 100%; display: block; } } @media only screen and (max-width:767px){ .video-outer-wrapper .video-wrapper video { max-width: 100%; } } /*------Button Style----------------*/ .btn, .btn.btn-primary{ border-color: #e56100 !important; border: 1px solid; border-bottom-width:4px; border-radius: 100px; background: rgb(255, 156, 1) !important; background: linear-gradient(0deg, rgba(255, 156, 1, 1) 0%, rgba(254, 198, 2, 1) 100%) !important; padding: 10px 20px; overflow: hidden; color: #ce3f00 !important; font-weight: bold; line-height: 1.2; text-align: center; text-shadow: 0px 2px 0px #ffd672, -1px 0px 0px #ffd672, 0px -1px 0px #ffd672, 1px 0px 0px #ffd672; position: relative; transition: all 0.12s ease-in-out; margin-top:0; transform: translateY(0px); transform-origin: center top; } .btn:hover{ transform: translateY(1px); border-bottom-width:3px; margin-top:1px; } .btn:active, .btn:active:hover, .btn:active:focus{ transform: translateY(3px); border-bottom-width:1px; margin-top:3px; } .btn .btn-content, .btn.btn-primary .btn-content { position: relative; z-index: 3; } .btn:before, .btn.btn-primary:before{ content:''; position:absolute; left: 7px; top: 3px; width: 9px; height: 7px; display:block; z-index: 2; background: url('https://www-lite.infinitilotto.com/templates/shaper_helix3/images/siteImg/btn-shine.png') no-repeat center center; } .btn:after, .btn.btn-primary:after { content: ''; background-color: rgba(251, 213, 26, 0.4); position: absolute; display: block; border-radius: 50%; width: 119.1666%; height: 66.6666%; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } .btn.green_bg { border-color:#267604 !important; background: rgb(54,160,13) !important; background: linear-gradient(0deg, rgba(54,160,13,1) 0%, rgba(171,238,69,1) 100%) !important; color:#096000 !important; text-shadow:0px 2px 0px #9fe642, -1px 0px 0px #9fe642, 0px -1px 0px #9fe642, 1px 0px 0px #9fe642; } .btn.green_bg:after{background-color:rgba(191, 255, 85, 0.4);} .btn.btn-secondary { border-color:#196ad8 !important; background: rgb(6,171,255); background: linear-gradient(0deg, rgba(6,171,255,1) 0%, rgba(4,200,255,1) 100%) !important; color:#0d54b5 !important; text-shadow:0px 2px 0px #70d7ff, -1px 0px 0px #70d7ff, 0px -1px 0px #70d7ff, 1px 0px 0px #70d7ff; } .btn.btn-secondary:after{background-color:rgba(86, 209, 255, 0.4);} .btn.btn-link { background: transparent !important; border: none; text-shadow: none; display: inline-block; } .btn.btn-link:after, .btn.btn-link:before {display: none;} .btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline.green_bg { background: none !important; background-color: #ffffff !important; text-shadow: none; font-weight: 600; } .btn-outline-secondary { border-color: #196ad8 !important; color: #0d54b5 !important; } .btn-outline.green_bg { border-color: #267604; color: #096000 !important; } .btn.btn-outline-primary:after, .btn.btn-outline-secondary:after, .btn.btn-outline.green_bg:after { display: none; } /*-------*/ .btn.instant-card__actions-link { max-width: 160px; margin: 0 auto; } .btn.btn-link.instant-card__actions-link { color: #e7f5fe !important;!i;!; font-weight: 500; } .btn.instant-card__actions-link:hover, .btn.instant-card__actions-link:focus, .btn.instant-card__actions-link:active, .btn.instant-card__actions-link:active:hover, .btn.instant-card__actions-link:active:focus { transform: none; border-bottom-width:4px; } @media only screen and (max-width:767px){ .title-row__text { font-size: 20px; } .btn, .btn.btn-primary { padding: 6px 15px; font-size: 13px; } } /*---------animation------*/ .jackpot-area_left-img1 { animation: lantern 6s infinite; transform-origin: 36.279% 10.953%; } @keyframes lantern{ 0%{transform: rotate(0deg);} 50%{transform: rotate(30deg);} 100%{transform: rotate(0deg);} } .jackpot-area_right-img2{ animation: zoomRotate 15s infinite; } @keyframes zoomRotate{ 0%{transform: scale(1) rotate(-30deg);} 50%{transform: scale(1.05) rotate(-15deg);} 100%{transform: scale(1) rotate(-30deg);} } @media only screen and (max-width:767px){ .lotto-card__win-amount-prize {font-size: 1.4em;} .lotto-card__win-amount-label {font-size: 12px;} .lotto-card__timer-counter {margin-bottom: 8px;} .lotto-card__timer-counter span {font-size: 1.0em; min-width: 28px;} .lotto-card__win-amount {margin-bottom: 8px;} .lotto-card__title {font-size: 1.1em;} .trusted-box__image img {max-width: 70%; margin: 0 auto;} .footer2-wrap .logo-wrap img {margin: 10px auto 20px; max-width: 130px;} #sp-footer2 p {margin-bottom: 0.5em;} .slick-slider .slick-slide {padding-bottom: 20px;} #sp-position2 {padding-bottom: 12px;} #sp-position3 .row > .mb-3, #sp-position5 .row > .mb-3{margin-bottom: 10px;} #sp-position3 .custom > .row + .row, #sp-position5 .custom > .row + .row{padding: 0 10px;} #sp-position3 .custom > .row + .row > .mb-3, #sp-position5 .custom > .row + .row > .mb-3{padding: 0 5px;} .trusted-box__image {margin-left: 0;} #sp-banner:after {background-size: 50vw;} #sp-banner {margin-bottom: 9vw;} .title-row__icon {margin-right: 10px; max-width: 32px;} .title-row__text {font-size: 15px;} .promo-area__title {font-size: 1.1em; font-weight: 800;} .promo-area__block-title {font-size: 1.35em;} .trusted-box__title {font-size: 18px;} .result-card__title {line-height: 1.3;} #sp-position6 .sports-betting img {max-width: 120%; margin-left: -10%;} }