﻿html {scroll-behavior: smooth;}
body {min-height: 100vh;margin: 0;margin-top: 7vw;font-family: Tahoma, sans-serif;background: linear-gradient(0deg, #F6F9FE 0%, #f7f7f7  150%);font-size: 1vw;color: #333;text-align: center;}
A:link {text-decoration: none;color: #007051;font-weight: 600;}
A:visited {text-decoration: none;color: #007051;font-weight: 600;}
A:hover {text-decoration: none;color: #279879;}
A:active {text-decoration: none;color: #279879;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {font-family: Tahoma, sans-serif;font-weight: bolder;font-style: normal;}
h1 {color: #000;font-size : 30px;font-weight:700;text-align:left;}
h2 {text-transform: none;margin-top: 0.83em;margin-bottom: 0.83em;font-size : 24px;color: #000;font-weight: 700;text-align:left;}
h3 {text-transform: none;margin-top: 0.83em;margin-bottom: 0.83em;font-size : 24px;color: #000;font-weight: 700;}
table {border-spacing: 0;margin-left: auto;margin-right: auto;}
table, th, td tr {text-align: left;}
.sticks {position: fixed;background: #000;background: rgb(0, 0, 0, 0.9);margin-left: auto;margin-right: auto;width: 100%;height: auto;margin-top: 0;top: 0;z-index: 401;padding: 1.2vw 0 1.2vw 0 }
.left {left: 0;margin-top: 0;top: 9vw;width: 14%;overflow: auto;height: 80%;position: fixed;float: left;}
.left::-webkit-scrollbar {display: none;}
.left {-ms-overflow-style: none;scrollbar-width: none;}
.logo {width: 21vw;height: auto;left: 4vw;padding-right:3vw;margin-top: 1.7vw;top: 0;position: fixed;z-index: 401;}
#mytable1{position:fixed;text-align:left;margin-left:26vw;margin-right:auto;width:45%;margin-top:2.5vw;top:0;z-index:501;}
.dropbtn{font-weight : 600;display : none;background : none;border-width : 0;margin-left : 0;padding : 0;padding-top : 0;display : inline-block;}
.dropdown{position : relative;font-weight : 600;margin-top:-1vw;margin-right:-0.5vw}
.dropdown-content{line-height : 1.2;display : none;position : absolute;text-align : left;margin-left:0;padding : 0 0 0 1vw;background: #000;background: rgb(0, 0, 0, 0.8);min-width : 24vw;font-size : 1.1vw;font-style: italic;box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);z-index : 1;overflow-y: auto;max-height: calc(90vh - 4rem);}
.dropdown-content a{color : #78E2C5;padding : 0 0 0.1vw 1vw;margin:1vw 0 1vw 0;text-decoration : none;display : block;border : #000 solid 0;}
.dropdown-content a:hover{padding : 0 0 0.1vw 1.07vw;}
.dropdown:hover .dropdown-content{display : block;margin-left:1vw;}
.dropdown-content::-webkit-scrollbar {width: 1vw }
.dropdown-content::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #222;border-radius: 1vw }
.dropdown-content::-webkit-scrollbar-thumb {background: #222;border-radius: 0 }
.dropdown-content::-webkit-scrollbar-thumb:hover {background: #222 }
.dropdown-content::-webkit-scrollbar-track {background: #000 }
.archive{font-size : 1.1vw;font-weight:600;color : #78E2C5;display:inline;text-transform : uppercase;padding:0 0 0 1vw;}
a.join {float: right;z-index: 999;position: relative;margin-right: 2vw;background: #63CDB0;border: #63CDB0 solid 0.2vw;display: inline-block;width: auto;text-transform: none;font-size: 1.1vw;padding: 1vw 2vw 1vw 2vw;margin-top: 0;border-radius: 13vw;}
a.join:hover {background: #90E4CD;}
a.joinz {float: right;z-index: 999;position: relative;margin-right: 0.5vw;border: #eee dashed 0.2vw;display: inline-block;width: auto;text-transform: none;font-size: 1.1vw;padding: 1vw 2vw 1vw 2vw;margin-top: 0;border-radius: 13vw;}
a.joinz:hover {border: #00976D solid 0.2vw;}
.robobet {color: #eee;font-weight: 600;}
.bookies {color: #000;font-weight: 600;}
#menuToggle {display: block;position: fixed;top: 2.2vw;left: 1.5vw;z-index: 999;-webkit-user-select: none;user-select: none;-ms-user-select: none;-moz-user-select: none;}
#menuToggle a {text-align: left;display: block;line-height: 1;text-decoration: none;font-size: 1.1vw;font-style: italic;color: #4FD0AC;font-weight: 600;transition: color 0.3s ease;}
#menuToggle a:hover {color: #78E2C5;}
#menuToggle input {display: block;width: 4vw;height: 2vw;position: absolute;top: -0.1vw;left: -1.5vw;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}
#menuToggle span {display: block;width: 2vw;height: 0.3vw;margin-bottom: 0.3vw;position: relative;background: #00C08B;border-radius: 0;z-index: 1;transform-origin: 0.2vw 0;transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;}
#menuToggle span:first-child {transform-origin: 0 0;}
#menuToggle span:nth-last-child(2) {transform-origin: 0 100%;}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-0.1vw, 0); background: #00C08B;}
#menuToggle input:checked~span:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -0.1vw);}
#menu {position: absolute;width: 15vw;margin: 1vw 0 0 -2vw; padding: 2.2vw 3.7vw 1vw 5vw;background: #000;background: rgb(0, 0, 0, 0.9);list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0 0;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);overflow-y: auto;max-height: calc(90vh - 7rem);}
#menuToggle input:checked~div {transform: none;}
#menu::-webkit-scrollbar {width: 1vw }
#menu::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #222;border-radius: 1vw }
#menu::-webkit-scrollbar-thumb {background: #222;border-radius: 0 }
#menu::-webkit-scrollbar-thumb:hover {background: #222 }
#menu::-webkit-scrollbar-track {background: #000 }
.navbar {overflow: hidden;}
.subnav {text-align:left;overflow: hidden;margin-left:-0.3vw;left:0;}
.subnav .subnavbtn {margin-left:0;left:0;text-decoration: none;font-size: 1.2vw;font-style: italic;color: #4FD0AC;font-weight: 600;line-height:3;background: #000;background: rgb(0, 0, 0, 0);}
.navbar a:hover, .subnav:hover .subnavbtn {background: #000;background: rgb(0, 0, 0, 0);}
.subnav-content {display: none;position: absolute;left: 1.2vw;background: #000;background: rgb(0, 0, 0, 1);width: 100%;z-index: 999;padding-left:0.5vw;margin-left:-0.3vw;}
.subnav-content a {text-decoration: none;display: block;}
.subnav:hover .subnav-content {display: block;}

/* BOOKMAKERS------------------------*/

.bookmakers {margin: .7vw auto .7vw auto;border-spacing: 1vw;border-collapse: collapse;border-style: hidden;width: 100%;border: #000 solid 0 }
.bookmakers td {color: #000;line-height: 2 }
.wide {width: 30%;padding: 1vw 1vw 1vw 0.5vw;font-size: 1.1vw;background :#fff;background: rgb(255, 255, 255, 1);}
.wide_2 {width: 40%;padding: 1vw 0;font-size: 1.3vw;text-align: center;background :#fff;background: rgb(255, 255, 255, 1);}
.wide_3 {width: 30%;padding: 1vw 1vw;background :#fff;background: rgb(255, 255, 255, 1);text-align:center}
a.bonus {white-space: nowrap;overflow: hidden;display: block;padding: 1vw 0 1vw 0;background: linear-gradient(0deg, #EBBD08 0%, #FFD637 100%);text-align: center;text-transform : uppercase;color: #000;font-size: 1.2vw;font-weight: 600;border-radius: 13vw;transition: .4s }
a.bonus:hover {background: linear-gradient(0deg, #FFD637 0%, #FFD637 100%);}
.button {width: 100%;height: auto;margin-left: -0.5vw;margin-bottom: -0.3vw;}
.corner {margin-bottom: -2vw;margin-left: -0.5vw;font-size: 1.7vw;z-index: 1;position: relative;opacity: .9;}
.readme {font-size: 1.2vw;margin: .5vw 0 .5vw 0 ;text-decoration: underline;color: #222;text-align: center;font-weight:400}
.woffer {font-size: 1.3vw;font-weight: 600 }
.bonuses_2 {color: #006D9C;font-size: 1.3vw;font-weight: 800;border: #006D9C dashed .1vw;padding: 1vw 0;display: inline-block;text-transform: uppercase;margin: 0 0 .5vw 0 }
.coinzz {width: 2vw;height: auto;margin-bottom: 0.3vw;margin-right:0.2vw;border-radius:50%;vertical-align:-0.95vw;border: .2vw solid rgba(255, 255, 255, 0.7);}
.gift {width: 6%;height: auto;vertical-align: -.07vw;}

/* BEST------------------------*/

.best{display:block;width:120%;}
.rpt_2_plans .rpt_plan {width: 98%;background : #fff;filter: drop-shadow(0 0 0.75rem #eee);float:left;border-bottom-right-radius: 1vw;border-bottom-left-radius: 1vw;border-top-right-radius:0;border-top-left-radius: 0;}
.rpt_3_plans .rpt_plan {width: 18.2%;background : #fff;float:left;border-bottom-right-radius: 1vw;border-bottom-left-radius: 1vw;border-top-right-radius:0;border-top-left-radius: 0;}
.rpt_3_plans .rpt_plan_0 {border: #008753 solid 0;margin: 0 0.5vw 1vw 0;}
.rpt_style_basic .rpt_plan .rpt_features .rpt_featurezz {text-align: center;line-height:1.4}
.box {width:98%;background: #010125;background: rgb(20, 20, 78, 0);margin: 0 auto;line-height: 1.2;}
.turbozy {width: 70%;height: auto;margin: 1vw 0 1vw 0;border-radius:50%}
.turbo {width: 70%;height: auto;margin: 1vw 0 1vw 0;border-radius:50%}
.turb {width: 60%;height: auto;margin: 1vw 0 1vw 0;border-radius:50%}
.apromocode {font-size: 1.1vw;color: #000;}
.acode {font-size: 1vw;color: #000;font-style: italic;font-weight: 600}
a.bon {text-align: center;display: inline-block;width: 90%;padding:1vw 0 1.1vw 0;background: #FFD637;color: #fff;font-size: 1vw;font-weight: 600;font-family: Raleway, Tahoma, sans-serif;text-transform : uppercase;margin: 0 0;border-radius: 3vw }
a.bon:hover {background: #FFDE5B;}
a.bons {text-align: center;display: inline-block;width: 80%;padding:1vw 0 1.1vw 0;background: #FFD637;color: #fff;font-size: 1vw;font-weight: 600;text-transform : uppercase;margin: 0 0;border-radius: 3vw }
a.bons:hover {background: #FFDE5B;}

.flagz {width: 30%;height: auto; display:block;margin:0 auto;}
.timedatez{font-size : 0.8vw;}

:root{--btnz-border: 0 solid rgba(31, 148, 128, 1); --btnz-background: linear-gradient(0deg, #3FB393 0%, #63CDB0 100%); --btn-shadow: 1px 1px 25px 10px rgba(255, 255, 255, 1); --btn-text-color: #fff; --shine-degree: 120deg; --shine-color: rgba(255, 255, 255, 1); --shine-effect: linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent); --shine-transition: all 0.65s ease-in-out;}
.btnzz{position: relative;padding: 1.5vw 1vw 1.5vw 1vw; overflow: hidden; font-size: 1.3vw; width: 55%; min-width: 55%;font-weight:400;  border-radius: 5vw; text-decoration: none; text-transform:capitalize; border: var(--btnz-border); color: var(--btn-text-color); background: var(--btnz-background);}
.btnzz:hover{font-size: 1.35vw;}
.btnzz:not(:last-child){margin-bottom: 3vw;}
.btnzz::before{content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: var(--shine-effect);}
.btnzz-hover::before{left: -100%; transition: var(--shine-transition);}
.btnzz-hover:hover{box-shadow: var(--btn-shadow);}
.btnzz-hover:hover::before{left: 100%;}
.btnzz-anim::before{-webkit-animation: shine 5s ease-in-out infinite; animation: shine 5s ease-in-out infinite;}@-webkit-keyframes shine{0%{left: -100%; transition-property: left;}11.5044247788%, 100%{left: 100%; transition-property: left;}}@keyframes shine{0%{left: -100%; transition-property: left;}11.5044247788%, 100%{left: 100%; transition-property: left;}}@-webkit-keyframes shine-alt1{0%{opacity: 0.5; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 0.6; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@keyframes shine-alt1{0%{opacity: 0.5; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 0.6; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@-webkit-keyframes shine-alt2{0%{opacity: 0; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 1; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@keyframes shine-alt2{0%{opacity: 0; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 1; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}body .container{display: flex; justify-content: center; align-items: center; flex-direction: column; height: 6vw;}.tiptop{color: #000; text-align: justify; width: 80%; margin-left: 10%; margin-right: auto; font-size: 16px; padding: 0 0 ;line-height: 1.5; margin-top: 1vw;margin-bottom: 0.5vw;}

/* MARQUEE------------------------*/

.marquee {border: 0 solid red ;display: flex ;overflow: hidden ;white-space: nowrap ;width: 100%;}
.marquee__item {animation-duration: 18s ;animation-iteration-count: infinite ;animation-name: marquee-content ;animation-timing-function: linear ;}
.marquee:hover .marquee__item {animation-play-state: paused ;}
@keyframes marquee-content {from {transform: translateX( 0% );}to {transform: translateX( -16% );}}

/* SLIDER------------------------*/

.slider {background: white;margin: auto;overflow: hidden;position: relative;width: 59vw;}
.slider::after {right: 0;top: 0;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.slider::before {left: 0;top: 0;}.slider .slide-track {animation: scroll 40s linear infinite;display: flex;width: calc(15vw * 10);}
.slider .slide-track:hover {animation-play-state: paused;}.slider .slide {height: 20vw;width: 13vw;}
.slide:nth-child(1), .slide:nth-child(6) {}
.slide:nth-child(2), .slide:nth-child(7) {}
.slide:nth-child(3), .slide:nth-child(8) {}
.slide:nth-child(4), .slide:nth-child(9) {}
.slide:nth-child(5), .slide:nth-child(10) {}
@keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(calc(-13vw * 5));}
}
.states::-webkit-scrollbar {width: 1vw }
.states::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #F6F9FE;border-radius: 1vw }
.states::-webkit-scrollbar-thumb {background: #D7E2F4;border-radius: 0 }
.states::-webkit-scrollbar-thumb:hover {background: #D7E2F4 }
.states::-webkit-scrollbar-track {background: #fff}
.navigation{color: #000;text-align: left; width: 60%; margin-left: auto; margin-right: auto;font-size: 15px;line-height: 1.5; margin-top: 2vw;}
.top{color: #000;text-align: left; width: 70%; margin-left: auto; margin-right: auto;font-size: 15px;line-height: 1.5; margin-top: 1.8vw;}
.tiptop{color: #000;text-align: left; width: 59%; margin-left: auto; margin-right: auto;line-height: 1.5; margin-top: 0;}
.midz{color: #000;text-align: left; width: 60%; margin-left: 20%; margin-right: auto; font-size: 16px;line-height: 1.7; margin-top: 2vw;}
.midz_2{color: #000;text-align: left; width: 60%; margin-left: 20%; margin-right: auto; font-size: 16px;line-height: 1.7; margin-top: 2vw;}
.desc{color: #000;text-align: left; width: 58%; margin-left: 19.2%; margin-right: auto; font-size: 15px; padding:0 1vw 0 1vw ;line-height: 1.5; margin-bottom: 1vw;}
.desc_d{color: #000;text-align: left; width: 58%; margin-left: 19.2%; margin-right: auto; font-size: 15px; padding:0 1vw 0 1vw ;line-height: 1.5; margin-bottom: 1vw;}
.middle{color: #000;text-align: left; width: 60%; margin-left: auto; margin-right: auto;line-height: 1.5; margin-top: 0;}
.middle_b{color: #000;text-align: left; width: 60%; margin-left: auto; margin-right: auto;line-height: 1.5; margin-top: 0;}
.faq{text-align:left; width: 62%; margin-top: 1vw;margin-left: auto; margin-right: auto;padding: 0 0 ;line-height: 1.5;}
.newz {width: 60%;margin-left: 20%;background: linear-gradient(0deg, #eee 0%, #fff  220%);}
.pic {width: 100%;height: auto;margin-bottom:0.5vw;}
.pic:hover {transform: scale(1.02);}
.pic {transition: transform 1.25s;}
.pics {width: 100%;height: auto;margin-top:0.5vw;margin-bottom:0.5vw;}
.pics:hover {transform: scale(1.02);}
.pics {transition: transform 1.25s;}
.flagzz {width: 3.1%;height: auto;margin: 0 0;padding:0 0;margin-bottom:0.5vw;opacity:0.9;border: .3vw solid  rgba(255, 255, 255, 1);border-radius:50%}
.flagzz:hover {opacity:1}
.star {width: 8%;height: auto;margin-left: 0.5vw;vertical-align: -.12vw;}
.assets {width: 2vw;height: auto;margin-bottom: 0.3vw;border-radius:50%;vertical-align:-1vw;margin-left:0;margin-right:-1.4vw;border: .3vw solid rgba(255, 255, 255, 0.7);}
.gpwa{height: 2.7vw; width: auto; margin: 2vw 0 0 0;}
.modal {display: none;position: fixed;padding-top: 1vw;top: 3vw;width: 30%;height: 80%;margin-left:-10vw;overflow: auto;z-index: 999 }
.modal-content {background-color: #fff;background: rgb(255, 255, 255, 0.9);margin: auto;padding: 0;border: 0 solid #888;width: 40%;color: #000}
.modal-content.small {font-size: 1.2vw;width: 88%;padding: .5vw 1vw .5vw 2vw;line-height: 1.5;text-align: left }
.openme {display: block;}
.closeme {color: #333;float: right;font-size: 2vw;font-weight: 700 }
.close:focus, .closeme:hover {color: #888;text-decoration: none;cursor: pointer }
button {background-color: transparent;color: #000;font-size: 1.2vw;border: solid 0;margin-left: 0.5vw;vertical-align:0.2vw;}
ul{padding-left: 1.7vw;line-height:180%}
ol{padding-left: 1.7vw;line-height:180%}
.bitcoin{margin-top:3vw;color:#000;font-style: italic;font-weight: 600;padding:1vw 0 1vw 2vw;background: linear-gradient(120deg, #FFDE5B 20%, #F7F8FA 1%);}
.bitbit{text-transform: capitalize;font-size:30px;margin-top:1vw;color:#000;font-style: normal;font-weight: 600;padding:1vw 0 1vw 2vw;background: linear-gradient(120deg, #FFDE5B 20%, #F7F8FA 1%);}
.cryptoz {width: 10%;height: auto;border: .2vw solid #fff;border-radius: 50%;vertical-align: -0.5vw;margin-left:1.5vw;margin-right:-2.8vw;}
.bit{text-transform: capitalize;font-size:30px;margin-top:2vw;color:#000;font-style: normal;font-weight: 600;padding:1vw 0 1vw 2vw;background: linear-gradient(120deg, #FFDE5B 20%, #F6F9FE 1%);}
.mycolor{color: #fff;}
.myfont{text-transform: none;font-size:30px;margin-top:5vw;color:#000;font-style: normal;font-weight: 600;padding:1vw 0 1vw 2vw;background: linear-gradient(120deg, #FFDE5B 20%, #F6F9FE 1%);}
.white{text-transform: none;font-size : 24px;color: #000;font-style: normal;font-weight: 600;display:block;margin: 1vw 0}
.turq{text-transform: none;font-size : 24px;color: #026F51;font-style: normal;font-weight: 600;display:block;margin: 1vw 0}
.green{color: #24A07E;}
.greenz{text-transform: none;font-size : 24px;color: #000;font-style: normal;font-weight: 600;display:block;margin: 1vw 0}
.blacks {color: #000;filter: grayscale(1);display:inline-block;margin-bottom:2vw;margin-left : 0.5vw;font-size : 1.3vw;font-style: italic;font-weight: 400;text-decoration: underline;transition: .4s }
.blacks:hover {text-decoration: none;}
.bottom{color : #eee;}
strong{font-weight: 400;}
#more {display: none;}
#myBtn {font-size:1.1vw;color:#007655;}
#xBit,#win,#TwoBet,#BC,#Betnow,#Stake,#xBet,#Betwinner,#Melbet,#Bitsler,#Everygame,#Vave,#Cloudbet,#Thunderpick,#Wolfbet,#Megapari,#Sportsbetting,#Fortunejack,#Nitro,#Skybook,#Betonline,#TrustDice,#Betsio,#Jackbit,#Betroom,#Sportbet,#Sportsbet{padding-top: 7vw;margin-top: -7vw;}
#top{display: none;position: fixed;bottom: 7vw;right: 1vw;left: auto;font-size: 1.2vw;border: none;outline: none;background-color: #000;color: white;cursor: pointer;padding: 1vw;border-radius: 4px;opacity:0.3;}
#top:hover{opacity:0.2;}
.iso {width:100vw;}
.challenge {width: 100%;margin-top: 0.5vw;margin-bottom: 0.3vw;border-spacing: 0.1vw;}
.challenge th {text-align: center;border-top-right-radius: 0.3vw;border-top-left-radius: 0.3vw;font-size: 1vw;background: linear-gradient(0deg, #222 0%, #555 100%);color: #E6E6F2;padding: 1.5vw 0.6vw 1.2vw 0.6vw;}
.challenge td {font-size: 1vw;padding: 1vw 0.5vw;text-align: center;color: #000;}
.darkgrey{background: #ccc;}
.grey{background: #eee;}

/* SHINE EFFECT------------------------*/

 :root {--btn-border: 0 solid rgba(255, 255, 255, 0.2); --btn-background: linear-gradient(0deg, #0E9EFB 0%, #0E9EFB 100%); --btn-shadow: 1px 1px 25px 10px rgba(255, 255, 255, 1);--btn-text-color: #fff;--shine-degree: 120deg;--shine-color: rgba(255, 255, 255, 1);--shine-effect: linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent);--shine-transition: all 0.65s ease-in-out;}.btn {position: relative;overflow: hidden;font-size: 1.8vw;width: auto;min-width: 66%;font-weight: 600;border-radius: 13vw;text-decoration: none;border: var(--btn-border);color: var(--btn-text-color);background: var(--btn-background);}.btn:hover {font-size: 1.77vw;}.btn:not(:last-child) {margin-bottom: 3vw;}.btn::before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: var(--shine-effect);}.btn-hover::before {left: -100%;transition: var(--shine-transition);}.btn-hover:hover {box-shadow: var(--btn-shadow);}.btn-hover:hover::before {left: 100%;}.btn-anim::before {-webkit-animation: shine 5s ease-in-out infinite;animation: shine 5s ease-in-out infinite;}@-webkit-keyframes shine {0% {left: -100%;transition-property: left;}11.5044247788%, 100% {left: 100%;transition-property: left;}}@keyframes shine {0% {left: -100%;transition-property: left;}11.5044247788%, 100% {left: 100%;transition-property: left;}}@-webkit-keyframes shine-alt1 {0% {opacity: 0.5;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 0.6;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@keyframes shine-alt1 {0% {opacity: 0.5;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 0.6;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@-webkit-keyframes shine-alt2 {0% {opacity: 0;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 1;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@keyframes shine-alt2 {0% {opacity: 0;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 1;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}body .container {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 5vw;}

/* Fixed footer styling */
  
.myfooter {position: fixed;bottom: 0;left: 0;width: 100%;background: #3f37c9;color: #fff;font-size : 1.5vw;font-weight: 600;font-style: italic;text-transform: uppercase;line-height : 2;text-align: center;display: flex;justify-content: space-between;align-items: center;z-index : 998;}

/* Close button styling */

.close-btn {background: none;border: none;color: #fff;font-size: 20px;margin-right:1vw;cursor: pointer;position: relative;z-index : 999;}
.close-btn:hover {color: #ff4d4d;}
.btnbtn{ z-index : 999;display: inline-block;text-transform: none;font-style: normal; background: linear-gradient(120deg, #60D193 50%, #60D193 0%);padding: 3vw; padding-top: 0.5vw; padding-bottom: 0.5vw; margin: 1vw 0 1vw 0; text-align: center;  color: #000; font-size: 1.3vw;font-weight: 600; border-radius: 3%;}
.btnbtn:hover{background: linear-gradient(120deg, #78c6a3  50%, #78c6a3 0%);}
.bookielogo{width: 13%; height: auto;float:left;margin-top:0;margin-left:3vw;}
.accordionz{text-transform: capitalize; background: #5D56D3;cursor: pointer; padding: 1.6vw; padding-bottom: 1.8vw; width: 100%; margin-left: auto; margin-right: auto;  margin-top: 0.3vw; margin-bottom: 0; border: none; text-align: left; outline: none; font-size: 1.3vw;color: #fff;font-weight: 600;font-style: italic; transition: 0.4s;}
.accordionz:after{content: '\002B'; color: #fff; font-weight: bold; float: right; margin-top: 0.4vw; margin-right: 5%;}
.accordion{text-transform: capitalize; background: #000;background: rgb(0, 0, 0, 0.9);cursor: pointer; padding: 1.6vw; padding-bottom: 1.8vw; width: 100%; margin-left: auto; margin-right: auto;  margin-top: 0.3vw; margin-bottom: 0; border: none; text-align: left; outline: none; font-size: 1.3vw;color: #fff;font-weight: 600;font-style: italic; transition: 0.4s;}
.accordion:after{content: '\002B'; color: #fff; font-weight: bold; float: right; margin-top: 0.4vw; margin-right: 5%;}
.active:after{content: "\2212";}
.panel{border-bottom: 0 solid; width: 98%; margin-left: auto; margin-right: auto; font-size: 16px; color: #000; padding: 0 0; text-align: left; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; line-height: 1.4;font-weight:300;}
.footyz{margin-top:3vw;margin-bottom:0;margin-left : auto;margin-right : auto;width:100%;border-spacing:0;opacity:1;background: #000;background: rgb(0, 0, 0, 0.9);color:#eee;text-align:center;}
#semiopacity{padding-top:2vw;margin-top:0.3vw;margin-bottom:0;margin-left : auto;margin-right : auto;width:100%;border-spacing:0;color:#eee;text-align:center;}
#semiopacity td{font-weight:100;font-size:1.2vw;line-height:2;}
div.a{margin-left:auto;margin-right:auto;width:100%; color: #eee;font-size:1.1vw;font-weight:100;line-height:5;}
 .cc-window {opacity: 1;transition: opacity 1s ease;}.cc-window.cc-invisible {opacity: 0;}.cc-animate.cc-revoke {transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top {transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom {transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top {transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom {transform: translateY(0);}.cc-revoke:hover {transform: translateY(0);}.cc-grower {max-height: 0;overflow: hidden;transition: max-height 1s;}.cc-revoke, .cc-window {position: fixed;overflow: hidden;box-sizing: border-box;font-family: Helvetica, Calibri, Arial, sans-serif;font-size: 16px;line-height: 1.5em;display: flex;flex-wrap: nowrap;z-index: 9999;}.cc-window.cc-static {position: static;}.cc-window.cc-floating {padding: 2em;max-width: 24em;flex-direction: column;}.cc-window.cc-banner {padding: 1em 1.8em;width: 100%;flex-direction: row;}.cc-revoke {padding: 0.5em;}.cc-revoke:hover {text-decoration: underline;}.cc-header {font-size: 18px;font-weight: 700;}.cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer;}.cc-link {opacity: 0.8;display: inline-block;padding: 0.2em;text-decoration: underline;}.cc-link:hover {opacity: 1;}.cc-link:active, .cc-link:visited {color: inherit;}.cc-btn {display: block;padding: 0.4em 0.8em;font-size: 0.9em;font-weight: 700;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;}.cc-highlight .cc-btn:first-child {background-color: transparent;border-color: transparent;}.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {background-color: transparent;text-decoration: underline;}.cc-close {display: block;position: absolute;top: 0.5em;right: 0.5em;font-size: 1.6em;opacity: 0.9;line-height: 0.75;}.cc-close:focus, .cc-close:hover {opacity: 1;}.cc-revoke.cc-top {top: 0;left: 3em;border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;}.cc-revoke.cc-bottom {bottom: 0;left: 3em;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;}.cc-revoke.cc-left {left: 3em;right: initial;}.cc-revoke.cc-right {right: 3em;left: initial;}.cc-top {top: 1em;}.cc-left {left: 1em;}.cc-right {right: 1em;}.cc-bottom {bottom: 1em;}.cc-floating>.cc-link {margin-bottom: 1em;}.cc-floating .cc-message {display: block;margin-bottom: 1em;}.cc-window.cc-floating .cc-compliance {flex: 1 0 auto;}.cc-window.cc-banner {align-items: center;}.cc-banner.cc-top {left: 0;right: 0;top: 0;}.cc-banner.cc-bottom {left: 0;right: 0;bottom: 0;}.cc-banner .cc-message {display: block;flex: 1 1 auto;max-width: 100%;margin-right: 1em;}.cc-compliance {display: flex;align-items: center;align-content: space-between;}.cc-floating .cc-compliance>.cc-btn {flex: 1;}.cc-btn+.cc-btn {margin-left: 0.5em;}
.rpt_12_plans .rpt_plan {display: none;}
.best{display:none;}
.pic_m{display:none;}
.img_m{display:none;}
.top_m{display:none;}
.slim{display:none;}
.bons{display:none;}
.mobi {display: none;}
.mobile {display: none;}
.rightzy{display: none;}
.logotype{display: none;}

@media screen and (max-width: 600px) {
body {font-size: 3.3vw;margin-top: 13vw;color: #000;background: linear-gradient(0deg, #F6F9FE 0%, #efefef 140%);}
A:link {text-decoration: none;color: #007655;}
A:visited {text-decoration: none;color: #007655;}
A:hover {text-decoration: none;color: #005F45;}
A:active {text-decoration: none;color: #005F45;}
h1 {font-style: italic;text-transform: none;font-size : 6vw;font-weight: 800;margin-top: 6vw;margin-bottom:3vw;line-height: 1.2;color: #000;}
h2 {text-transform: none;color:#000;font-size:4.5vw;font-weight: 800;margin-bottom: 2.5vw;line-height: 1.4;}
h3 {text-transform: none;color:#ddd;font-size: 4.5vw;margin-top: 2.5vw;margin-bottom: 2.5vw;line-height: 1.4}
.sticks {background: #1F2C35;background: rgb(31, 44, 53, 1);border: #260671 solid 0;margin-top: 0;margin-left: 0;margin-right : 0;width : 100%;padding: 3vw 0 5vw 0;text-align: center;position: fixed;z-index: 400;}
#menuToggle {display: inline-block;position: absolute;top: 2.5vw;padding-top: 2.3vw;left: 0;z-index:999;filter: grayscale(0);-webkit-user-select: none;user-select: none }
#menuToggle a {text-align: left;display: block;text-decoration: none;line-height: 1.4;font-size: 5vw;font-style: italic;font-weight: 600;transition: color .3s ease }
#menuToggle a:hover {color: #64CDB0}
#menuToggle input {display: block;width: 11vw;height: 12vw;position: absolute;top: 0;left: 1vw;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none }
#menuToggle span {display: block;left: 4vw;width: 7vw;height: .5vw;background: #3FB594;margin-bottom: 1.5vw;position: relative;border-radius: 0;z-index: 1;transform-origin: .2vw 0;transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease }
#menuToggle span:first-child {transform-origin: 0 0 }
#menuToggle span:nth-last-child(2) {transform-origin: 0 100% }
#menuToggle input:checked~span {opacity: 1;transform: rotate(45deg) translate(-1vw, -.5vw);}
#menuToggle input:checked~span:nth-last-child(3) {opacity: 0;transform: rotate(0) scale(.2, .2) }
#menuToggle input:checked~span:nth-last-child(2) {transform: rotate(-45deg) translate(0, -.5vw) }
#menu {position: absolute;min-width: 70vw;margin: 4vw 0 0 -1vw;padding: 4vw;padding-top: 6vw;background: #1B2D39;background: rgb(27, 45, 57, 0.96);list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0 0;transform: translate(-100%, 0);transition: transform .5s cubic-bezier(.77, .2, .05, 1);max-height: calc(80vh - 1rem);filter: grayscale(1%);}
#menuToggle input:checked~div {transform: none }
#menu::-webkit-scrollbar {width: 3vw }
#menu::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #1B2D39;border-radius: 1vw }
#menu::-webkit-scrollbar-thumb {background: #1B2D39;border-radius: 0 }
#menu::-webkit-scrollbar-thumb:hover {background: #06141E }
#menu::-webkit-scrollbar-track {background: #06141E }
.subnav {text-align:left;overflow: hidden;margin-left:-0.3vw;left:0;}
.subnav .subnavbtn {margin-left:0;left:0;text-decoration: none;font-size: 5vw;line-height:1.7;}
.subnav-content {display: none;position: absolute;left: 5vw;background: #1F2C35;background: rgb(31, 44, 53, 0.9);padding-left:2vw;line-height:0.5;}
.subnav-content a {text-decoration: none;display: block;padding:1vw 0;}
.subnav:hover .subnav-content {display: block;}
.logotype {position: fixed;width: 18vw;top: 0;margin-top: 2vw;z-index : 401;height: auto;left: 10vw;display:inline}
a.join {float: right;z-index:999;position:relative;margin-right: 3vw;background: 0 0;border: #64CDB0 solid .1vw;display:inline-block;width: auto;text-transform: capitalize;font-size: 4vw;padding: 1.3vw 2vw 1.5vw 2vw;margin-top: 1.3vw;border-radius: 1vw;}
a.join:hover {background: 0 0;font-size: 4.2vw }
a.joinz {float: right;z-index:999;position:relative;margin-right: 0.8vw;background: 0 0;border: #64CDB0 solid .1vw;display: inline-block;width: auto;text-transform: capitalize;font-size: 4vw;padding: 1.3vw 2vw 1.5vw 2vw;margin-top: 1.3vw;border-radius: 1vw;}
a.joinz:hover {background: 0 0;font-size: 4.2vw }
.join {float: right;margin-right: 5vw;background: 0 0;border: #64CDB0 solid 0;color:#64CDB0;font-style: italic;display: inline-block;width: auto;text-transform: capitalize;margin-top: 2vw;border-radius: 1vw }
.join:hover {font-size: 4.2vw }
.joinz {float: right;margin-right: -3vw;background: 0 0;border: #64CDB0 solid 0;color:#64CDB0;font-style: italic;display: inline-block;width: auto;text-transform: capitalize;margin-top: 2vw;border-radius: 1vw }
.joinz:hover {font-size: 4.2vw }
.logotip{width:96%;height:auto;vertical-align:middle;display:block;margin: auto auto}
.rightzy{display:block;width:100%;position: relative;top: 0;margin-top: 0;margin-bottom: 7vw;background: none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;filter: drop-shadow(0 0 0.75rem #1F2C35);}
a.bet {display: block;font-size: 16px;text-transform: none;border-radius: 13vw;background: #00FF94;border: #63c solid 0;padding: 0;padding-top: 1.7vw;padding-bottom: 1.7vw;font-weight: 600;color: #000}
a.bet:hover {font-size: 16px;background: #92F5A8}
.robobet {color: #64CDB0;}
.bookies {color: #64CDB0;}
.top_m {display: block;text-align: left;width: 90%;color: #222;margin:7vw 0 0 0;padding-left: 1%;padding-right: 0;line-height: 1.5em;}
.tiptop {display: block;text-align: left;width: 92%;color: #222;margin:7vw 0 0 0;padding-left: 1%;padding-right: 0;line-height: 1.5em;}
.top {display: block;text-align: justify;width: 90%;font-size: 2.6vw;color: #222;margin:0 0;padding-left: 4%;padding-right: 0;line-height: 1.5em;}
.desc {text-align:justify;width: 90%;font-size: 3.4vw;color: #000;margin:7vw auto 3vw auto;line-height: 1.5em;}
.middle {display: block;text-align: left;width: 96%;color: #222;margin:7vw 0 0 0;padding-left: 1%;padding-right: 0;line-height: 1.5em;}
.middle_b {text-align: left;width: 92%;font-size:9px;color: #ccc;margin:3vw 0 3vw 0;padding-left: 4%;padding-right: 4%;line-height: 1.5em;}
.bigwhite{padding-top:0;padding-bottom:1vw;}
.midz {background: #fff;display: block;text-align: left;width: 80%;font-size: 1.4em;color: #000;margin:5vw auto 5vw auto;padding-top: 5vw;padding-bottom: 5vw;padding-left: 5vw;padding-right: 5vw;z-index:0;border-radius:2vw;line-height:150%}
.midz_2 {background: #fff;display: block;text-align: left;width: 80%;font-size:1.4em;color: #000;margin:5vw auto 5vw auto;padding-top: 5vw;padding-bottom: 5vw;padding-left: 5vw;padding-right: 5vw;z-index:0;border-radius:2vw;line-height:150%}
.navigation{display:none;background: 0 0;text-align: left;width: 92%;font-size:1.4em;color: #000;margin:-5vw auto 5vw auto;padding-top: 5vw;padding-bottom: 5vw;z-index:0;border-radius:2vw;line-height:200%}
.bitcoin{background: linear-gradient(120deg, #FFDE5B 30%, #efefef 1%);font-size:6vw;font-style: italic;margin-top:5vw;color:#000;font-weight: 800;padding:1vw 0 1vw 2vw;}
.newz {width: 98%;margin-top: -1vw;margin-bottom: 3vw;margin-left: 1%;margin-right: 1%;z-index: 1;background: 0 0;}
.faq{text-align:left; width: 100%;margin-left: auto; margin-right: auto;padding: 3vw 0 0 0 ;line-height: 1.5; margin-top: 0;font-size:5vw;background: #000;background: rgb(0, 0, 0, 0.9);}
.faqs{margin-left:3vw;font-style:italic;font-size:5vw;}
.pic {width: 100%;height: auto;margin-top:0;margin-bottom:2vw;}
.pic_m {width: 100%;height: auto;margin-bottom: 3vw;display:block}
.img_m {width: 93%;height: auto;margin: 3vw auto;display:block;}
.assets {width: 10vw;height: auto;margin-bottom: 1vw;margin-left: 0;margin-right:-6vw;vertical-align: -4.5vw;border: .8vw solid rgba(255, 255, 255, 0.7); }
.myfont{text-transform: none;color: #00C08B;font-size: 8vw;font-style: italic;font-weight: 800;text-align: left;margin-top: 4vw;margin-bottom: 2.5vw;line-height: 1.4;background: linear-gradient(120deg, #FFDE5B 20%, #fff 1%);}
.slim{text-transform: none;color: #00976D;font-size: 2.2rem;font-weight: 800;text-align: center;margin-top: 4vw;margin-bottom: 2.5vw;line-height: 1.4}
.white{text-transform: none;font-size:4.5vw;color: #000;font-weight: 800;text-align: left;margin-top: 2.5vw;margin-bottom: 2.5vw;line-height: 1.4}
.turq{text-transform: none;font-size:6vw;color: #444;font-weight: 800;text-align: center;margin-left:-2vw;margin-top: 2.5vw;margin-bottom: 2.5vw;line-height: 1.4}
.green{color: #46AD91;}
.lightgreen{color: #6DCBB1;}
.greenz{text-transform: none;font-size:6vw;color: #444;font-weight: 800;text-align: left;display:block;margin-top: 5vw;margin-bottom: 5vw;line-height: 1.3}
.mycolor{color: #fff;font-weight:600}
.bitbit{font-style: italic;text-transform: capitalize;font-size : 7.7vw;font-weight: 800;margin-top: 6vw;line-height: 1.2;margin-bottom:0;margin-left:3%;margin-right:2%;padding:0 0;color: #000;background: linear-gradient(120deg, #eee 20%, #eee 1%);}
.blacks {color: #000;filter: grayscale(1);display:inline-block;margin-bottom:2vw;margin-left : 3vw;margin-right : -2vw;font-size : 3vw;font-weight: 400;transition: .4s }
.blacks:hover {font-size : 3vw;}
.faqz {text-transform: capitalize;font-size: 4vw;font-weight: 600;margin-bottom: 2.5vw;margin-left:1%;line-height: 1.4;}
.black{color:#000;}
ol{padding-left: 4vw;line-height:150%}
ul{padding-left: 4vw;line-height:150%}
#myBtn {font-size:13px;color:#00C08B;}
.mobi {display: block;}
.mobile {display: inline;}
.modal {display: none;position: fixed;padding-top: 1vw;top: 0;margin-left: 0;width: 88%;height: 100%;overflow: auto;background-color: #0C161F;background-color: rgba(12, 22, 31, 0);z-index: 999 }
.modal-content {background: #1B2D39;background: rgb(27, 45, 57, 0.96);margin: auto;padding: 0;border: 0 solid #888;width: 40%;color: #E6E6F2}
.modal-content.small {font-size: 6vw;width: 88%;padding: 2vw 5vw 2vw 5vw;line-height: 1.5;text-align: left }
.close {color: #E6E6F2;float: right;font-size: 28px;font-weight: 700 }
.closeme {color: #E6E6F2;float: right;font-size: 38px;font-weight: 700 ;}
.openme {display: block;}
.coinzz {width: 8vw;height: auto;margin-bottom: 1vw;margin-left: 0;margin-right:2vw;vertical-align: -2.8vw }

/* BOOKZ------------------------*/

.bookmakers {margin: 0 auto 1vw auto;width: 92%;border: #9e7de3 solid 0;}
.bookmakers td {width: 98%;color: #000;font-size: 5.5vw;display: block;line-height: 1.5;}
.wide {font-size: 5.5vw;background :#fff;background: rgb(255, 255, 255, 0.8);padding: 1vw 1vw}
.wide_2 {font-size: 5.5vw;text-align: left;background :#fff;background: rgb(255, 255, 255, 0.8);padding: 1vw 0 1vw 2vw}
.wide_3 {width: 100%;;font-size: 5vw;text-align:center;background :#fff;background: rgb(255, 255, 255, 0.8);}
a.bonus {display: inline-block;width: 98%;padding: 3vw 0 3.5vw 0;background: #5948D5;color: #fff;font-size: 6vw;font-weight: 900;margin: 0 0;border-radius: 1vw }
a.bonus:hover {background: #6633CC;}
.button {width: 92%;height: auto;margin-left: 0;margin-bottom: 0;border-radius: 1vw }
.corner {margin-bottom: -9vw;margin-left: 0;font-size: 7vw;filter: invert(1);}
.readme {margin: 0 0 5vw 0;font-size: 4vw;color: #000;display:block}
.woffer {font-size: 5vw;color: #000;font-weight: 600;margin-left: .5vw }
.gift {width: 8%;height: auto;padding-left: 2vw;vertical-align: -.6vw;}
.bonuses_2 {font-size: 5vw;font-weight: 800;width: 96%;margin: .5vw 0 2vw -.3vw;color: #45B092; border: #45B092 dashed .1vw;}  
::-webkit-scrollbar {width: 1.5vw }
::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #1F2C35;border-radius: 1vw }
::-webkit-scrollbar-thumb {background: #1F2C35;border-radius: 0 }
::-webkit-scrollbar-thumb:hover {background: #000}
::-webkit-scrollbar-track {background: #000}
.states::-webkit-scrollbar {width: 1vw }
.states::-webkit-scrollbar-track {box-shadow: inset 0 0 .5vw #f6f9fe;border-radius: 1vw }
.states::-webkit-scrollbar-thumb {background: #eee;border-radius: 0 }
.states::-webkit-scrollbar-thumb:hover {background: #eee}
.states::-webkit-scrollbar-track {background: #fff}

/* SHINE EFFECT------------------------*/

:root {--btn-border: 0 solid rgba(255, 255, 255, 0.2);--btn-background: linear-gradient(0deg, #34AB8A 0%, #34AB8A 100%);--btn-shadow: 1px 1px 25px 10px rgba(255, 255, 255, 1);--btn-text-color: #fff;--shine-degree: 120deg;--shine-color: rgba(255, 255, 255, 1);--shine-effect: linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent);--shine-transition: all 0.65s ease-in-out;}.btn {position: relative;overflow: hidden;font-size: 4.5vw;width: auto;min-width: 70%;line-height: 2.5;border-radius: 13vw;text-transform: uppercase;border: var(--btn-border);color: var(--btn-text-color);background: var(--btn-background);}.btn:hover {font-size: 4.5vw;}.btn:not(:last-child) {margin-bottom: 3vw;}.btn::before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background: var(--shine-effect);}.btn-hover::before {left: -100%;transition: var(--shine-transition);}.btn-hover:hover {box-shadow: var(--btn-shadow);}.btn-hover:hover::before {left: 100%;}.btn-anim::before {-webkit-animation: shine 3s ease-in-out infinite;animation: shine 3s ease-in-out infinite;}@-webkit-keyframes shine {0% {left: -100%;transition-property: left;}11.5044247788%, 100% {left: 100%;transition-property: left;}}@keyframes shine {0% {left: -100%;transition-property: left;}11.5044247788%, 100% {left: 100%;transition-property: left;}}@-webkit-keyframes shine-alt1 {0% {opacity: 0.5;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 0.6;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@keyframes shine-alt1 {0% {opacity: 0.5;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 0.6;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@-webkit-keyframes shine-alt2 {0% {opacity: 0;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 1;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}@keyframes shine-alt2 {0% {opacity: 0;transform: translateX(-100px) skewX(-15deg);transition-property: opacity, transform;}11.5044247788%, 100% {opacity: 1;transform: translateX(300px) skewX(-15deg);transition-property: opacity, transform;}}body .container {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 24vw;}

:root{--btnb-border: 0 solid rgba(255, 255, 255, 0.2); --btnb-background: linear-gradient(0deg, #efbf04 0%, #efbf04 100%); --btnb-shadow: 1px 1px 25px 10px rgba(255, 255, 255, 0.5); --btnb-text-color: #fff; --shine-degree: 120deg; --shine-color: rgba(255, 255, 255, 0.2); --shine-effect: linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent ); --shine-transition: all 0.65s ease-in-out;}.btnb{position: relative;padding: 1vw 2vw 1vw 2vw; overflow: hidden; font-size: 5vw; font-weight:600;width:auto; min-width:70%; line-height:3;  border-radius: 13vw;text-align: center; text-decoration: none; border: var(--btnb-border); color: var(--btnb-text-color); background: var(--btnb-background);}.btn:hover{background: linear-gradient(0deg, #56C3A5 0%, #56C3A5 100%);font-size: 4.5vw;}.btn:not(:last-child){margin-bottom: 3vw;}.btn::before{content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: var(--shine-effect);}.btn-hover::before{left: -100%; transition: var(--shine-transition);}.btnb:hover {background : #FFD637;font-size: 4.8vw;}.btn-hover:hover{box-shadow: var(--btn-shadow);}.btn-hover:hover::before{left: 100%;}.btn-anim::before{-webkit-animation: shine 4s ease-in-out infinite; animation: shine 4s ease-in-out infinite;}@-webkit-keyframes shine{0%{left: -100%; transition-property: left;}11.5044247788%, 100%{left: 100%; transition-property: left;}}@keyframes shine{0%{left: -100%; transition-property: left;}11.5044247788%, 100%{left: 100%; transition-property: left;}}@-webkit-keyframes shine-alt1{0%{opacity: 1; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 1; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@keyframes shine-alt1{0%{opacity: 1; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 0.6; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@-webkit-keyframes shine-alt2{0%{opacity: 1; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 1; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}@keyframes shine-alt2{0%{opacity: 1; transform: translateX(-100px) skewX(-15deg); transition-property: opacity, transform;}11.5044247788%, 100%{opacity: 1; transform: translateX(300px) skewX(-15deg); transition-property: opacity, transform;}}body .container{display: flex; justify-content: center; align-items: center; flex-direction: column; height: 24vw;}

.challenge {border-spacing: .1vw;padding-top: 0;width: 300%;margin-top: .5vw;margin-bottom: 0 }
.challenge th {text-align: center;border-top-right-radius: .3vw;border-top-left-radius: .3vw;font-size: 4vw;background: linear-gradient(0deg, #222 0, #555 100%);padding: 3vw 3vw;color: #E6E6F2}
.challenge td {text-align: center;padding: 3vw 3vw;color: #000;font-size: 16px }


/* BEST------------------------*/

.best{display:block;width:360%;}

.rpt_2_plans .rpt_plan {width: 100%;background : #fff;filter: drop-shadow(0 0 0.75rem #efefef);float:left;border-bottom-right-radius: 7vw;border-bottom-left-radius: 7vw;border-top-right-radius: 1vw;border-top-left-radius: 1vw;}
.rpt_3_plans .rpt_plan {width: 19%;background : #fff;filter: drop-shadow(0 0 0.75rem #efefef);float:left;border-bottom-right-radius: 3vw;border-bottom-left-radius: 3vw;border-top-right-radius: 1vw;border-top-left-radius: 1vw;}
.rpt_3_plans .rpt_plan_0 {border: #008753 solid 0;margin: 2vw 0 2vw 1vw;}
.rpt_3_plans .rpt_plan:hover {transform: scale(1.01);}
.rpt_style_basic .rpt_plan .rpt_features .rpt_featurezz {text-align: center;line-height:1.4}
.box {background: #010125;background: rgb(20, 20, 78, 0);margin-top: 0;padding: 0 0 1.4vw 0;border: #111 dashed 0;font-size: 2vw;text-transform: uppercase;}
.turbozy {width: 70%;height: auto;margin: 1vw 0 2vw 0;border-radius:50%}
.turbo {width: 70%;height: auto;margin: 7vw 0 2vw 0;border-radius:50%}
.turb {width: 70%;height: auto;margin: 7vw 0 2vw 0;border-radius:50%}
.apromocode {font-size: 5vw;color: #000;}
.acode {font-size: 4.7vw;color: #000;font-style: italic;font-weight:800;}
.rpt_4_plans .rpt_plan {width: 100%;background: #1F2C35;border-bottom-right-radius: 13vw;border-bottom-left-radius: 0;border-top-right-radius: 1vw;border-top-left-radius: 1vw;}
.rpt_4_plans .rpt_plan_0 {border: #008753 solid 0;margin: -3vw 0 10vw 0;}
.rpt_4_plans .rpt_plan:hover {transform: scale(1);}
.turbozz {width: 50%;height: auto;margin-top: 2vw;margin-bottom: 1vw;border-radius: 50%;}
.apromocodez {font-size: 6vw;color: #ddd;}
.acodez {font-size: 5.7vw;color: #dddd00;font-style: italic;font-weight:800;}
a.bon {text-align: center;display: inline-block;width: 80%;padding: 4vw 0 4vw 0;background: #efbf04;color: #fff;font-size: 4.5vw;font-weight: 600;font-family: Tahoma, sans-serif;text-transform : uppercase;margin: 0 0;border-radius: 13vw }
a.bon:hover {background: #FFD637;}
a.bons {text-align: center;display: inline-block;width: 80%;padding: 4vw 0 4vw 0;background: #efbf04;color: #fff;font-size: 4.5vw;font-weight: 600;text-transform : uppercase;margin: 0 0;border-radius: 13vw }
a.bons:hover {background: #FFD637;}
.timedatez{font-size : 3vw;}
.crown {width: 8%;height: auto;margin-top:7vw;margin-bottom:1.5vw;}
.cryptoz {width: 11vw;height: auto;border: 1vw solid rgba(19, 35, 46, 0.3);margin-top: 0.8vw;margin-left:7vw;margin-right:-14vw;vertical-align:-2.2vw;}
button {background-color: transparent;color: #000;font-size: 5vw;border: solid 0;margin-left: 4vw;vertical-align:0.5vw;}
.abookname {font-size: 6vw;color: #ccc;}
.aterms {font-size: 3vw;color: #ccc;display: block;margin-bottom:3vw}
.btnzz{position: relative;padding: 5vw 1.2vw 5.5vw 1.2vw; overflow: hidden; font-size: 5vw; width: auto;min-width: 60%;font-weight:600;  border-radius: 13vw; text-decoration: none; text-transform:capitalize; border: var(--btnz-border); color: var(--btn-text-color); background: var(--btnz-background);}
.btnzz:hover{font-size: 5.8vw;}

/* MARQUEE------------------------*/

.marquee {border: 0 solid red ;display: flex ;overflow: hidden ;white-space: nowrap ;width: 100%;}
.marquee__item {animation-duration: 10s ;animation-iteration-count: infinite ;animation-name: marquee-content ;animation-timing-function: linear ;}
.marquee:hover .marquee__item {animation-play-state: paused ;}
@keyframes marquee-content {from {transform: translateX( 30% );}to {transform: translateX( -270% );}}

/* SLIDER------------------------*/

.slider {background: 0 0;margin: auto;margin-top:2vw;overflow: hidden;position: relative;width: 96vw;}
.slider::after {right: 0;top: 0;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.slider::before {left: 0;top: 0;}
.slider .slide-track {animation: scroll 20s linear infinite;display: flex;width: calc(60vw * 10);}
.slider .slide-track:hover {animation-play-state: paused;}.slider .slide {height: 94vw;width: 60vw;}
@keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(calc(-60vw * 5));}}

.rpt_12_plans .rpt_plan {opacity:1;width: 100%;background-color: #fff;background: rgb(255, 255, 255, 0.2);filter: drop-shadow(0 0 0.75rem #61C1FF);float: left;border-bottom-right-radius: 1vw;border-bottom-left-radius: 1vw;border-top-right-radius: 0;border-top-left-radius: 0;display: block;}
.rpt_12_plans .rpt_plan_0 {border: #D7E2F4 solid 0;margin: 3vw 0 7vw 0;}
.rpt_12_plans .rpt_plan:hover {transform: scale(1);}
.rpt_12_plans .rpt_plan {transition: transform 1.25s;}
.rpt_12_plans .rpt_plan:hover{opacity:1;}
.rpt_style_basic .rpt_plan .rpt_head .rpt_price_11 {margin-bottom: 0;background: #6146A5;background: rgb(98, 70, 165, 0);border: #111 dashed 0;padding: 0 0 0 0;font-size: 1.1vw;text-align: center;color: #eee;line-height: 1.5;}
.rpt_style_basic .rpt_plan .rpt_features .rpt_featurezz{color: #000; font-size: 5vw; text-align: center;}
.blogo {width: 77%;height: auto;margin-top: 0;margin-bottom: 1.5vw;}
.gold{color:#000;font-style: italic;}
.bons {display:block;color: #000;font-weight: 600;text-transform: capitalize;font-size:6vw;font-style: italic;margin-bottom: 7vw;margin-left:-1vw;text-align:center}
.iso {width:280vw;}
.flag{display:block;margin:0 auto 7vw auto;border-radius: 50%;height: 33vw;width: auto;}
.accordion{margin-top: 0; margin-bottom: 0; font-size: 4.2vw; background: #09151C;color: #eee; padding: 1.5vw 5vw 1.4vw 2.5vw; line-height: 3; border-bottom: solid 0.2vw; border-color: #000;}
.accordion:after{color: #888; margin-top: 0; margin-right: 0;}
.panel{width: 93.5%;padding: 0 3vw;font-size: 4.5vw; font-weight: 500; text-align: left; border-bottom: 0 solid; border-color: #081A30; line-height: 1.4;background: #fff;color : #000;}
.footyz{width: 100%; background: #09151C;margin-left: auto; margin-right: auto; margin-top: -4.5vw; margin-bottom: 0;padding: 0 0 1vw 0;}
#semiopacity{width:100%;color : #ddd;text-align:center;margin-top:3vw;}
#semiopacity td{padding:2vw;font-size:4vw;line-height:2;}
#xBit,#win,#TwoBet,#BC,#Everygame,#Betnow,#Stake,#xBet,#Melbet,#Betwinner,#Bitsler,#Vave,#Cloudbet,#Thunderpick,#Wolfbet,#Megapari,#Fortunejack,#Sportsbetting,#Nitro,#Skybook,#Betonline,#TrustDice,#Betsio,#Jackbit,#Betroom,#Sportbet,#Sportsbet{padding-top: 20vw;margin-top: -20vw;}
.flagzz {width: 3.5%;height: auto;margin: 0 0;padding:0 0;border: .5vw solid  rgba(255, 255, 255, 0);opacity:0.9;margin-bottom:2vw;border-radius:50%}
.flagzz:hover {opacity:1}
.flagz {width: 30%;height: auto; display:block;margin:-2vw auto 0 auto;}
.star {width: 8%;height: auto;vertical-align: -.8vw;opacity: .8 }

/* Fixed footer styling */
  
.myfooter {display:block;position: fixed;bottom: 0;left: 0;width: 100%;background: #1A1B20;color: #ddd;font-size : 3.4vw;font-weight: 600;font-style: italic;text-transform: none;line-height : 2.5;text-align: left;justify-content: space-between;align-items: center;z-index : 998;}

/* Close button styling */

.close-btn {background : #222;background : rgb(34, 34, 34, 0.9);border: none;border-radius:50%;color: #aaa;font-size: 16px;right:2vw;padding:1vw 2vw;cursor: pointer;position: relative;float:right;margin-top:-22vw;}
.close-btn:hover {color: #fff;}
.btnbtn{display: block;background: linear-gradient(120deg, #95E46F 50%, #95E46F 0%);padding: 0 0; margin:auto 2vw 0.7vw 2vw;line-height:2.7; text-align: center;  color: #000; font-size: 4vw;font-weight: 600;width:96%; border-radius: 13vw;}
.btnbtn:hover{background: linear-gradient(120deg, #78D34A 50%, #78D34A 0%);}
.bookielogo{width: 12%; height: auto;float:left;margin-top:1.5vw;margin-right:0;margin-left:4vw;margin-right:-1vw;}
.gpwa {height: 8vw;width: auto;margin: 3vw 0 0 0;padding: 0 0 }
.bottom{color : #ddd;}
div.a {width: 100%;margin-left: 0;margin-right: 0;padding-bottom: 18vw;color: #ddd;background: none;font-size: 3vw;line-height: 4;}
.hide {display: none;}
.hideme {display: none;}
.desc_d{display:none;}
.bit{display:none;}
#mytable1{display:none;}
.left {display: none;}
.pics {display: none;}
.archive {display: none;}
.logo {display: none;}
}
