@charset "utf-8";
  * {
  margin:0;
  padding:0;
}

@font-face {
  font-family:"fontku";
  src:url(../img/fonts/Ubuntu-Bold.ttf);
}

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:none repeat scroll 0% 0% transparent;
  text-align:left;
  user-select:none;
  font-family:"fontku",sans-serif;
  font-weight:bold;
}

html {
  background-color:#000f22;
}

body {
  font-size:14px;
  font-family:Rubik,sans-serif;
}

a {
  text-decoration:none;
  color:#00ff15;
  font-weight:700;
  -webkit-transition:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  transition:opacity 0.2s;
}

a img {
  border:none;
}

.hover:hover {
  opacity:0.5;
}

ul {
  list-style-type:none;
}

p {
  text-align:justify;
}

img {
  max-width:100%;
  max-height:100%;
  display:block;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
  height:inherit;
}

.clear {
  clear:both;
  height:0;
}

.container {
  width:1024px;
  margin:0 auto;
  position:relative;
}

#sectionWrapper {
  width:100%;
  height:auto;
  position:relative;
  margin:0 auto;
  background:#000f22;
  background-size:100% 100%;
}

#sectionWrapper #sectionHeader {
  width:100%;
  height:150px;
  background:#000f22;
  position:relative;
}

#sectionWrapper #sectionHeader.header {
  height:170px;
}

#sectionWrapper #sectionHeader #sectionLogo {
  height:114px;
  width:316px;
  left:0;
  top:14px;
  position:114px;
}

#sectionWrapper #sectionHeader .login {
  width:390px;
  height:49px;
  position:absolute;
  right:0;
  top:42px;
}

#sectionWrapper #sectionHeader .login input {
  border:none;
  position:absolute;
  font-size:12px;
  color:#000;
  background:#fff;
}

#sectionWrapper #sectionHeader .login input.username {
  left:60px;
  top:0;
  width:112px;
  height:20px;
  padding:0 5px;
  border:1px solid #00ff22;
  font-style:bold;
}

#sectionWrapper #sectionHeader .login input.password {
  top:27px;
  left:60px;
  width:112px;
  height:20px;
  padding:0 5px;
  border:1px solid #00ff22;
  font-style:italic;
}

#sectionWrapper #sectionHeader .login input.code {
  left:189px;
  top:0;
  width:56px;
  height:20px;
  padding:0 5px;
  border:1px solid #00ff22;
  font-style:italic;
}

#sectionWrapper #sectionHeader .login img.kode {
  position:absolute;
  left:189px;
  top:27px;
  border:1px solid #04db1d;
}

#sectionWrapper #sectionHeader .login input[type="button"],
#sectionWrapper #sectionHeader .login input[type="button"] {
  padding:0;
  border:none;
  cursor:pointer;
  position:absolute;
  top:0;
}

#sectionWrapper #sectionHeader .login input.btn-login {
  padding-top:-10px;
  border:1px solid;
  border-image-source:linear-gradient(
    0deg,rgb(0,173,43) 0%,rgb(0,255,128) 100%
  );
  border-image-slice:1;
  cursor:pointer;
  visibility:visible;
  background:rgb(255,128,0);
  background:linear-gradient(
    0deg,rgb(2,168,44) 0%,rgb(0,255,0) 44%,rgb(1,124,62) 100%
  );
  right:0;
  top:0;
  width:127px;
  height:49px;
  font-family:"Bebas Neue",cursive;
  letter-spacing:2px;
  margin-left:5px;
  font-size:24px;
  cursor:pointer;
  color:#ffffff;
}

#sectionWrapper #sectionHeader .login input.btn-register {
  padding-top:-10px;
  border:1px solid;
  border-image-source:linear-gradient(
    0deg,rgb(0,173,43) 0%,rgb(0,255,128) 100%
  );
  border-image-slice:1;
  cursor:pointer;
  visibility:visible;
  background:rgb(2,100,51);
  background:linear-gradient(
    0deg,rgb(2,168,44) 0%,rgb(0,255,0) 44%,rgb(1,124,62) 100%
  );
  left:-75px;
  width:127px;
  height:49px;
  font-family:"Bebas Neue",cursive;
  letter-spacing:2px;
  margin-left:5px;
  font-size:24px;
  cursor:pointer;
  color:#fff;
}

#sectionWrapper #sectionHeader .login .fogotpass {
  position:absolute;
  color:#fff;
  font-size:12px;
  font-style:italic;
  position:absolute;
  right:168px;
  top:100px;
  font-weight:700;
}

#sectionWrapper #containerWrapper {
  width:100%;
  height:auto;
}

#sectionWrapper #containerWrapper #sectionMenu {
  width:100%;
  background:linear-gradient(0deg,#0d6dc5,#4bb9f6 77%,#3ae1ff 100% 100%);
  border-width:2px;
  border-bottom-style:solid;
  border-image:radial-gradient(circle at center,#23befa,#23c8fa);
  border-image-slice:1;
}

.textfoot p {
  font-family:"bebas neue";
  text-align:center;
  padding:10px 0;
  color:#001425;
}

#containerWrapper {
  background:linear-gradient(0deg,#0d6dc5,#4bb9f6 77%,#3ae1ff 100% 100%);
}

#sectionWrapper #containerWrapper #sectionMenu .menu {
  float:left;
}

.maincontent {
  height:auto;
}

.wrappersection {
  float:left;
  width:100%;
}

#sectionWrapper #containerWrapper #sectionFooter {
  width:100%;
  height:40px;
  text-align:center;
  background:rgb(60 166 234);
}

#sectionWrapper #sectionFooter p {
  text-align:justify;
  color:#000f22;
  font-size:18pt;
  font-family:"Bebas Neue",cursive;
  line-height:26px;
  padding-top:7px;
  text-align:center;
  text-shadow:0 0 3px #225eab,0 0 5px #38d0fe;
  letter-spacing:2px;
}

#sectionWrapper #sectionArtikel {
  width:100%;
  height:auto;
  position:relative;
}

#sectionWrapper #sectionArtikel p {
  text-align:justify;
  color:#fff;
  font-size:15pt;
  line-height:26px;
  margin:20px;
  margin-right:5px;
  margin-left:5px;
}

#sectionWrapper #sectionArtikel h1 {
  text-align:center;
  color:#62ff2d;
  font-size:16pt;
  line-height:26px;
  margin:20px;
  margin-right:5px;
  margin-left:5px;
}

#sectionWrapper #sectionArtikel h2 {
  text-align:center;
  color:#fbff00;
  font-size:14pt;
  line-height:26px;
  margin:20px;
  margin-right:5px;
  margin-left:5px;
}

#sectionWrapper #sectionArtikel h3 {
  text-align:center;
  color:#fbff00;
  font-size:12pt;
  line-height:26px;
  margin:20px;
  margin-right:5px;
  margin-left:5px;
}

#sectionWrapper #sectionArtikel h4 {
  text-align:center;
  color:#fbff00;
  font-size:12pt;
  line-height:26px;
  margin:20px;
  margin-right:5px;
  margin-left:5px;
}

#sectionWrapper #sectionArtikel .copyright {
  color:#696969;
  text-align:center;
  font-weight:700;
  font-style:italic;
}

aside {
  position:fixed;
  bottom:0;
  max-width:240px;
  text-align:center;
}

aside.aside-left {
  left:10px;
}

aside.aside-right {
  right:0;
}

#sliderarea {
  width:100%;
}

.iframestyle {
  width:100%;
  height:459px;
  margin-left:0;
  margin-top:0;
}

.flex1 {
  display:flex;
  justify-content:space-between;
  width:100%;
  align-items:center;
  height:40px;
}

h3,
p {
  color:#009dff;
}

.textberita {
  width:80%;
  color:#3fc401;
  font-size:18px;
}

.navmenu {
  border-radius:0 0 200px 200px;
  -moz-border-radius:0 0 200px 200px;
  -webkit-border-radius:0 0 20px 20px;
}

.navmenu > ul {
  display:flex;
  list-style:none;
  justify-content:space-between;
  width:100%;
  border-radius:20px;
  align-items:center;
  padding:0 0;
}

.navmenu > ul > li {
  padding:8px 10px;
}

li {
  display:flex;
  text-align:center;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  flex-direction:column;
}

.imgmenu {
  display:flex;
  justify-content:center;
  align-items:center;
  width:65px;
  height:65px;
  margin:2px auto;
}

li > a {
  color:#ffd400;
  text-align:center;
  justify-content:center;
  text-decoration:none;
  padding:0 2px;
  font-size:16px;
  font-style:italic;
  text-transform: uppercase;
  text-shadow:0 0 3px #06090e,0 0 5px #021612;
  p.thicker {
  font-weight:900;
}

p.thicker {
  font-weight:900;
}

font-weight:900;
  font-family:"fontku";
}

a {
  padding:4px 0;
}

li > a:hover {
  color:#ffeb35;
  text-align:center;
  justify-content:center;
  text-decoration:none;
  padding:0 2px;
}

.navmenu > ul > li:hover {
  background-image:radial-gradient(
    circle at top center,#21aeff 0%,rgba(0,99,134,0) 100%
  );
  border-radius:0;
  box-shadow:rgba(89,93,50,0.25) 0 30px 60px -12px inset,rgba(41,33,0,0.3) 0 18px 36px -18px inset;
}

.navgar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  align-content:space-between;
  height:145px;
}

.sizelogo {
  height:120px;
}

.logo {
  width:360px;
  height:100%;
}

.flex1 > a {
  text-decoration:none;
}

.giftimg {
  width:18px !important;
  margin-right:5px !important;
}

.animated-button {
  background:linear-gradient(-30deg,#0b1b3d 50%,#08142b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4e0f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#8592ad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button:hover::before {
  opacity:0.2;
}

.animated-button span {
  position:absolute;
}

.animated-button span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,20,43,0)),to(#2662d9)
  );
  background:linear-gradient(to left,rgba(8,20,43,0),#2662d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,20,43,0)),to(#2662d9)
  );
  background:linear-gradient(to top,rgba(8,20,43,0),#2662d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,20,43,0)),to(#2662d9)
  );
  background:linear-gradient(to right,rgba(8,20,43,0),#2662d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,20,43,0)),to(#2662d9)
  );
  background:linear-gradient(to bottom,rgba(8,20,43,0),#2662d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button1 {
  background:linear-gradient(0deg,#1e6589ee 0%,#0367a1bd 56%,#004b73 100%);
  padding:22px 40px;
  transform:translate(0%,0%);
  overflow:hidden;
  color:#f6ce01;
  font-size:20px;
  letter-spacing:2px;
  text-align:center;
  text-transform:uppercase;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  text-shadow:0 0 3px #000d14,0 0 5px #000d14;
}

.animated-button1::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button1:hover::before {
  opacity:0.2;
}

.animated-button1 span {
  position:absolute;
}

.animated-button1 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(to left,rgba(43,8,8,0),#33c5ff);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:4px;
  background:linear-gradient(to top,rgba(43,8,8,0),#33c5ff);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(to right,rgba(43,8,8,0),#1197f7);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button1 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:4px;
  background:linear-gradient(to bottom,rgba(43,8,8,0),#33c5ff);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button2 {
  background:linear-gradient(-30deg,#3d240b 50%,#2b1a08 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#f7e6d4;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button2::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#ad9985;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button2:hover::before {
  opacity:0.2;
}

.animated-button2 span {
  position:absolute;
}

.animated-button2 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(43,26,8,0)),to(#d98026)
  );
  background:linear-gradient(to left,rgba(43,26,8,0),#d98026);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button2 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(43,26,8,0)),to(#d98026)
  );
  background:linear-gradient(to top,rgba(43,26,8,0),#d98026);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button2 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(43,26,8,0)),to(#d98026)
  );
  background:linear-gradient(to right,rgba(43,26,8,0),#d98026);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button2 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(43,26,8,0)),to(#d98026)
  );
  background:linear-gradient(to bottom,rgba(43,26,8,0),#d98026);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button3 {
  background:linear-gradient(-30deg,#3d3d0b 50%,#2b2b08 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#f7f7d4;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button3::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#adad85;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button3:hover::before {
  opacity:0.2;
}

.animated-button3 span {
  position:absolute;
}

.animated-button3 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(43,43,8,0)),to(#d9d926)
  );
  background:linear-gradient(to left,rgba(43,43,8,0),#d9d926);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button3 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(43,43,8,0)),to(#d9d926)
  );
  background:linear-gradient(to top,rgba(43,43,8,0),#d9d926);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button3 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(43,43,8,0)),to(#d9d926)
  );
  background:linear-gradient(to right,rgba(43,43,8,0),#d9d926);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button3 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(43,43,8,0)),to(#d9d926)
  );
  background:linear-gradient(to bottom,rgba(43,43,8,0),#d9d926);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button4 {
  background:linear-gradient(-30deg,#243d0b 50%,#1a2b08 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#e6f7d4;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button4::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#99ad85;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button4:hover::before {
  opacity:0.2;
}

.animated-button4 span {
  position:absolute;
}

.animated-button4 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(26,43,8,0)),to(#80d926)
  );
  background:linear-gradient(to left,rgba(26,43,8,0),#80d926);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button4 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(26,43,8,0)),to(#80d926)
  );
  background:linear-gradient(to top,rgba(26,43,8,0),#80d926);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button4 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(26,43,8,0)),to(#80d926)
  );
  background:linear-gradient(to right,rgba(26,43,8,0),#80d926);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button4 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(26,43,8,0)),to(#80d926)
  );
  background:linear-gradient(to bottom,rgba(26,43,8,0),#80d926);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button5 {
  background:linear-gradient(-30deg,#0b3d0b 50%,#082b08 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4f7d4;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button5::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#85ad85;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button5:hover::before {
  opacity:0.2;
}

.animated-button5 span {
  position:absolute;
}

.animated-button5 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,43,8,0)),to(#26d926)
  );
  background:linear-gradient(to left,rgba(8,43,8,0),#26d926);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button5 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,43,8,0)),to(#26d926)
  );
  background:linear-gradient(to top,rgba(8,43,8,0),#26d926);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button5 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,43,8,0)),to(#26d926)
  );
  background:linear-gradient(to right,rgba(8,43,8,0),#26d926);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button5 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,43,8,0)),to(#26d926)
  );
  background:linear-gradient(to bottom,rgba(8,43,8,0),#26d926);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button6 {
  background:linear-gradient(-30deg,#0b3d24 50%,#082b1a 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4f7e6;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button6::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#85ad99;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button6:hover::before {
  opacity:0.2;
}

.animated-button6 span {
  position:absolute;
}

.animated-button6 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,43,26,0)),to(#26d980)
  );
  background:linear-gradient(to left,rgba(8,43,26,0),#26d980);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button6 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,43,26,0)),to(#26d980)
  );
  background:linear-gradient(to top,rgba(8,43,26,0),#26d980);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button6 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,43,26,0)),to(#26d980)
  );
  background:linear-gradient(to right,rgba(8,43,26,0),#26d980);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button6 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,43,26,0)),to(#26d980)
  );
  background:linear-gradient(to bottom,rgba(8,43,26,0),#26d980);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button7 {
  background:linear-gradient(-30deg,#0b3d3d 50%,#082b2b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4f7f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button7::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#85adad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button7:hover::before {
  opacity:0.2;
}

.animated-button7 span {
  position:absolute;
}

.animated-button7 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,43,43,0)),to(#26d9d9)
  );
  background:linear-gradient(to left,rgba(8,43,43,0),#26d9d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button7 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,43,43,0)),to(#26d9d9)
  );
  background:linear-gradient(to top,rgba(8,43,43,0),#26d9d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button7 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,43,43,0)),to(#26d9d9)
  );
  background:linear-gradient(to right,rgba(8,43,43,0),#26d9d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button7 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,43,43,0)),to(#26d9d9)
  );
  background:linear-gradient(to bottom,rgba(8,43,43,0),#26d9d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button8 {
  background:linear-gradient(-30deg,#0b243d 50%,#081a2b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4e6f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button8::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#8599ad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button8:hover::before {
  opacity:0.2;
}

.animated-button8 span {
  position:absolute;
}

.animated-button8 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,26,43,0)),to(#2680d9)
  );
  background:linear-gradient(to left,rgba(8,26,43,0),#2680d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button8 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,26,43,0)),to(#2680d9)
  );
  background:linear-gradient(to top,rgba(8,26,43,0),#2680d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button8 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,26,43,0)),to(#2680d9)
  );
  background:linear-gradient(to right,rgba(8,26,43,0),#2680d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button8 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,26,43,0)),to(#2680d9)
  );
  background:linear-gradient(to bottom,rgba(8,26,43,0),#2680d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button9 {
  background:linear-gradient(-30deg,#0b0b3d 50%,#08082b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#d4d4f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button9::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#8585ad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button9:hover::before {
  opacity:0.2;
}

.animated-button9 span {
  position:absolute;
}

.animated-button9 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(8,8,43,0)),to(#2626d9)
  );
  background:linear-gradient(to left,rgba(8,8,43,0),#2626d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button9 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(8,8,43,0)),to(#2626d9)
  );
  background:linear-gradient(to top,rgba(8,8,43,0),#2626d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button9 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(8,8,43,0)),to(#2626d9)
  );
  background:linear-gradient(to right,rgba(8,8,43,0),#2626d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button9 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(8,8,43,0)),to(#2626d9)
  );
  background:linear-gradient(to bottom,rgba(8,8,43,0),#2626d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button10 {
  background:linear-gradient(-30deg,#240b3d 50%,#1a082b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#e6d4f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button10::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#9985ad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button10:hover::before {
  opacity:0.2;
}

.animated-button10 span {
  position:absolute;
}

.animated-button10 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(26,8,43,0)),to(#8026d9)
  );
  background:linear-gradient(to left,rgba(26,8,43,0),#8026d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button10 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(26,8,43,0)),to(#8026d9)
  );
  background:linear-gradient(to top,rgba(26,8,43,0),#8026d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button10 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(26,8,43,0)),to(#8026d9)
  );
  background:linear-gradient(to right,rgba(26,8,43,0),#8026d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button10 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(26,8,43,0)),to(#8026d9)
  );
  background:linear-gradient(to bottom,rgba(26,8,43,0),#8026d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button11 {
  background:linear-gradient(-30deg,#3d0b3d 50%,#2b082b 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#f7d4f7;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button11::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#ad85ad;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button11:hover::before {
  opacity:0.2;
}

.animated-button11 span {
  position:absolute;
}

.animated-button11 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(43,8,43,0)),to(#d926d9)
  );
  background:linear-gradient(to left,rgba(43,8,43,0),#d926d9);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button11 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(43,8,43,0)),to(#d926d9)
  );
  background:linear-gradient(to top,rgba(43,8,43,0),#d926d9);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button11 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(43,8,43,0)),to(#d926d9)
  );
  background:linear-gradient(to right,rgba(43,8,43,0),#d926d9);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button11 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(43,8,43,0)),to(#d926d9)
  );
  background:linear-gradient(to bottom,rgba(43,8,43,0),#d926d9);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.animated-button12 {
  background:linear-gradient(-30deg,#3d0b24 50%,#2b081a 50%);
  padding:20px 40px;
  margin:12px;
  display:inline-block;
  -webkit-transform:translate(0%,0%);
  transform:translate(0%,0%);
  overflow:hidden;
  color:#f7d4e6;
  font-size:20px;
  letter-spacing:2.5px;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  -webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);
  box-shadow:0 20px 50px rgba(0,0,0,0.5);
}

.animated-button12::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#ad8599;
  opacity:0;
  -webkit-transition:0.2s opacity ease-in-out;
  transition:0.2s opacity ease-in-out;
}

.animated-button12:hover::before {
  opacity:0.2;
}

.animated-button12 span {
  position:absolute;
}

.animated-button12 span:nth-child(1) {
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,right top,left top,from(rgba(43,8,26,0)),to(#d92680)
  );
  background:linear-gradient(to left,rgba(43,8,26,0),#d92680);
  -webkit-animation:2s animateTop linear infinite;
  animation:2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
  100% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}

.animated-button12 span:nth-child(2) {
  top:0;
  right:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left bottom,left top,from(rgba(43,8,26,0)),to(#d92680)
  );
  background:linear-gradient(to top,rgba(43,8,26,0),#d92680);
  -webkit-animation:2s animateRight linear -1s infinite;
  animation:2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
  100% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
}

.animated-button12 span:nth-child(3) {
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:-webkit-gradient(
    linear,left top,right top,from(rgba(43,8,26,0)),to(#d92680)
  );
  background:linear-gradient(to right,rgba(43,8,26,0),#d92680);
  -webkit-animation:2s animateBottom linear infinite;
  animation:2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
  }
  100% {
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
  }
}

.animated-button12 span:nth-child(4) {
  top:0;
  left:0;
  height:100%;
  width:2px;
  background:-webkit-gradient(
    linear,left top,left bottom,from(rgba(43,8,26,0)),to(#d92680)
  );
  background:linear-gradient(to bottom,rgba(43,8,26,0),#d92680);
  -webkit-animation:2s animateLeft linear -1s infinite;
  animation:2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
  }
  100% {
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
  }
}

.formlogregist {
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:center;
  width:270px;
  background:0;
  border-radius:4px;
  padding:8px 8px;
}

.giftimg {
  width:18px !important;
  margin-right:5px !important;
}

.baris1 {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
}

.baris2 {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
  margin:4px 0px;
}

.baris3 {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:25px;
  padding:12px 0;
}

.baris3 > a {
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:18px;
  border-radius:3px;
  font-style:italic;
  text-shadow:0 0 3px #000000,0 0 5px #001425;
  font-family:"fontku";
}

.log {
  display:flex;
  width:200px;
  height:35px;
  justify-content:center;
  align-items:center;
  background:#f2eaff;
  border-radius:2px;
  border:2px solid #17b4ff;
}

.log > img {
  width:18px;
  height:18px;
  margin:0 4px;
}

#txtUsername {
  width:100%;
  height:100%;
  background-color:#f2eaff;
  color:#000000;
  border-radius:2px;
  outline:none;
  font-size:18px;
  border:0 solid #c69f11;
  padding-left:10px;
}

.regist {
  display:flex;
  width:200px;
  height:35px;
  justify-content:center;
  align-items:center;
  background:#f2eaff;
  border-radius:2px;
  border:2px solid #17b4ff;
}

.regist > img {
  width:18px;
  height:18px;
  margin:0 4px;
}

#txtPassword {
  width:100%;
  height:100%;
  background-color:#f2eaff;
  color:#000000;
  border-radius:2px;
  outline:none;
  font-size:18px;
  border:0 solid #17b4ff;
  padding-left:10px;
}

.imgcode {
  width:62px;
  height:37px;
  background-color:rgb(0 0 0 / 0%);
  border-radius:1px;
  border:0.5px solid #295c8700;
  margin-left: 5px;
}

.colcode {
  width:63px;
  height:37px;
  align-items:center;
}

#txtCode {
  width:60px;
  height:34px;
  border-radius:2px;
  outline:none;
  font-size:19px;
  background-color:#f2eaff;
  border:2px solid #17b4ff;
  text-align:center;
  margin:0 0.5px;
}

.butlog {
  justify-content:center;
  text-align:center;
  margin-top:4px;
  border-radius:3px;
}

.butregist {
  justify-content:center;
  text-align:center;
  margin-top:4px;
  border-radius:3px;
}

.butlog > a {
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:18px;
  padding:10px 22px;
  border-radius:3px;
  border:0.5px solid #f6f621;
  background:linear-gradient(
    0deg,#bb7509 0%,#ffcc42 60%,#ffcc42 80%,#efcc52 87%,#bb7509 100%
  );
  font-style:italic;
  text-shadow:0 0 3px #010f00,0 0 5px #003100;
  font-family:"fontku";
}

.butlog > a:hover {
  cursor:pointer;
  padding:10px 22px;
  font-size:18px;
  text-align:center;
  color:#f3fff0;
  text-decoration:none;
  justify-content:center;
  font-weight:bold;
  border-radius:3px;
  border:0.5px solid #7afa31;
  background:linear-gradient(
    0deg,#147700 0%,#00c10b 60%,#35d203 80%,#3bd115 87%,#147800 100%
  );
  box-shadow:1px 1px 15px 5px #2af30569;
}

.butregist > a {
  cursor:pointer;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:18px;
  font-weight:bold;
  padding:10px 38px;
  border-radius:3px;
  font-style:italic;
  text-shadow:0 0 3px #000000,0 0 5px #001425;
}

.butregist > a:hover {
  cursor:pointer;
  font-size:18px;
  text-align:center;
  color:#36ff36;
  text-decoration:none;
  justify-content:center;
  font-weight:bold;
  border-radius:3px;
  border:0.5px solid #ff2121;
  background:linear-gradient(
    0deg,#ff2121ce 10%,#c1150cc9 32%,#9e0010c0 100%
  );
}

.main-button {
  background:linear-gradient(
    0deg,#006d99 0%,#0685df 60%,#19acf2 80%,#34c8f6 87%,#006d99 100%
  );
  padding:10px 42px;
  font-size:18px;
  border-radius:3px;
  cursor:pointer;
  color:#dcdcdc;
  position:relative;
  border:0.4px solid #22e3ff;
  text-transform:uppercase;
}

.main-button::after {
  background-color:#ff4b49;
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  border-radius:4px;
  animation-name:blinkers;
  animation-duration:0.7s;
  animation-iteration-count:infinite;
  animation-direction:alternate-reverse;
  animation-timing-function:cubic-bezier(0.19,1,0.22,1);
}

@keyframes blinkers {
  0% {
    transform:scale3d(1,1,1);
    opacity:0.8;
  }
  100% {
    transform:scale3d(1.1,1.3,1.1);
    opacity:0;
  }
}

.login {
  width:390px;
  height:49px;
  position:absolute;
  right:0;
  top:42px;
}

.medsos {
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  border:2px rgb(6 42 57 / 0%) solid;
  background:rgb(6 42 57 / 0%);
}

.button-glow {
  animation:glowing 3000ms infinite;
}

@keyframes glowing {
  0% {
    box-shadow:0 0 -10px #05f3e7;
  }
  40% {
    box-shadow:0 0 20px #05f3e7;
  }
  60% {
    box-shadow:0 0 20px #05f3e7;
  }
  100% {
    box-shadow:0 0 -10px #05f3e7;
  }
}

.glow {
  text-decoration:none;
  position:relative;
  overflow:hidden;
}

.glow:hover {
  box-shadow:1px 1px 20px 5px #00c3ffda;
}

.glow:before {
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,transparent,#00c3ffda,transparent);
  transition:all 650ms;
}

.glow:hover:before {
  left:100%;
}

.SocialItem {
  height:56px;
  padding:5px 8px;
  display:flex;
  align-items:center;
  width:450px;
  margin:4px 4px;
  background:linear-gradient(0deg,#004d93,#00669f 77%,#39c6df 100% 100%);
  border:10px solid;
  border-image-slice:1;
  border-width:3px;
  border-image-source:linear-gradient(
    0deg,#00bef7 0%,#00a0d0 22%,#00829f 50%,#2686d9 77%,#21a9f8 100%
  );
  justify-content:flex-start;
  cursor:pointer;
}

.SocialItem_button {
  background:-webkit-linear-gradient(
    -45deg,rgb(10 98 181) 0%,rgb(0 85 134) 100%
  );
  padding:9px 15px;
  font-size:14px;
  line-height:18px;
  transition:opacity 0.2s;
  margin-left:auto;
  border-radius:4px;
}

.SocialItem_button a {
  color:#002842;
  text-decoration:none;
  cursor:pointer;
}

.SocialItem_button:hover {
  background:linear-gradient(
    0deg,#00a4aa 0%,#1df5f5 82%,#059be1 92%,#005499 100%
  );
}

.SocialItem_text > a {
  font-weight:100;
  margin-right:5px;
  font-size:30px;
  color:#ffd400;
  text-shadow:0 0 3px #000f22,0 0 5px #00060c;
  text-decoration:none;
  font-family:"bebas neue";
  letter-spacing:0.5px;
}

.SocialItem_icon img {
  width:40px;
  height:40px;
  border-radius:0;
  margin-right:10px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.flex9 {
  display:flex;
  width:100%;
  align-items:center;
  flex-wrap:nowrap;
  justify-content:space-between;
  padding:4px 0;
}

.sliderb {
  width:100%;
  max-width:100%;
  height:182px;
  position:relative;
  overflow:hidden;
}

.sliderb .list {
  position:absolute;
  width:max-content;
  height:100%;
  left:0;
  top:0;
  display:flex;
  transition:1s;
}

.sliderb .list img {
  width:674px;
  max-width:100%;
  height:100%;
  object-fit:cover;
}

.sliderb .buttons {
  position:absolute;
  top:45%;
  left:5%;
  width:90%;
  display:flex;
  justify-content:space-between;
}

.sliderb .buttons button {
  width:50px;
  height:50px;
  border-radius:50%;
  background-color:#fff0;
  color:#ccf70000;
  border:none;
  font-family:monospace;
  font-weight:bold;
}

.sliderb .dots {
  position:absolute;
  bottom:10px;
  left:0;
  color:#fff;
  width:100%;
  margin:0;
  padding:0;
  display:flex;
  justify-content:center;
}

.sliderb .dots li {
  list-style:none;
  width:10px;
  height:10px;
  background-color:#ccf70000;
  margin:10px;
  border-radius:20px;
  transition:0.5s;
}

.sliderb .dots li.active {
  width:30px;
}

.timer {
  color:#ffd400;
  margin:0 5px;
  white-space:nowrap;
}

.tittlelog {
  display:flex;
  font-size:18px;
  color:#9ecdff;
  letter-spacing:1px;
  font-weight:bold;
  padding:2px 0;
  font-style:italic;
}

.wrap-main {
  height:300px;
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  padding:3px 0;
  align-content:space-between;
}

.games-populer {
  display:flex;
  flex-direction:column;
  width:340px;
  padding:1px 0;
  justify-content:space-between;
  flex-wrap:nowrap;
  height:100%;
}

.fasilitas {
  width:340px;
  transform:translate(-0%,-0%);
}

#slideshow {
  width:335px;
  margin:0 auto;
  overflow:hidden;
  height:100%;
  border:0.001vh solid #fafa23;
}

.slide-wraper {
  width:1200px;
  /* 300 x 4 */

  position:relative;
  -webkit-animation:slide 8s ease-in-out infinite;
  -moz-animation:slide 8s ease-in-out infinite;
  -ms-animation:slide 8s ease-in-out infinite;
  -o-animation:slide 8s ease-in-out infinite;
  animation:slide 8s ease-in-out infinite;
}

.slide-wraper section {
  width:340px;
  height:330px;
  float:left;
}

.slide-wraper section:nth-child(1) {
  background-color:0;
}

.slide-wraper section:nth-child(2) {
  background-color:0;
}

.slide-wraper section:nth-child(3) {
  background-color:0;
}

.container:hover {
  animation-play-state:paused;
  -webkit-animation-play-state:paused;
}

@keyframes slide {
  0% {
    left:0;
  }
  25% {
    left:-320px;
  }
  50% {
    left:-640px;
  }
  100% {
    left:0;
  }
}

@-webkit-keyframes slide {
  0% {
    left:0;
  }
  25% {
    left:-320px;
  }
  50% {
    left:-640px;
  }
  100% {
    left:0;
  }
}

@-moz-keyframes slide {
  0% {
    left:0;
  }
  25% {
    left:-320px;
  }
  50% {
    left:-640px;
  }
  100% {
    left:0;
  }
}

@-ms-keyframes slide {
  0% {
    left:0;
  }
  25% {
    left:-320px;
  }
  50% {
    left:-640px;
  }
  100% {
    left:0;
  }
}

.warp-togel {
  width:340px;
}

.boxtoto {
  width:100%;
  height:330px;
  border:1px solid #43cbfa;
}

.widget-content {
  margin:0 0 0 0;
}

.ann-wrapper {
  padding:0.2em;
  background-color:inherit;
  color:inherit;
  vertical-align:middle;
}

.header-wrapper {
  background-color:#230007;
  background-image:none;
}

.header-wrapper:not(.stuck) .logo img {
  transition:max-height 0.5s;
}

.header-wrapper .country_detail {
  text-transform:uppercase;
  font-size:14px;
}

.header-wrapper .country_detail .dot {
  width:5px;
  height:5px;
  margin:0 2px 2px;
  border-radius:50%;
  display:inline-block;
  background-color:#490609;
}

.header-wrapper .btn.fix {
  padding-top:3px;
  padding-bottom:3px;
  min-width:77px;
  border-radius:5px;
}

.header-wrapper .main-header {
  z-index:10;
  position:relative;
}

.header-wrapper .inner-header {
  padding-bottom:5px;
  padding-top:5px;
}

.header-wrapper .flex-col {
  max-height:100%;
}

.header-wrapper .logo-left .logo {
  margin-left:0;
  margin-right:5px;
}

.header-wrapper .logo a {
  text-decoration:none;
  display:block;
  color:#fedc3d;
  font-size:2rem;
  text-transform:uppercase;
  font-weight:bolder;
  margin:0;
}

.header-wrapper .logo img {
  display:block;
  width:auto;
}

.header-wrapper #logo img {
  max-height:70px;
}

.mobile .floating-btn .wrapper {
  border-radius:50%;
  width:45px;
  height:45px;
  background:#25d366;
  margin:10px;
  position:relative;
}

.mobile .floating-btn .wrapper a {
  position:absolute;
  left:7px;
  font-size:30px;
  color:#fff;
}

.hot-games.wrapper {
  overflow:hidden;
  position:relative;
  padding-top:8px;
  height:95px;
}

.hot-games .img-container {
  position:absolute;
  display:flex;
  align-items:center;
}

.hot-games .games-leave-active {
  animation:leave 20s linear;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-play-state:running;
}

.hot-games .games-leave-active.pause {
  animation-play-state:paused;
}

.hot-games .games-leave-active.run {
  animation-play-state:running;
}

.hot-games .games-enter-active {
  animation:enter 20s linear;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-play-state:running;
}

.hot-games .games-enter-active.pause {
  animation-play-state:paused;
}

.hot-games .games-enter-active.run {
  animation-play-state:running;
}

.hot-games a {
  color:inherit;
}

.hot-games .game-item {
  position:relative;
  margin-right:5px;
  padding-top:7px;
  width:100px;
  text-align:center;
  border-radius:3px;
}

.hot-games .game-item img {
  cursor:pointer;
  overflow:hidden;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid #5c5252;
  max-width:83px;
}

.hot-games .game-item {
  padding:0 2px;
  text-align:left;
  height:100%;
  width:90px;
  background-color:#17161300;
  color:#c7b035;
}

@keyframes leave {
  0% {
    transform:translateX(0);
  }
  to {
    transform:translateX(-100%);
  }
}

@keyframes enter {
  0% {
    transform:translateX(100%);
  }
  to {
    transform:translateX(0);
  }
}

.hot-game-tag {
  top:-4px;
  left:-4px;
  height:51px;
  background-image:0;
}

.daily-wins,
.hot-game-tag {
  position:absolute;
  z-index:1;
  width:60px;
  background-size:60px;
}

.text-overflow-line-clamp {
  text-decoration:none;
}

.imgv img {
  padding:6px 0;
  width:100%;
}

.footer-separator {
  padding-top:8px 0 0;
  margin:auto;
  border-top:3px dotted #a423fa;
  width:100%;
}

hr {
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:1px solid rgba(0,0,0,0.1);
}

hr {
  margin-top:20px;
  margin-bottom:20px;
  border:0;
  border-top:1px solid #147a00;
}

.ketweb > img {
  width:60px;
  height:60px;
}

.ketweb {
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:center;
  padding:1.5px0px;
  border-radius:4px;
  width:145px;
  text-align:center;
  height:100%;
}

.step {
  font-size:20px;
  border-width:3px;
  color:#e7e315;
  padding-top:8px;
}

.playstep {
  width:100%;
  background-image:radial-gradient(circle at center,#a423fa,#a6ff0000);
  padding:1px 0;
  margin:16px 0;
  height:1px;
}

.isi {
  font-style:italic;
  color:#00fff2;
  font-size:15px;
  padding:2px 4px;
  margin-bottom:15px;
  height:70px;
  text-align:center;
}

.tip__footer {
  padding:6px 14px;
  width:450px;
}

.justify-content-between {
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.d-flex {
  display:flex;
  align-items:center;
}

.footer-col .progress-wrapper ul li .text .title {
  color:#1a9e00;
  font-size:16px;
}

.times {
  padding:8px 0;
  font-size:18px;
  font-weight:400;
  text-align:center;
  color:#f2df05;
}

.dark {
  background:#4d575f;
}

.meter {
  height:10px;
  position:relative;
  background:#b2c1d0;
  border-radius:8px;
}

.meter > span {
  display:block;
  height:100%;
  -webkit-border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-topright:8px;
  -moz-border-radius-bottomright:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  -webkit-border-top-left-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-radius-topleft:20px;
  -moz-border-radius-bottomleft:20px;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  background-color:#00b1ff;
  position:relative;
  overflow:hidden;
}

@-webkit-keyframes f {
  0% {
    background-position:40px 0;
  }
  to {
    background-position:0 0;
  }
}

@keyframes f {
  0% {
    background-position:40px 0;
  }
  to {
    background-position:0 0;
  }
}

.progress {
  overflow:hidden;
  margin-top:0;
  height:10px;
  border-radius:3px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}

.progress-bar {
  height:100%;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
}

.progress-bar-striped,
.progress-striped .progress-bar {
  background-image:linear-gradient(
    45deg,hsl(227.08deg 100% 11.28%) 25%,transparent 0,transparent 50%,hsl(207.69deg 99.88% 49.56%) 0,hsl(216deg 100% 12.85%) 75%,transparent 0,transparent
  );
  background-size:40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation:f 2s linear infinite;
  animation:f 2s linear infinite;
}

.progress-bar-success {
  background-color:#92d0ff;
}

.progress-striped .progress-bar-success {
  background-image:linear-gradient(
    45deg,hsla(0,0%,100%,0.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.15) 0,hsla(0,0%,100%,0.15) 75%,transparent 0,transparent
  );
}

.progress-striped .progress-bar-danger {
  background-image:linear-gradient(
    45deg,hsla(0,0%,100%,0.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.15) 0,hsla(0,0%,100%,0.15) 75%,transparent 0,transparent
  );
}

.judul11 {
  text-align:center;
  font-size:20px;
  font-style:italic;
  color:#fafa23;
  font-weight:bold;
  margin:6px 0;
  padding:15px 0;
  border-radius:15px;
  border-width:4px;
  border-bottom-style:solid;
  border-image:radial-gradient(circle at center,#a423fa,#ffe49400);
  border-image-slice:1;
  font-family:"fontku";
}

.flex15 {
  display:flex;
  width:100%;
  align-items:center;
  flex-wrap:nowrap;
  justify-content:space-between;
}

.imgpm {
  width:280px;
}

.flex4 {
  background:0;
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  height:235px;
  padding:15px 0;
  border-radius:15px;
  margin:auto;
}

.col-md-4 {
  width:300px;
  height:100%;
}

.card {
  border-radius:4px;
  background:#082d4c00;
  box-shadow:0 6px 10px rgba(0,0,0,0.08),0 0 6px rgba(0,0,0,0.05);
  transition:0.3s transform cubic-bezier(0.155,1.105,0.295,1.12),0.3s box-shadow,0.3s -webkit-transform cubic-bezier(0.155,1.105,0.295,1.12);
  padding:14px 80px 18px 15px;
  cursor:pointer;
  height:200;
}

.card:hover {
  transform:scale(1.05);
  box-shadow:0 10px 20px rgba(0,0,0,0.12),0 4px 8px rgba(0,0,0,0.06);
}

.card h3 {
  font-weight:600;
  font-size:20px;
  margin-bottom:20px;
  font-family:"fontku";
}

.card img {
  position:absolute;
  top:20px;
  right:15px;
  max-height:120px;
}

.card-1 {
  background-image:url(../img/sportbet.jpg);
  background-repeat:no-repeat;
  background-position:right;
  background-size:50%;
}

.card-2 {
  background-image:url(../img/slotbet.jpg);
  background-repeat:no-repeat;
  background-position:right;
  background-size:50%;
}

.card-3 {
  background-image:url(../img/cashbet.jpg);
  background-repeat:no-repeat;
  background-position:right;
  background-size:50%;
}

.warpkiri {
  height:120px;
  font-weight:bold;
  display:flex;
  width:700px;
  margin-top:0;
  flex-direction:column;
  justify-content:space-around;
}

.icon-mediasos {
  width:25px;
  height:25px;
  margin-right:2px;
}

.flexmedia {
  display:flex;
  width:100%;
  align-items:center;
  height:0;
  justify-content:space-between;
}

.flexsosial {
  display:flex;
  width:100%;
  align-items:center;
  height:25px;
  justify-content:flex-start;
  background:linear-gradient(90deg,#0b2b46 0%,#094472 50%,#0b2b45 100%);
  border-radius:6px;
  border-left:3px solid #1363a3;
  margin-bottom:8px;
  color:#15e5ee;
}

.txmed {
  margin-right:0;
}

.flexsos {
  display:flex;
  width:100%;
  align-items:center;
  height:40px;
  justify-content:flex-start;
  margin-right:8px;
  margin-bottom:8px;
}

.c-ggNGVT-icmFyCc-css {
  width:80%;
}

.c-ggNGVT {
  background:var(--colors-primaryDefault);
  height:100%;
  width:50%;
  border-radius:20px;
}

.c-ggNGVT-icmFyCc-css {
  width:80%;
}

.c-ggNGVT {
  background:var(--colors-primaryDefault);
  height:100%;
  width:50%;
  border-radius:20px;
}

.c-bDeEoa {
  display:flex;
  width:2px;
  margin:8px 24px;
  background:var(--colors-skyLightest);
}

.c-bDeEoa {
  display:flex;
  width:2px;
  margin-top:8px;
  margin-bottom:8px;
  margin-left:20px;
  margin-right:20px;
  background:#1e688f;
}

.c-ddHFyC {
  display:flex;
  width:100%;
  justify-content:space-between;
}

.c-ddHFyC {
  display:flex;
  width:100%;
  justify-content:space-between;
}

.c-jCBOYE {
  position:relative;
  background:#000f22;
  padding-top:32px;
  padding-bottom:32px;
}

.c-kDOwGl {
  position:absolute;
  opacity:0.2;
  inset:0;
  background:url(/images/service-contact-bg.png);
  background-repeat:round;
  pointer-events:none;
}

.c-fGHEql {
  width:100%;
}

.c-fGHEql-fvdSl-variant-default {
  width:100%;
  margin:0 auto;
}

.c-jRSoJY {
  display:none;
}

.c-bKfYky {
  display:flex;
  flex:1;
  align-items:center;
  justify-content:space-between;
}

.c-cswOpd {
  display:flex;
  align-items:center;
  margin-right:16px;
}

.c-PJLV .c-ifiMEn {
  margin-right:12px;
}

.c-eBIusB {
  line-height:1.2;
  margin:0;
  font-weight:var(--fontWeights-regular);
  display:block;
}

.c-bGnIb {
  color:linear-gradient(
    180deg,#d9ad57 12.5%,#f1e69f 31.46%,#faef9f 47.86%,#dcaa52 65%
  );
  display:inline;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.c-eeAcJX {
  font-weight:var(--fontWeights-bold);
  font-size:28px;
  line-height:var(--lineHeights-lg);
}

.c-iOpAfs {
  display:flex;
  flex:1;
  justify-content:space-between;
}

.c-jWghPK {
  display:flex;
  align-items:center;
}

.c-iPKoSx {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eddb0500;
  border-radius:100%;
  border:4px solid #f7e211;
}

.c-iPKoSx span {
  margin-right:0;
}

.c-iPKoSx {
  margin-right:8px;
  width:45px;
  height:45px;
  min-width:45px;
  min-height:45px;
}

.c-eBIusB-iEtUbm-variant-title3Bold {
  font-size:var(--fontSizes-size24);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-md);
  font-family:"fontku";
}

.c-eBIusB-gjdJOs-align-center {
  text-align:center;
}

.c-eBIusB-cslBQi-variant-body3Regular {
  font-size:13px;
  font-weight:var(--fontWeights-regular);
  line-height:var(--lineHeights-xxs);
}

.c-eBIusB-dhjLGl-variant-body2Regular {
  font-size:var(--fontSizes-size16);
  font-weight:var(--fontWeights-regular);
  line-height:var(--lineHeights-xs);
}

.c-dFfuhX {
  color:#f2df05;
  font-size:13px;
}

.c-eBIusB-ewtqfA-variant-body1Bold {
  font-size:var(--fontSizes-size18);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-sm);
}

.c-eBIusB-dyLMmX-variant-title3Bold {
  font-size:18px;
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-md);
}

.c-PJLV-iYrBIK-media-onlyDesktop {
  margin:0;
  padding:0;
}

.c-iBnCZM {
  margin-top:20px;
}

.c-kDuylR {
  border-radius:20px;
  border:2px solid;
  border-color:#e0bd06;
  padding:0 28px 28px 28px;
}

.c-fhsrkN {
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
}

.c-eBIusB-eWzZJ-variant-title2Semibold {
  font-size:var(--fontSizes-size32);
  font-weight:var(--fontWeights-semiBold);
  line-height:var(--lineHeights-lg);
  font-family:"fontku";
}

.c-eBIusB-lmigsV-variant-title3Semibold {
  font-size:var(--fontSizes-size24);
  font-weight:var(--fontWeights-semiBold);
  line-height:var(--lineHeights-md);
  font-family:"fontku";
}

.c-gKUdqi {
  display:flex;
  flex:1;
  justify-content:space-between;
}

.c-kqBkzo {
  width:45%;
}

.c-UazGY {
  display:flex;
  align-items:center;
}

.c-fNvXDc {
  display:flex;
  flex:1;
  flex-direction:column;
}

.c-eBIusB-dxsmPK-variant-title3Bold {
  font-size:var(--fontSizes-size24);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-md);
}

.c-eBIusB-kIjBkd-variant-body1Bold {
  font-size:var(--fontSizes-size18);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-sm);
}

.c-ekCNeI {
  margin-bottom:4px;
}

.c-eBIusB-gPjYEQ-variant-body2Regular {
  font-size:var(--fontSizes-size16);
  font-weight:var(--fontWeights-regular);
  line-height:var(--lineHeights-xs);
}

.c-eBIusB-dUqjnX-variant-body3Regular {
  font-size:var(--fontSizes-size14);
  font-weight:var(--fontWeights-regular);
  line-height:var(--lineHeights-xxs);
}

.c-bzUCgK {
  display:flex;
  align-items:flex-end;
}

.c-eBIusB-izuGiV-variant-title1Bold {
  font-size:var(--fontSizes-size48);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-xl);
}

.c-eBIusB-fHOlKG-variant-title2Bold {
  font-size:var(--fontSizes-size32);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-lg);
}

.c-eBIusB-eRUnFD-variant-body1Regular {
  font-size:var(--fontSizes-size18);
  font-weight:var(--fontWeights-regular);
  line-height:var(--lineHeights-sm);
}

.c-cmnJrO {
  background:#ffffff00;
  border-radius:20px;
  margin-top:16px;
}

.c-ggNGVT
  .c-ggNGVT-ijgkeMK-css
  .c-bDeEoa
  .c-ggNGVT-icmFyCc-css
  .c-ddHFyC
  .c-kojyFS
  .c-eBIusB-fmKBWT-variant-body2Medium {
  font-size:var(--fontSizes-size16);
  font-weight:var(--fontWeights-medium);
  line-height:var(--lineHeights-xs);
  font-family:"fontku";
}

.c-kNMCiq {
  margin-top:12px;
  display:flex;
}

.c-kNMCiq > img {
  margin-right:20px;
  width:30px;
}

.c-dcxSjI {
  width:20px;
  height:20px;
}

.c-dcxSjI {
  width:18px;
  height:40px;
}

.c-TZbgy {
  border-radius:20px;
  border:2px solid;
  border-color:#a423fa;
}

.c-jzAGRZ {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.c-fCdlas {
  width:124px;
  height:40px;
  border-radius:4px;
  padding:1px 1px 1px 5px;
}

.c-fCdlas-dFQOGJ-isActive-true {
  background:var(--colors-greenDefault);
}

.c-kpdLOY {
  width:100%;
  height:100%;
  border-radius:0 4px 4px 0;
  display:flex;
  align-items:center;
  position:relative;
}

.c-kpdLOY-NIZMm-isActive-true {
  background:var(--colors-greenLightest);
}

.c-gOlnCa {
  display:flex;
  margin-right:4px;
}

.c-hfRUtg {
  object-fit:contain;
  height:22px;
  max-width:80px;
}

.c-cmpvrW {
  position:relative;
}

.c-hKMXIQ {
  position:absolute;
  top:-72px;
}

.c-brgAnR {
  border-radius:20px;
  border:2px solid;
  border-color:#a423fa;
  padding:0 20px 20px 20px;
}

.c-cmtDvt {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

.c-cIdiJW {
  text-decoration:none;
}

.c-ggrFeh {
  display:flex;
  align-items:center;
  margin-left:56px;
  margin-right:56px;
  margin-top:16px;
  margin-bottom:16px;
}

.c-hEBzwh {
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:16px;
}

.c-eBIusB-kCvrdA-variant-body1Bold {
  font-size:var(--fontSizes-size18);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-sm);
  font-family:"fontku";
}

.c-eBIusB-bwqjSA-variant-body3Bold {
  font-size:var(--fontSizes-size14);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-xxs);
  font-family:"fontku";
}

.c-eBIusB-bwqjSA-variant-body3Bold {
  font-size:var(--fontSizes-size14);
  font-weight:var(--fontWeights-bold);
  line-height:var(--lineHeights-xxs);
  font-family:"fontku";
}

.c-hlTBXk {
  color:var(--colors-skyLightest);
  text-transform:capitalize;
}

.c-hShpjW {
  word-break:break-word;
}

.c-jzAGRZ {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.c-fCdlas-dFQOGJ-isActive-true {
  background:var(--colors-greenDefault);
}

.c-kpdLOY-NIZMm-isActive-true {
  background:#ffffbd;
}

.c-kpdLOY {
  width:100%;
  height:100%;
  border-radius:0 4px 4px 0;
  display:flex;
  align-items:center;
  position:relative;
}

.c-kpdLOY-NIZMm-isActive-true {
  background:#e7e4ce;
}

.c-kpdLOY {
  width:100%;
  height:100%;
  border-radius:0 4px 4px 0;
  display:flex;
  align-items:center;
  position:relative;
}

.c-fCdlas-dFQOGJ-isActive-true {
  background:var(--colors-greenDefault);
}

@media (min-width:992px) {
  .c-fCdlas {
    margin:16px;
  }
}

.c-fCdlas {
  width:124px;
  height:40px;
  border-radius:4px;
  padding:1px 1px 1px 5px;
}

.c-fCdlas-dFQOGJ-isActive-true {
  background:#ffe400a3;
}

.c-hfRUtg {
  object-fit:contain;
  height:22px;
  max-width:80px;
}

.c-hinyfY {
  width:100%;
  height:100%;
}

.c-bKfYky {
  display:flex;
  flex:1 1 0%;
  align-items:center;
  justify-content:space-between;
  margin:8px 0;
}

.c-gOlnCa img {
  object-fit:contain;
  width:14px;
  height:14px;
}

.c-eeAcJX {
  line-height:var(--lineHeights-xl);
  font-size:48px;
}

.c-eeAcJX {
  font-weight:var(--fontWeights-bold);
  font-size:28px;
  line-height:var(--lineHeights-lg);
}

.c-bGnIb {
  display:inline;
  -webkit-text-fill-color:transparent;
}

.c-eBIusB {
  line-height:1.2;
  margin:0;
  font-weight:var(--fontWeights-regular);
  display:block;
}

.c-eeAcJX {
  line-height:var(--lineHeights-xl);
  font-size:48px;
}

.c-eeAcJX {
  font-weight:var(--fontWeights-bold);
  font-size:28px;
  line-height:var(--lineHeights-lg);
}

.c-bGnIb {
  display:inline;
  -webkit-text-fill-color:#f7e211;
  font-style:italic;
}

.c-eBIusB {
  line-height:1.2;
  margin:0;
  font-weight:var(--fontWeights-regular);
  display:block;
  color:#43cbfa;
  font-family:"fontku";
}

.bigmatch {
  display:flex;
  justify-content:left;
}

.bigmatch img {
  width:15px;
  height:15px;
}

.flexslide {
  display:flex;
  width:100%;
  align-items:center;
  flex-wrap:nowrap;
  justify-content:space-between;
  padding:4px 0;
}

.warpsliderkiri {
  width:768px;
}

.warpsliderkanan {
  width:250px;
}

.swiper {
  width:min(250px,92vw);
  height:min(459px,92vh);
  border-radius:var(--slide-radius);
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
  background:#111829;
}

.swiper-slide {
  display:grid;
  place-items:center;
}

.swiper-slide img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Pagination & scrollbar styling (optional) */

.swiper-pagination-bullet {
  background:rgba(255,255,255,0.8);
}

.swiper-pagination-bullet-active {
  background:#fff;
}

.swiper-vertical > .swiper-pagination-bullets {
  right:12px;
}

.table-container {
  width:340px;
  height:100%;
  /* tinggi area scroll */

  overflow:hidden;
  border:2px solid #0074d9;
  border-radius:5px;
  background:#001933;
  color:#fff;
  position:relative;
}

table {
  width:100%;
  border-collapse:collapse;
}

thead {
  background:linear-gradient(to bottom,#00aaff,#0077cc);
  color:#ffd400;
  font-family:"bebas neue";
  font-size:30px;
  position:sticky;
  top:0;
  z-index:2;
}

th,
td {
  padding:8px 0;
  text-align:center;
  border-bottom:1px solid #004466;
}

tr th {
  padding:10px 0;
  font-family:"bebas neue";
  font-size:25px;
  color:#ffd400;
  text-shadow:0 0 3px #000f22,0 0 5px #00060c;
}

tr td {
  padding:10.5px 0;
  font-family:"bebas neue";
  font-size:22px;
}

tbody tr {
  color:#f2eaff;
  font-family:"bebas neue";
  font-size:25px;
}

.boxbanner {
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:center;
  width:675px;
  height:300px;
  align-content:center;
  justify-content:space-between;
}

.boxbannera img {
  height:110px;
  width:675px;
  margin-bottom:9px;
}

.boxbannerb {
  width:100%;
  height:100%;
}

.artikelptliga {
  overflow:hidden;
  border-radius:4px;
  background:#001f3900;
  width:100%;
  margin:15px auto;
}

.artikelptliga > p {
  text-align:justify;
  font-size:15px;
}

.artikelptliga > h1 {
  text-align:center;
  font-size:20px;
  color:#ccf700;
}

.disclaimer {
  width:100%;
  margin:0 auto 0;
}

col {
  width:100%;
}

.col-icon {
  position:relative;
  text-align:center;
  border-top:1px solid #00ccff;
  padding:15px 8px;
  border:1px solid #00ccff;
  border-radius:5px;
  overflow:unset;
  margin-top:25px;
}

.col-icon > span {
  position:absolute;
  top:-16px;
  background:#00ccff;
  padding:12px 10px;
  left:2px;
  right:2px;
  color:#002647;
  font-weight:bold;
  font-size:18px;
  text-align:center;
  width:35%;
  margin:auto;
  border-radius:3px;
  font-family:"fontku";
}

.textart {
  height:300px;
  text-align:justify;
  padding:18px 8px 0 8px;
  color:white;
  font-size:10px;
  overflow-y:scroll;
}

.textart::-webkit-scrollbar {
  display:none;
}

.textart,
h1,
h2,
h3,
h4,
a {
  color:#e0bd06;
  text-decoration:none;
  font-size:16px;
  font-family:"fontku";
}

.textart > p {
  color:#d5f5ff;
  text-decoration:none;
  font-size:14px;
  font-family:"fontku";
}

.icon-flag {
  height:20px;
  width:20px;
}

h2 {
  text-align:center;
  margin-bottom:20px;
  letter-spacing:2px;
}

.marqueesport {
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
  padding:17px 0 17px 0;
}

.marquees-content {
  display:inline-flex;
  animation:scroll-left 20s linear infinite;
}

.cardsport {
  background:#07549900;
  border-radius:20px;
  padding:8px;
  margin:0 10px;
  text-align:center;
  min-width:240px;
  transition:0.3s;
  box-shadow:0 0 10px rgba(0,0,0,0.3);
  min-height:247px;
}

.cardsport img {
  width:240px;
  display:block;
  margin:auto;
}

.cardsport:hover {
  box-shadow:0 0 25px #00c3ff;
  transform:scale(1.05);
}

@keyframes scroll-left {
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(-40%);
  }
}

.titlesport {
  -webkit-text-fill-color:#43cbfa;
  margin:8px 0;
  font-family:"fontku";
  padding:12px 10px;
  border-radius:3px;
  font-weight:bold;
  font-size:16px;
  text-align:left;
  background:#002453;
}