/*************************
*******Typography******
**************************/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);

/*:root {
    --top-color: #293231;
  --main-color: #D7E267;
  --bg-color: #019688;
  --text-color: #fff;
  --header-color: #019688;
} 

:root {
--top-color: #40444e;
    --main-color: #ffc50e;
    --bg-color: #525863;
    --text-color: #fff;
    --header-color: #525863;
}*/

:root{
  --top-color: #f2b900;
  --main-color: #f2b900;
  --bg-color: #000;
  --text-color: #fff;
  --header-color: #000;
}

body {
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 100vh;
  background: url(https://t3.ftcdn.net/jpg/04/61/21/46/360_F_461214675_2AixWpR2TqYr0jwDPrt1QvGJBSePq4z6.jpg);
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}


@media (min-width: 1200px){
.container {
    width: 1239px;
}

}
ul li {
  list-style: none;
}

a:hover {
outline: none;
text-decoration:none;
}

a:focus {
  outline:none;
  outline-offset: 0;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}




.btn:hover,
.btn:focus{
  outline: none;
  box-shadow: none;
}

.navbar-toggle {
  background-color: #000;
}

a#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #FE980F;
  color: #FFF;
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

a#scrollUp i{
  font-size: 30px;
}


/*************************
*******Header CSS******
**************************/
.logo img {
    width: 110px;
    height: 75px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 58px;
}
@media (max-width: 767px) {
   .logo img{
        width: 110px;
    height: 73px;
    margin-top: -9px;
    margin-bottom: -32px;
    margin-left: 58px;
}
}

 .header_top {
  /* background: none repeat scroll 0 0 var(--header-color); */
  padding-top: 30px;

} 

@media (max-width: 767px) {
 .header_top {
  /* background: #1d2640; */
  padding: 20px 0px 0px 10px;
  margin-bottom: 20px;
  border: 2px solid var(--main-color);
  border-radius: 8px;
}
}


.contactinfo ul li:first-child{
    margin-left: -15px;
}

.contactinfo ul li a{
  font-size: 12px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}


.contactinfo ul li a:hover{
    background:inherit;
}


.social-icons ul li a {
  border: 0 none;
  border-radius: 0;
  color: #696763;
  padding:0px;
}
.social-icons{
  margin-top: -56px;
}


.social-icons ul li{
    display:inline-block;
}

.social-icons ul li a i {
  padding: 11px 15px;
   transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.social-icons ul li a i:hover{
  color: #fff;
   transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}


.fa-facebook:hover {
  background: #0083C9;
}

.fa-twitter:hover  {
    background:#5BBCEC;
}

.fa-linkedin:hover  {
    background:#FF4518;
}

.fa-dribbble:hover  {
    background:#90C9DC;
}

.fa-google-plus:hover  {
    background:#CE3C2D;
}
/*.header-middle{

  background-image: url(../images/fond2.jpeg); background-repeat: repeat;
  background-position: center center;
 

  border: 1px solid black;
   
  font-weight: bold;
}
*/
.header-middle{

/*     background-image: url(https://www.lapauvretenestpasuncrime.fr/wp-content/uploads/2020/05/casino-avec-bonus-sans-depot.jpg); */
     background-position: center;
 
    font-weight: bold;
    background-size: cover;
    height: 220px;
    margin-top: 20px;
}

.header-middle .container .row {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}

.header-middle .container .row .col-sm-4{
  padding-left: 0;
}

.header-middle .container .row .col-sm-8 {
    padding-right:0;

}

.usa {
  border-radius: 0;
  color: #B4B1AB;
  font-size: 12px;
  margin-right: 20px;
  padding: 2px 15px;
  margin-top: 10px;
}

.usa:hover {
    background:#FE980F;
    color:#fff;
    border-color:#FE980F;
}

.usa:active, .usa.active {
  background: none repeat scroll 0 0 #FE980F;
  box-shadow: inherit;
  outline: 0 none;
}

.btn-group.open .dropdown-toggle {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {
  background-color: #FE980F;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
}
.shop-menu{
  margin-top: 21px;
}
@media only screen and (max-width: 600px) {
 .social-icons {
    margin-bottom: 27px;
  }
}
@media (max-width: 767px) {
    #sears {
        text-align: center;
        margin-left: 51px;
    }
    .header-middle {
    
      height: 120px;
      margin-top: 0px;
    }
    #jackpotMobile {
      justify-content: center;
      text-align: center;
      text-align: -webkit-center;
    }
    .jackpot-container {
      width: 70% !important;
      font-size: 15px  !important;
    }
    .shop-menu {
      margin-top: 0px;
    }
}
.shop-menu ul li {
    display:inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.shop-menu ul li:last-child {
  padding-right: 0;
}


.shop-menu ul li a {
 color: var(--top-color); 
  /* color: #fff; */
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding:0;
  padding-right: 0;
  margin-top: 10px;
  font-weight: 700;
}
.shop-menu ul li a:hover{
  border-bottom: 1px solid #fec40e;
}


.shop-menu ul li a i{
    margin-right:3px;
}


.shop-menu ul li a:hover {
    color:#fff;
    background:none;
}
.regii ul li {
  color: #818994;
  font-size: 15px;
  box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.header-bottom {
  background-color: #00509C;
  padding-bottom: 9px;
  padding-top: 7px;
  border-bottom: 8px solid #363636;
}

.navbar-collapse.collapse{
  padding-left: 0;
}

.mainmenu ul li{
  padding-right: 15px;
  padding-left: 15px;
}

.mainmenu ul li:first-child{
  padding-left: 0px;
}

.mainmenu ul li a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 300;
    padding: 0;
    padding-bottom: 10px;
}

.mainmenu ul li a:hover, .mainmenu ul li a.active,  .shop-menu ul li a.active{
    background:none;
    color:var(--main-color);
}

.search_box input {
  background: #363636;
  border: medium none;
  color: var(--main-color);
  font-family: 'roboto';
  font-size: 13px;
  font-weight: 300;
  height: 35px;
  outline: medium none;
  padding-left: 10px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 203px;
}
.social-mediaa {
    margin-top: 58px;
    text-align: center;
}
.social-media a i {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 1px solid #6b6863;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #6b6863;
    margin: 0 13px;
}


/*  Dropdown menu*/

.navbar-header
.navbar-toggle .icon-bar {
    background-color: #fff;
}


.nav.navbar-nav > li:hover > ul.sub-menu{
  display: block;
  -webkit-animation: fadeInUp 400ms;
  -moz-animation: fadeInUp 400ms;
  -ms-animation: fadeInUp 400ms;
  -o-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}

ul.sub-menu {
    position: absolute;
    top: 30px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    list-style: none;
    padding: 0;
    margin: 0;
    width: 220px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 999;
}

.dropdown ul.sub-menu li .active{
  color: #FDB45E;
  padding-left: 0;
}


.navbar-nav li ul.sub-menu li{
  padding: 10px 20px 0 ;
}

.navbar-nav li ul.sub-menu li:last-child{
  padding-bottom: 20px;
}

.navbar-nav li ul.sub-menu li a{
  color: #fff;
}

.navbar-nav li ul.sub-menu li a:hover{
    color: #FDB45E;
}

.fa-angle-down{
  padding-left: 5px;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*  #Sport, #Live, #Casino, #Virtuals, #MobilleApp {
    background-color: rgba(215, 226, 103, 0.9);
    border-color: #000000;
    margin-top: -10px;
    background-color: #ffc50e;
}*/

 #Sport, #Live, #Casino, #Virtuals, #MobilleApp {
 
         background-color: var(--main-color);
    border-color: #000000;
    margin-top: -10px;
    color: black;
    padding: 10px 0px;
    font-weight: 400;
}
.well {
    background-color: transparent;
    border: 1px solid transparent;
}
.wizzar {
    /* background-color: var(--bg-color); */
        padding-bottom: 40px;
        border-bottom: 8px solid var(--bg-color);
}
.wizzar h3{
font-family: serif;
    font-size: 25px;
    color: #fff;
}
.productbox {
    background-color: transparent;
    padding: 10px;
    margin-top: 19px;
    margin-bottom: -34px;

}
.productbox:hover img {

}
.img-responsive{
  border: 2px solid #404040;
  border-bottom: 2px solid #000;
}
.productbox a {
    font-weight: bold;
    padding: 5px 0 5px 0;
    max-height: 40px;
    margin-bottom: 5px;
    color: #333;
}
.casino-game-slot-name {
    width: 100%;
    z-index: 22;
    color: #f2f2f2;
    font-size: 12px;
    text-align: left;
    text-shadow: 0 -1px #212121;
    display: block;
    background: #404040;
}
.well .casino-game-slot-name b {
  text-align: center;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 3px;
    color: #f2f2f2;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    padding-right: 30px;
    background: #212121;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
}

.well .casino-game-slot-name b:hover{
    text-align: center;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 3px;
    color: var(--main-color);
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    padding-right: 30px;
    background: #212121;
    border-left: 1px solid #404040;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
}

#caro{
  background-color: var(--main-color);
    margin-top: -20px;

 

}
#caro hr {
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid var(--main-color);
}

#footer_left {
    float: left;
    position: relative;
    background-color: var(--main-color);
    margin-right: 3px;
    height: 29px;
    margin-top: 1px;
    width: 75%;
}
.watch {
    color: #000;
    text-align: center;
    margin-top: 4px;
        font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight:bold;

}
#footer_right {
    float: right;
    background-color: #282828;
    height: 29px;
    position: relative;
    padding-left: 4px;
    width: calc(25% - 3px);
}
.footer-bottom {
    background: var(--top-color);
    padding-top: 10px;
    height: 67px;
     color: #fff;
    font-family: "Times New Roman", Times, serif;
    font-weight: lighter;
}
.modal-header{
    background-color: var(--main-color);
    border-bottom: 8px solid #363636;
}
.modal-header .close {
    margin-top: -24px;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
  background-color: #363636;
    border-color: #363636;
}
.panel-primary>.panel-heading {
    color: #000;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.panel-footer .btn-success{
         color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.panel-footer .btn-danger {
    color: #fff;
    background-color: #363636;
    border-color: #363636;
}

.game-text {
    font-size: 15px;
}
.text-white {
    color: #fff!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}

#ticker{
  height: 26px;
  margin-top: -23px;
}
#titl{
  color: var(--text-color);
  font-size: 20px;

}
@media (max-width: 767px) {
  .navi{
    margin-left: -11px;
    text-align: center;

}
}
@media (max-width: 767px) {
  #evo{
       width: 88px;
    height: 28px;
    margin-left: 1px;

}
}

@media (max-width: 767px){
.contactinfo {
    margin-left: 28px;
}
}




@import url('https://fonts.googleapis.com/css?family=Corben:700');

h1 {
    font-family: 'Corben', cursive;
    font-size: 6rem;
    color: white;
    letter-spacing: 0.1rem;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.66);
}



.snow {
    position: absolute;
    min-width: 100vw;
    min-height: 100vh;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.snow .svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

#snow-top-layer {
    will-change: transform;
    transform: translateY(-768px);
    animation: fall 22.5s infinite linear;
}

#snow-bottom-layer {
    will-change: transform;
    transform: translateY(-768px);
    animation: fall 45s infinite linear;
}

@keyframes fall {

    100% {
        transform: translateY(0);
    }

}


@media (max-width: 767px) {
    .img-responsivee {
        width: 131px; height: 50px;
    }
}




.badge{
      display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: var(--main-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #000;
    border-radius: 10px;
    border: 1px solid var(--main-color);
}

.gallery-title
{
    font-size: 36px;
    color: var(--main-color);
    text-align: center;
    font-weight: 500;
    margin-bottom: 6px; 
    font-family: monospace;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    text-align: center;
    background-color: #282828;
    color: var(--main-color);
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid var(--main-color);
    border-radius: 5px;
    text-align: center;
    color: #282828;
    background-color: var(--main-color);

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/******************nex gallery*******************/
/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative; margin-bottom: 30px;border-radius: 1px;}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s;border-radius: 15px;}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{border-color:var(--main-color); color:var(--main-color); }
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}
.box19 .icon li:first-child a, .box19 .icon li:last-child a{
  display: block;
    width: 162px;
    height: 35px;
    line-height: 34px;
    font-size: 24px;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    border-radius: 25px;
}
.box19 .img-responsive{
  border-radius: 15px;
  border-bottom: 2px solid var(--main-color);
  background-color: var(--main-color);
  width: 300px;
    height: 150px;
}
.box19 .icon{
  margin-top: 15px;
}
@media only screen and (max-width:990px){
  .box19 .icon{
    margin-top: 17px;
  }
}
@media only screen and (max-width:990px){
.box19 .icon li:first-child a, .box19 .icon li:last-child a{
        display: block;
    width: 81px;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    margin-top: -26px;
  }
}

.hrr{
  border:none;
  width: 30%;
  height: 50px;
  margin-top: 0;
  border-bottom: 1px solid var(--main-color);
  box-shadow: 0 20px 20px -20px var(--main-color);
  margin: -50px auto 20px;
}

.product-grid5{font-family:Poppins,sans-serif;position:relative}
.product-grid5 .select-options{color: #fff; border: 1px solid #fff;background-color:transparent;line-height: 34px;
    font-size: 24px;font-weight:400;text-align:center;padding:1px 5px;margin:42px auto;opacity:0;display:block;position:absolute;width: 162px;
    height: 35px;left:0;bottom:-100px;right:0;transition:.5s ease 0s;border-radius: 25px;}
.product-grid5 .select-options:hover{border-color: var(--main-color);
    color: var(--main-color);text-decoration:none}
.product-grid5:hover .select-options{opacity:1;bottom:10px}
@media only screen and (max-width:990px){.product-grid5{margin-bottom:30px}
}

@media only screen and (max-width:990px){
.product-grid5 .select-options{
  border: 1px solid #fff;
    background-color: transparent;
    line-height: 19px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0px 5px;
    margin: 14px auto;
    opacity: 0;
    display: block;
    position: absolute;
    width: 81px;
    height: 20px;
    left: 0;
    bottom: -100px;
    right: 0;
    transition: .5s ease 0s;
    border-radius: 25px;

   }
}

/* PRICE TABLE */
.row-flex {
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}

.price-table {
    max-width: 400px;
    min-height: 320px;
    /*background-color: var(--bg-color);*/
    border-radius: 0 0 0 25px;
    /*border: 1px solid var(--bg-color);*/
    box-shadow: 5px 5px 8px #ccc;
    display: block;
    margin: 0px auto;
    padding: 0 0 8px 0;
    text-align: center;
}
.list-group-item:first-child{
  max-height: 0px;
  background-color: #292c33;
  border-color: red;
}

.price-table span {
    display: block;
}

.price-table span:first-child {
    padding: 16px 0 0 0;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: bold;
}

.price-table span:nth-child(2) {
    padding: 0 0 16px 0;
}

.price-table span:nth-child(3) {
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.2em;
}

.price-table > ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    background-color: var(--main-color);
    border: 2px solid #363636;
    width: 50%;
   min-height: 78px;
    text-align: center;
    border-radius: 10px 10px 12px 12px;
    margin-left: 27%;

}

.price-table > ul > li {
    display: block;
    padding: 9px 0;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 33px;
}

.price-table a,
.price-table a:active,
.price-table a:focus,
.price-table a:hover,
.price-table a:visited {
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    transition-duration: .2s;
}
.pt-bg-green span:first-child {
    background-color: var(--main-color);
    color: var(--text-color);
}

.pt-bg-green span:nth-child(2) {
    /*background-color: var(--main-color);*/
    color: #D5D8DC;
}

.pt-bg-green a {
    /*border: 3px solid #27AE60;*/
    color: #27AE60;
    margin-top: 8px;
}

.pt-bg-green a:hover {
    /*background-color: #27AE60;*/
    color: #fff;
} /* End Color Green */


.price-table h1 {
  margin: -7px;
  font-size: 17px;
  padding: 0;
  color: white;
  text-shadow: 0 0.1em 20px rgba(0, 0, 0, 1), 0.05em -0.03em 0 rgba(0, 0, 0, 1),
    0.05em 0.005em 0 rgba(0, 0, 0, 1), 0em 0.08em 0 rgba(0, 0, 0, 1),
    0.05em 0.08em 0 rgba(0, 0, 0, 1), 0px -0.03em 0 rgba(0, 0, 0, 1),
    -0.03em -0.03em 0 rgba(0, 0, 0, 1), -0.03em 0.08em 0 rgba(0, 0, 0, 1), -0.03em 0 0 rgba(0, 0, 0, 1);
  span {
    transform: scale(0.9);
    display: inline-block;
  }

}


 /********************PANEL SIDE **********************/
        .list {
      height: 262px;
      position: relative;
      width: 100%;
    }

    .cities-list{
      height: inherit;
      width: 100%;
      overflow: hidden;
    }

    .cities-list a {
      width: 100%;
      text-decoration: none;
      display: block;
      color: #000;
    }

    .list-control {
      position: absolute;
      width: 100%;
      left: 0;
      font-size: 20px;
      color: #fff;
      text-align: center;
      text-shadow: 0 1px 2px rgba(0,0,0,.6);
      background-color: rgba(0,0,0,0);
      filter: alpha(opacity=50);
      opacity: .4;
    }
    .list .up{
      top: 0;
      background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    }

    .list .up:hover{
      top: 0;
      background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

    }
    .list .down{
      bottom: 0;
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }

    .list .down:hover{
      bottom: 0;
      background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }

    .control-height{
      height: 45px;
    }

    .list .list-group{
      margin-bottom: 0;
    }

    .arrow{

    }
   .country {
     margin-left: -30px;
    max-height: 269px;
    border-left: 8px solid #363636;
}

.badgee {
  text-align: center;
    display: inline-block;
       min-width: 194px;
    height: 100px;
    padding: 29px 7px;
    font-size: 37px;
    font-family: Open Sans,sans-serif;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--main-color);
    border-radius: 14px 0 0 14px;
    margin-right: -15px;
    box-shadow: 0 0 5px 0 #f5e9c5, inset 0 0 3px 1px #aba6a6;
}
#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
    border-right:0;
  box-shadow:0 0 0;
  border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.sear{
  margin-top: 1px;
}
 
.iconMenu{
  width: 40%;
}

.head-top a:hover{
color: black;
border-bottom:solid 1px black;
}


.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: black;

}
.control-label{
  color: #fff;
}

  .deepshd span:first-child {
    animation: bop 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite
      alternate;
  }
  .deepshd span:last-child {
    animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
      infinite alternate;
  }
}

@keyframes bop {
  0% {
    transform: scale(0.9);
  }
  50%,
  100% {
    transform: scale(1);
  }
}

@keyframes bopB {
  0% {
    transform: scale(0.9);
  }
  80%,
  100% {
    transform: scale(1) rotateZ(-3deg);
  }
}
.test{
  margin-top: -13px;
  min-height: 20px;
  margin-bottom: 30px;
  text-align: center;
   background-color: #363636;
    padding: 5px;
     margin-top: -28px;
      margin-bottom: 20px;
}
/* span.a {
  display: inline;  
    padding: 1px 30px 1px 20px;
 
  color: #feae00;
  font-size: 23px;
  text-transform: uppercase;
      font-size: 18px;
      line-height: 18px;
}*/

 span.a {
  display: inline; /* the default for span */
    padding: 1px 30px 1px 20px;
 
  color: #71B92F;
  font-size: 23px;
  text-transform: uppercase;
      font-size: 18px;
      line-height: 18px;
}
 /*************************carousel***************/
.carosel{
  margin-top: -20px;
  padding-left: 1px;
  padding-right: 1px;
  /*border-bottom: 8px solid #363636;*/
  margin-bottom: -4px;
}
.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: left;
  padding-top: 5px;
  padding-left: 15%;
  padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
  margin-top: 10px;
  font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
  .transition-timer-carousel .carousel-caption .carousel-caption-header {
    font-size: 36px;
  }
}
.transition-timer-carousel .carousel-indicators {
  bottom: 0px;
  margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
  z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 1px;
    background-color: var(--main-color);
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
  -moz-transition: width 4.25s linear;
  -o-transition: width 4.25s linear;
  transition: width 4.25s linear;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*CSS JACKPOT */

}
/* change standard modal behavior */
.modal-body {
  height: 600px;
  overflow: auto;
}


.modal-backdrop {
background-color: #424530;
}

.modal-backdrop.fade.in
{
opacity: .8;
}

.modal-header .close{
      margin-top: 5px;
}


.modal-header{
      min-height: 16.428571429px;
      padding: 0px;
}


/******************jackpot******************/
.a-list-group-item {
   height: auto;
    min-height: 179px;
    background-color: #282828;
    border: 2px solid var(--main-color);
    padding: 5px;
}
.a-list-group-item.active small {
    color:#fff;
}
.stars{
  margin-top: 61px;
  color:var(--main-color);
}
@media (max-width: 767px) {
   .stars{
  margin-top: 13px;
}

 

}

.winner{
  display: inline-block;
    outline: none;
    background: #fff;
    font-size: 29px;
        font-family: 'Corben', cursive;
    color: #0a0a23;
    text-decoration: none;
    padding: 14px 20px;
        display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    border-radius: 6px;
}

span .user {
  opacity: 0;
  animation: blinking 1s linear infinite;
  font-family: 'Corben', cursive;
    font-size: 6rem;
    color: white;
    letter-spacing: 0.1rem;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.66);
}

@keyframes blinking {
  from,
  49.9% {
    opacity: 0;
  }
  50%,
  to {
    opacity: 1;
  }
}
.modal-body {
    position: relative;
    padding: 4px;
}


.jackpotMobile {
  /*border: 2px solid #feae00; 
  border: 2px solid #ffc50e;*/
    border: 2px solid var(--main-color);

width: 343px;
margin: 0 auto;
display: block;
border-radius: 8px;
background: #1d2640;
    font-size: 23px;
    color: #fff;
}

.jackpotMobile a .a {
    /* border-radius: 10px 0px 0px 10px;
    border: 1px solid var(--main-color); */
    border-radius: 8px 0px 0px 8px;
    color: var(--main-color) !important;
    font-size: 25px;
    line-height: 18px;
    font-family: monospace;
    font-weight: 700;
}

/*.jackpotMobile .jackpotPrice {
 

      border: 2px solid #feae00;
      margin-left: -20px;
      background-image: linear-gradient(180deg, #feae00, #fa7c34);
      box-shadow: 0 0 5px 0 #feae00, inset 0 0 3px 1px #feae00;
      border-radius: 8px;
      padding: 2px 26px 2px;
    color: #fff;
    font-size: 23px;
    line-height: 23px;
    	animation:ani 3s infinite;
    	
    	  border: 2px solid #ffc50e;
    margin-left: -20px;
    background-image: linear-gradient(180deg, #feae00, #fa7c34);
    box-shadow: 0 0 5px 0 #ffc50e, inset 0 0 3px 1px #ffc50e;
    
}*/

.jackpotMobile .jackpotPrice {
  
   
  border: 2px solid var(--main-color);
  margin-left: -20px;
  background-image: linear-gradient(180deg, var(--main-color), var(--main-color));
  box-shadow: 0 0 5px 0 var(--main-color), inset 0 0 3px 1px var(--main-color);

    border-radius: 8px;
    padding: 2px 26px 2px;
    color: #1a447a;
    font-weight: 700;
    font-size: 23px;
    line-height: 23px;
    animation: ani 3s infinite;
    font-weight: 700;
    font-family: monospace;
}

.jackpotMobile .jackpotCurr {
  /*  border-radius: 0px 10px 10px 0px;
    border: 2px solid var(--main-color);
    margin-left: -20px; */
    border-radius: 0px 8px 8px 0px;
    margin-left: -5px;
    color: var(--main-color) !important;
}

 

#jackpotMobile{
        display: flex;
    }

    .jackpot-container {
        margin-top: 20px;
    border-radius: 15px;
border: 2px solid var(--main-color);
font-size: 24px;
background: var(--main-color);
    color: #ffffff;
    padding: 2px;
    -webkit-box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 2px 5px 0px rgb(0 0 0 / 75%);
    z-index: -9990;
    width: 100%;
    text-align: center;
}

@keyframes ani{
  10%{

		text-shadow:0px 0px 0px white,
					0px 0px 10px white,
					0px 0px 20px white,
					0px 0px 30px white,
					0px 0px 40px white;

  font-size: 24px;
  line-height: 23px
	}

}

@media(max-width:335px){
  .jackpotMobile {
    width: 290px;
  }
  .jackpotMobile .jackpotPrice {
    padding: 5px 24px 2px;
    font-size: 19px;
    line-height: 19px;
    animation:aniM 3s infinite;
  }
  span.a{
      font-size: 14px;
      line-height: 14px;
    padding: 1px 20px 1px 20px;
  }
  @keyframes aniM{
    10%{

  		text-shadow:0px 0px 0px white,
  					0px 0px 10px white,
  					0px 0px 20px white,
  					0px 0px 30px white,
  					0px 0px 40px white;

    font-size: 20px;
    line-height: 20px
  	}

  }
}