/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */
body {
    /* padding-top: 20px; */
    background-image: radial-gradient(circle 801px at 36.5% 16.2%, rgb(66, 66, 66) 0%, rgb(0, 0, 0) 90%);
}

.main-container-second,
.main-container-third {
    display: table;
    padding: 25px;
    margin-bottom: 0;
    color: #9d5603 !important;
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 220, 69, 1) 0%, rgb(255, 207, 0) 87%);
    /* border: 12px solid #ffa600; */
    border-radius: 6px;
    border-image: url(../border.svg) 43% 44% stretch;
    width: 100%;
    /* filter: drop-shadow(0px 3px 5px #ffa600); */
    font-family: Poppins, sans-serif;
}

.main-container-middle {
    display: table;
    padding: 10px;
    margin-bottom: 0;
    color: #9d5603 !important;
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 220, 69, 1) 0%, rgb(255, 207, 0) 87%);
    border-radius: 5px;
    /* border-image: url(../border.svg) 31% 32% repeat; */
    width: 100%;
    font-family: Poppins, sans-serif;
}

.card-body {
    padding: 0;
}

.table td,
.table th {
    padding: 0.4rem !important;
    border-top: 1px solid #9d5603 !important;
}

#little-table {
    margin-bottom: 0;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #9d5603;
    font-size: 15px;
}

#little-table1 {
    margin-bottom: 0;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #9d5603;
    font-size: 15px;
}

h4.card-title {
    color: #9d5603;
    font-weight: 800;
    font-size: 20px;
    margin-top: 0;
}

.container {
    max-width: 980px;
}

.jackpot {
    font-size: 30px;
}

.jackpot p {
    margin-bottom: 13px;
    color: rgb(237, 28, 36);
    font-weight: 600;
}

h3.jackpot-title {
    text-transform: uppercase;
    font-weight: 800;
    color: #ffe600;
    background: -webkit-linear-gradient(#d8d8d8, #ffffff 56%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 2px;
}

.center-slide {
    /* float: left; */
    /* width: 301px; */
    /* height: 301px; */
    background: #fffbd3;
    margin: 0 auto;
    text-align: center;
    padding: 15px;
}

.spinbottle {
    float: left;
    width: 110px;
    height: 141px;
    background: url(../img/bottle.png) center no-repeat;
    /* margin: 12px 0 0 68px; */
    -webkit-animation: rotation 2s cubic-bezier(0, 0, 0.82, 0.82) infinite;
    -moz-animation: rotation 2s linear infinite;
    -ms-animation: rotation 2s linear infinite;
    background-size: 30px;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotation {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}



.jackpot-icon {
    position: absolute;
    left: -45px;
    right: -45px;
    z-index: 999;
    top: 6px;
}

.main-container-four {
    border-radius: 5px;
    overflow: hidden;
    background: #223541;
    /* padding: 3px; */
    float: left;
    width: 100%;
}

.mt-4 {
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgb(220, 220, 220) 0%, rgb(241, 241, 241) 87%)
}

.card-contact {
    display: block;
    padding: 5px;
    text-align: center;
    margin: 5px 0;
    border-radius: 5px;
    font-weight: bold;
    font-family: Poppins, sans-serif;
    color: #4b8800;
    transition: 0.2s all;
    position: relative;
    top: 0;
}

.card-download {
    display: block;
    padding: 5px;
    text-align: center;
    margin: 5px 0;
    border-radius: 5px;
    font-family: Poppins, sans-serif;
    color: #565656;
    transition: 0.2s all;
    position: relative;
    width: 100%;
    border-right: 1px solid #dc0000;
    border-bottom: 1px solid #630003;
    float: left;
}


span.contact-title {
    font-size: 16px;
}

h4.contact-title {
    margin-top: 4px;
    font-size: 14px;
    text-transform: uppercase;
    color: #4b8800;
    margin-bottom: 0;
}

.slide {
    /* background: #fff; */
}

.content-one {
    background-image: radial-gradient(circle 751px at 38.5% 30.2%, rgb(255, 249, 45) 0%, rgb(255, 181, 31) 90%);
    background: url(../img/bg2.jpg) center;

}

h4.chat-title {
    font-weight: bold;
    font-size: 15px;
    font-family: Poppins, sans-serif;
}

.pmenu li {
    border-left: 1px solid #fff;
    /* background-color: #ff0000ab; */
    width: 25%;
    text-align: center;
}

ul.pmenu {
    background-color: #ffcf00;
    overflow: hidden;
    /* padding: 5px; */
    width: 100%;
    border-radius: 5px;
    /* border-right: 1px solid #9e0000; */
    /* border-bottom: 1px solid #9e0000; */
    /* box-shadow: 1px 1px 0px #c30000; */
    margin: 0;
}

.pmenu li a {
    color: #9d5603;
    font-family: Poppins, sans-serif;
    padding: 10px 25px;
    font-weight: 600;
    background-color: #ffcf00;
}

.pmenu li:first-child {
    border-left: 0;
}

.pmenu>li>a:hover,
.pmenu>li>a:focus {
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 207, 0, 1) 0%, rgb(255, 166, 0) 87%);
    background-color: transparent;
    border-bottom: underline;
    color: #4c2601;
}

.navbar-brand {
    padding: 0;
}

.navbar-form {
    margin: 0 auto;
    padding: 0;
    border: none;
}

.form-group.col-lg-6.col-md-6.col-sm-6.float-left {}

.form-group {
    margin-bottom: 5px;
    padding: 5px;
}

.form-control {
    width: 100% !important;
}


.navbar {
    margin-bottom: 0px;
    background: #fff;
}

.loginForm {
    background: #fff;
    width: 100%;
    float: right;
    border-radius: 5px;
    /* margin-right: -15px; */
}

.main-container-contact {
    display: table;
    padding: 5px 10px;
    margin-bottom: 0;
    color: #9d5603 !important;
    /* border: 10px solid #9d5603; */
    border-radius: 5px;
    border-image: url(../border.svg) 35% 35% repeat;
    width: 100%;
    font-family: Poppins, sans-serif;
    background: #ffcf00;
    /* border-left: 2px solid #ffcf00; */
    /* border-bottom: 2px solid #ffcf00; */
}

.card-contact:hover,
.card-contact:focus {
    text-decoration: none;
    color: #4b8800;
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 255, 255, 1) 0%, rgb(255, 220, 69) 87%);
    /* top: 1px; */
    /* filter: drop-shadow(0px 1px 0px #530800); */
}

p.card-text {
    border-top: 1px solid #4b8800;
    padding-top: 2px;
    margin-top: 5px;
    letter-spacing: 0px;
    font-size: 16px;
}

.right {
    float: right;
}

.navbar-right {
    margin-right: 0;
}

.announcement {
    position: relative;
    /* top:0; */
    /* left:0; */
    z-index: 10;
    /* float: right; */
    background: #4c2601;
    width: 100%;
    border-radius: 5px;
    /* margin-bottom: 4px; */
    ;
    /* border-image: url(../border.svg) 35% 35% repeat; */
    overflow: hidden;
}

.announcement .announceIcon {
    float: left;
}

.announcement .annContent {
    height: 30px;
    font-size: 14px;
    color: #4c2601;
    line-height: 2.3;
    padding: 0;
    background-color: #ffcf00;
}

.announcement .annContent .annTitle {
    float: left;
    /* width:60px; */
    padding-left: 10px;
}

.announcement .annContent .runText {
    float: left;
    font-family: Poppins, sans-serif;
    padding: 0;
}

.announcement .annTime {
    float: left;
    background: url(../images/common/announce-right.html);
    width: 197px;
    height: 30px;
    font-size: 12px;
    color: #d8ffff;
    padding-top: 9px;
    text-align: center;
}

#myInverseNavbar2 {
    padding: 0;
}

a.logo {
    float: left;
}

.btn-daftar {
    background: radial-gradient(circle 134px at 38.5% 0%, rgba(240, 75, 81, 1) 0%, rgb(237, 28, 36) 87%);
    border: none;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: bold;
}

.btn-daftar:hover {
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 80, 86, 1) 0%, rgb(240, 75, 81) 87%);
    background-color: transparent;
    border-bottom: underline;
    color: #fff;
}

.btn-login {
    background: radial-gradient(circle 134px at 38.5% 0%, rgba(0, 219, 49, 1) 0%, rgb(0, 168, 38) 87%);
    border: none;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: bold;
}

.btn-login:hover {
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(0, 255, 57, 1) 0%, rgb(0, 168, 38) 87%);
    background-color: transparent;
    border-bottom: underline;
    color: #fff;
}

.main-container-mid {
    display: table;
    padding: 5px;
    margin-bottom: 0;
    color: #fff !important;
    /* border: 2px solid #8c1c1f; */
    border-radius: 5px;
    /* border-image: url(../border.svg) 48% 45% repeat; */
    width: 100%;
    font-family: Poppins, sans-serif;
    /* background: linear-gradient(  rgb(245, 238, 187) 0%, rgb(247, 242, 207) 90% ); */
    /* border-left: 2px solid #ab0004; */
    /* border-bottom: 2px solid #ab0004; */
}

span.icon {
    float: left;
    font-size: 5rem;
    padding: 0px;
    width: 25%;
}

.download {
    padding: 0px;
    width: 75%;
    text-align: center;
}

p.download-text {
    font-size: 23px;
    margin-bottom: 0;
    font-weight: bold;
    letter-spacing: 0.3rem;
}

h4.download-title {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
}

.main-container-download {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(35, 35, 35, 1) 0%, rgba(17, 57, 57, 1) 90%);
    float: left;
    padding: 5px 10px;
    border-radius: 5px;
}

.daftar {
    width: 100%;
}

p.daftar-text {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.btn-list {
    /* margin:48px 0; */
    /* padding:10px 16px; */
    position: relative;
    float: left;
}

.btn-list.normal:after {
    /* content:'Normal' */
}

.btn-list.rounded:after {
    content: 'Rounded'
}

.btn-list:after {
    width: 90%;
    height: 48px;
    font: bold 18px/2.6 Roboto, sans-serif;
    text-align: center;
    position: absolute;
    top: -48px;
    left: 5%;
    z-index: -1;
    border-radius: 3px 3px 0 0
}

.btn-list li:not(.title) {
    float: left;
    list-style: none;
}

.btn-gradient {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 2.2;
    display: block;
    margin: 10px;
    border-radius: 2px;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.btn-gradient.rounded {
    border-radius: 50%
}

.btn-gradient i {
    font-size: 26px;
    line-height: 1.5;
    vertical-align: middle;
}

#light,
#dark {
    /* margin:20px; */
    /* display:-webkit-box; */
    display: -ms-flexbox;
    /* display:flex; */
    /* -webkit-box-align:center; */
    -ms-flex-align: center;
    /* align-items:center; */
    /* -webkit-box-pack:center; */
    -ms-flex-pack: center;
    /* justify-content:center; */
    /* -webkit-box-orient:vertical; */
    /* -webkit-box-direction:normal; */
    -ms-flex-direction: column;
    /* flex-direction:column; */
    float: right;
}

#light .btn-list {
    background: #FFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.10)
}

#light .btn-list:after {
    color: rgba(0, 0, 0, 0.54);
    background: #FAFAFA;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.10)
}

#light .btn-gradient {
    color: rgba(0, 0, 0, 0.54);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.54)
}

#light .btn-gradient:hover {
    color: #FFF
}

#dark .btn-gradient {
    color: rgba(255, 255, 255, 0.54);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.54)
}

#dark .btn-gradient:hover {
    color: #FFF
}

#dark .btn-list:after {
    color: rgba(255, 255, 255, 0.54);
    background: #000;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.10)
}

#dark .btn-list {
    background: transparent;
    /* box-shadow:0 0 8px rgba(0,0,0,0.10); */
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

#light .btn-gradient.facebook:hover {
    box-shadow: 0 5px 8px rgba(26, 35, 126, 0.25);
    background: #3949AB;
    background: -webkit-linear-gradient(left, #3949AB 0%, #2196F3 100%);
    background: linear-gradient(to right, #3949AB 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3949AB', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.twitter:hover {
    box-shadow: 0 5px 8px rgba(33, 150, 243, 0.25);
    background: #00BCD4;
    background: -webkit-linear-gradient(left, #00BCD4 0%, #2196F3 100%);
    background: linear-gradient(to right, #00BCD4 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BCD4', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.google-plus:hover {
    box-shadow: 0 5px 8px rgba(244, 67, 54, 0.25);
    background: #F44336;
    background: -webkit-linear-gradient(left, #F44336 0%, #FF1744 100%);
    background: linear-gradient(to right, #F44336 0%, #FF1744 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F44336', endColorstr='#FF1744', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.instagram:hover {
    box-shadow: 0 5px 8px rgba(63, 81, 181, 0.25);
    background: #FFC107;
    background: -webkit-linear-gradient(left, #FFC107 0%, #F50057 50%, #3F51B5 100%);
    background: linear-gradient(to right, #FFC107 0%, #F50057 50%, #3F51B5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC107', endColorstr='#3F51B5', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 5s ease infinite;
    animation: Gradient 5s ease infinite
}

#light .btn-gradient.linkedin:hover {
    box-shadow: 0 5px 8px rgba(3, 169, 244, 0.25);
    background: #0288D1;
    background: -webkit-linear-gradient(left, #0288D1 0%, #2196F3 100%);
    background: linear-gradient(to right, #0288D1 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0288D1', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.github:hover {
    color: rgba(33, 33, 33, 1);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
    background: #ECEFF1;
    background: -webkit-linear-gradient(left, #ECEFF1 0%, #B0BEC5 100%);
    background: linear-gradient(to right, #ECEFF1 0%, #B0BEC5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFF1', endColorstr='#B0BEC5', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.codepen:hover {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25);
    background: #000;
    background: -webkit-linear-gradient(left, #000 0%, #212121 100%);
    background: linear-gradient(to right, #000 0%, #212121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#212121', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.gmail:hover {
    box-shadow: 0 5px 8px rgba(244, 67, 54, 0.25);
    background: #D50000;
    background: -webkit-linear-gradient(left, #D50000 0%, #FF1744 100%);
    background: linear-gradient(to right, #D50000 0%, #FF1744 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D50000', endColorstr='#FF1744', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#light .btn-gradient.skype:hover {
    box-shadow: 0 5px 8px rgba(3, 169, 244, 0.25);
    background: #030000;
    background: #039BE5;
    background: -webkit-linear-gradient(left, #039BE5 0%, #29B6F6 100%);
    background: linear-gradient(to right, #039BE5 0%, #29B6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039BE5', endColorstr='#29B6F6', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.facebook:hover {
    box-shadow: 0 5px 8px rgba(26, 35, 126, 0.50);
    background: #3949AB;
    background: -webkit-linear-gradient(left, #3949AB 0%, #2196F3 100%);
    background: linear-gradient(to right, #3949AB 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3949AB', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.twitter:hover {
    box-shadow: 0 5px 8px rgba(33, 150, 243, 0.50);
    background: #00BCD4;
    background: -webkit-linear-gradient(left, #00BCD4 0%, #2196F3 100%);
    background: linear-gradient(to right, #00BCD4 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BCD4', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.google-plus:hover {
    box-shadow: 0 5px 8px rgba(244, 67, 54, 0.50);
    background: #F44336;
    background: -webkit-linear-gradient(left, #F44336 0%, #FF1744 100%);
    background: linear-gradient(to right, #F44336 0%, #FF1744 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F44336', endColorstr='#FF1744', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.instagram:hover {
    box-shadow: 0 5px 8px rgba(63, 81, 181, 0.50);
    background: #FFC107;
    background: -webkit-linear-gradient(left, #FFC107 0%, #F50057 50%, #3F51B5 100%);
    background: linear-gradient(to right, #FFC107 0%, #F50057 50%, #3F51B5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC107', endColorstr='#3F51B5', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 5s ease infinite;
    animation: Gradient 5s ease infinite
}

#dark .btn-gradient.linkedin:hover {
    box-shadow: 0 5px 8px rgba(3, 169, 244, 0.50);
    background: #0288D1;
    background: -webkit-linear-gradient(left, #0288D1 0%, #2196F3 100%);
    background: linear-gradient(to right, #0288D1 0%, #2196F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0288D1', endColorstr='#2196F3', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.github:hover {
    color: rgba(33, 33, 33, 1);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.50);
    background: #ECEFF1;
    background: -webkit-linear-gradient(left, #ECEFF1 0%, #B0BEC5 100%);
    background: linear-gradient(to right, #ECEFF1 0%, #B0BEC5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECEFF1', endColorstr='#B0BEC5', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.codepen:hover {
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.50);
    background: #000;
    background: -webkit-linear-gradient(left, #000 0%, #212121 100%);
    background: linear-gradient(to right, #000 0%, #212121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#212121', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.gmail:hover {
    box-shadow: 0 5px 8px rgba(244, 67, 54, 0.50);
    background: #D50000;
    background: -webkit-linear-gradient(left, #D50000 0%, #FF1744 100%);
    background: linear-gradient(to right, #D50000 0%, #FF1744 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D50000', endColorstr='#FF1744', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

#dark .btn-gradient.skype:hover {
    box-shadow: 0 5px 8px rgba(3, 169, 244, 0.50);
    background: #030000;
    background: #039BE5;
    background: -webkit-linear-gradient(left, #039BE5 0%, #29B6F6 100%);
    background: linear-gradient(to right, #039BE5 0%, #29B6F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039BE5', endColorstr='#29B6F6', GradientType=1);
    background-size: 400%;
    -webkit-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite
}

.copyright {
    float: left;
    color: #ffde31;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    opacity: 1;
}

.footer {
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgb(220, 220, 220) 0%, rgb(241, 241, 241) 87%);
}

div#texts {
    color: #fdd830;
}

.icon-bar {
    background: #9d5603;
}

.info {
    font-size: 18px;
    font-weight: bold;
    font-family: Poppins, Arial;
    padding: 5px;
    display: block;
    text-align: right;
    /* background: #222; */
}

#texts h1 {
    font-size: 16px;
    font-weight: 600;
}

#texts h2 {
    font-size: 16px;
    font-weight: 600;
}

#texts h3 {
    font-size: 15px;
    font-weight: 600;
}

#texts p {
    font-size: 13px;
    color: #a7a7a7;
}

.ml-4 {
    padding-left: 5px;
}

.mr-4 {
    padding-right: 5px;
}

.mc-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.content-one:before,
.content-one:after {
    content: '';
    display: table;
    background-image: url(../img/bg1.html) center;
}

.total-jackpot {
    text-align: center;
    margin: auto;
    user-select: none;
    padding: 15px;
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 220, 69, 1) 0%, rgb(255, 207, 0) 87%);
}

.total-jackpot j {
    font: 700 25px "Franklin Gothic Medium";
    color: rgb(248, 248, 126);
    text-shadow: 0 2px 12px, 0 0 1px, 0 0 0 #349970, 0 0 0 #349970, 0 0px 0px #349970, 0 0px 0px #000;
}

.total-jackpot j span {
    animation: blink linear infinite 2s;
}

.total-jackpot j span:nth-of-type(2) {
    animation: blink linear infinite 3s;
}

@keyframes blink {
    78% {
        color: inherit;
        text-shadow: inherit;
    }

    79% {
        color: #94812b;
    }

    80% {

        text-shadow: none;
    }

    81% {
        color: inherit;
        text-shadow: inherit;
    }

    82% {
        color: #94812b;
        text-shadow: none;
    }

    83% {
        color: inherit;
        text-shadow: inherit;
    }

    92% {
        color: #94812b;
        text-shadow: none;
    }

    92.5% {
        color: inherit;
        text-shadow: inherit;
    }
}

.jackpot {
    font-size: 40px;
    background-image: radial-gradient(circle 134px at 38.5% 0%, rgba(255, 208, 1, 1) 0%, rgb(255, 207, 0) 87%);
    font-family: Franklin Gothic Medium;
    letter-spacing: 0.10em;
    color: rgb(255, 207, 0);
    text-shadow: 0 0px 0px, 0 0 0px, 0 0 0 #349970, 0 0 0 #349970, 0 0px 0px #349970, 0 0px 0px #000;
    overflow: hidden;
    margin-top: 0px;
    border-radius: 5px;
}