/* W138 mirror. Source layout CSS (www.w138live.com) limited to the rules this site uses. */
@media (min-width:1024px){html { font-family: sans-serif; text-size-adjust: 100%; }}
@media (min-width:1024px){body { margin: 0px; }}
@media (min-width:1024px){article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }}
@media (min-width:1024px){audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }}
@media (min-width:1024px){a { background-color: transparent; }}
@media (min-width:1024px){a:active, a:hover { outline: 0px; }}
@media (min-width:1024px){b, strong { font-weight: bold; }}
@media (min-width:1024px){:is(h1,.h1) { margin: 0.67em 0px; font-size: 2em; }}
@media (min-width:1024px){img { border: 0px; }}
@media (min-width:1024px){hr { height: 0px; box-sizing: content-box; }}
@media (min-width:1024px){code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }}
@media (min-width:1024px){button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; }}
@media (min-width:1024px){button { overflow: visible; }}
@media (min-width:1024px){button, select { text-transform: none; }}
@media (min-width:1024px){button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }}
@media (min-width:1024px){button[disabled], html input[disabled] { cursor: default; }}
@media (min-width:1024px){input { line-height: normal; }}
@media (min-width:1024px){input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }}
@media (min-width:1024px){table { border-spacing: 0px; border-collapse: collapse; }}
@media (min-width:1024px){td, th { padding: 0px; }}
@media print and (min-width:1024px){
*, ::before, ::after { color: rgb(0, 0, 0) !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
thead { display: table-header-group; }
tr, img { break-inside: avoid; }
img { max-width: 100% !important; }
p, :is(h2,.h2), :is(h3,.h3) { orphans: 3; widows: 3; }
:is(h2,.h2), :is(h3,.h3) { break-after: avoid; }
}
@font-face { font-family: "Glyphicons Halflings"; src: url("/assets/web/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/assets/web/fonts/glyphicons-halflings-regular.woff") format("woff"); }
@media (min-width:1024px){.glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }}
@media (min-width:1024px){.glyphicon-chevron-left::before { content: ""; }}
@media (min-width:1024px){.glyphicon-chevron-right::before { content: ""; }}
@media (min-width:1024px){.glyphicon-collapse-down::before { content: ""; }}
@media (min-width:1024px){.glyphicon-collapse-up::before { content: ""; }}
@media (min-width:1024px){* { box-sizing: border-box; }}
@media (min-width:1024px){::before, ::after { box-sizing: border-box; }}
@media (min-width:1024px){html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }}
@media (min-width:1024px){body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }}
@media (min-width:1024px){input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }}
@media (min-width:1024px){a { color: rgb(51, 122, 183); text-decoration: none; }}
@media (min-width:1024px){a:hover, a:focus { color: rgb(35, 82, 124); text-decoration: underline; }}
@media (min-width:1024px){a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (min-width:1024px){img { vertical-align: middle; }}
@media (min-width:1024px){.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }}
@media (min-width:1024px){hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none; }}
@media (min-width:1024px){.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }}
@media (min-width:1024px){[role="button"] { cursor: pointer; }}
@media (min-width:1024px){:is(h1,.h1), :is(h2,.h2), :is(h3,.h3), :is(h4,.h4), :is(h5,.h5), :is(h6,.h6), .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }}
@media (min-width:1024px){:is(h1,.h1), .h1, :is(h2,.h2), .h2, :is(h3,.h3), .h3 { margin-top: 20px; margin-bottom: 10px; }}
@media (min-width:1024px){:is(h4,.h4), .h4, :is(h5,.h5), .h5, :is(h6,.h6), .h6 { margin-top: 10px; margin-bottom: 10px; }}
@media (min-width:1024px){:is(h1,.h1), .h1 { font-size: 36px; }}
@media (min-width:1024px){:is(h2,.h2), .h2 { font-size: 30px; }}
@media (min-width:1024px){:is(h3,.h3), .h3 { font-size: 24px; }}
@media (min-width:1024px){:is(h4,.h4), .h4 { font-size: 18px; }}
@media (min-width:1024px){:is(h5,.h5), .h5 { font-size: 14px; }}
@media (min-width:1024px){p { margin: 0px 0px 10px; }}
@media (min-width:1024px){.text-center { text-align: center; }}
@media (min-width:1024px){ul, ol { margin-top: 0px; margin-bottom: 10px; }}
@media (min-width:1024px){ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; }}
@media (min-width:1024px){code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }}
@media (min-width:1024px){code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; }}
@media (min-width:1024px){.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }}
@media (min-width:1024px) and (min-width: 768px){
.container { width: 750px; }
}
@media (min-width:1024px) and (min-width: 992px){
.container { width: 970px; }
}
@media (min-width:1024px) and (min-width: 1200px){
.container { width: 1170px; }
}
@media (min-width:1024px){.row { margin-right: -15px; margin-left: -15px; }}
@media (min-width:1024px){.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }}
@media (min-width:1024px) and (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-6 { width: 50%; }
}
@media (min-width:1024px){table { background-color: transparent; }}
@media (min-width:1024px){th { text-align: left; }}
@media (min-width:1024px){.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }}
@media (min-width:1024px){.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); }}
@media (min-width:1024px){label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }}
@media (min-width:1024px){input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; }}
@media (min-width:1024px){input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (min-width:1024px){.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }}
@media (min-width:1024px){.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }}
@media (min-width:1024px){.form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); }}
@media (min-width:1024px){.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }}
@media (min-width:1024px){.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (min-width:1024px){.btn:hover, .btn:focus, .btn.focus { color: rgb(51, 51, 51); text-decoration: none; }}
@media (min-width:1024px){.btn:active, .btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }}
@media (min-width:1024px){.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: 0.65; }}
@media (min-width:1024px){.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); }}
@media (min-width:1024px){.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); }}
@media (min-width:1024px){.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; }}
@media (min-width:1024px){.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }}
@media (min-width:1024px){.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); }}
@media (min-width:1024px){.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); }}
@media (min-width:1024px){.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }}
@media (min-width:1024px){.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgb(51, 122, 183); border-color: rgb(46, 109, 164); }}
@media (min-width:1024px){.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); }}
@media (min-width:1024px){.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(57, 132, 57); border-color: rgb(37, 86, 37); }}
@media (min-width:1024px){.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }}
@media (min-width:1024px){.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); }}
@media (min-width:1024px){.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); }}
@media (min-width:1024px){.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(38, 154, 188); border-color: rgb(27, 109, 133); }}
@media (min-width:1024px){.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; }}
@media (min-width:1024px){.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); }}
@media (min-width:1024px){.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); }}
@media (min-width:1024px){.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(213, 133, 18); border-color: rgb(152, 95, 13); }}
@media (min-width:1024px){.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }}
@media (min-width:1024px){.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); }}
@media (min-width:1024px){.btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }}
@media (min-width:1024px){.btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(118, 28, 25); }}
@media (min-width:1024px){.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); }}
@media (min-width:1024px){.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); }}
@media (min-width:1024px){.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(172, 41, 37); border-color: rgb(118, 28, 25); }}
@media (min-width:1024px){.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }}
@media (min-width:1024px){.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }}
@media (min-width:1024px){.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; }}
@media (min-width:1024px){.fade { opacity: 0; transition: opacity 0.15s linear; }}
@media (min-width:1024px){.fade.in { opacity: 1; }}
@media (min-width:1024px){.collapse { display: none; }}
@media (min-width:1024px){.collapse.in { display: block; }}
@media (min-width:1024px){tr.collapse.in { display: table-row; }}
@media (min-width:1024px){tbody.collapse.in { display: table-row-group; }}
@media (min-width:1024px){.collapsing { position: relative; height: 0px; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height, visibility; }}
@media (min-width:1024px){.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(51, 122, 183); outline: 0px; }}
@media (min-width:1024px){.open > .dropdown-menu { display: block; }}
@media (min-width:1024px){.open > a { outline: 0px; }}
@media (min-width:1024px){.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }}
@media (min-width:1024px){.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; }}
@media (min-width:1024px){.btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }}
@media (min-width:1024px){.btn-group.open .dropdown-toggle.btn-link { box-shadow: none; }}
@media (min-width:1024px){.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: none; }}
@media (min-width:1024px){.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }}
@media (min-width:1024px) and (min-width: 768px){
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
@media (min-width:1024px){.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }}
@media (min-width:1024px) and (min-width: 768px){
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
@media (min-width:1024px){.tab-content > .active { display: block; }}
@media (min-width:1024px){.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }}
@media (min-width:1024px){.navbar-collapse.in { overflow-y: auto; }}
@media (min-width:1024px) and (min-width: 768px){
.navbar-collapse { width: auto; border-top: 0px; box-shadow: none; }
.navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0px; padding-left: 0px; }
}
@media (min-width:1024px){.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }}
@media (min-width:1024px) and (max-device-width: 480px) and (orientation: landscape){
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}
@media (min-width:1024px){.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }}
@media (min-width:1024px) and (min-width: 768px){
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
@media (min-width:1024px) and (max-width: 767px){
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width:1024px){.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }}
@media (min-width:1024px){.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); }}
@media (min-width:1024px){.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }}
@media (min-width:1024px) and (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
}
@media (min-width:1024px){.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }}
@media (min-width:1024px){.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); }}
@media (min-width:1024px){.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }}
@media (min-width:1024px) and (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; }
}
@media (min-width:1024px){.breadcrumb > .active { color: rgb(119, 119, 119); }}
@media (min-width:1024px){.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.pager .next > a, .pager .next > span { float: right; }}
@media (min-width:1024px){.pager .previous > a, .pager .previous > span { float: left; }}
@media (min-width:1024px){.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); }}
@media (min-width:1024px){a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(51, 122, 183); }}
@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}
@media (min-width:1024px){.progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s infinite normal none running progress-bar-stripes; }}
@media (min-width:1024px){.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }}
@media (min-width:1024px){.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(199, 221, 239); }}
@media (min-width:1024px){a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); }}
@media (min-width:1024px){a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); }}
@media (min-width:1024px){a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); }}
@media (min-width:1024px){a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); }}
@media (min-width:1024px){.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }}
@media (min-width:1024px){.panel-body { padding: 15px; }}
@media (min-width:1024px){.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }}
@media (min-width:1024px){.panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; }}
@media (min-width:1024px){.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; }}
@media (min-width:1024px){.panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; }}
@media (min-width:1024px){.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; }}
@media (min-width:1024px){.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }}
@media (min-width:1024px){.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }}
@media (min-width:1024px){.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }}
@media (min-width:1024px){.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0px; }}
@media (min-width:1024px){.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; }}
@media (min-width:1024px){.panel-group { margin-bottom: 20px; }}
@media (min-width:1024px){.panel-group .panel { margin-bottom: 0px; border-radius: 4px; }}
@media (min-width:1024px){.panel-group .panel + .panel { margin-top: 5px; }}
@media (min-width:1024px){.panel-group .panel-heading { border-bottom: 0px; }}
@media (min-width:1024px){.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-default { border-color: rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); }}
@media (min-width:1024px){.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(51, 122, 183); }}
@media (min-width:1024px){.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); }}
@media (min-width:1024px){.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); }}
@media (min-width:1024px){.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); }}
@media (min-width:1024px){.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); }}
@media (min-width:1024px){.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); }}
@media (min-width:1024px){.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); }}
@media (min-width:1024px){.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); }}
@media (min-width:1024px){.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); }}
@media (min-width:1024px){.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; }}
@media (min-width:1024px){.close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }}
@media (min-width:1024px){button.close { appearance: none; padding: 0px; cursor: pointer; background: transparent; border: 0px; }}
@media (min-width:1024px){.modal-open { overflow: hidden; }}
@media (min-width:1024px){.modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }}
@media (min-width:1024px){.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); }}
@media (min-width:1024px){.modal.in .modal-dialog { transform: translate(0px, 0px); }}
@media (min-width:1024px){.modal-open .modal { overflow: hidden auto; }}
@media (min-width:1024px){.modal-dialog { position: relative; width: auto; margin: 10px; }}
@media (min-width:1024px){.modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; }}
@media (min-width:1024px){.modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }}
@media (min-width:1024px){.modal-backdrop.fade { opacity: 0; }}
@media (min-width:1024px){.modal-backdrop.in { opacity: 0.5; }}
@media (min-width:1024px){.modal-header { min-height: 16.4286px; padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); }}
@media (min-width:1024px){.modal-header .close { margin-top: -2px; }}
@media (min-width:1024px){.modal-title { margin: 0px; line-height: 1.42857; }}
@media (min-width:1024px){.modal-body { position: relative; padding: 15px; }}
@media (min-width:1024px){.modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }}
@media (min-width:1024px){.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }}
@media (min-width:1024px){.modal-footer .btn-group .btn + .btn { margin-left: -1px; }}
@media (min-width:1024px){.modal-footer .btn-block + .btn-block { margin-left: 0px; }}
@media (min-width:1024px){.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }}
@media (min-width:1024px) and (min-width: 768px){
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; }
.modal-sm { width: 300px; }
}
@media (min-width:1024px) and (min-width: 992px){
.modal-lg { width: 900px; }
}
@media (min-width:1024px){.tooltip.in { opacity: 0.9; }}
@media (min-width:1024px){.tooltip.right { padding: 0px 5px; margin-left: 3px; }}
@media (min-width:1024px){.tooltip.left { padding: 0px 5px; margin-left: -3px; }}
@media (min-width:1024px){.tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); }}
@media (min-width:1024px){.tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); }}
@media (min-width:1024px){.popover.right { margin-left: 10px; }}
@media (min-width:1024px){.popover.left { margin-left: -10px; }}
@media (min-width:1024px){.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; }}
@media (min-width:1024px){.popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }}
@media (min-width:1024px){.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); }}
@media (min-width:1024px){.popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }}
@media (min-width:1024px){.carousel { position: relative; }}
@media (min-width:1024px){.carousel-inner { position: relative; width: 100%; overflow: hidden; }}
@media (min-width:1024px){.carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out; }}
@media (min-width:1024px){.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }}
@media (min-width:1024px) and (transform-3d), (min-width:1024px) and (-webkit-transform-3d){
.carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; }
.carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0px; transform: translate3d(100%, 0px, 0px); }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0px; transform: translate3d(-100%, 0px, 0px); }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0px; transform: translate3d(0px, 0px, 0px); }
}
@media (min-width:1024px){.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }}
@media (min-width:1024px){.carousel-inner > .active { left: 0px; }}
@media (min-width:1024px){.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; }}
@media (min-width:1024px){.carousel-inner > .next { left: 100%; }}
@media (min-width:1024px){.carousel-inner > .prev { left: -100%; }}
@media (min-width:1024px){.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; }}
@media (min-width:1024px){.carousel-inner > .active.left { left: -100%; }}
@media (min-width:1024px){.carousel-inner > .active.right { left: 100%; }}
@media (min-width:1024px){.carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; opacity: 0.5; }}
@media (min-width:1024px){.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }}
@media (min-width:1024px){.carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; }}
@media (min-width:1024px){.carousel-control:hover, .carousel-control:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }}
@media (min-width:1024px){.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }}
@media (min-width:1024px){.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }}
@media (min-width:1024px){.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }}
@media (min-width:1024px){.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }}
@media (min-width:1024px){.carousel-control .icon-prev::before { content: "‹"; }}
@media (min-width:1024px){.carousel-control .icon-next::before { content: "›"; }}
@media (min-width:1024px){.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; }}
@media (min-width:1024px){.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; }}
@media (min-width:1024px){.carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); }}
@media (min-width:1024px){.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; }}
@media (min-width:1024px){.carousel-caption .btn { text-shadow: none; }}
@media screen and (min-width:1024px) and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 20px; }
}
@media (min-width:1024px){.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; }}
@media (min-width:1024px){.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; }}
@media (min-width:1024px){.show { display: block !important; }}
@font-face { font-family: FontAwesome; src: url("/assets/web/fonts/fontawesome-webfont.woff2") format("woff2"), url("/assets/web/fonts/fontawesome-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@media (min-width:1024px){.fa { display: inline-block; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }}
@media (min-width:1024px){.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
@media (min-width:1024px){.fa-clock-o::before { content: ""; }}
@media (min-width:1024px){.fa-plus::before { content: ""; }}
@media (min-width:1024px){body { font-family: Roboto, sans-serif; font-size: 13px; line-height: 24px; height: 100%; }}
@media (min-width:1024px){a:focus { color: rgb(255, 255, 255); text-decoration: none; }}
@media (min-width:1024px){#euro-popup .modal-dialog { width: 760px; top: 20%; }}
@media (min-width:1024px){.poker-slide.owl-carousel .owl-item img { max-height: 570px; }}
@media (min-width:1024px){.platform-content .single-content.active { display: block; }}
@media (min-width:1024px){.acct-mngr-nav ul li.active, .acct-mngr-nav ul li:hover, .acct-mngr-nav ul li.active a, .acct-mngr-nav ul li:hover > a { background: rgb(254, 231, 27); color: rgb(43, 39, 0); }}
@media (min-width:1024px){.mgnt-deposit-nav li.active, .mgnt-deposit-nav li:hover, .mgnt-deposit-nav li.active a, .mgnt-deposit-nav li:hover > a { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)) rgb(254, 231, 27); color: rgb(17, 89, 47); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; }}
@media (min-width:1024px){.depoFrame-nav li.active, .depoFrame-nav li:hover { background: rgb(254, 231, 27); }}
@media (min-width:1024px){.depoFrame-nav li.active a, .depoFrame-nav li:hover a { color: rgb(43, 39, 0); }}
@media (min-width:1024px){table.form .right { text-align: right; }}
@media (min-width:1024px){.dep-amt button.active { background-color: rgb(13, 102, 44); }}
@media (min-width:1024px){ul.p-nav li.active a, ul.p-nav li:hover a { background: linear-gradient(to right bottom, rgb(4, 142, 106), rgb(10, 138, 100), rgb(14, 134, 94), rgb(18, 130, 89), rgb(21, 126, 83), rgb(30, 134, 83), rgb(40, 141, 82), rgb(51, 149, 81), rgb(74, 170, 83), rgb(100, 191, 84), rgb(128, 212, 82), rgb(158, 232, 79)) rgb(3, 123, 75); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }}
@-webkit-keyframes hvr-icon-buzz-out { 
  10% { transform: translateX(3px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-2deg); }
  30% { transform: translateX(3px) rotate(2deg); }
  40% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  70% { transform: translateX(2px) rotate(1deg); }
  80% { transform: translateX(-2px) rotate(-1deg); }
  90% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(-1px) rotate(0deg); }
}
@keyframes hvr-icon-buzz-out { 
  10% { transform: translateX(3px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-2deg); }
  30% { transform: translateX(3px) rotate(2deg); }
  40% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  70% { transform: translateX(2px) rotate(1deg); }
  80% { transform: translateX(-2px) rotate(-1deg); }
  90% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(-1px) rotate(0deg); }
}
@-webkit-keyframes fadeEffect { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeEffect { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (min-width:1024px){.blackBody .childThumb ul li:not(.active) { border: 2px solid rgb(51, 51, 51); opacity: 0.5; background: rgb(0, 0, 0); }}
@media (min-width:1024px){.blackBody .childThumb ul li.active { border: 2px solid rgb(254, 231, 27); border-radius: 0px; }}
@media (min-width:1024px){.whiteBody .childThumb ul li.active { border: 2px solid rgb(11, 100, 53); border-radius: 0px; }}
@media (min-width:1024px){.faq-content { background: rgb(46, 46, 46); padding: 10px 20px; }}
@media (min-width:1024px){.faq-panel { max-width: 960px; margin: 0px auto; background: rgb(29, 29, 29); padding-bottom: 10px; }}
@media (min-width:1024px){.faq-nav { overflow: hidden; padding: 20px 0px 25px; border-bottom: thin solid rgb(244, 244, 244); }}
@media (min-width:1024px){.faq-nav ul { display: block; margin: 0px; padding: 0px; list-style: none; }}
@media (min-width:1024px){.faq-nav li { float: left; width: 25%; margin: 0px; padding: 0px; text-align: center; }}
@media (min-width:1024px){.faq-nav li a { display: inline-block; text-decoration: none; }}
@media (min-width:1024px){.faq-nav li .img-thumb { width: 71px; height: 71px; margin: 0px auto 25px; position: relative; }}
@media (min-width:1024px){.faq-nav li .img-thumb span { display: block; width: 71px; height: 71px; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.3s; }}
@media (min-width:1024px){.faq-nav li .img-thumb span.default { z-index: 2; }}
@media (min-width:1024px){.faq-nav li.active .img-thumb span.default, .faq-nav li:hover .img-thumb span.default { opacity: 0; visibility: hidden; }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-faq { background: url("/assets/web/images/common/i-faq-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-faq-h { background: url("/assets/web/images/common/i-faq-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-rule { background: url("/assets/web/images/common/i-rule-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-rule-h { background: url("/assets/web/images/common/i-rule-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-terms { background: url("/assets/web/images/common/i-terms-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-terms-h { background: url("/assets/web/images/common/i-terms-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-rules { background: url("/assets/web/images/common/i-rules-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (min-width:1024px){.faq-nav li .img-thumb span.i-rules-h { background: url("/assets/web/images/common/i-rules-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (min-width:1024px){.faq-nav li a > span { color: rgb(117, 117, 117); font-size: 17px; letter-spacing: 2px; text-transform: uppercase; font-family: Roboto, sans-serif; }}
@media (min-width:1024px){.faq-nav li.active a > span, .faq-nav li:hover a > span { color: rgb(255, 156, 153); }}
@media (min-width:1024px){.faq-subnav { padding: 20px 0px; text-align: center; display: block; }}
@media (min-width:1024px){.faq-dropdown select { color: rgb(0, 0, 0); height: 30px; width: 100%; padding: 0px 5px; font: 15px Roboto, sans-serif; text-decoration: none; text-transform: uppercase; overflow: hidden; background-image: url("/assets/info/images/dropDownArrowWhite.png"); background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-position: 95% 50%; appearance: none; background-color: rgb(245, 209, 112) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }}
@media (min-width:1024px){.faq-subnav ul { margin: 0px; padding: 0px; list-style: none; }}
@media (min-width:1024px){.faq-subnav ul li { display: inline-block; border-left: thin solid rgb(119, 119, 119); padding: 0px 12px; }}
@media (min-width:1024px){.faq-subnav ul li:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }}
@media (min-width:1024px){.faq-subnav ul li a { display: block; color: rgb(245, 209, 112); line-height: 16px; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; transition: 0.3s; font-family: Roboto, sans-serif; }}
@media (min-width:1024px){.faq-subnav ul li a.active, .faq-subnav ul li:hover a { color: rgb(255, 156, 153); }}
@media (min-width:1024px){.accdn-panel { padding: 0px 15px; }}
@media (min-width:1024px){.accdn-panel :is(h2,.h2) { display: block; background: rgb(50, 50, 50); color: rgb(255, 255, 255); cursor: pointer; font-size: 17px; padding: 15px 65px 15px 15px; text-decoration: none; position: relative; border-top: 1px solid rgb(219, 219, 219); font-weight: 400; margin: 0px; transition: 0.4s; font-family: Roboto, sans-serif; }}
@media (min-width:1024px){.accdn-panel :is(h2,.h2)::after { content: ">"; position: absolute; right: 20px; top: 15px; font-size: 18px; transition: 0.2s; transform: rotate(-90deg); color: rgb(179, 179, 179) !important; }}
@media (min-width:1024px){.accdn-panel :is(h2,.h2).active, .accdn-panel :is(h2,.h2):hover { background: rgb(245, 209, 112); color: rgb(0, 0, 0); padding-left: 25px; }}
@media (min-width:1024px){.accdn-panel :is(h2,.h2).active::after { content: ">"; color: rgb(17, 25, 28); transform: rotate(90deg); }}
@media (min-width:1024px){.noContent :is(h2,.h2).active::after { content: "" !important; }}
@media (min-width:1024px){.accdn-panel:first-child :is(h2,.h2) { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }}
@media (min-width:1024px){.accdn-panel .accdn-content { padding: 20px; font-size: 16px; line-height: 23px; color: rgb(255, 255, 255); display: none; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(219, 219, 219) rgb(219, 219, 219) currentcolor; border-image: none; font-family: Roboto, sans-serif; }}
@media (min-width:1024px){.accdn-panel:last-child .accdn-content { border-bottom: 1px solid rgb(219, 219, 219); }}
@media (min-width:1024px){.accdn-panel .accdn-content p { margin: 0px 0px 17px; font-family: Roboto, sans-serif; }}
@media (min-width:1024px){.accdn-panel .accdn-content a { display: inline; color: rgb(245, 209, 112); }}
@media (min-width:1024px){.accdn-panel .accdn-content ul.custom { list-style: none; margin-left: 5px; padding-left: 5px; }}
@-webkit-keyframes spinner { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner { 
  100% { transform: rotate(360deg); }
}
@media (min-width:1024px){.button { background: rgb(0, 112, 40); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: inline-block; padding: 0px 14px; font-size: 16px; font-family: Reboto-Regular, sans-serif; line-height: 40px; width: 180px; height: 40px; color: rgb(255, 255, 255); cursor: pointer; user-select: none; transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); border-radius: 10px; }}
@media (min-width:1024px){.button:hover { text-decoration: none; background: rgb(3, 163, 60); color: white; transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }}
@media (min-width:1024px){#overlay.open { opacity: 1; pointer-events: auto; }}
@media (min-width:1024px){#modal-dark.open { opacity: 1; z-index: 99999999; visibility: visible; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px; }}
@media (min-width:1024px){#modal-light.open { overflow: hidden; opacity: 1; visibility: visible; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }}
@media (min-width:1024px){.actions.right ul { float: right; }}
@media (min-width:1024px){.actions.right li { margin-right: 0px; margin-left: 15px; margin-bottom: 8px; }}
@media (min-width:1024px){.pagination a.active { background-color: rgb(76, 175, 80); color: white; }}
@media (min-width:1024px){.pagination a:hover:not(.active) { background-color: rgb(221, 221, 221); }}
@keyframes lr { 
  0% { transform: rotateX(0deg); }
  50% { transform: rotateX(30deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes rl { 
  0% { transform: rotateY(0deg); }
  50% { transform: rotateY(-30deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes updown { 
  0% { bottom: 2%; opacity: 0.3; }
  50% { bottom: 5%; opacity: 1; }
  100% { bottom: 2%; opacity: 0.3; }
}
@media (min-width:1024px){input::placeholder { color: rgb(68, 68, 68); }}
@media (min-width:1024px){.mobileCarousel.owl-carousel .owl-item img { max-height: 570px; }}
@media (min-width:1024px){.rightUl li.pm.active { background: rgb(254, 231, 27); color: rgb(51, 51, 51); }}
@media (min-width:1024px){#composeMsg .modal-dialog, #inboxSent .modal-dialog { max-width: 750px; margin-top: 10%; cursor: move; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen, #inboxSent .modal-content.modalPmBgGreen { background: rgb(255, 156, 153); padding: 0px; border-radius: 0px; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; color: rgb(255, 255, 255); }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen .modal-header, #inboxSent .modal-content.modalPmBgGreen .modal-header { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen .modal-body, #inboxSent .modal-content.modalPmBgGreen .modal-body { padding: 10px; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen .modal-footer { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 10px 10px; text-align: left; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen button.close, #inboxSent .modal-content.modalPmBgGreen button.close { background: rgb(2, 85, 43); opacity: 1; color: rgb(255, 255, 255); padding: 0px 5px; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen table, #inboxSent .modal-content.modalPmBgGreen table { width: 100%; }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen table tr td input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; color: rgb(51, 51, 51); }}
@media (min-width:1024px){#composeMsg .modal-content.modalPmBgGreen table tr td textarea { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; min-height: 150px; margin-top: 10px; resize: none; color: rgb(51, 51, 51); }}
@keyframes zoomIn-2 { 
  0% { opacity: 0; transform: scale3d(0.7, 0.7, 0.7); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes particles { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(720deg); }
}
@keyframes go-left { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-30px); }
  100% { transform: translateX(0px); }
}
@keyframes go-right { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}
@media (min-width:1024px) and (max-width: 768px){
#euro-popup, .modal-backdrop.in { display: none !important; }
}
@media (min-width:1024px){.Scratch-Card-1-show.active, .Scratch-Card-2-show.active, .Scratch-Card-3-show.active { width: 100%; height: 30px; display: block; background: rgb(254, 231, 27); text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-weight: bold; }}
@-webkit-keyframes sideWay { 
  0% { transform: translateX(-10px); }
  100% { transform: translateX(0px); }
}
@keyframes sideWay { 
  0% { transform: translateX(-10px); }
  100% { transform: translateX(0px); }
}
@font-face { font-family: "Sony Sketch EF"; src: url("/assets/web/fonts/Sony_Sketch_EF.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Sony Sketch EF"; src: url("/assets/web/fonts/Sony_Sketch_Bold_205.woff") format("woff"); font-weight: 700; font-style: normal; }
@media (min-width:1024px){body { font-family: "Sony Sketch EF", SimHei, 黑体, STHeiti, 华文黑体, sans-serif; color: rgb(255, 255, 255); background-color: rgb(17, 17, 17); font-size: 15px; overflow-x: hidden; }}
@media (min-width:1024px){strong { font-weight: 700; }}
@media (min-width:1024px){.container { width: 1038px; padding-left: 0px; padding-right: 0px; }}
@media (min-width:1024px){a:focus { outline: none; }}
@media (min-width:1024px){.loginRow { background: rgb(22, 22, 22); border-bottom: 1px solid rgb(0, 0, 0); height: 59px; }}
@media (min-width:1024px){.login-Wrapper { float: right; display: flex; justify-content: flex-end; align-items: center; }}
@media (min-width:1024px){.login-Wrapper .txtbox { border: 1px solid rgb(15, 15, 15); width: 179px; height: 36px; background: rgb(45, 45, 45); color: rgb(255, 255, 255); font-size: 14px; border-radius: 5px; padding: 0px 10px; font-family: sans-serif; }}
@media (min-width:1024px){#menu { height: 81px; border-top: 1px solid rgb(44, 44, 44); border-bottom: 1px solid rgb(21, 21, 21); background: url("/assets/web/images/common/menu-background-2021.jpg") center top no-repeat; }}
@media (min-width:1024px){#menu .logo { float: left; padding-top: 2px; }}
@media (min-width:1024px){#menu .menuWrapper { float: right; }}
@media (min-width:1024px){#menu .menu-item { width: 90px; height: 79px; float: left; font-size: 14px; display: block; color: rgb(194, 194, 194); text-align: center; padding-top: 48px; text-decoration: none; }}
@media (min-width:1024px){#menu .menu-item:hover { color: rgb(255, 181, 153); text-decoration: none; }}
@media (min-width:1024px){#menu .menu-home { background-image: url("/assets/web/images/common/menu-home.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-home:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-mobile { background-image: url("/assets/web/images/common/menu-mobile.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-mobile:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-slot { background-image: url("/assets/web/images/common/menu-slot.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-slot:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-casino { background-image: url("/assets/web/images/common/menu-casino.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-casino:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-sport { background-image: url("/assets/web/images/common/menu-sport.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-sport:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-promo { background-image: url("/assets/web/images/common/menu-promo.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-promo:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-vip { background-image: url("/assets/web/images/common/menu-vip.png"); background-repeat: no-repeat; background-position: -4px 0px; }}
@media (min-width:1024px){#menu .menu-vip:hover { background-position: -96px 0px; }}
@media (min-width:1024px){#menu .menu-game:hover { background-position: -100px 0px; }}
@media (min-width:1024px){#menu .menu-game { background-image: url("/assets/web/images/common/games_icon.png"); background-repeat: no-repeat; background-position: -8px 0px; }}
@media (min-width:1024px){#sublink { height: 40px; background: rgb(29, 29, 29); border-top: 1px solid rgb(45, 45, 45); border-bottom: 1px solid rgb(22, 22, 22); color: rgb(172, 172, 172); font-size: 14px; padding-top: 9px; margin-top: 15px; }}
@media (min-width:1024px){#sublink .btmmenu-wrap { float: left; }}
@media (min-width:1024px){#sublink .copyright { float: right; }}
@media (min-width:1024px){#sublink .btmmenu { margin: 0px; padding: 0px; list-style-type: none; }}
@media (min-width:1024px){#sublink .btmmenu li { float: left; padding-left: 20px; }}
@media (min-width:1024px){#sublink .btmmenu li:first-child { padding-left: 0px; }}
@media (min-width:1024px){#sublink .btmmenu li a { color: rgb(172, 172, 172); text-decoration: none; }}
@media (min-width:1024px){#sublink .btmmenu li a:hover { color: rgb(255, 181, 153); text-decoration: none; }}
@media (min-width:1024px){#footer { background: rgb(0, 0, 0); }}
@media (min-width:1024px){#seo { color: rgb(172, 172, 172); letter-spacing: 1px; }}
@media (min-width:1024px){#seo :is(h1,.h1) { font-size: 18px; font-weight: 700; margin: 0px; padding: 15px 0px; }}
@media (min-width:1024px){#seo :is(h2,.h2) { font-size: 14px; font-weight: 700; margin: 0px; padding: 0px 0px 10px; }}
@media (min-width:1024px){#seo :is(h3,.h3) { font-size: 13px; font-weight: 700; margin: 0px; padding: 0px; }}
@media (min-width:1024px){#seo :is(h4,.h4) { font-size: 14px; font-weight: 500; margin: 0px; padding: 0px; color: rgb(216, 216, 216); }}
@media (min-width:1024px){#seo .seocontent { border-top: 1px solid rgb(158, 158, 158); padding-top: 12px; padding-bottom: 12px; font-size: 13px; line-height: 13px; }}
@media (min-width:1024px){#seo .seocontent strong { font-size: 14px; }}
@media (min-width:1024px){.seo-col-01 { float: left; width: 231px; }}
@media (min-width:1024px){.seo-col-02 { float: left; width: 231px; margin-left: 37px; }}
@media (min-width:1024px){.seo-col-03 { float: left; width: 231px; margin-left: 37px; }}
@media (min-width:1024px){.seo-col-04 { float: left; width: 231px; margin-left: 37px; }}
@media (min-width:1024px){.footer-provider { border-top: 1px solid rgb(161, 161, 161); padding: 12px 0px; margin: 0px auto; }}
@media (min-width:1024px){.footer-left { float: left; width: 710px; }}
@media (min-width:1024px){.footer-right { float: left; }}
@media (min-width:1024px){.footer-subTitle { font-size: 14px; color: rgb(255, 255, 255); }}
@media (min-width:1024px){.footer-cagayan { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-cagayan.jpg") 0px 0px no-repeat; width: 120px; height: 30px; }}
@media (min-width:1024px){.footer-cagayan:hover { background-position: -120px 0px; }}
@media (min-width:1024px){.footer-gli { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-gli.jpg") 0px 0px no-repeat; width: 27px; height: 30px; }}
@media (min-width:1024px){.footer-gli:hover { background-position: -27px 0px; }}
@media (min-width:1024px){.footer-essa { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-essa.jpg") 0px 0px no-repeat; width: 51px; height: 30px; }}
@media (min-width:1024px){.footer-essa:hover { background-position: -51px 0px; }}
@media (min-width:1024px){.footer-egba { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-egba.jpg") 0px 0px no-repeat; width: 38px; height: 30px; }}
@media (min-width:1024px){.footer-egba:hover { background-position: -38px 0px; }}
@media (min-width:1024px){.footer-icra { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-icra.jpg") 0px 0px no-repeat; width: 22px; height: 30px; }}
@media (min-width:1024px){.footer-icra:hover { background-position: -22px 0px; }}
@media (min-width:1024px){.footer-gamcare { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-gamcare.jpg") 0px 0px no-repeat; width: 21px; height: 30px; }}
@media (min-width:1024px){.footer-gamcare:hover { background-position: -21px 0px; }}
@media (min-width:1024px){.footer-gamcare-cert { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-gamcare-cert.jpg") 0px 0px no-repeat; width: 31px; height: 30px; }}
@media (min-width:1024px){.footer-gamcare-cert:hover { background-position: -31px 0px; }}
@media (min-width:1024px){.footer-gamaid { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-gamaid.jpg") 0px 0px no-repeat; width: 35px; height: 30px; }}
@media (min-width:1024px){.footer-gamaid:hover { background-position: -35px 0px; }}
@media (min-width:1024px){.footer-18 { float: left; margin-right: 20px; background: url("/assets/web/images/common/footer-18.jpg") 0px 0px no-repeat; width: 24px; height: 30px; }}
@media (min-width:1024px){.footer-18:hover { background-position: -24px 0px; }}
@media (min-width:1024px){.footer-cimb { float: left; margin-right: 10px; background-position: 0px 0px; width: 108px; height: 18px; }}
@media (min-width:1024px){.footer-cimb:hover { background-position: -108px 0px; }}
@media (min-width:1024px){.footer-hlb { float: left; margin-right: 10px; background-position: 0px 0px; width: 109px; height: 20px; }}
@media (min-width:1024px){.footer-hlb:hover { background-position: -109px 0px; }}
@media (min-width:1024px){.footer-rhb { float: left; margin-right: 10px; background-position: 0px 0px; width: 60px; height: 19px; }}
@media (min-width:1024px){.footer-rhb:hover { background-position: -60px 0px; }}
@media (min-width:1024px){.footer-ambank { float: left; margin-right: 10px; background-position: 0px 0px; width: 50px; height: 20px; }}
@media (min-width:1024px){.footer-ambank:hover { background-position: -50px 0px; }}
@media (min-width:1024px){.footer-fb { float: left; margin-right: 5px; background: url("/assets/web/images/common/icon-fb.jpg") 0px 0px no-repeat; width: 42px; height: 42px; }}
@media (min-width:1024px){.footer-fb:hover { background-position: -42px 0px; }}
@media (min-width:1024px){.footer-twitter { float: left; margin-right: 5px; background: url("/assets/web/images/common/icon-twitter.jpg") 0px 0px no-repeat; width: 42px; height: 42px; margin-left: 5px; }}
@media (min-width:1024px){.footer-twitter:hover { background-position: -42px 0px; }}
@media (min-width:1024px){.footer-chrome { float: left; margin-top: 8px; background: url("/assets/web/images/common/icon-chrome.png") 0px 0px no-repeat; width: 25px; height: 25px; }}
@media (min-width:1024px){.footer-chrome:hover { background-position: -25px 0px; }}
@media (min-width:1024px){.footer-firefox { float: left; margin-top: 8px; margin-left: 8px; background: url("/assets/web/images/common/icon-firefox.png") 0px 0px no-repeat; width: 26px; height: 25px; }}
@media (min-width:1024px){.footer-firefox:hover { background-position: -26px 0px; }}
@media (min-width:1024px){.footer-ie { float: left; margin-top: 7px; margin-left: 8px; background: url("/assets/web/images/common/icon-ie.png") 0px 0px no-repeat; width: 28px; height: 27px; }}
@media (min-width:1024px){.footer-ie:hover { background-position: -28px 0px; }}
@media (min-width:1024px){.banner-bg { background: rgb(0, 0, 0); }}
@media (min-width:1024px){.banner-wrapper { position: relative; max-width: 1920px; margin: 0px auto; }}
@media (min-width:1024px){.carousel-indicators { bottom: 0px; }}
@media (min-width:1024px){.annouce-bg { width: 100%; position: absolute; bottom: 13%; }}
@media (min-width:1024px){.annouce-wrap { height: 37px; }}
@media (min-width:1024px){.annouce-wrap .annouce-icon { float: left; width: 208px; height: 37px; border-radius: 3px 0px 0px 3px; border: 1px solid rgb(255, 151, 0); font-size: 14px; color: rgb(255, 255, 255); text-align: center; padding-top: 7px; background: linear-gradient(rgb(255, 153, 0) 0%, rgb(255, 69, 0) 100%); }}
@media (min-width:1024px){.annouce-wrap .runningtext { float: left; background: rgba(0, 0, 0, 0.7); height: 37px; font-size: 14px; width: 655px; padding-top: 7px; }}
@media (min-width:1024px){.annouce-wrap .livechat { float: left; width: 175px; height: 37px; background: url("/assets/web/images/common/banner-livechat-bg.jpg") repeat-x; border: 1px solid rgb(43, 43, 43); border-radius: 0px 3px 3px 0px; }}
@media (min-width:1024px){.annouce-wrap .livechaticon { float: left; margin-left: 27px; margin-top: 5px; }}
@media (min-width:1024px){.annouce-wrap .livechat-txt { float: left; font-size: 17px; color: rgb(255, 255, 255); font-weight: 700; margin-left: 5px; margin-top: 5px; text-decoration: none; }}
@media (min-width:1024px){.jackpot-wrapbg { background: url("/assets/web/images/common/jackpot-row.png") repeat-x; height: 90px; border-bottom: 1px solid rgb(0, 0, 0); }}
@media (min-width:1024px){.mobile-box { background-color: rgb(33, 33, 33); border: 1px solid rgb(45, 45, 45); padding: 10px 0px; width: 841px; color: rgb(153, 153, 153); border-radius: 5px; }}
@media (min-width:1024px){.mRightTile { font-size: 18px; font-weight: 700; }}
@media (min-width:1024px){.mobile-qrwrap { padding: 15px 0px; }}
@media (min-width:1024px){.mobile-loginbox { border-top: 1px solid rgb(45, 45, 45); padding: 15px 0px; }}
@media (min-width:1024px){.mRightDevice { font-size: 16px; }}
@media (min-width:1024px){.mobDL a { color: rgb(254, 208, 35); }}
@media (min-width:1024px){.mobDL a:hover { color: rgb(255, 242, 83); text-decoration: none; }}
@media (min-width:1024px){.mob-formTable { border-collapse: collapse; border: 1px solid rgb(45, 45, 45); background: rgb(59, 59, 59); }}
@media (min-width:1024px){.mob-formTable > tbody > tr > th { border: 1px solid rgb(45, 45, 45); background: rgb(15, 15, 15); padding: 3px 5px; text-align: center; }}
@media (min-width:1024px){.mob-formTable > tbody > tr > td { border: 1px solid rgb(45, 45, 45); padding: 2px 5px; }}
@media (min-width:1024px){.mob-username { color: rgb(255, 181, 153); }}
@media (min-width:1024px){.act_left ul { list-style-type: none; }}
@media (min-width:1024px){.casino-banner { border: 1px solid rgb(227, 172, 59); }}
@media (min-width:1024px){.casino-item { float: left; margin-top: 14px; margin-left: 12px; width: 499px; height: 246px; background: url("/assets/web/images/common/slot-item-bg.jpg") no-repeat; padding: 0px 8px; }}
@media (min-width:1024px){.casino-item .casino-pic { margin-top: 8px; }}
@media (min-width:1024px){.casino-item .casino-play { float: left; }}
@media (min-width:1024px){.casino-item .casino-play a { color: rgb(255, 255, 255); text-decoration: none; font-size: 12px; }}
@media (min-width:1024px){.casino-item .casino-play a:hover { color: rgb(255, 181, 153); text-decoration: none; }}
@media (min-width:1024px){.casino-item .casino-play a > i { font-size: 20px; font-style: normal; }}
@media (min-width:1024px){.sport-button { width: 166px; height: 38px; display: block; font-size: 16px; font-weight: 700; text-align: center; color: rgb(0, 0, 0); padding-top: 4px; text-shadow: rgb(251, 218, 138) -1px -1px 0px, rgb(251, 218, 138) 1px -1px 0px, rgb(251, 218, 138) -1px 1px 0px, rgb(251, 218, 138) 1px 1px 0px; background: linear-gradient(rgb(251, 234, 178) 0%, rgb(252, 226, 167) 6%, rgb(253, 219, 148) 13%, rgb(252, 217, 136) 19%, rgb(251, 216, 134) 23%, rgb(250, 214, 120) 26%, rgb(248, 212, 116) 29%, rgb(243, 199, 94) 39%, rgb(238, 187, 78) 45%, rgb(235, 185, 74) 48%, rgb(233, 177, 64) 52%, rgb(219, 163, 52) 61%, rgb(208, 152, 43) 71%, rgb(204, 150, 44) 77%, rgb(209, 155, 49) 84%, rgb(214, 161, 55) 87%, rgb(215, 162, 56) 90%, rgb(220, 167, 61) 94%, rgb(212, 159, 53) 97%, rgb(220, 167, 61) 100%); }}
@media (min-width:1024px){.sport-button:hover { color: rgb(0, 0, 0); text-decoration: none; }}
@media (min-width:1024px){.act_left { float: left; width: 192px; padding-right: 21px; }}
@media (min-width:1024px){.act_left ul { margin: 0px; padding: 0px 11px; background: rgb(33, 33, 33); border: 1px solid rgb(52, 52, 52); border-radius: 7px; }}
@media (min-width:1024px){.act_left li { height: 65px; background: url("/assets/web/images/common/slot_line.jpg") center bottom no-repeat; position: relative; }}
@media (min-width:1024px){.act_left li a { display: block; height: 65px; line-height: 65px; text-align: center; font-size: 20px; color: rgb(153, 153, 153); overflow: hidden; }}
@media (min-width:1024px){.act_left li a:hover { text-decoration: none; color: rgb(255, 255, 255); }}
@media (min-width:1024px){.act_left li .arrow_r { width: 21px; height: 43px; background: url("/assets/web/images/common/arrow_r.png") no-repeat; position: absolute; right: -32px; top: 10px; display: none; }}
@media (min-width:1024px){.act_left li#last { background: none; }}
@media (min-width:1024px){.act_left li.currentTab .arrow_r { display: block; }}
@media (min-width:1024px){.act_left li.currentTab a { color: rgb(255, 255, 255); text-decoration: none; }}
@media (min-width:1024px){.act_right { float: left; margin-left: 5px; }}
@media (min-width:1024px){.act_right > ul { display: none; padding: 0px; margin: 0px; }}
@media (min-width:1024px){.act_right ul.block { display: block; }}
@media (min-width:1024px){.act_box { background-color: rgb(33, 33, 33); border: 1px solid rgb(45, 45, 45); padding: 10px; width: 841px; overflow: hidden; position: relative; margin-bottom: 20px; color: rgb(153, 153, 153); border-radius: 5px; }}
@media (min-width:1024px){.act_box a:hover, .act_box a:active, .act_box a:focus, .act_box a:visited { text-decoration: none; }}
@media (min-width:1024px){.act_box img { margin-bottom: 10px; }}
@media (min-width:1024px){.act_box :is(h2,.h2) { font-size: 28px; color: rgb(255, 255, 255); margin: 0px; }}
@media (min-width:1024px){.act_box :is(h2,.h2):hover, .act_box :is(h2,.h2):active { color: rgb(255, 255, 255); text-decoration: none; }}
@media (min-width:1024px){.act_box p { font-size: 16px; color: rgb(204, 204, 204); }}
@media (min-width:1024px){.act_box .act_tip { position: absolute; width: 60px; height: 60px; background: url("/assets/web/images/common/act_tip.png") 0px 0px no-repeat; right: 16px; bottom: 10px; overflow: hidden; }}
@media (min-width:1024px){.ad_temp_container .box { padding-top: 10px; margin-bottom: 25px; }}
@media (min-width:1024px){.ad_temp_container :is(h3,.h3) { font-size: 17px; color: rgb(204, 204, 204); margin-bottom: 10px; }}
@media (min-width:1024px){.ad_temp_container p { font-size: 15px; line-height: 25px; margin-bottom: 10px; }}
@media (min-width:1024px){.ad_temp_container ol { padding-right: 17px; margin: 0px; }}
@media (min-width:1024px){.ad_temp_container ol li { font-size: 14px; color: rgb(204, 204, 204); }}
@media (min-width:1024px){.contact-item { padding: 10px; border: 1px solid rgb(33, 33, 33); border-radius: 5px; margin-top: 10px; background-color: rgb(12, 12, 12); }}
@media (min-width:1024px){.contact-item .contact-icon { float: left; width: 41px; }}
@media (min-width:1024px){.contact-item a { color: rgb(255, 255, 255); }}
@media (min-width:1024px){.contact-item a:hover { color: rgb(255, 181, 153); text-decoration: none; }}
@media (min-width:1024px){.btn-regSubmit { background: rgb(255, 208, 35); color: rgb(0, 0, 0); font-weight: 700; font-size: 18px; min-width: 100px; }}
@media (min-width:1024px){.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(240, 219, 27); cursor: default; border-width: 1px; border-style: solid; border-color: transparent transparent rgb(220, 167, 59); border-image: none; background-color: rgb(1, 1, 1); z-index: 0; }}
@media (min-width:1024px){.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { margin-right: -1px; }}
@media (min-width:1024px){.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(0, 0, 0); background-color: rgb(240, 219, 27); }}
@media (min-width:1024px){.modal-content { background-color: rgb(33, 33, 33); }}
@media (min-width:1024px){.modal-title { font-size: 20px; }}
@media (min-width:1024px){.modal-header { border-bottom: 1px solid rgb(15, 15, 15); }}
@media (min-width:1024px){.modal-footer { border-top: 1px solid rgb(15, 15, 15); }}
@media (min-width:1024px){.hvr-icon-back { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-left: 2.8em; transition-duration: 0.1s; }}
@media (min-width:1024px){.hvr-icon-back::before { content: ""; position: absolute; left: 5px; padding: 0px 1px; top: 7px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; }}
@media (min-width:1024px){.hvr-icon-back:hover::before, .hvr-icon-back:focus::before, .hvr-icon-back:active::before { transform: translateX(-4px); }}
@media (min-width:1024px){.hvr-bounce-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.5s; position: relative; }}
@media (min-width:1024px){.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }}
@media (min-width:1024px){.hvr-icon-forward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; position: relative; padding-right: 10px; transition-duration: 0.1s; }}
@media (min-width:1024px){.hvr-icon-forward::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; top: 7px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; }}
@media (min-width:1024px){.hvr-icon-forward:hover::before, .hvr-icon-forward:focus::before, .hvr-icon-forward:active::before { transform: translateX(4px); }}
@-webkit-keyframes hvr-bob { 
  0% { transform: translateY(-8px); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(-8px); }
}
@keyframes hvr-bob { 
  0% { transform: translateY(-8px); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(-8px); }
}
@-webkit-keyframes hvr-bob-float { 
  100% { transform: translateY(-8px); }
}
@keyframes hvr-bob-float { 
  100% { transform: translateY(-8px); }
}
@media (min-width:1024px){.hvr-bob { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; }}
@media (min-width:1024px){.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { animation-name: hvr-bob-float, hvr-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }}
@-webkit-keyframes hvr-wobble-horizontal { 
  16.65% { transform: translateX(8px); }
  33.3% { transform: translateX(-6px); }
  49.95% { transform: translateX(4px); }
  66.6% { transform: translateX(-2px); }
  83.25% { transform: translateX(1px); }
  100% { transform: translateX(0px); }
}
@keyframes hvr-wobble-horizontal { 
  16.65% { transform: translateX(8px); }
  33.3% { transform: translateX(-6px); }
  49.95% { transform: translateX(4px); }
  66.6% { transform: translateX(-2px); }
  83.25% { transform: translateX(1px); }
  100% { transform: translateX(0px); }
}
@media (min-width:1024px){.hvr-wobble-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; }}
@media (min-width:1024px){.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { animation-name: hvr-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }}
@media (min-width:1024px){.hvr-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }}
@media (min-width:1024px){.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { transform: scale(1.05); }}
@media (min-width:1024px){.top-bar { margin-left: 5px; display: flex; align-items: center; flex-direction: column; }}
@media (min-width:1024px){.btn-log { background: linear-gradient(rgb(254, 220, 1) 0%, rgb(251, 155, 1) 100%); padding: 3px 20px; font-size: 22px; color: rgb(0, 0, 0); text-transform: uppercase; border-radius: 5px; }}
@media (min-width:1024px){.btn-log:hover { background: linear-gradient(rgb(251, 155, 1) 0%, rgb(254, 220, 1) 100%); color: rgb(0, 0, 0); text-decoration: none; }}
@media (min-width:1024px){.btn-ljoin { background: linear-gradient(rgb(194, 0, 0) 0%, rgb(77, 6, 0) 100%); padding: 0px 20px 4px; font-size: 33px; color: rgb(255, 255, 255); text-transform: uppercase; border-radius: 5px; height: 51px; display: flex; align-items: center; }}
@media (min-width:1024px){.btn-ljoin:hover { background: linear-gradient(rgb(77, 6, 0) 0%, rgb(194, 0, 0) 100%); color: rgb(255, 255, 255); text-decoration: none; }}
@media (min-width:1024px){.mobile-qrwrap img { height: 135px; }}
@media (min-width:1024px){.top-titlebg { height: 38px; background: url("/assets/web/images/common/pop-up-titlebg.jpg") repeat-x; }}
@media (min-width:1024px){.top-title { padding-left: 13px; padding-top: 5px; font-size: 18px; color: rgb(255, 255, 255); font-weight: 700; }}
@media (min-width:1024px){.popup-content { margin-top: 8px; }}
@media (min-width:1024px){.popup-left { width: 158px; background-color: rgb(33, 33, 33); border-radius: 2px; border: 1px solid rgb(52, 52, 52); float: left; }}
@media (min-width:1024px){.popup-left ul { margin: 0px; padding: 0px 5px; list-style-type: none; }}
@media (min-width:1024px){.popup-left ul li { margin: 0px; position: relative; height: 42px; padding: 10px 5px 0px; background: url("/assets/web/images/common/popup-left-line.jpg") left bottom repeat-x; }}
@media (min-width:1024px){.popup-left ul li:last-child { background: none; }}
@media (min-width:1024px){.popup-left ul li a { font-size: 15px; color: rgb(255, 255, 255); }}
@media (min-width:1024px){.popup-left ul li a:hover, .popup-left ul li a.active { text-decoration: none; color: rgb(255, 156, 153); }}
@media (min-width:1024px){.popup-right { width: 719px; background-color: rgb(33, 33, 33); border-radius: 2px; border: 1px solid rgb(52, 52, 52); float: left; margin-left: 15px; padding: 15px; min-height: 296px; }}
@media (min-width:1024px){.popup-right > :is(h1,.h1) { font-size: 21px; font-weight: 700; margin: 0px 0px 10px; }}
@media (min-width:1024px){.panel-title a:hover, .panel-title a:focus, .panel-title a:visited { text-decoration: none; }}
@media (min-width:1024px){.panel-body { color: rgb(255, 255, 255); background: rgb(0, 0, 0); }}
@media (min-width:1024px){.panel-default { border-color: rgb(52, 52, 52); }}
@media (min-width:1024px){.panel-default > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(52, 52, 52); }}
@media (min-width:1024px){.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(52, 52, 52); }}
@media (min-width:1024px){.popup-container { width: 892px; padding-left: 0px; padding-right: 0px; margin: 0px auto; }}
@media (min-width:1024px){.msg-pp .modal-content { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(0, 0, 0, 0.93); min-height: 250px; border-radius: 9px; }}
@media (min-width:1024px){.msg-pp .modal-body { padding: 0px; position: relative; }}
@media (min-width:1024px){.footer-logo ul li { list-style: none; margin-right: 20px; margin-bottom: 12px; }}
@media (min-width:1024px){.footer-logo ul { display: flex; padding: 0px; flex-wrap: wrap; }}
@media (min-width:1024px){.footer-logo ul li img { filter: grayscale(1); cursor: pointer; height: 27px; }}
@media (min-width:1024px){.footer-logo ul li img:hover { filter: none; }}
@media (min-width:1024px){.vip-table tr th { background: linear-gradient(rgb(254, 220, 1) 0%, rgb(251, 155, 1) 100%); color: rgb(0, 0, 0); padding: 10px; text-align: center; border: 1px solid rgb(0, 0, 0); font-size: 19px; line-height: 16px; }}
@media (min-width:1024px){table.vip-table { width: 100%; margin-top: 25px; }}
@media (min-width:1024px){.vip-table tr td:first-child { background: rgb(0, 0, 0); font-size: 24px; font-weight: bold; text-transform: uppercase; }}
@media (min-width:1024px){.vip-table tr td { padding: 5px 10px; text-align: center; background: rgb(41, 41, 41); border: 1px solid rgb(0, 0, 0); font-size: 16px; }}
@media (min-width:1024px){.vip-tnc { margin-top: 15px; }}
@media (min-width:1024px){#tour-tnc .modal-header { border-bottom: 1px solid rgb(255, 255, 255) !important; }}
@media (min-width:1024px){.mobile-allbet { margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }}
@media (min-width:1024px){.allbet-wrap { text-align: center; font-family: "Noto Sans SC", sans-serif; }}
@media (min-width:1024px){.allbet-app { display: flex; gap: 10px; margin-top: 20px; }}
@media (min-width:1024px){button.allbet-app-btn { width: 225px; background: linear-gradient(rgb(194, 0, 0) 0%, rgb(77, 6, 0) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; color: rgb(255, 255, 255); display: flex; padding: 10px; gap: 10px; }}
@media (min-width:1024px){.allbet-wrap :is(h3,.h3) { color: rgb(255, 255, 255); }}
@media (min-width:1024px){.mobile-box { background-color: rgb(33, 33, 33); border: 1px solid rgb(45, 45, 45); padding: 10px 0px; width: 841px; color: rgb(153, 153, 153); border-radius: 5px; min-height: 327px; }}
@media (min-width:1024px){button.allbet-app-btn img { filter: brightness(0) invert(1); width: 20px !important; height: 20px !important; }}
@media (min-width:1024px){button.allbet-app-btn span { display: flex; flex-direction: column; width: 97px; justify-content: center; align-items: center; }}
@media (min-width:1024px){.allbet-app-btn-text { text-align: left; }}
@media (min-width:1024px){video.video-cs { width: 370px; }}
@media (min-width:1024px){.vd-modal { width: 402px; }}
@media (min-width:1024px){.vd-modal button.close { margin-top: 0px; font-size: 30px; opacity: 1; color: rgb(255, 255, 255); position: relative; top: -30px; }}
@media (min-width:1024px){.slot-item-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 0px; justify-content: center; margin: 30px auto; }}
@media (min-width:1024px){.item-box { display: flex; justify-content: center; }}
@keyframes floating-bob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@media (min-width:1024px){.hot_icon { position: absolute; left: -7px; top: -10px; height: auto; margin: 0px 5px 0px 0px; z-index: 1; filter: none; transform-origin: center bottom; animation: 1.2s ease-in-out 0s infinite normal none running hot-flicker; width: 28px; }}
@keyframes hot-flicker { 
  0%, 100% { transform: scale(1) rotate(-2deg); opacity: 1; filter: brightness(1); }
  25% { transform: scale(1.12) rotate(2deg); opacity: 0.85; filter: brightness(1.25); }
  50% { transform: scale(0.95) rotate(-1deg); opacity: 1; filter: brightness(0.9); }
  75% { transform: scale(1.08) rotate(1deg); opacity: 0.9; filter: brightness(1.15); }
}
@media (min-width:1024px){.slide_left_close { position: fixed; left: -171px; z-index: 99; }}
@media (min-width:1024px){.slide_left_open { left: 0px; z-index: 99; }}
@media (min-width:1024px){#slide_left > ul { float: left; }}
@media (min-width:1024px){#slide_left > ul > :is(h2,.h2) { border-bottom: 1px solid rgb(192, 57, 43); }}
@media (min-width:1024px){#slide_left .list_menu .slide-left-bg { background-color: rgba(17, 17, 17, 0.5); border: 1px solid rgb(52, 52, 52); padding-bottom: 5px; padding-top: 2px; min-height: 214px; }}
@media (min-width:1024px){#slide_left .download-item { width: 148px; margin: 3px auto 0px; }}
@media (min-width:1024px){.srl_menu { margin-top: 59px; height: 100%; }}
@media (min-width:1024px){.list_menu { list-style: none; padding: 0px; margin: 0px; width: 171px; }}
@media (min-width:1024px){.button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 55px; height: 243px; padding: 0px; cursor: pointer; background: transparent; }}
@media (min-width:1024px){.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close { transition: 0.3s; }}
@media (min-width:1024px){.banner-wrapper { position: relative; max-width: 1110px; margin: 0px auto; max-height: 500px; }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (min-width:1024px){td { border: 1px solid rgb(204, 204, 204); }}
@media (min-width:1024px){br { }}
@media (max-width:1023.98px){html { font-family: sans-serif; text-size-adjust: 100%; }}
@media (max-width:1023.98px){body { margin: 0px; }}
@media (max-width:1023.98px){article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }}
@media (max-width:1023.98px){audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }}
@media (max-width:1023.98px){a { background-color: transparent; }}
@media (max-width:1023.98px){a:active, a:hover { outline: 0px; }}
@media (max-width:1023.98px){b, strong { font-weight: bold; }}
@media (max-width:1023.98px){:is(h1,.h1) { margin: 0.67em 0px; font-size: 2em; }}
@media (max-width:1023.98px){img { border: 0px; }}
@media (max-width:1023.98px){hr { height: 0px; box-sizing: content-box; }}
@media (max-width:1023.98px){code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }}
@media (max-width:1023.98px){button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; }}
@media (max-width:1023.98px){button { overflow: visible; }}
@media (max-width:1023.98px){button, select { text-transform: none; }}
@media (max-width:1023.98px){button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }}
@media (max-width:1023.98px){button[disabled], html input[disabled] { cursor: default; }}
@media (max-width:1023.98px){input { line-height: normal; }}
@media (max-width:1023.98px){input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }}
@media (max-width:1023.98px){table { border-spacing: 0px; border-collapse: collapse; }}
@media (max-width:1023.98px){td, th { padding: 0px; }}
@media print and (max-width:1023.98px){
*, ::before, ::after { color: rgb(0, 0, 0) !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]::after { content: " (" attr(href) ")"; }
a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
tr, img { break-inside: avoid; }
img { max-width: 100% !important; }
p, :is(h2,.h2), :is(h3,.h3) { orphans: 3; widows: 3; }
:is(h2,.h2), :is(h3,.h3) { break-after: avoid; }
}
@media (max-width:1023.98px){.glyphicon-collapse-down::before { content: ""; }}
@media (max-width:1023.98px){.glyphicon-collapse-up::before { content: ""; }}
@media (max-width:1023.98px){* { box-sizing: border-box; }}
@media (max-width:1023.98px){::before, ::after { box-sizing: border-box; }}
@media (max-width:1023.98px){html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }}
@media (max-width:1023.98px){body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }}
@media (max-width:1023.98px){a { color: rgb(51, 122, 183); text-decoration: none; }}
@media (max-width:1023.98px){a:hover, a:focus { color: rgb(35, 82, 124); text-decoration: underline; }}
@media (max-width:1023.98px){a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (max-width:1023.98px){img { vertical-align: middle; }}
@media (max-width:1023.98px){.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }}
@media (max-width:1023.98px){hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none; }}
@media (max-width:1023.98px){.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; }}
@media (max-width:1023.98px){[role="button"] { cursor: pointer; }}
@media (max-width:1023.98px){:is(h1,.h1), :is(h2,.h2), :is(h3,.h3), :is(h4,.h4), :is(h5,.h5), :is(h6,.h6), .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }}
@media (max-width:1023.98px){:is(h1,.h1), .h1, :is(h2,.h2), .h2, :is(h3,.h3), .h3 { margin-top: 20px; margin-bottom: 10px; }}
@media (max-width:1023.98px){:is(h4,.h4), .h4, :is(h5,.h5), .h5, :is(h6,.h6), .h6 { margin-top: 10px; margin-bottom: 10px; }}
@media (max-width:1023.98px){:is(h1,.h1), .h1 { font-size: 36px; }}
@media (max-width:1023.98px){:is(h2,.h2), .h2 { font-size: 30px; }}
@media (max-width:1023.98px){:is(h3,.h3), .h3 { font-size: 24px; }}
@media (max-width:1023.98px){:is(h4,.h4), .h4 { font-size: 18px; }}
@media (max-width:1023.98px){:is(h5,.h5), .h5 { font-size: 14px; }}
@media (max-width:1023.98px){p { margin: 0px 0px 10px; }}
@media (max-width:1023.98px){ul, ol { margin-top: 0px; margin-bottom: 10px; }}
@media (max-width:1023.98px){code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }}
@media (max-width:1023.98px){code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; }}
@media (max-width:1023.98px){.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }}
@media (max-width:1023.98px){.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }}
@media (max-width:1023.98px){.col-xs-7 { width: 58.3333%; }}
@media (max-width:1023.98px){.col-xs-3 { width: 25%; }}
@media (max-width:1023.98px){table { background-color: transparent; }}
@media (max-width:1023.98px){.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }}
@media (max-width:1023.98px){.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); }}
@media (max-width:1023.98px){.table-responsive { min-height: 0.01%; overflow-x: auto; }}
@media screen and (max-width:1023.98px) and (max-width: 767px){
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221); }
}
@media (max-width:1023.98px){label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }}
@media (max-width:1023.98px){input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; }}
@media (max-width:1023.98px){input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (max-width:1023.98px){.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }}
@media (max-width:1023.98px){.form-control:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }}
@media (max-width:1023.98px){.form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); }}
@media (max-width:1023.98px){.form-group { margin-bottom: 15px; }}
@media (max-width:1023.98px){.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }}
@media (max-width:1023.98px){.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }}
@media (max-width:1023.98px){.btn:hover, .btn:focus, .btn.focus { color: rgb(51, 51, 51); text-decoration: none; }}
@media (max-width:1023.98px){.btn:active, .btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }}
@media (max-width:1023.98px){.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: 0.65; }}
@media (max-width:1023.98px){.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); }}
@media (max-width:1023.98px){.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); }}
@media (max-width:1023.98px){.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; }}
@media (max-width:1023.98px){.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116); }}
@media (max-width:1023.98px){.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(32, 77, 116); border-color: rgb(18, 43, 64); }}
@media (max-width:1023.98px){.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }}
@media (max-width:1023.98px){.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(68, 157, 68); border-color: rgb(57, 132, 57); }}
@media (max-width:1023.98px){.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(57, 132, 57); border-color: rgb(37, 86, 37); }}
@media (max-width:1023.98px){.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }}
@media (max-width:1023.98px){.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); }}
@media (max-width:1023.98px){.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(38, 154, 188); border-color: rgb(27, 109, 133); }}
@media (max-width:1023.98px){.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; }}
@media (max-width:1023.98px){.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); }}
@media (max-width:1023.98px){.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: rgb(255, 255, 255); background-color: rgb(213, 133, 18); border-color: rgb(152, 95, 13); }}
@media (max-width:1023.98px){.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }}
@media (max-width:1023.98px){.btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }}
@media (max-width:1023.98px){.btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(118, 28, 25); }}
@media (max-width:1023.98px){.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); }}
@media (max-width:1023.98px){.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); }}
@media (max-width:1023.98px){.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(172, 41, 37); border-color: rgb(118, 28, 25); }}
@media (max-width:1023.98px){.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }}
@media (max-width:1023.98px){.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; }}
@media (max-width:1023.98px){.fade { opacity: 0; transition: opacity 0.15s linear; }}
@media (max-width:1023.98px){.fade.in { opacity: 1; }}
@media (max-width:1023.98px){.collapse { display: none; }}
@media (max-width:1023.98px){.collapse.in { display: block; }}
@media (max-width:1023.98px){tr.collapse.in { display: table-row; }}
@media (max-width:1023.98px){tbody.collapse.in { display: table-row-group; }}
@media (max-width:1023.98px){.collapsing { position: relative; height: 0px; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height, visibility; }}
@media (max-width:1023.98px){.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(51, 122, 183); outline: 0px; }}
@media (max-width:1023.98px){.open > .dropdown-menu { display: block; }}
@media (max-width:1023.98px){.open > a { outline: 0px; }}
@media (max-width:1023.98px){.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }}
@media (max-width:1023.98px){.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; }}
@media (max-width:1023.98px){.btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }}
@media (max-width:1023.98px){.btn-group.open .dropdown-toggle.btn-link { box-shadow: none; }}
@media (max-width:1023.98px){.nav { padding-left: 0px; margin-bottom: 0px; list-style: none; }}
@media (max-width:1023.98px){.nav > li { position: relative; display: block; }}
@media (max-width:1023.98px){.nav > li > a { position: relative; display: block; padding: 10px 15px; }}
@media (max-width:1023.98px){.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }}
@media (max-width:1023.98px){.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); }}
@media (max-width:1023.98px){.nav-tabs > li { float: left; margin-bottom: -1px; }}
@media (max-width:1023.98px){.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; }}
@media (max-width:1023.98px){.nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); }}
@media (max-width:1023.98px){.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: none; }}
@media (max-width:1023.98px){.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }}
@media (max-width:1023.98px) and (min-width: 768px){
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
@media (max-width:1023.98px){.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }}
@media (max-width:1023.98px) and (min-width: 768px){
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}
@media (max-width:1023.98px){.tab-content > .tab-pane { display: none; }}
@media (max-width:1023.98px){.tab-content > .active { display: block; }}
@media (max-width:1023.98px){.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }}
@media (max-width:1023.98px){.navbar-collapse.in { overflow-y: auto; }}
@media (max-width:1023.98px) and (min-width: 768px){
.navbar-collapse { width: auto; border-top: 0px; box-shadow: none; }
.navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; }
.navbar-collapse.in { overflow-y: visible; }
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0px; padding-left: 0px; }
}
@media (max-width:1023.98px){.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }}
@media (max-width:1023.98px) and (max-device-width: 480px) and (orientation: landscape){
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}
@media (max-width:1023.98px){.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }}
@media (max-width:1023.98px) and (min-width: 768px){
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
@media (max-width:1023.98px) and (max-width: 767px){
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (max-width:1023.98px){.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }}
@media (max-width:1023.98px){.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); }}
@media (max-width:1023.98px){.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }}
@media (max-width:1023.98px) and (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
}
@media (max-width:1023.98px){.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }}
@media (max-width:1023.98px){.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); }}
@media (max-width:1023.98px){.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }}
@media (max-width:1023.98px) and (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; }
}
@media (max-width:1023.98px){.breadcrumb > .active { color: rgb(119, 119, 119); }}
@media (max-width:1023.98px){.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.pager .next > a, .pager .next > span { float: right; }}
@media (max-width:1023.98px){.pager .previous > a, .pager .previous > span { float: left; }}
@media (max-width:1023.98px){.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(51, 122, 183); }}
@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}
@media (max-width:1023.98px){.progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s infinite normal none running progress-bar-stripes; }}
@media (max-width:1023.98px){.media { margin-top: 15px; }}
@media (max-width:1023.98px){.media:first-child { margin-top: 0px; }}
@media (max-width:1023.98px){.media, .media-body { overflow: hidden; zoom: 1; }}
@media (max-width:1023.98px){.media-body { width: 10000px; }}
@media (max-width:1023.98px){.media-left, .media-right, .media-body { display: table-cell; vertical-align: top; }}
@media (max-width:1023.98px){.media-heading { margin-top: 0px; margin-bottom: 5px; }}
@media (max-width:1023.98px){.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }}
@media (max-width:1023.98px){.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(199, 221, 239); }}
@media (max-width:1023.98px){a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); }}
@media (max-width:1023.98px){a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); }}
@media (max-width:1023.98px){a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); }}
@media (max-width:1023.98px){a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); }}
@media (max-width:1023.98px){.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }}
@media (max-width:1023.98px){.panel-body { padding: 15px; }}
@media (max-width:1023.98px){.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }}
@media (max-width:1023.98px){.panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; }}
@media (max-width:1023.98px){.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; }}
@media (max-width:1023.98px){.panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; }}
@media (max-width:1023.98px){.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; }}
@media (max-width:1023.98px){.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }}
@media (max-width:1023.98px){.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }}
@media (max-width:1023.98px){.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }}
@media (max-width:1023.98px){.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0px; }}
@media (max-width:1023.98px){.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; }}
@media (max-width:1023.98px){.panel-group { margin-bottom: 20px; }}
@media (max-width:1023.98px){.panel-group .panel { margin-bottom: 0px; border-radius: 4px; }}
@media (max-width:1023.98px){.panel-group .panel + .panel { margin-top: 5px; }}
@media (max-width:1023.98px){.panel-group .panel-heading { border-bottom: 0px; }}
@media (max-width:1023.98px){.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-default { border-color: rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); }}
@media (max-width:1023.98px){.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(51, 122, 183); }}
@media (max-width:1023.98px){.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); }}
@media (max-width:1023.98px){.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); }}
@media (max-width:1023.98px){.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); }}
@media (max-width:1023.98px){.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); }}
@media (max-width:1023.98px){.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); }}
@media (max-width:1023.98px){.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); }}
@media (max-width:1023.98px){.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); }}
@media (max-width:1023.98px){.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); }}
@media (max-width:1023.98px){.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; }}
@media (max-width:1023.98px){.close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }}
@media (max-width:1023.98px){button.close { appearance: none; padding: 0px; cursor: pointer; background: transparent; border: 0px; }}
@media (max-width:1023.98px){.modal-open { overflow: hidden; }}
@media (max-width:1023.98px){.modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }}
@media (max-width:1023.98px){.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); }}
@media (max-width:1023.98px){.modal.in .modal-dialog { transform: translate(0px, 0px); }}
@media (max-width:1023.98px){.modal-open .modal { overflow: hidden auto; }}
@media (max-width:1023.98px){.modal-dialog { position: relative; width: auto; margin: 10px; }}
@media (max-width:1023.98px){.modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; }}
@media (max-width:1023.98px){.modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.modal-backdrop.fade { opacity: 0; }}
@media (max-width:1023.98px){.modal-backdrop.in { opacity: 0.5; }}
@media (max-width:1023.98px){.modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); }}
@media (max-width:1023.98px){.modal-header .close { margin-top: -2px; }}
@media (max-width:1023.98px){.modal-title { margin: 0px; line-height: 1.42857; }}
@media (max-width:1023.98px){.modal-body { position: relative; padding: 15px; }}
@media (max-width:1023.98px){.modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); }}
@media (max-width:1023.98px){.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }}
@media (max-width:1023.98px){.modal-footer .btn-group .btn + .btn { margin-left: -1px; }}
@media (max-width:1023.98px){.modal-footer .btn-block + .btn-block { margin-left: 0px; }}
@media (max-width:1023.98px){.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }}
@media (max-width:1023.98px) and (min-width: 768px){
.modal-dialog { width: 600px; margin: 30px auto; }
.modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; }
.modal-sm { width: 300px; }
}
@media (max-width:1023.98px) and (min-width: 992px){
.modal-lg { width: 900px; }
}
@media (max-width:1023.98px){.tooltip.in { opacity: 0.9; }}
@media (max-width:1023.98px){.tooltip.right { padding: 0px 5px; margin-left: 3px; }}
@media (max-width:1023.98px){.tooltip.left { padding: 0px 5px; margin-left: -3px; }}
@media (max-width:1023.98px){.tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.popover.right { margin-left: 10px; }}
@media (max-width:1023.98px){.popover.left { margin-left: -10px; }}
@media (max-width:1023.98px){.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; }}
@media (max-width:1023.98px){.popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }}
@media (max-width:1023.98px){.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); }}
@media (max-width:1023.98px){.popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.carousel { position: relative; }}
@media (max-width:1023.98px){.carousel-inner { position: relative; width: 100%; overflow: hidden; }}
@media (max-width:1023.98px){.carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out; }}
@media (max-width:1023.98px){.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }}
@media (max-width:1023.98px) and (transform-3d), (max-width:1023.98px) and (-webkit-transform-3d){
.carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; }
.carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0px; transform: translate3d(100%, 0px, 0px); }
.carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0px; transform: translate3d(-100%, 0px, 0px); }
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0px; transform: translate3d(0px, 0px, 0px); }
}
@media (max-width:1023.98px){.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }}
@media (max-width:1023.98px){.carousel-inner > .active { left: 0px; }}
@media (max-width:1023.98px){.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; }}
@media (max-width:1023.98px){.carousel-inner > .next { left: 100%; }}
@media (max-width:1023.98px){.carousel-inner > .prev { left: -100%; }}
@media (max-width:1023.98px){.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; }}
@media (max-width:1023.98px){.carousel-inner > .active.left { left: -100%; }}
@media (max-width:1023.98px){.carousel-inner > .active.right { left: 100%; }}
@media (max-width:1023.98px){.carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; background-color: rgba(0, 0, 0, 0); opacity: 0.5; }}
@media (max-width:1023.98px){.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; }}
@media (max-width:1023.98px){.carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; }}
@media (max-width:1023.98px){.carousel-control:hover, .carousel-control:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }}
@media (max-width:1023.98px){.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }}
@media (max-width:1023.98px){.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }}
@media (max-width:1023.98px){.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }}
@media (max-width:1023.98px){.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }}
@media (max-width:1023.98px){.carousel-control .icon-prev::before { content: "‹"; }}
@media (max-width:1023.98px){.carousel-control .icon-next::before { content: "›"; }}
@media (max-width:1023.98px){.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; }}
@media (max-width:1023.98px){.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; }}
@media (max-width:1023.98px){.carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; }}
@media (max-width:1023.98px){.carousel-caption .btn { text-shadow: none; }}
@media screen and (max-width:1023.98px) and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
.carousel-indicators { bottom: 20px; }
}
@media (max-width:1023.98px){.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-header::before, .modal-header::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; }}
@media (max-width:1023.98px){.clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-header::after, .modal-footer::after { clear: both; }}
@media (max-width:1023.98px){.show { display: block !important; }}
@media (max-width:1023.98px){.fa, .fab, .fal, .far, .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }}
@media (max-width:1023.98px){.fa-fw { text-align: center; width: 1.25em; }}
@keyframes a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@media (max-width:1023.98px){.fa-android::before { content: ""; }}
@media (max-width:1023.98px){.fa-angle-left::before { content: ""; }}
@media (max-width:1023.98px){.fa-angle-right::before { content: ""; }}
@media (max-width:1023.98px){.fa-apple::before { content: ""; }}
@media (max-width:1023.98px){.fa-eye-slash::before { content: ""; }}
@media (max-width:1023.98px){.fa-facebook-square::before { content: ""; }}
@media (max-width:1023.98px){.fa-headset::before { content: ""; }}
@media (max-width:1023.98px){.fa-html5::before { content: ""; }}
@media (max-width:1023.98px){.fa-plus::before { content: ""; }}
@media (max-width:1023.98px){.fa-telegram::before { content: ""; }}
@media (max-width:1023.98px){.fa-times::before { content: ""; }}
@media (max-width:1023.98px){.fa-twitter-square::before { content: ""; }}
@media (max-width:1023.98px){.fa-youtube-square::before { content: ""; }}
@media (max-width:1023.98px){.sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }}
@font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; src: url("/assets/mobile/webfonts/fa-brands-400.woff2") format("woff2"), url("/assets/mobile/webfonts/fa-brands-400.woff") format("woff"); }
@media (max-width:1023.98px){.fab { font-family: "Font Awesome 5 Brands"; }}
@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; src: url("/assets/mobile/webfonts/fa-regular-400.woff2") format("woff2"), url("/assets/mobile/webfonts/fa-regular-400.woff") format("woff"); }
@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; src: url("/assets/mobile/webfonts/fa-solid-900.woff2") format("woff2"), url("/assets/mobile/webfonts/fa-solid-900.woff") format("woff"); }
@media (max-width:1023.98px){.fa, .far, .fas { font-family: "Font Awesome 5 Free"; }}
@media (max-width:1023.98px){.fa, .fas { font-weight: 900; }}
@media (max-width:1023.98px){body { font-family: Roboto, sans-serif; font-size: 13px; line-height: 24px; height: 100%; }}
@media (max-width:1023.98px){a:focus { color: rgb(255, 255, 255); text-decoration: none; }}
@media (max-width:1023.98px){#euro-popup .modal-dialog { width: 760px; top: 20%; }}
@media (max-width:1023.98px){.wrap { margin: 0px; min-width: 1215px; padding: 0px; width: 100%; }}
@media (max-width:1023.98px){.btn-join { display: block; color: rgb(255, 255, 255); width: 160px; font: 700 14px / 45px Roboto, sans-serif; text-transform: uppercase; text-align: center; text-decoration: none; background-size: 350% 100%; background-image: linear-gradient(to right, rgb(3, 163, 60), rgb(254, 231, 27), rgb(3, 123, 75), rgb(254, 231, 27)); transition: 0.4s ease-in-out; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 5px 0px; outline: 0px !important; }}
@media (max-width:1023.98px){.btn-join:hover { color: rgb(255, 255, 255); outline: none; background-position: 100% 0px; transition: 0.4s ease-in-out; }}
@media (max-width:1023.98px){.btn-join:focus { background: rgb(3, 163, 60); color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.poker-slide.owl-carousel .owl-item img { max-height: 570px; }}
@media (max-width:1023.98px){.platform-content .single-content.active { display: block; }}
@media (max-width:1023.98px){.acct-mngr-nav ul li.active, .acct-mngr-nav ul li:hover, .acct-mngr-nav ul li.active a, .acct-mngr-nav ul li:hover > a { background: rgb(254, 231, 27); color: rgb(43, 39, 0); }}
@media (max-width:1023.98px){.mgnt-deposit-nav li.active, .mgnt-deposit-nav li:hover, .mgnt-deposit-nav li.active a, .mgnt-deposit-nav li:hover > a { background: linear-gradient(to right top, rgb(255, 196, 0), rgb(255, 202, 3), rgb(255, 209, 7), rgb(255, 215, 13), rgb(255, 222, 19), rgb(255, 226, 44), rgb(254, 231, 61), rgb(254, 235, 76), rgb(254, 238, 101), rgb(255, 241, 124), rgb(255, 243, 145), rgb(255, 246, 166)) rgb(254, 231, 27); color: rgb(17, 89, 47); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px; }}
@media (max-width:1023.98px){.depoFrame-nav li.active, .depoFrame-nav li:hover { background: rgb(254, 231, 27); }}
@media (max-width:1023.98px){.depoFrame-nav li.active a, .depoFrame-nav li:hover a { color: rgb(43, 39, 0); }}
@media (max-width:1023.98px){table.form .right { text-align: right; }}
@media (max-width:1023.98px){.dep-amt button.active { background-color: rgb(13, 102, 44); }}
@media (max-width:1023.98px){ul.p-nav li.active a, ul.p-nav li:hover a { background: linear-gradient(to right bottom, rgb(4, 142, 106), rgb(10, 138, 100), rgb(14, 134, 94), rgb(18, 130, 89), rgb(21, 126, 83), rgb(30, 134, 83), rgb(40, 141, 82), rgb(51, 149, 81), rgb(74, 170, 83), rgb(100, 191, 84), rgb(128, 212, 82), rgb(158, 232, 79)) rgb(3, 123, 75); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }}
@-webkit-keyframes hvr-icon-buzz-out { 
  10% { transform: translateX(3px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-2deg); }
  30% { transform: translateX(3px) rotate(2deg); }
  40% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  70% { transform: translateX(2px) rotate(1deg); }
  80% { transform: translateX(-2px) rotate(-1deg); }
  90% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(-1px) rotate(0deg); }
}
@keyframes hvr-icon-buzz-out { 
  10% { transform: translateX(3px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-2deg); }
  30% { transform: translateX(3px) rotate(2deg); }
  40% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  70% { transform: translateX(2px) rotate(1deg); }
  80% { transform: translateX(-2px) rotate(-1deg); }
  90% { transform: translateX(1px) rotate(0deg); }
  100% { transform: translateX(-1px) rotate(0deg); }
}
@-webkit-keyframes fadeEffect { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeEffect { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (max-width:1023.98px){.blackBody .childThumb ul li:not(.active) { border: 2px solid rgb(51, 51, 51); opacity: 0.5; background: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.blackBody .childThumb ul li.active { border: 2px solid rgb(254, 231, 27); border-radius: 0px; }}
@media (max-width:1023.98px){.whiteBody .childThumb ul li.active { border: 2px solid rgb(11, 100, 53); border-radius: 0px; }}
@media (max-width:1023.98px){.faq-content { background: rgb(46, 46, 46); }}
@media (max-width:1023.98px){.faq-panel { max-width: 960px; margin: 0px auto; background: rgb(29, 29, 29); padding-bottom: 10px; }}
@media (max-width:1023.98px){.faq-nav { overflow: hidden; padding: 20px 0px 25px; border-bottom: thin solid rgb(244, 244, 244); }}
@media (max-width:1023.98px){.faq-nav ul { display: block; margin: 0px; padding: 0px; list-style: none; }}
@media (max-width:1023.98px){.faq-nav li { float: left; width: 25%; margin: 0px; padding: 0px; text-align: center; }}
@media (max-width:1023.98px){.faq-nav li a { display: inline-block; text-decoration: none; }}
@media (max-width:1023.98px){.faq-nav li .img-thumb { width: 71px; height: 71px; margin: 0px auto 25px; position: relative; }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span { display: block; width: 71px; height: 71px; position: absolute; top: 0px; left: 0px; z-index: 1; transition: 0.3s; }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.default { z-index: 2; }}
@media (max-width:1023.98px){.faq-nav li.active .img-thumb span.default, .faq-nav li:hover .img-thumb span.default { opacity: 0; visibility: hidden; }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-faq { background: url("/assets/mobile/images/i-faq-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-faq-h { background: url("/assets/mobile/images/i-faq-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-rule { background: url("/assets/mobile/images/i-rule-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-rule-h { background: url("/assets/mobile/images/i-rule-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-terms { background: url("/assets/mobile/images/i-terms-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-terms-h { background: url("/assets/mobile/images/i-terms-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-rules { background: url("/assets/mobile/images/i-rules-h.png") center bottom no-repeat rgb(29, 29, 29); filter: grayscale(1); }}
@media (max-width:1023.98px){.faq-nav li .img-thumb span.i-rules-h { background: url("/assets/mobile/images/i-rules-h.png") center bottom no-repeat rgb(29, 29, 29); }}
@media (max-width:1023.98px){.faq-nav li a > span { color: rgb(117, 117, 117); font-size: 17px; letter-spacing: 2px; text-transform: uppercase; font-family: Roboto, sans-serif; }}
@media (max-width:1023.98px){.faq-nav li.active a > span, .faq-nav li:hover a > span { color: rgb(255, 156, 153); }}
@media (max-width:1023.98px){.faq-subnav { padding: 20px 0px; text-align: center; display: block; }}
@media (max-width:1023.98px){.faq-dropdown select { color: rgb(0, 0, 0); height: 30px; width: 100%; padding: 0px 5px; font: 15px Roboto, sans-serif; text-decoration: none; text-transform: uppercase; overflow: hidden; background-image: url("/assets/mobile/images/dropDownArrowWhite.png"); background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-position: 95% 50%; appearance: none; background-color: rgb(245, 209, 112) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }}
@media (max-width:1023.98px){.faq-subnav ul { margin: 0px; padding: 0px; list-style: none; }}
@media (max-width:1023.98px){.faq-subnav ul li { display: inline-block; border-left: thin solid rgb(119, 119, 119); padding: 0px 12px; }}
@media (max-width:1023.98px){.faq-subnav ul li:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }}
@media (max-width:1023.98px){.faq-subnav ul li a { display: block; color: rgb(245, 209, 112); line-height: 16px; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: capitalize; transition: 0.3s; font-family: Roboto, sans-serif; }}
@media (max-width:1023.98px){.faq-subnav ul li a.active, .faq-subnav ul li:hover a { color: rgb(255, 156, 153); }}
@media (max-width:1023.98px){.accdn-panel { padding: 0px 15px; }}
@media (max-width:1023.98px){.accdn-panel :is(h2,.h2) { display: block; background: rgb(50, 50, 50); color: rgb(255, 255, 255); cursor: pointer; font-size: 17px; padding: 15px 65px 15px 15px; text-decoration: none; position: relative; border-top: 1px solid rgb(219, 219, 219); font-weight: 400; margin: 0px; transition: 0.4s; font-family: Roboto, sans-serif; }}
@media (max-width:1023.98px){.accdn-panel :is(h2,.h2)::after { content: ">"; position: absolute; right: 20px; top: 15px; font-size: 18px; transition: 0.2s; transform: rotate(-90deg); color: rgb(179, 179, 179) !important; }}
@media (max-width:1023.98px){.accdn-panel :is(h2,.h2).active, .accdn-panel :is(h2,.h2):hover { background: rgb(245, 209, 112); color: rgb(0, 0, 0); padding-left: 25px; }}
@media (max-width:1023.98px){.accdn-panel :is(h2,.h2).active::after { content: ">"; color: rgb(17, 25, 28); transform: rotate(90deg); }}
@media (max-width:1023.98px){.noContent :is(h2,.h2).active::after { content: "" !important; }}
@media (max-width:1023.98px){.accdn-panel:first-child :is(h2,.h2) { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }}
@media (max-width:1023.98px){.accdn-panel .accdn-content { padding: 20px; font-size: 16px; line-height: 23px; color: rgb(255, 255, 255); display: none; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(219, 219, 219) rgb(219, 219, 219) currentcolor; border-image: none; font-family: Roboto, sans-serif; }}
@media (max-width:1023.98px){.accdn-panel:last-child .accdn-content { border-bottom: 1px solid rgb(219, 219, 219); }}
@media (max-width:1023.98px){.accdn-panel .accdn-content p { margin: 0px 0px 17px; font-family: Roboto, sans-serif; }}
@media (max-width:1023.98px){.accdn-panel .accdn-content a { display: inline; color: rgb(245, 209, 112); }}
@media (max-width:1023.98px){.accdn-panel .accdn-content ul.custom { list-style: none; margin-left: 5px; padding-left: 5px; }}
@-webkit-keyframes spinner { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner { 
  100% { transform: rotate(360deg); }
}
@media (max-width:1023.98px){#overlay.open { opacity: 1; pointer-events: auto; }}
@media (max-width:1023.98px){#modal-dark.open { opacity: 1; z-index: 99999999; visibility: visible; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px; }}
@media (max-width:1023.98px){#modal-light.open { overflow: hidden; opacity: 1; visibility: visible; transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1); }}
@media (max-width:1023.98px){.actions.right ul { float: right; }}
@media (max-width:1023.98px){.actions.right li { margin-right: 0px; margin-left: 15px; margin-bottom: 8px; }}
@media (max-width:1023.98px){.pagination a.active { background-color: rgb(76, 175, 80); color: white; }}
@media (max-width:1023.98px){.pagination a:hover:not(.active) { background-color: rgb(221, 221, 221); }}
@keyframes lr { 
  0% { transform: rotateX(0deg); }
  50% { transform: rotateX(30deg); }
  100% { transform: rotateX(0deg); }
}
@keyframes rl { 
  0% { transform: rotateY(0deg); }
  50% { transform: rotateY(-30deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes updown { 
  0% { bottom: 2%; opacity: 0.3; }
  50% { bottom: 5%; opacity: 1; }
  100% { bottom: 2%; opacity: 0.3; }
}
@media screen and (max-width:1023.98px) and (max-width: 997px){
.wrap { width: 100%; }
}
@media (max-width:1023.98px){input::placeholder { color: rgb(68, 68, 68); }}
@media (max-width:1023.98px){.mobileCarousel.owl-carousel .owl-item img { max-height: 570px; }}
@media (max-width:1023.98px){.rightUl li.pm.active { background: rgb(254, 231, 27); color: rgb(51, 51, 51); }}
@media (max-width:1023.98px){#composeMsg .modal-dialog, #inboxSent .modal-dialog { max-width: 750px; margin-top: 10%; cursor: move; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen, #inboxSent .modal-content.modalPmBgGreen { background: rgb(255, 156, 153); padding: 0px; border-radius: 0px; box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: relative; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen .modal-header, #inboxSent .modal-content.modalPmBgGreen .modal-header { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen .modal-body, #inboxSent .modal-content.modalPmBgGreen .modal-body { padding: 10px; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen .modal-footer { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 10px 10px; text-align: left; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen button.close, #inboxSent .modal-content.modalPmBgGreen button.close { background: rgb(2, 85, 43); opacity: 1; color: rgb(255, 255, 255); padding: 0px 5px; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen table, #inboxSent .modal-content.modalPmBgGreen table { width: 100%; }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen table tr td input { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; color: rgb(51, 51, 51); }}
@media (max-width:1023.98px){#composeMsg .modal-content.modalPmBgGreen table tr td textarea { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px; min-height: 150px; margin-top: 10px; resize: none; color: rgb(51, 51, 51); }}
@keyframes zoomIn-2 { 
  0% { opacity: 0; transform: scale3d(0.7, 0.7, 0.7); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes particles { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(720deg); }
}
@keyframes go-left { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(-30px); }
  100% { transform: translateX(0px); }
}
@keyframes go-right { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(30px); }
  100% { transform: translateX(0px); }
}
@media (max-width:1023.98px) and (max-width: 768px){
#euro-popup, .modal-backdrop.in { display: none !important; }
}
@media (max-width:1023.98px){.Scratch-Card-1-show.active, .Scratch-Card-2-show.active, .Scratch-Card-3-show.active { width: 100%; height: 30px; display: block; background: rgb(254, 231, 27); text-align: center; color: rgb(0, 0, 0); line-height: 30px; font-weight: bold; }}
@-webkit-keyframes sideWay { 
  0% { transform: translateX(-10px); }
  100% { transform: translateX(0px); }
}
@keyframes sideWay { 
  0% { transform: translateX(-10px); }
  100% { transform: translateX(0px); }
}
@media (max-width:1023.98px){.inf-pg2 { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px) and (max-width: 812px){
.faq-subnav { display: none; }
.faq-dropdown { text-align: center; padding: 20px; display: block !important; }
}
@media (max-width:1023.98px) and (max-width: 500px){
.faq-nav li .img-thumb { display: none; }
.faq-nav li { text-align: center; float: none; width: 100%; }
}
@media (max-width:1023.98px){.show { display: block; }}
@media (max-width:1023.98px){body { background:  0% 0% / contain rgb(0, 0, 0); color: rgb(72, 167, 112); font-weight: 300; font-family: Lato, Calibri, Arial, sans-serif; }}
@media (max-width:1023.98px){a { text-decoration: none; color: rgb(72, 167, 112); outline: none; }}
@media (max-width:1023.98px){a:hover, a:focus { color: rgb(255, 255, 255); outline: none; text-decoration: none; }}
@media (max-width:1023.98px){.content-in { max-width: 768px; display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.clearfix::before, .clearfix::after { display: table; content: " "; }}
@media (max-width:1023.98px){.clearfix::after { clear: both; }}
@media (max-width:1023.98px){.codrops-top span.right { float: right; }}
@media (max-width:1023.98px){.codrops-top span.right a { display: block; float: left; }}
@media (max-width:1023.98px){.main { margin: 0px auto; position: fixed; width: 100%; z-index: 10000; justify-content: center; place-items: center; box-shadow: rgb(0, 0, 0) 0px 3px 8px; max-width: 768px; }}
@media (max-width:1023.98px){.column { display: flex; justify-content: space-between; }}
@media (max-width:1023.98px){button { }}
@media (max-width:1023.98px){button:hover { }}
@media (max-width:1023.98px){button:focus { outline: none; }}
@media screen and (max-width:1023.98px) and (max-width: 46.0625em){
.column { width: 100%; min-width: auto; min-height: auto; display: flex; background: url("/assets/mobile/images/menu-background-2021.jpg") center top; justify-content: space-between; }
}
@media (max-width:1023.98px){*, ::after, ::before { box-sizing: border-box; }}
@media (max-width:1023.98px){html, body, .st-container, .st-pusher, .st-content { height: 100%; margin: 0px auto; }}
@media (max-width:1023.98px){.st-content { overflow-y: scroll; }}
@media (max-width:1023.98px){.st-content, .st-content-inner { position: relative; }}
@media (max-width:1023.98px){.st-container { position: relative; overflow: hidden; }}
@media (max-width:1023.98px){.st-pusher { position: relative; left: 0px; z-index: 99; height: 100%; transition: transform 0.5s; }}
@media (max-width:1023.98px){.st-pusher::after { position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; background: rgba(0, 0, 0, 0.2); content: ""; opacity: 0; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }}
@media (max-width:1023.98px){.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s; }}
@media (max-width:1023.98px){.st-menu { position: absolute; top: 0px; left: 0px; z-index: 100; visibility: hidden; width: 220px; height: 100%; transition: 0.5s; background: rgb(33, 33, 33); }}
@media (max-width:1023.98px){.st-menu::after { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ""; opacity: 1; transition: opacity 0.5s; }}
@media (max-width:1023.98px){.st-menu-open .st-menu::after { width: 0px; height: 0px; opacity: 0; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }}
@media (max-width:1023.98px){.st-menu ul { margin: 0px; padding: 0px; list-style: none; }}
@media (max-width:1023.98px){.st-menu ul li a { display: flex; flex-flow: row; place-content: stretch flex-start; align-items: center; }}
@media (max-width:1023.98px){.st-menu ul li:first-child a { }}
@media (max-width:1023.98px){.st-menu ul li a:hover { }}
@media (max-width:1023.98px){.st-effect-1.st-menu { visibility: visible; transform: translate3d(-100%, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-1.st-menu-open .st-effect-1.st-menu { visibility: visible; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-1.st-menu::after { display: none; }}
@media (max-width:1023.98px){.st-effect-2.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-2.st-menu-open .st-effect-2.st-menu { visibility: visible; transition: transform 0.5s; }}
@media (max-width:1023.98px){.st-effect-3.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-3.st-menu-open .st-effect-3.st-menu { visibility: visible; transition: transform 0.5s; }}
@media (max-width:1023.98px){.st-effect-4.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-4.st-menu-open .st-effect-4.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-5.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-5.st-menu-open .st-effect-5.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-6.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px) rotateY(-15deg); }}
@media (max-width:1023.98px){.st-effect-6.st-menu-open .st-effect-6.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(-100%, 0px, 0px) rotateY(15deg); }}
@media (max-width:1023.98px){.st-effect-7.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); }}
@media (max-width:1023.98px){.st-effect-8.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-8.st-menu-open .st-effect-8.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); }}
@media (max-width:1023.98px){.st-effect-9.st-menu-open .st-pusher { transform: translate3d(0px, 0px, -300px); }}
@media (max-width:1023.98px){.st-effect-9.st-menu-open .st-effect-9.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-10.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-10.st-menu-open .st-effect-10.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-11.st-menu-open .st-pusher { transform: translate3d(100px, 0px, -600px) rotateY(-20deg); }}
@media (max-width:1023.98px){.st-effect-11.st-menu-open .st-effect-11.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-12.st-menu-open .st-pusher { transform: rotateY(-10deg); }}
@media (max-width:1023.98px){.st-effect-12.st-menu-open .st-effect-12.st-menu { visibility: visible; transition: transform 0.5s; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-13.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-13.st-menu-open .st-effect-13.st-menu { visibility: visible; transition-timing-function: ease-in-out; transition-property: transform; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-14.st-menu-open .st-pusher { transform: translate3d(300px, 0px, 0px); }}
@media (max-width:1023.98px){.st-effect-14.st-menu-open .st-effect-14.st-menu { visibility: visible; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-property: transform; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); }}
@media (max-width:1023.98px){.st-menu-open .close-fa { animation: 0.5s ease 0s 1 normal none running mymove; display: block !important; }}
@-webkit-keyframes mymove { 
  0% { left: 0px; }
  100% { left: 300px; }
}
@keyframes mymove { 
  0% { left: 0px; }
  100% { left: 300px; }
}
@media (max-width:1023.98px){.content { padding-top: 45px; }}
@media (max-width:1023.98px){.carousel-indicators { position: absolute; bottom: -10px; left: 50%; z-index: 1; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; }}
@media (max-width:1023.98px){.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; }}
@media (max-width:1023.98px){.carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 232, 149); }}
@media (max-width:1023.98px){.carousel-fade .carousel-inner .item { transition-property: opacity; }}
@media (max-width:1023.98px){.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }}
@media (max-width:1023.98px){.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }}
@media (max-width:1023.98px){.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0px; transform: translate3d(0px, 0px, 0px); }}
@media (max-width:1023.98px){.carousel-fade .carousel-control { z-index: 2; }}
@media (max-width:1023.98px){.carousel-control-prev { left: 0px; }}
@media (max-width:1023.98px){.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; }}
@media (max-width:1023.98px){.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; }}
@media (max-width:1023.98px){.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; clip-path: inset(50%); border: 0px; }}
@media (max-width:1023.98px){.carousel-control-next { right: 0px; }}
@media (max-width:1023.98px){.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 15%; color: rgb(255, 255, 254); text-align: center; opacity: 0.5; }}
@media (max-width:1023.98px){.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 35px; height: 35px; background: center center / 100% 100% no-repeat transparent; font-size: 35px; line-height: 0px; }}
@media (max-width:1023.98px){.wrap-announcement { background: rgb(5, 14, 29); margin: 0px auto; font-size: 12px; height: 24px; }}
@media (max-width:1023.98px){.wrap-announcement .icon-annouce { float: left; width: 45px; color: rgb(255, 226, 130); text-align: center; height: 21px; font-size: 17px; }}
@media (max-width:1023.98px){.wrap-announcement .runningtxt { float: left; width: calc(100% - 50px); padding-top: 3px; color: rgb(255, 255, 255); font-size: 13px; }}
@media (max-width:1023.98px){.item img { display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.event-all { overflow: auto hidden; margin: 5px 0px 15px; }}
@media (max-width:1023.98px){.event-all ul { display: flex; flex-wrap: nowrap; margin: 0px; padding: 10px; gap: 10px; width: max-content; min-width: 100%; }}
@media (max-width:1023.98px){.event-all img:not(.png) { width: 100%; }}
@media (max-width:1023.98px){.event-all ul li { flex: 0 0 calc(-12px + 20vw); min-width: 62px; max-width: 80px; float: none; list-style: none; padding-bottom: 0px; }}
@media (max-width:1023.98px){.event-all ul li a { display: block; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.event-all ul li p { font-size: 12px; text-align: center; margin: 5px 0px 0px; text-transform: uppercase; font-weight: bold; }}
@media (max-width:1023.98px){.swipe-box { max-width: 1024px; margin: 0px auto; overflow: hidden; }}
@media (max-width:1023.98px){.swipe-list { list-style: none; margin: 0px; padding: 0px 0px 15px; overflow: auto; white-space: nowrap; }}
@media (max-width:1023.98px){.swipe-list li { vertical-align: top; margin-right: 5px; display: inline-block; }}
@media (max-width:1023.98px){.swipe-list li:first-child { margin-left: 15px; }}
@media (max-width:1023.98px){.swipe-list li a { overflow: hidden; display: block; margin-bottom: 8px; border-radius: 4px; }}
@media (max-width:1023.98px){.swipe-list li a img { width: 100%; }}
@media (max-width:1023.98px){.swipe-list li p { margin-bottom: 0px; font-size: 12px; color: rgb(255, 255, 255); padding-top: 10px; line-height: 20px; text-align: center; }}
@media (max-width:1023.98px){.swipe-list.swipe-list-slots li { }}
@media (max-width:1023.98px){.swipe-list.swipe-list-slots li a { width: 265px; }}
@media (max-width:1023.98px){.nav-top > li.active > a { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.nav-top li a:hover, .nav-top li a .active { background: rgb(255, 232, 149); color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.nav-top li.active { color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.nav-top li.active a { background: rgb(23, 207, 150); color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.media-heading { margin-top: 0px; margin-bottom: 0px; margin-left: 10px; text-transform: uppercase; color: rgb(255, 255, 255); padding: 10px; border-radius: 25px; font-size: 16px; }}
@media (max-width:1023.98px){.btn-nav { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 21px; width: 10%; padding: 0px; text-align: left; }}
@media (max-width:1023.98px){.st-menu ul { }}
@media (max-width:1023.98px){.logo { width: 55%; float: left; }}
@media (max-width:1023.98px){.logo img { display: block; margin: 0px auto; height: 45px; }}
@media (max-width:1023.98px){.promo-item { display: block; margin: 0px auto 10px; }}
@media (max-width:1023.98px){.promo-butt { cursor: pointer; }}
@media (max-width:1023.98px){.reg-in { padding: 0px 20px; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.reg-in-2 { padding: 50px 20px 0px; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.form-box2 { display: flex; padding: 7px; background: rgb(255, 255, 255); margin-bottom: 10px; border-radius: 50px; }}
@media (max-width:1023.98px){.col-xs-3.ttle-ico { }}
@media (max-width:1023.98px){.ttle-form { padding: 0px; }}
@media (max-width:1023.98px){.form-reg { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding-top: 7px; color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.ttle-ico img { position: relative; top: 5px; }}
@media (max-width:1023.98px){.form-reg:focus { outline: none; }}
@media (max-width:1023.98px){.btn-join { color: rgb(0, 0, 0); width: 100%; padding: 9px; margin-top: 15px; border-radius: 50px; font-size: 16px; border: 2px solid rgb(254, 205, 1); background: linear-gradient(rgb(254, 220, 1) 0%, rgb(251, 155, 1) 100%); font-weight: bold; }}
@media (max-width:1023.98px){.btn-back { text-align: center; padding: 9px; width: 100%; display: block; text-transform: uppercase; margin-top: 10%; color: rgb(202, 202, 202); }}
@media (max-width:1023.98px){form { width: 100%; max-width: 400px; margin: 10px auto 20px; font-family: sans-serif; }}
@media (max-width:1023.98px){form div { }}
@media (max-width:1023.98px){.ttl-ul ul li a.active { background: rgb(23, 207, 150); }}
@media (max-width:1023.98px){.form-in input { font-size: 12px; font-weight: 100; }}
@media (max-width:1023.98px){.table-responsive { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; }}
@media (max-width:1023.98px){.modal-bln .modal-body { padding: 0px; }}
@media (max-width:1023.98px){.modal-bln { margin: 0px; }}
@media (max-width:1023.98px) and (min-width: 768px){
.event-all ul li a img { padding: 10px; }
}
@media (max-width:1023.98px){.form-in { padding: 0px 10px; }}
@media (max-width:1023.98px){.in-boxes { width: 50%; background: rgb(22, 207, 150); padding: 10px; margin-right: 2px; }}
@media (max-width:1023.98px){.in-boxes:nth-child(2) { margin: 0px 0px 0px 2px; }}
@media (max-width:1023.98px){.in-boxes a { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.side-mx ul { display: flex; flex-flow: column; place-content: stretch flex-start; align-items: stretch; }}
@media (max-width:1023.98px){.st-menu li { }}
@media (max-width:1023.98px){.side-mx ul li { display: flex; flex-flow: row; place-content: stretch flex-start; align-items: center; border-bottom: 1px solid rgb(88, 88, 88); }}
@media (max-width:1023.98px){.side-ico.ico-grd img { height: 20px; filter: grayscale(1) invert(1); display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.side-ico.ico-grd { width: 50px; padding: 10px 5px; }}
@media (max-width:1023.98px){.side-mx ul li:first-child .side-ico.ico-grd { }}
@media (max-width:1023.98px){.side-mn { font-weight: bold; color: rgb(255, 255, 255); padding: 0px 10px; text-transform: uppercase; }}
@media (max-width:1023.98px){.st-pusher::after { position: absolute; top: 0px; right: 0px; width: 0px; height: 0px; background: rgba(0, 0, 0, 0.5); content: ""; opacity: 0; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }}
@media (max-width:1023.98px){.st-menu-open .st-pusher::after { width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s; }}
@media (max-width:1023.98px){li.ico-rd { }}
@media (max-width:1023.98px){.tb-in ul { display: flex; margin: 0px; padding: 0px; flex-flow: row; place-content: stretch flex-end; align-items: center; }}
@media (max-width:1023.98px){.tb-in ul li { list-style: none; padding: 5px 10px 0px; border-left: 1px solid rgb(0, 0, 0); width: 25%; }}
@media (max-width:1023.98px){.tb-in ul li img { filter: grayscale(0) invert(1); height: 23px; padding: 0px 2% 2%; display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.tab-top { display: inline-flex; justify-content: space-between; width: 100%; align-items: center; background: url("/assets/mobile/images/menu-background-2021.jpg") center top; }}
@media (max-width:1023.98px){.tab-tp { background-size: auto; width: 100%; }}
@media (max-width:1023.98px){.tb-in ul li p { font-size: 10px; text-align: center; margin: 0px; color: rgb(255, 255, 255); padding-bottom: 5px; font-weight: bold; }}
@media (max-width:1023.98px){.tb-in ul li:first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }}
@media (max-width:1023.98px){.ttl-in { display: flex; flex-flow: row; place-content: stretch space-between; align-items: center; margin-bottom: 10px; }}
@media (max-width:1023.98px){.info-all { overflow: hidden; display: block; margin-bottom: 8px; border-radius: 4px; width: 220px; }}
@media (max-width:1023.98px){.info-all img { width: 220px; }}
@media (max-width:1023.98px){.info-bx { font-size: 13px; color: rgb(255, 255, 255); margin-bottom: 0px; white-space: normal; max-width: 220px; padding: 15px; background: rgb(26, 26, 26); margin-top: 10px; border-radius: 20px; min-height: 215px; }}
@media (max-width:1023.98px){.info-bx p { text-align: left !important; }}
@media (max-width:1023.98px){.info-bx :is(h4,.h4) { color: rgb(217, 165, 21); font-size: 15px; margin: 0px; }}
@media (max-width:1023.98px){.footer-all { background: rgb(0, 0, 0); padding: 15px; }}
@media (max-width:1023.98px){.footer-logo { margin-bottom: 10%; }}
@media (max-width:1023.98px){.follow-us { margin-bottom: 10%; }}
@media (max-width:1023.98px){.follow-us :is(h5,.h5) { color: rgb(255, 255, 255); font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 5px; }}
@media (max-width:1023.98px){.f-ico ul { padding: 0px; margin: 0px; display: flex; }}
@media (max-width:1023.98px){.f-ico ul li { list-style: none; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.f-ico ul li a { color: rgb(255, 255, 255); font-size: 30px; }}
@media (max-width:1023.98px){:is(h5,.h5).ttl-ft { color: rgb(255, 255, 255); font-weight: bold; border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 5px; }}
@media (max-width:1023.98px){.f-ico ul { display: flex; justify-content: space-between; }}
@media (max-width:1023.98px){.site-map ul { padding: 0px; margin: 0px; }}
@media (max-width:1023.98px){.site-map ul li { list-style: none; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.site-map ul li a { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.site-1 { width: 28%; float: left; }}
@media (max-width:1023.98px){.site-2 { width: 33%; float: left; margin: 0px 5%; }}
@media (max-width:1023.98px){.site-3 { width: 28%; float: left; }}
@media (max-width:1023.98px){.site-map { margin-bottom: 10%; display: flex; }}
@media (max-width:1023.98px){.lice-img ul li { list-style: none; width: 33%; float: left; }}
@media (max-width:1023.98px){.lice-img ul { margin: 0px; padding: 0px; place-items: center; display: flex; flex-flow: wrap; place-content: center flex-start; }}
@media (max-width:1023.98px){.lice-img ul li img { padding: 10px; display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.lice-img { margin-bottom: 10%; }}
@media (max-width:1023.98px){.btn-forgot2 { text-align: center; display: block; font-size: 14px; margin-top: 10px; color: rgb(255, 255, 255); font-weight: bold; background: linear-gradient(rgb(152, 0, 0), rgb(76, 0, 0)); padding: 12px; border-radius: 42px; }}
@media (max-width:1023.98px){.lobby-tab { z-index: 5; width: 20%; }}
@media (max-width:1023.98px){.lobby-tab ul { margin: 0px; padding: 0px; background: linear-gradient(rgb(5, 14, 29) 0%, rgb(16, 49, 105) 100%); border-radius: 0px 15px 15px 0px; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(68, 98, 150) rgb(68, 98, 150) rgb(68, 98, 150) currentcolor; border-image: none; }}
@media (max-width:1023.98px){.lobby-tab ul li img { height: 20px; filter: brightness(0) invert(1); display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.lobby-tab ul li { text-align: center; padding: 8px 0px; }}
@media (max-width:1023.98px){.lobby-tab ul li a { color: rgb(255, 255, 255); line-height: 13px; font-weight: bold; font-size: 12px; display: block; padding: 4px 2px; }}
@media (max-width:1023.98px){.gm-lobby { display: flex; margin-top: 15px; margin-bottom: 30px; justify-content: space-between; }}
@media (max-width:1023.98px){.lobby-tab ul li a p { margin: 0px; }}
@media (max-width:1023.98px){.lobby-content ul { padding: 0px; margin: 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; text-align: center; }}
@media (max-width:1023.98px){.lobby-content ul li { list-style: none; }}
@media (max-width:1023.98px){.lobby-content { padding: 0px 15px; }}
@media (max-width:1023.98px){.lobby-tab ul li a.active { color: rgb(255, 255, 255); border-left: 3px solid rgb(68, 98, 150); }}
@media (max-width:1023.98px){.lobby-tab ul li a.active img { filter: invert(57%) sepia(29%) saturate(684%) hue-rotate(318deg) brightness(113%) contrast(106%); }}
@media (max-width:1023.98px){.in-lobby ul { display: flex; flex-flow: wrap; place-content: stretch center; align-items: stretch; font-size: 12px; padding: 0px; margin-top: 12px; }}
@media (max-width:1023.98px){.in-lobby { margin-bottom: 5%; }}
@media (max-width:1023.98px){.lobby-content ul li a { color: rgb(255, 255, 255); display: block; position: relative; }}
@media (max-width:1023.98px){.lobby-content ul li a img { display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.lobby-content ul li a .active { }}
@media (max-width:1023.98px){.lobby-content ul li a.active { color: rgb(216, 165, 21); font-weight: bold; }}
@media (max-width:1023.98px){.dld-wrap { position: relative; }}
@media (max-width:1023.98px){.download-wrap { padding-top: 15px; text-align: center; }}
@media (max-width:1023.98px){a.devide-btn { background: rgb(51, 29, 17); color: rgb(255, 209, 84); text-transform: uppercase; font-weight: 600; font-size: 17px; letter-spacing: 0px; display: inline-block; width: 120px; padding: 5px 2px; margin: 0px 5px; border-radius: 5px; }}
@media (max-width:1023.98px){a.devide-btn { color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 0px; display: inline-block; width: 100px; padding: 5px 2px; margin: 0px 5px; background: linear-gradient(rgb(194, 0, 0) 0%, rgb(77, 6, 0) 100%); border-radius: 30px; }}
@media (max-width:1023.98px){.dld-wrap img { border-radius: 18px 18px 0px 0px; }}
@media (max-width:1023.98px){.access-info-wrapper { display: block; max-width: 500px; margin: 5px auto 0px; }}
@media (max-width:1023.98px){table.access-table tr td { background: rgb(0, 0, 0); border: 1px solid rgb(50, 98, 177); color: rgb(255, 255, 255); padding: 5px; font-size: 13px; line-height: 1.3; }}
@media (max-width:1023.98px){.modal-download .close-modal { position: absolute; right: 3px; top: 3px; z-index: 10; border: 1px solid rgb(217, 165, 21); background: rgb(0, 0, 0); border-radius: 50%; color: rgb(255, 255, 255); font-size: 16px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }}
@media (max-width:1023.98px){.dl-body { padding: 10px; }}
@media (max-width:1023.98px){.modal-download { background: rgb(0, 0, 0) !important; }}
@media (max-width:1023.98px){.side-mx { }}
@media (max-width:1023.98px){.af-bg { background: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.modal-content { background: none; border-radius: 18px; }}
@media (max-width:1023.98px){.modal-bln { margin: 10%; }}
@media (max-width:1023.98px){.close-modal { position: absolute; right: -13px; top: -15px; z-index: 10; border: 1px solid rgb(217, 165, 21); background: rgb(0, 0, 0); border-radius: 50%; color: rgb(255, 255, 255); font-size: 16px; width: 30px; height: 30px; }}
@media (max-width:1023.98px){ul.page-if li.active a { color: rgb(0, 0, 0); background: linear-gradient(rgb(207, 157, 9) 0%, rgb(232, 181, 54) 32%, rgb(253, 238, 188) 57%, rgb(232, 181, 54) 77%, rgb(208, 159, 11) 100%); }}
@media (max-width:1023.98px){.p-g ul { display: flex; padding: 0px; margin: 0px; }}
@media (max-width:1023.98px){.p-g ul li { list-style: none; margin-right: 20px; }}
@media (max-width:1023.98px){.content-inf { padding-top: 45px; }}
@media (max-width:1023.98px){.p-g { padding: 15px; background: linear-gradient(rgb(5, 14, 29) 0%, rgb(16, 49, 105) 100%); border-width: 1px medium; border-style: solid none; border-color: rgb(111, 157, 231) currentcolor; border-image: none; }}
@media (max-width:1023.98px){.p-g ul li a { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.inf-pg { margin: 20px; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.cd-main-content { position: relative; display: flex; margin-top: 15px; }}
@media (max-width:1023.98px){.cd-main-content::after { content: ""; display: table; clear: both; }}
@media (max-width:1023.98px){.cd-tab-filter-wrapper { width: 18%; z-index: 5; border-radius: 0px 15px 15px 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }}
@media (max-width:1023.98px){.cd-tab-filter-wrapper::after { content: ""; display: table; clear: both; }}
@media (max-width:1023.98px){.cd-tab-filter { }}
@media (max-width:1023.98px){.cd-tab-filter::after { content: ""; position: absolute; right: 14px; top: 50%; bottom: auto; transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; transition: 0.3s; pointer-events: none; }}
@media (max-width:1023.98px){.cd-tab-filter ul { margin: 0px; padding: 0px; background: linear-gradient(rgb(5, 14, 29) 0%, rgb(16, 49, 105) 100%); border-radius: 0px 15px 15px 0px; border: 1px solid rgb(68, 98, 150); }}
@media (max-width:1023.98px){.cd-tab-filter li { display: block; margin: 18px 0px; }}
@media (max-width:1023.98px){.cd-tab-filter li:first-child { display: block; margin-left: 0px; }}
@media (max-width:1023.98px){.cd-tab-filter li:first-child { margin-top: 10px; }}
@media (max-width:1023.98px){.cd-tab-filter li:last-child { margin-bottom: 10px; }}
@media (max-width:1023.98px){.cd-tab-filter a { text-transform: uppercase; color: rgb(255, 255, 255); line-height: 13px; font-weight: bold; font-size: 12px; display: block; text-align: center; }}
@media (max-width:1023.98px){.cd-tab-filter a.selected { color: rgb(255, 255, 255); border-left: 3px solid rgb(68, 98, 150); }}
@media screen and (max-width:1023.98px) and (min-width: 768px){
.cd-tab-filter { width: auto; cursor: auto; }
.cd-tab-filter::after { display: none; }
.cd-tab-filter ul { }
.cd-tab-filter li { display: block; }
.cd-tab-filter a { }
.cd-tab-filter a:hover { background: rgb(49, 177, 248); color: rgb(255, 255, 255); text-decoration: none; }
.cd-tab-filter a.selected { }
}
@media screen and (max-width:1023.98px) and (min-width: 1170px){
.cd-tab-filter { width: 100%; float: left; margin: 0px; transition: width 0.3s; }
}
@media (max-width:1023.98px){.cd-gallery { padding: 10px; width: 80%; }}
@media (max-width:1023.98px){.cd-gallery li { margin-bottom: 0px; display: none; }}
@media (max-width:1023.98px){.cd-gallery img { display: block; margin: 0px auto; cursor: pointer; border-radius: 10px; box-shadow: rgb(255, 255, 255) 0px 0px 5px; }}
@media screen and (max-width:1023.98px) and (min-width: 768px){
.cd-gallery { }
.cd-gallery ul { text-align: justify; padding: 0px; margin-top: 20px; }
.cd-gallery ul::after { content: ""; display: table; clear: both; }
.cd-gallery li { width: 100%; margin-bottom: 0px; }
}
@media screen and (max-width:1023.98px) and (min-width: 1170px){
.cd-gallery { float: right; transition: width 0.3s; }
.cd-gallery li { margin-bottom: 10px; }
}
@media (max-width:1023.98px){.cd-tab-filter li:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }}
@media (max-width:1023.98px){.promo-ul { padding: 0px; }}
@media (max-width:1023.98px){.prm-cont { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.prm-tnc ol { padding-left: 15px; }}
@media (max-width:1023.98px){.prm-tnc ol li { padding-bottom: 10px; }}
@media (max-width:1023.98px){.prm-cont :is(h4,.h4) { color: rgb(217, 165, 21); font-weight: bold; }}
@media (max-width:1023.98px){.promo-img { background: linear-gradient(rgb(5, 14, 29) 0%, rgb(16, 49, 105) 100%); border-radius: 10px; }}
@media (max-width:1023.98px){.dl-dialog { border: 1px solid rgb(217, 165, 21); border-radius: 18px; }}
@media (max-width:1023.98px){.msg-pp .modal-content { background: rgb(21, 21, 21); border: 1px solid rgb(217, 165, 21); color: rgb(255, 255, 255); border-radius: 0px; }}
@media (max-width:1023.98px){.bal-pp .modal-content { background: rgb(19, 19, 19); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px) and (min-width: 768px){
body { width: 768px; }
.content { }
}
@media (max-width:1023.98px){.lang-box :is(h4,.h4) { text-align: center; color: rgb(217, 165, 21); font-size: 22px; }}
@media (max-width:1023.98px){.img-logo img { display: block; margin: 0px auto; border-bottom: 1px solid rgb(202, 154, 19); }}
@media (max-width:1023.98px){.lang-box ul { display: flex; justify-content: center; padding: 0px; margin: 0px 0px 20px; }}
@media (max-width:1023.98px){.lang-box ul li { padding: 0px; margin: 10px; list-style: none; }}
@media (max-width:1023.98px){.infoTable tr td { background: rgba(0, 0, 0, 0.4); text-align: center; padding: 5px; border: 1px solid rgb(16, 47, 100); }}
@media (max-width:1023.98px){.event-all ul li a.active p { }}
@media (max-width:1023.98px){.event-all a.active img { }}
@media (max-width:1023.98px){.contact-wrap { border: 1px solid rgb(69, 129, 229); }}
@media (max-width:1023.98px){.ttl-txt { color: rgb(255, 255, 255); font-weight: bold; padding: 10px; font-size: 20px; background: rgba(10, 30, 64, 0.92); border-bottom: 1px solid rgb(69, 129, 229); }}
@media (max-width:1023.98px){.contact-in ul li { position: relative; list-style: none; display: inline-flex; }}
@media (max-width:1023.98px){.contact-in ul li .cnt-info { position: absolute; top: 40%; left: 33%; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.contact-in ul li .cnt-info a { color: rgb(255, 255, 255); font-size: 14px; }}
@media (max-width:1023.98px){.contact-in ul { margin: 0px; padding: 0px; }}
@media (max-width:1023.98px){.contact-wrap .tab-content { margin: 0px; }}
@media (max-width:1023.98px){.in-wrap { padding: 20px 10px; background: rgba(0, 0, 0, 0.35); color: rgb(255, 255, 255); position: relative; }}
@media (max-width:1023.98px){.tab-flag .nav-tabs .nav-item.show .nav-link, .tab-flag .nav-tabs .nav-link.active { background: linear-gradient(rgb(207, 157, 9) 0%, rgb(232, 181, 54) 32%, rgb(253, 238, 188) 57%, rgb(232, 181, 54) 77%, rgb(208, 159, 11) 100%); color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){.cnt-qr img { height: 120px; }}
@media (max-width:1023.98px){.cnt-qr { display: flex; margin-left: 115px; position: relative; top: -15px; }}
@media (max-width:1023.98px){.btn-livechat { background: linear-gradient(rgb(207, 157, 9) 0%, rgb(232, 181, 54) 32%, rgb(253, 238, 188) 57%, rgb(232, 181, 54) 77%, rgb(208, 159, 11) 100%); color: rgb(0, 0, 0); padding: 11px 40px; border-radius: 30px; text-transform: uppercase; border: 2px solid rgb(255, 188, 0); transform: scale(0.8); transition: 0.3s; display: flex; justify-content: center; width: 100%; font-weight: bold; font-size: 24px; }}
@media (max-width:1023.98px){.btn-livechat:hover { transform: scale(1); }}
@media (max-width:1023.98px){.img-cnt img { max-width: 100%; }}
@media (max-width:1023.98px){.tab-flag ul li.active a { background: linear-gradient(rgb(207, 157, 9) 0%, rgb(232, 181, 54) 32%, rgb(253, 238, 188) 57%, rgb(232, 181, 54) 77%, rgb(208, 159, 11) 100%); color: rgb(0, 0, 0) !important; border: 1px solid rgb(204, 182, 77) !important; }}
@media (max-width:1023.98px){.btn-livechat i { position: relative; top: 4px; margin-right: 17px; }}
@media (max-width:1023.98px){.info-bx button { background: linear-gradient(rgb(254, 220, 1) 0%, rgb(251, 155, 1) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 0, 0); font-weight: bold; border-radius: 5px; margin-top: 10px; }}
@media (max-width:1023.98px){.download-img ul { display: grid; flex-direction: column; padding: 15px; margin: 0px; grid-template-columns: repeat(2, 1fr); gap: 10px; }}
@media (max-width:1023.98px){.download-img ul li { list-style: none; margin-top: 10px; border: 1px solid rgb(233, 185, 57); }}
@media (max-width:1023.98px){.tnc-vp { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.tnc-vp ol { padding-left: 20px; margin: 0px; }}
@media (max-width:1023.98px){.panel { border-width: 0px 0px 1px; border-style: solid; background: none; box-shadow: none; margin-bottom: 3px !important; }}
@media (max-width:1023.98px){.panel:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }}
@media (max-width:1023.98px){.panel-group > .panel:first-child .panel-heading { border-radius: 0px; }}
@media (max-width:1023.98px){.panel-group .panel { border-radius: 0px; }}
@media (max-width:1023.98px){.panel-group .panel + .panel { margin-top: 0px; }}
@media (max-width:1023.98px){.panel-heading { background: linear-gradient(rgb(207, 157, 9) 0%, rgb(232, 181, 54) 32%, rgb(253, 238, 188) 57%, rgb(232, 181, 54) 77%, rgb(208, 159, 11) 100%); border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 0, 0); padding: 0px; }}
@media (max-width:1023.98px){.panel-title a { display: flex; color: rgb(0, 0, 0); padding: 10px 15px; position: relative; font-size: 16px; font-weight: 400; flex-flow: row; place-content: stretch flex-start; align-items: center; }}
@media (max-width:1023.98px){.panel-body { background:  0% 0% / cover rgb(10, 10, 10); padding: 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }}
@media (max-width:1023.98px){.panel:last-child .panel-body { border-radius: 0px 0px 4px 4px; }}
@media (max-width:1023.98px){.panel:last-child .panel-heading { border-radius: 0px 0px 4px 4px; transition: border-radius 0.3s linear 0.2s; }}
@media (max-width:1023.98px){.panel:last-child .panel-heading.active { border-radius: 0px; transition: border-radius linear; }}
@media (max-width:1023.98px){.panel-heading a::before { position: absolute; right: 15px; top: 19px; font-size: 14px; transition: 0.5s; transform: scale(1); font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; }}
@media (max-width:1023.98px){.panel-heading.active a::before { transition: 0.5s; transform: scale(0); font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; }}
@media (max-width:1023.98px){#bs-collapse .panel-heading a::after { content: " "; position: absolute; right: 15px; top: 19px; transform: scale(0); transition: 0.5s; }}
@media (max-width:1023.98px){#bs-collapse .panel-heading.active a::after { transform: scale(1); transition: 0.5s; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; }}
@media (max-width:1023.98px){#accordion .panel-heading a::before { font-size: 18px; position: absolute; right: 15px; top: 14px; transform: rotate(90deg); transition: 0.5s; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; color: rgb(0, 0, 0); }}
@media (max-width:1023.98px){#accordion .panel-heading.active a::before { transform: rotate(-90deg); transition: 0.5s; }}
@media (max-width:1023.98px){.vip-table tr td { padding: 5px 10px; border-top: 1px solid rgba(255, 255, 255, 0.19); color: rgb(255, 255, 255); text-align: left; font-size: 14px; }}
@media (max-width:1023.98px){table.vip-table { width: 100%; }}
@media (max-width:1023.98px){#accordion .panel-heading.active .tnc-d a::before { font-family: "Font Awesome 5 Free"; content: ""; font-weight: 700; transform: rotate(0deg); }}
@media (max-width:1023.98px){.vip-table tr td:first-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; background: rgb(19, 19, 19); }}
@media (max-width:1023.98px){.vip-table tr td:last-child { background: rgb(50, 50, 50); }}
@media (max-width:1023.98px){.down-box ul { display: flex; padding: 0px; justify-content: space-between; }}
@media (max-width:1023.98px){.down-box ul li img { width: 82px; }}
@media (max-width:1023.98px){.down-box ul li { padding: 10px; width: 48%; display: flex; flex-direction: column; align-items: center; color: rgb(255, 255, 255); background: rgb(79, 79, 79); }}
@media (max-width:1023.98px){.qr-box { display: flex; justify-content: center; text-align: center; margin-bottom: 14px; }}
@media (max-width:1023.98px){.qr-img2 img { padding: 15px; width: 73px !important; }}
@media (max-width:1023.98px){.content-af .gm-lobby .lobby-tab ul li a.active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 152, 137); }}
@media (max-width:1023.98px){.content-h .gm-lobby .lobby-tab ul li a.active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 152, 137); }}
@media (max-width:1023.98px){.live2 { display: flex; align-items: center; font-size: 11px; justify-content: flex-end; }}
@media (max-width:1023.98px){.login-frm .modal-content { background: url("/assets/mobile/images/popup-bg.jpg") center top no-repeat; border-radius: 8px; }}
@media (max-width:1023.98px){.form-group { position: relative; }}
@media (max-width:1023.98px){.toggle-password { position: absolute; bottom: 8px; right: 10px; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.reg-form-in .form-control { background: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(255, 255, 255); border-image: none; border-radius: 0px; color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){.log-img img { display: block; margin: 0px auto; }}
@media (max-width:1023.98px){.reg-in-form { padding: 30px; }}
@media (max-width:1023.98px){.btn-lgn { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; padding: 5px; color: rgb(203, 0, 0); }}
@media (max-width:1023.98px){.log-btn p { text-align: center; margin: 10px 0px; }}
@media (max-width:1023.98px){.btn-regyl { background: rgb(255, 222, 0); color: rgb(203, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; padding: 5px; }}
@media (max-width:1023.98px){.login-frm { margin-top: 15%; }}
@media (max-width:1023.98px){.login-frm button.close { color: rgb(255, 255, 255); opacity: 1; position: relative; top: 16px; }}
@media (max-width:1023.98px){.reg-in p { text-align: left; font-size: 12px; }}
@media (max-width:1023.98px){.reg-form-in .form-control::placeholder { color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){hr.btn-line { margin: 5px 15px 20px; padding: 0px 15px; border-top: 1px solid rgba(238, 238, 238, 0.51); }}
@media (max-width:1023.98px){.btn-join-login { background: url("/assets/mobile/images/login_bar.png") 0% 0% / cover; line-height: 40px; right: 0px; text-indent: 20px; color: rgb(0, 0, 0); font-size: 12px; padding: 0px 5px; top: 5px; font-weight: bold; }}
@media (max-width:1023.98px){#tour-tnc .modal-header { padding: 10px 15px; border-bottom: 1px solid rgb(255, 255, 255) !important; }}
@media (max-width:1023.98px){#tour-tnc .modal-content { background: rgb(33, 33, 33); color: rgb(255, 255, 255); }}
@media (max-width:1023.98px){video.video-cs { width: 370px; }}
@media (max-width:1023.98px){.vd-modal { width: 402px; background: rgb(79, 79, 79); border-radius: 18px; }}
@media (max-width:1023.98px){.vd-modal button.close { margin-top: 0px; font-size: 30px; opacity: 1; color: rgb(255, 255, 255); position: relative; top: -20px; }}
@media (max-width:1023.98px){.vd-modal .modal-header { padding: 30px 22px 0px; line-height: 0px; }}
@media (max-width:1023.98px){.vd-modal .modal-header :is(h5,.h5) { font-size: 22px; color: rgb(255, 255, 255); line-height: 0px; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-bottom: 12px; display: flex; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs > li { flex: 1 1 0%; float: none; text-align: center; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs > li > a { color: rgba(255, 255, 255, 0.75); border: 1px solid transparent; border-radius: 8px; text-align: center; background: rgb(120, 120, 120); margin-right: 4px; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs > li:last-child > a { margin-right: 0px; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs > li > a:hover { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.2); }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tabs > li.active > a, .vd-modal .allbet-video-tabs > li.active > a:hover, .vd-modal .allbet-video-tabs > li.active > a:focus { color: rgb(255, 255, 255); background: linear-gradient(rgb(152, 0, 0), rgb(76, 0, 0)); border-color: transparent; cursor: default; }}
@media (max-width:1023.98px){.vd-modal .allbet-video-tab-content { padding-top: 4px; }}
@keyframes floating-bob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@media (max-width:1023.98px){.hot_icon { position: absolute; left: 0px; top: 0px; width: 28px; height: auto; margin: 0px; z-index: 1; filter: none; transform-origin: center bottom; animation: 1.2s ease-in-out 0s infinite normal none running hot-flicker; }}
@media (max-width:1023.98px){.lobby-content ul li a .hot_icon { left: 0px; top: 0px; margin: 0px; }}
@keyframes hot-flicker { 
  0%, 100% { transform: scale(1) rotate(-2deg); opacity: 1; filter: brightness(1); }
  25% { transform: scale(1.12) rotate(2deg); opacity: 0.85; filter: brightness(1.25); }
  50% { transform: scale(0.95) rotate(-1deg); opacity: 1; filter: brightness(0.9); }
  75% { transform: scale(1.08) rotate(1deg); opacity: 0.9; filter: brightness(1.15); }
}
@media (max-width:1023.98px){#webBanner { max-width: 1110px !important; max-height: 500px !important; }}
@media (max-width:1023.98px){.swipe-box { overflow: hidden; max-width: 1110px !important; max-height: 500px !important; }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){td { border: 1px solid rgb(204, 204, 204); }}
@media (max-width:1023.98px){br { }}
@media (max-width:1023.98px){.modal { top: 38px; }}
@media (max-width:1023.98px){.wrap { min-width: 100%; }}
/* ---------- own additions (not from the source site) ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:100000;background:#ff9900;color:#000;padding:8px 12px}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
details>summary{cursor:pointer}

/* device switch: desktop chrome >=1024px, mobile chrome below */
@media (min-width:1024px){ .mv{display:none!important} }
@media (max-width:1023.98px){ .dv{display:none!important} }

/* ---------- mobile: page scroll instead of the source's inner scroll box ---------- */
@media (max-width:1023.98px){
  html,body,.st-container,.st-pusher,.st-content{height:auto!important;min-height:0}
  .st-content{overflow:visible!important}
  .st-container{overflow:visible!important}
  .st-pusher{transform:none!important}
  .st-menu{position:fixed!important;height:100vh!important;overflow-y:auto;z-index:20001!important}
  .st-menu-open .st-pusher::after{position:fixed!important;width:100%!important;height:100%!important;opacity:1!important;z-index:20000;transition:opacity .5s!important}
  html.m-lock,html.m-lock body{overflow:hidden}
  body{background:#000}
  .art-info{padding-top:45px}
  .art-info.has-vis{padding-top:0}
  main#main{color:#fff}
}

/* ---------- article panel (shared by both layouts) ---------- */
.art{color:#d8d8d8;line-height:1.65}
.art h1{color:#fff;font-weight:700;margin:0 0 6px}
.art h2{color:#ffb300;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:26px 0 10px;padding-bottom:6px;border-bottom:1px solid #3a3a3a}
.art h3{color:#fff;font-weight:700;margin:18px 0 8px}
.art p{margin:0 0 12px}
.art a{color:#ffb599;text-decoration:underline}
.art a:hover{color:#fff}
.art ul,.art ol{padding-left:22px;margin:0 0 12px}
.art li{margin:0 0 6px}
.art strong{color:#fff}
.art .byline{font-size:13px;color:#8d8d8d;margin:0 0 14px}
.art .byline a{color:#c2c2c2}
.art .note{border-left:3px solid #ff9900;background:rgba(255,153,0,.08);padding:10px 14px;margin:0 0 14px;color:#e6e6e6}
.art .lead{font-size:1.05em;color:#e6e6e6}
.tbl{overflow-x:auto;margin:0 0 14px;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;min-width:420px}
.tbl th{background:#0f0f0f;color:#ffb300;border:1px solid #2d2d2d;padding:7px 9px;text-align:left;font-weight:700}
.tbl td{border:1px solid #2d2d2d;padding:6px 9px;vertical-align:top}
.tbl tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.steps{counter-reset:s;list-style:none;padding-left:0!important}
.steps>li{counter-increment:s;position:relative;padding-left:42px;margin-bottom:12px}
.steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(#ff9900,#ff4500);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.qa{border:1px solid #343434;border-radius:3px;background:#1a1a1a;margin:0 0 8px}
.qa summary{padding:11px 14px;color:#fff;font-weight:700;list-style:none;position:relative;padding-right:34px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:14px;top:8px;color:#ff9900;font-size:20px}
.qa[open] summary::after{content:"\2212"}
.qa-a{padding:0 14px 12px;color:#cfcfcf}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}
.cta-row a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:5px;padding:8px 22px;font-weight:700;text-transform:uppercase}
.cta-row .c-log{background:linear-gradient(#fedc01,#fb9b01);color:#000!important}
.cta-row .c-reg{background:linear-gradient(#c20000,#4d0600);color:#fff!important}
.cta-row .c-chat{background:#2d2d2d;color:#fff!important;border:1px solid #444}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0!important;list-style:none}
.chips li{background:#262626;border:1px solid #3a3a3a;border-radius:3px;padding:3px 9px;margin:0;font-size:.92em}

/* desktop placement */
@media (min-width:1024px){
  main#main{background:#111;padding:0 0 4px}
  .art{font-size:15px}
  .art h1{font-size:24px}
  .art h2{font-size:18px}
  .art h3{font-size:16px}
  .crumb{width:1038px;margin:14px auto 0;padding:0;background:none;border:0}
  .crumb ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:13px}
  .crumb a{color:#acacac}
  .crumb a:hover{color:#ffb599;text-decoration:none}
  .art-info .crumb{width:892px}
  .art-info .popup-container{margin-bottom:10px}
  .art-info .popup-right{min-height:420px}
  .art-wide{width:1038px;margin:14px auto 0;padding:0}
  .art-wide .popup-right{float:none;width:auto;margin:0;padding:20px 24px}
  .art-info .art h1{font-size:21px}
}
/* mobile placement */
@media (max-width:1023.98px){
  .art{font-size:14px;line-height:1.7}
  .art h1{font-size:24px;line-height:1.25}
  .art h2{font-size:16px}
  .art h3{font-size:15px}
  .art-wide{padding:0;margin:0 auto;background:#000}
  .art-wide .popup-right,.art-info .popup-right{margin:0;padding:18px 15px 24px;background:#000;border:0;width:auto;float:none}
  .art-info .popup-container{width:auto;margin:0}
  .crumb{margin:0}
  .tbl table{min-width:360px}
}

/* ---------- login / game modal ---------- */
.w-modal{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s}
.w-modal.on{opacity:1}
.w-modal[hidden]{display:none}
.w-modal-box{position:relative;width:100%;max-width:420px;background:#1d1d1d;border:1px solid #ff9900;border-radius:6px;padding:26px 22px 20px;color:#ddd;text-align:center;font-family:Arial,Helvetica,sans-serif}
.w-modal-x{position:absolute;right:8px;top:4px;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.w-modal-t{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px}
.w-modal-p{font-size:14px;line-height:1.6;margin:0 0 16px;text-align:left}
.w-modal-p table{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.w-modal-p td,.w-modal-p th{border:1px solid #333;padding:4px 6px}
.w-modal-btns{display:flex;gap:10px;justify-content:center}
.w-modal-btns a{flex:1;max-width:170px;display:flex!important;align-items:center;justify-content:center;height:44px!important;font-size:20px!important;text-decoration:none;border-radius:5px;padding:0 10px!important;text-transform:uppercase}
.w-modal-btns .btn-log{background:linear-gradient(#fedc01,#fb9b01);color:#000}
.w-modal-btns .btn-ljoin{background:linear-gradient(#c20000,#4d0600);color:#fff}
.w-modal-s{margin:14px 0 0;font-size:13px}
.w-modal-s a{color:#ffb599}

/* desktop top bar: look-alike username/password boxes that open the login modal (no credential fields on this domain) */
.login-Wrapper .txt-fake{display:block;text-align:left;color:#444;font-family:sans-serif;font-size:14px;cursor:pointer;line-height:34px}
.login-Wrapper .txt-fake:hover{border-color:#3a3a3a}

/* mobile VIP keeps the source breadcrumb bar at the top, so the article crumb is not repeated there */
@media (max-width:1023.98px){ .pg-vip main .crumb{display:none} }