@charset "utf-8";body, button, input, select, textarea { font-family: 'IBM Plex Mono', monospace; } 
*, ins { text-decoration: none; } 
ins, mark { color: #000 } 
dfn, mark { font-style: italic } 
b, mark, strong { font-weight: 700 } 
fieldset, hr, img, legend { border: 0 } 
.hidden, .invisible { visibility: hidden } 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } 
audio, canvas, video { display: inline-block } 
[hidden], audio:not([controls]) { display: none } 
.ir, hr { display: block } 
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* -webkit-font-smoothing: antialiased; */outline: 0!important; } 
hr, ol, ul { margin: 1em 0 } 
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } 
body { margin: 0; font-size: 14px; line-height: 1.231; background-color: #000000; } 
body, button, input, select, textarea { color: #000000; } 
/* a:focus, a:visited { } */
a:active, a:hover { outline: 0; } 
abbr[title] { border-bottom: 1px dotted } 
blockquote { margin: 1em 40px } 
hr { height: 1px; border-top: 1px solid #ccc; padding: 0 } 
ins { background: #ff9 } 
mark { background: #ff0 } 
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } 
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } 
q { quotes: none } 
q:after, q:before { content: ""; content: none } 
small { font-size: 85% } 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } 
sup { top: -.5em } 
sub { bottom: -.25em } 
ol, ul { padding: 0 0 0 40px; } 
dd { margin: 0 0 0 40px } 
nav ol, nav ul { list-style: none; margin: 0; padding: 0 } 

svg:not(:root) { overflow: hidden } 
figure, form { margin: 0 } 
fieldset { margin: 0; padding: 0 } 
label { cursor: pointer } 
legend { padding: 0 } 
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline } 
textarea { vertical-align: top; } 
button, input { line-height: normal } 
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } 
input[type=checkbox], input[type=radio] { box-sizing: border-box } 
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } 
input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
textarea { overflow: auto; resize: vertical } 
.ir, .visuallyhidden { border: 0; overflow: hidden } 
input:invalid, textarea:invalid {background-color:#f0dddd}
table { border-collapse: collapse; border-spacing: 0 } 
.ir { text-indent: -999em; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr } 
.ir br { display: none } 
.hidden { display: none!important } 
.visuallyhidden { clip: rect(0 0 0 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px } 
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } 
.clearfix:after, .clearfix:before { content: ""; display: table } 
.clearfix:after { clear: both; } 
.clearfix { zoom: 1 } 
/*checkbox css---------------------------------------------------------*/
.md-checkbox { position: relative; margin: 16px 0; } 
.md-checkbox label { cursor: pointer; font-size: 12px; margin-left: 29px; display: inline-block; } 
.md-checkbox label:before, .md-checkbox label:after { content: ""; position: absolute; left: 0; top: 0; } 
.md-checkbox label:before { width: 20px; height: 20px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 2px; cursor: pointer; transition: background .3s; } 
.md-checkbox input[type="checkbox"] { outline: 0; margin-right: 10px; position: absolute; } 
.md-checkbox input[type="checkbox"]:checked + label:before { background: #337ab7; border: none; } 
.md-checkbox input[type="checkbox"]:checked + label:after { transform: rotate(-45deg); top: 5px; left: 4px; width: 12px; height: 6px; border: 2px solid #fff; border-top-style: none; border-right-style: none; } 

/*radio css---------------------------------------------------------*/

@keyframes ripple { 
    0% { box-shadow: 0px 0px 0px 1px transparent; } 
    50% { box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); } 
    100% { box-shadow: 0px 0px 0px 15px transparent; } 
}
.md-radio { margin: 16px 0; } 
.md-radio.md-radio-inline { display: inline-block; } 
.md-radio input[type="radio"] { display: none; } 
.md-radio input[type="radio"]:checked + label:before { border-color: #337ab7; animation: ripple 0.2s linear forwards; } 
.md-radio input[type="radio"]:checked + label:after { transform: scale(1); } 
.md-radio label { display: inline-block; /* height: 20px; */font-size:12px; position: relative; padding: 0 30px; margin-bottom: 0; cursor: pointer; vertical-align: bottom; } 
.md-radio label:before, .md-radio label:after { position: absolute; content: ''; border-radius: 50%; transition: all .3s ease; transition-property: transform, border-color; } 
.md-radio label:before { left: 0; top: 0; width: 20px; height: 20px; border: 2px solid rgba(0, 0, 0, 0.54); } 
.md-radio label:after { top: 5px; left: 5px; width: 10px; height: 10px; transform: scale(0); background: #337ab7; } 




/*File Upload Classes ------------------------------------------------------------------------------------------------------------*/
.js .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden !important; position: absolute; z-index: -1 } 
.inputfile+label { width:100%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display:block; overflow: hidden; padding: .625rem 1.25rem } 
.no-js .inputfile { display: none } 
.box label { display:inline-block; text-align:center; border-radius:40px; padding:8px 18px; font-size:16px; background:#5C5C5C; background-size:cover; width:auto; color:#fff !important; } 
.box label:hover { background-color:#111; } 
.inputfile.has-focus+label, .inputfile:focus+label { outline: #000 dotted 1px; outline: -webkit-focus-ring-color auto 5px } 
.inputfile+label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -.25em; margin-right: .25em } 
.box { text-align:left; } 
.inputfile-4+label { color: #999; font: 400 13px/13px grp-light, Arial, Tahoma } 
.inputfile-4+label:hover, .inputfile-4.has-focus+label, .inputfile-4:focus+label { color: #000 } 
.inputfile-4+label figure { width: 100px; height: 100px; border-radius: 50%; background-color: #0388ca; display: block; padding: 20px; margin: 0 auto 10px } 
.inputfile-4+label:hover figure, .inputfile-4.has-focus+label figure, .inputfile-4:focus+label figure { background-color: #006a9f } 
.inputfile-4+label svg { width: 100%; height: 100%; fill: #f1e5e6 } 

.db-status-box { font:normal 15px/20px grp, Arial, Helvetica, sans-serif; color:#5d5d5d; } 
/* .db-status-box span { display:inline-block; padding:0 0 0 16px; background:url(../images/dot-01.png) 0px 5px no-repeat; margin-right:15px; } */
.db-status-box span+span { background: none; margin-right:15px; } 
.delete-btn { border-radius:25px; display:inline-block; text-align:center; background-color:#4B4B4B; width:20px; height:20px; color:#fff !important; font-size:12px; } 
.delete-btn:hover { opacity:0.8; } 





@media print {blockquote, img, pre, tr { page-break-inside: avoid } 
    * { background: 0 0!important; color: #000!important; text-shadow: none!important; filter: none!important; -ms-filter: none!important } 
    a, a:visited { text-decoration: underline; color: #0D93DF; } 
    a[href]:after { content: " (" attr(href) ")" } 
    abbr[title]:after { content: " (" attr(title) ")" } 
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } 
    blockquote, pre { border: 1px solid #999 } 
    thead { display: table-header-group } 
    img { max-width: 100%!important } 
    @page { margin: .5cm } 
    h2, h3, p { orphans: 3; widows: 3 } 
    h2, h3 { page-break-after: avoid } 
}
.ani-1,.ani-1:after,.ani-1:before,.ani-1:hover:after,.ani-1:hover:before, .ani-1 *, .ani-1 :hover, .ani-1 a, .ani-1 a:hover, .ani-1 a:hover span, .ani-1 a:hover ul li, .ani-1 span, .ani-1 ul li { -webkit-transition: all .4s ease-in-out !important; -moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; -ms-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; } 



.ani-2,.ani-2:after,.ani-2:before, .ani-2 *, .ani-2 :hover, .ani-2 a, .ani-2 a:hover, .ani-2 a:hover span, .ani-2 a:hover ul li, .ani-2 span, .ani-2 ul li { transition:all 1s cubic-bezier(.165,.84,.44,1) } 

.ani-3,.ani-3:after,.ani-3:before,.ani-3:hover:after,.ani-3:hover:before, .ani-3 *, .ani-3 :hover, .ani-3 a, .ani-3 a:hover, .ani-3 a:hover span, .ani-3 a:hover ul li, .ani-3 span, .ani-3 ul li { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out } 


.ani-4:hover:after,.ani-4:hover:before, .ani-4 *, .ani-4 a, .ani-4 a:hover ul li, .ani-4 span, .ani-4 ul li { -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important } 
.ani-4,.ani-4:after,.ani-4:before, .ani-4 :hover, .ani-4 a:hover, .ani-4 a:hover span { -webkit-transition: all .4s ease-in-out !important; -moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; -ms-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important } 

.ani-5:hover:after,.ani-5:hover:before, .ani-5 *, .ani-5 a, .ani-5 a:hover ul li, .ani-5 span, .ani-5 ul li { -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important } 
.ani-5,.ani-5:after,.ani-5:before, .ani-5 :hover, .ani-5 a:hover, .ani-5 a:hover span { -webkit-transition: all .1s ease-in-out !important; -moz-transition: all .1s ease-in-out !important; -o-transition: all .1s ease-in-out !important; -ms-transition: all .1s ease-in-out !important; transition: all .1s ease-in-out !important } 




.no-ani, .no-ani *, .no-ani :hover, .no-ani a, .no-ani a:hover, .no-ani a:hover span, .no-ani a:hover ul li, .no-ani span, .no-ani ul li { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } 

.no-ani,.no-ani:after,.no-ani:before,.no-ani:hover:after,.no-ani:hover:before, .no-ani *, .no-ani :hover, .no-ani a, .no-ani a:hover, .no-ani a:hover span, .no-ani a:hover ul li, .no-ani span, .no-ani ul li { -webkit-transition: all .0s ease-in-out !important; -moz-transition: all .0s ease-in-out !important; -o-transition: all .0s ease-in-out !important; -ms-transition: all .0s ease-in-out !important; transition: all .0s ease-in-out !important; } 


header { display: flex; align-items: center; padding: 0 26px 0 0; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 26px 65px 0 40px; } 
.jackpot { overflow: hidden; margin: 0 -15px 0 0; } 
.jackpot img { margin: -7px 0 -20px 0; } 
.Rtimer { font-size:14px; font-weight:700; color: #fff; line-height:24px; } 
.Rtimer span { display: inline-block; background-color: #222222; border:1px solid #da9732; width:19px; text-align:center; margin:0 2px } 

.RMbox { margin-left:auto; display: flex; align-items: center; } 
.link01 { color: #fff; font-size:14px; font-weight:700; position: relative; } 
.link01:hover { color: #9d9d9d; } 
.link01.comingSoon:hover {color: transparent;} 
.link01.comingSoon:hover:after {content: "Coming Soon"; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; color: #fff;} 
.headerBtn { background-color: inherit; color: #FFF; font-weight: 700; border: 2px solid #ffffff; box-shadow: 0px 0px 10px #FFF; padding: 8px 30px; margin-left: 0; transition: all 0.5s ease-in-out 0s; border-radius: 5px;} 
.headerBtn:hover { background-color: #9d9d9d; } 


.btn-grp { display: flex; justify-content: space-between; gap: 35px; margin: 100px 0 0; padding: 0 20px; } 
.btn { font-family: 'Montserrat', sans-serif; color: #FFF; font-weight: 700; padding: 18px 24px; font-size: 21px; display: inline-block; cursor: pointer; text-align: center; width:100%; margin-top: 16px; } 
.btn.btn-secondary { background-color: inherit; border: 2px solid #9d9d9d; box-shadow: 0px 0px 10px #9d9d9d; position: relative; text-transform: capitalize;} 
.btn.btn-secondary:hover { background: #9d9d9d; } 
.btn.btn-secondary.comingSoon:hover {color: transparent; background: none;}
.btn.btn-secondary.comingSoon:hover:after {content: "Coming Soon"; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color: #fff; padding: 18px 24px; text-shadow: 0 0 10px #ffffffde;}
.btn-grp .btn.btn-secondary {background: #1a1a1a; border-radius: 3px !important; border: 0; text-shadow: 0 0 10px #ffffffde;}
.btn-grp .btn.btn-secondary:hover {background: #000; box-shadow: none;}
.btn-grp .btn.btn-secondary.comingSoon:hover {color: transparent; text-shadow: none;}


.right-panel {right: 0; width: 780px; max-width: 100%; top: 0; bottom: 0; position: fixed; max-height: 100vh; background: rgba(7,7,7,0.95); z-index: 400; padding: 0 48px; overflow: auto; border-left: 1px solid #494949; box-shadow: 0 0 15px rgba(255,255,255,0.44); transition: all 0.4s ease-in-out 0s; transform: translateX(100%); box-shadow: none;}
.right-panel.show {transform: translateX(0%); box-shadow: 0 0 15px rgba(255,255,255,0.44);}
.closeBtn {position: absolute; right: 32px; top: 24px; width: 15px; height: 15px; cursor: pointer;}
.discription-btm {font-family: 'Montserrat', sans-serif; margin: 60px 0 0;}
.logo {margin-bottom: 20px;
    img {max-height: 60px; margin-left: -10px;}
}
.discription-btm h3 {font-weight: 700; font-size: 21px; margin: 0 0 26px 0;}
.discription-btm p {color: #989898; font-weight: normal; font-size: 16px; line-height: 1.5; margin: 0 0 35px 0;}
.discription-btm .logo {width: 100%; display: flex; justify-content: space-between; align-items: center;}
/* .discription-btm .logo img {height: auto; width: auto; max-height: inherit; max-width: inherit;} */
.rp-txt {padding: 0 0 20px 0;}
.rp-txt h4 {font-weight: 700; font-size: 14px; margin: 0 0 11px 0;}
.rp-txt ul {padding: 0; margin: 0;}
.rp-txt li {color: #989898; font-weight: normal; font-size: 14px; line-height: 1.6; margin: 0 0 2px 0; list-style: none; position: relative; padding: 0 0 0 20px;}
.rp-txt li:before {content: ""; position: absolute; width: 6px; height: 6px; background: currentColor; border-radius: 100px; left: 0; top: 7px;} 
.buttonSec {display: flex; justify-content: space-between; gap: 20px; margin: 36px 0 72px 0;}
.buttonSec .btn {font-size: 18px; box-shadow: 0 0 15px 5px rgba(255,255,255,0.44); border-color: #fff; border-radius: 5px;}
.pop01 {display: none;}
.overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10; display: none;}

.slider-rp {margin-top: 60px;}
.slider-for {box-shadow: 0 0 15px rgba(255,255,255,0.4); margin-bottom: 20px;}
.slider-nav {padding: 0 116px;}
.slider-nav .slick-slide {padding: 0 5px;}
.slider-nav .slick-slide img {border: 2px solid #3f3f3f; cursor: pointer;}
.slider-nav .slick-slide.slick-current img {border: 2px solid #fff;}
.slider-nav .slick-prev {position: absolute; top: -260px; left: -38px; width: 30px; height: 30px; background: url(../images/leftArrow.png) no-repeat center; border: 0; text-indent: -1000px; overflow: hidden;}
.slider-nav .slick-next {position: absolute; top: -260px; right: -38px; width: 30px; height: 30px; background: url(../images/rightArrow.png) no-repeat center; border: 0; text-indent: -1000px; overflow: hidden;}
/* width */
.right-panel::-webkit-scrollbar {
    width: 6px;
}
.right-panel::-webkit-scrollbar-track {
    background: none; 
}
.right-panel::-webkit-scrollbar-thumb {
    background: #000000; 
}