body
{
  font-family: 'Open Sans', sans-serif !important;
}
a:focus, a:hover {
    color: unset;
    text-decoration: underline;
}
.btn:hover
{
  color: white !important;
}
span.main-logo-height {
    background: url(../img/gpl.png);
    width: 150px;
    background-repeat: no-repeat;
    height: 40px;
    background-size: contain;
    display: block;
}
span.main-logo-loader {
    background: url(../img/gpl.png);
    width: 98px;
    background-repeat: no-repeat;
    height: 55px;
    background-size: contain;
    display: block;
}

#Lodergif > span.main-logo-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-105px);
}
#status {
    background-image: url("../../img/loader-dots.gif") !important;
}
.card > div.pull-right > span {
    font-weight: 600;
    color: #ff9a24;
}
.back-arrow
{
    width: 18px;
    margin-right: 20px;
    margin-top: -3px;
}
@media (min-width: 1200px)
{
.container {
    width: 600px;
    margin: auto;
}
}
@media (min-width: 992px)
{
.container {
    width: 600px;
}
}

@media (min-width: 768px)
{
.container {
    width: 600px;
}
}
input
{
  outline: none;
}
body
{
  max-width: 600px;
  margin:auto;
  background-color: #eee;
}
.logo-title
{
      color: #fff;
    font-size: 26px;
    padding: 0;
        top: 2px;
    position: relative;
}
/*.head-logo img
{
  height: 40px;
}*/
.col-md-12.head-logo.row {
    
    padding: 5px 5px;
}
.white-bg
{
  background-color: #fff;
  
  display: inline-block;
}
b, strong {
    font-weight: 500 !important;
}
@media screen and (max-width:767px)
{
  b, strong {
    font-weight: 400 !important;
}
  }
.active-border
  	{
  		border-bottom: 3px solid #ffcc5b !important;
  	}
  	.red-bg
  	{
  		    background: linear-gradient(to bottom,#251b72,#3f27c3);
  	}
  	ul.header-menu {
    list-style: none;
    /*text-align: center;*/
    width: 100%;
    padding-left: 0;
    margin: 0;
    padding-bottom: 4px;
        padding-top: 4px;
	}
  ul.header-menu > li {
    width: 32.5%;
}
	ul.header-menu > li {
    text-align: center;
    display: inline-block;
    border-bottom: 3px solid transparent;
	}
	ul.header-menu > li > a {
    color: #fff;
    padding: 5px 0px;
    /*margin: 2px;*/
    font-size: 12px;
	}
	ul.header-menu > li > a > span {
    display: block;
    color: #fff;
	}
  ul.header-menu > li > span {
    display: block;
    color: #fff;
  }
  ul.header-menu > li > a > span > img
  {
    width: 20%;
        padding-bottom: 2px;
        filter: opacity(50%);
  }
  ul.header-menu > li > a
  {
   color: #9693a9;
   font-weight: 600; 
  }
  ul.header-menu > li.active-border > a {
    color: #fff !important;
}
  ul.header-menu > li.active-border > a > span > img
  {
   
        filter: opacity(100%);
  }
	.header-container
	{
	padding: 20px 0;
    position: relative;
	}
	.padd
	{
		padding: 0px;
		margin:0px;

	}
	.entry-fee
	{
	display: block;
    color: #a59e9e;
    font-size: 12px !important;
    padding: 2px 0;
	}
	.box-container
	{
	      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 12px;
    display: -webkit-box;
    
	}
	.box-date
	{
	font-size: 12px;
    color: #949494;
    display: block;
	}

	.rewards

	{
	font-size: 12px;
	display: flex; width: 100%;
	padding-left: 20px;
    padding-top: 5px;

	}
/*@media screen and (max-width:767px)
{
	ul.header-menu
	{
	display: flex !important;
	}

}*/
@media screen and (max-width:767px)
{
	.m-padd
	{
		padding: 0;
		margin: 0;
	}
}
.header-container b
{
	color: #fff;
}
.screen-back
{
	background:linear-gradient(to bottom,#251b72,#3f27c3);
	padding-top: 50px;
	padding-bottom: 30px;
      min-height: 100vh;
}
.text-white
{
	color: #fff;
}
.block
{
	display: block;
}
.m-t-30
{
	margin-top:30px; 
}
.m-t-50
{
	margin-top:50px; 
}
.m-t-15
{
	margin-top:15px !important; 
}
.text-box
{
	    width: 100%;
    padding: 14px;
    border-radius: 6px;
    border: 0px;
}
.text-btn
{
	width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #fff;
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
}
.shadow-box
{
	box-shadow: 1px 1px 10px #80808042;
	padding:10px;
	-moz-box-shadow:1px 1px 10px #80808042;
  -webkit-box-shadow:1px 1px 10px #80808042;
      display: -webkit-box;
}
.rewards
{
	
	padding-left: 0px;
}
.m-td-5
{
	margin: 4px 0;
}
.play-btn
{
	    width: 70%;
    margin-top: 10px;
}
.footer
{
	    color: #fff;
	    padding: 0;
	    margin: 0;
   text-align: center;
    list-style: none;
    margin-bottom: 4px; 

}
.footer > li 
{
	display: inline-block;
   color: #a6a3a3;;
}
.footer > li > a
{
	  color: #a6a3a3;;
    padding: 14px;
}
.powered-text
{
	display: block;
    text-align: center;
    color: #a6a3a3;
    font-size: 12px;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: #0000001f;
}
.relative
{
	position: relative; 
}
.detail-text
{
	position: absolute;
    top: 10px;
    color: #fff;
    left: 10px;
}
.owl-theme .owl-controls .owl-page span
{
	background: #d04343;
}
.padd4
{
	padding:4px;
	box-shadow: 1px 1px 10px #80808042;

	margin-bottom: 20px;

}

.form-gap {
    /*margin: 10px 0px;*/
    margin-bottom: 7px;
}
.form-group
{
	margin-bottom: 3px;
    border: 0;
    border-bottom: 1px solid #a7a1a1;
}
.col-md-12.col-xs-12.padd.form-gap > div.col-xs-4 > a {
    font-size: 12px;
    padding-top: 10px;
}
.redeen
	{
	display: block;
    color: #eee;
    font-size: 12px !important;
    padding: 2px 0;
	}
.game-button-shadow {
    /*    border: 1px solid #e2dada;*/
    background: url(../img/blue-back.png);
    background-size: cover;
    background-position: right;
    padding: 24px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
}
.coin-back {
    background: url(../img/won-coin-back.png);
    height: 85px;
    background-position: left;
    background-size: cover;
    text-align: center;
    margin:0 10px;
}
.game-button-shadow3 {
    /*    border: 1px solid #e2dada;*/
    background: url(../img/trophy-back.png);
    background-size: cover;
    background-position: right;
    padding: 24px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
}
.game-button-shadow4 {
    /*    border: 1px solid #e2dada;*/
    background: url(../img/setting-back.png);
    background-size: cover;
    background-position: right;
    padding: 24px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    ;
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
}
.game-button-shadow i.fa-database, .game-button-shadow2 i.fa-database
{
	    padding: 0px;
    padding-top: 5px;
    /* margin-left: 10px; */
    padding-right: 6px;
}
.game-padd-top
{
	padding-top: 12px;
}
.game-padd-top2
{
  padding-top: 15px;
}
.coin-btn
{
  padding: 10px 0px;
}


.game-button-shadow2 {
     /*   border: 1px solid #e2dada;*/
            background: url(../img/pink-back.png);
            background-size: cover;
            background-position:right;  
    padding: 24px 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;
    margin-bottom: 15px;
    display: -webkit-box;
    color: #fff;
    border-radius: 8px;
}
.coin-btn {
    background: url(../img/blue-back.png);
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
    margin: 0;
    text-align: center;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 20px 0;
}
.coin-btn-right
{
	padding-right: 0;
	padding-left: 3px;
}
.coin-btn-left
{
	padding-left: 0;
	padding-right: 3px;
}
.nav-back
{
	position: absolute;
    top: 15px;
    color: #fff;
    left: 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
	vertical-align: middle;
	border: 0px;
}
.color
{
	    color: #c71010;
}

.regular2 div.slick-slide {
    padding: 8px;
}
.regular2 div.slick-slide > div
{
      box-shadow: 1px 1px 10px #3e3e3e;
}
.regular2 div.slick-slide span
{
  padding:0 10px;
  display: block;

}
.regular2 div.slick-slide h5
{
      color: #c71010;
    }

.regular3 div.slick-slide {
    padding: 8px;
}
.regular3 div.slick-slide img
{
      box-shadow: 1px 1px 10px #3e3e3e;
}
div.relative > input, div.relative > select
{
  padding-left: 40px;
}
.ab-f-i
{
    position: absolute;
    top: 14px;
    left: 18px;
    color: #9486f7;
}

.anch-white {
    color: #ffffff;
    /*text-decoration: underline;*/
}
.font-12
{
  font-size: 12px !important;
}
.col-md-12.col-xs-12.m-td-5.red-bg
{
  padding: 5px;
}
.col-md-7.col-xs-7.padd.form-align.account input {
    width: 94%;
    margin-top: 2px;
    padding-left: 30px;
    background: #efefef;
    padding-bottom: 6px;
    padding-top: 6px;
    border-radius: 12px;
    box-shadow: 0 2px 3px #8080806e;
}
.a-ab-f-i
{
        position: absolute;
    left: 12px;
    top: 0px;
    color: #676767;
}
.col-md-5.col-xs-5.form-gap > a {
    padding-top: 10px;
    color: #808080;
}
.col-md-5.col-xs-5.form-gap > a .btn:hover {
   
    color: #fff;
}
.form-gap > a:hover {
    text-decoration: none;
    color: #fff;
}
/*Error Validations*/
span.MyError.field-validation-error {
    color: #fecf3e;
    text-align: left;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
}

/*button-Animation*/
button.anim {
   -webkit-appearance: none;
    padding: 6px 10px;
    background: -webkit-gradient(to right, #02576c 0%, #02576c 40%, #5f9aa9 50%, #02576c 60%, #02576c 100%);
    background: linear-gradient(to right, #02576c 0%, #02576c 40%, #5f9aa9 50%, #02576c 60%, #02576c 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    /* width: 20rem; */
}

button.anim {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 5s;
  animation-delay: 800ms;
  -webkit-animation-duration: s;
  animation-iteration-count: 1000;
  -webkit-animation-iteration-count: in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100%;
  }
}


button.anim2, .anim2 {
   -webkit-appearance: none;
    padding: 6px 10px;
    background: -webkit-gradient(to right, #543ae2 0%, #543ae2 40%, #8473e0 50%, #543ae2 60%, #543ae2 100%);
    background: linear-gradient(to right, #543ae2 0%, #543ae2 40%, #8473e0 50%, #543ae2 60%, #543ae2 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: 20rem; */
        font-weight: 700;
    font-size: 14px;
}

button.anim2 {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 5s;

  -webkit-animation-duration: s;
  animation-iteration-count: 1000;
  -webkit-animation-iteration-count: in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
button.anim3 {
   -webkit-appearance: none;
    padding: 6px 10px;
    bbackground: -webkit-gradient(to right, #ff9921 0%, #ff9921 45%, #f9c282 50%, #ff9921 55%, #ff9921 100%);
    background: linear-gradient(to right, #ff9921 0%, #ff9921 40%, #f9c282 50%, #ff9921 60%, #ff9921 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: 20rem; */
}

button.anim3 {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 5s;

  -webkit-animation-duration: s;
  animation-iteration-count: 1000;
  -webkit-animation-iteration-count: in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/*End*/
.img-radius
{
  border-radius: 5px;
}

span.rewards > i.fa.fa-money {
    padding: 4px !important;
    color: green;
}

.col-md-12.col-xs-12.rewards h4 {
    display: block;
    width: 100%;
    text-align: left;
    /* background: #e6bf2e; */
    /*background-image: linear-gradient(to right,#ff9921,#ffc569);*/
    padding: 6px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 0;
}
.outline {
    background: #f3f3f3;
    display: inline-block;
    width: 100%;
        border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.orange-back
{
      background-image: url(../img/orange-back.png);
    background-size: cover;
    padding: 10px;
    border-radius: 12px;
}
.t-rewards
{
  font-size: 16px;
  color: #fff;
}
.tc
{
  font-size: 12px;
}
.tc  i.fa-star
{
      font-size: 8px;
    position: relative;
    vertical-align: text-top;
    padding-right: 10px;
}
.w-100
{
  width: 100%;
}
/*Slider*/
.slider.center.slick-initialized.slick-slider {
    padding: 14px 0;
}

.slider.center.slick-initialized.slick-slider img {
    padding: 0px 4px;
    border-radius: 8px 8px 0 0;
        width: 100%;
}
div.clip
{
  transition: all 200ms ease-in-out;
}
/*.slick-slide.slick-current.slick-active.slick-center div.clip
{
  transform: scale3d(1.2,1.2,1.2);
}*/
.slick-slide.slick-current.slick-active.slick-center div.clip > img
{
  /*box-shadow: 0px 5px 8px #464646;*/
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.19);*/
  border-radius: 10px;

}
/*@media screen and (min-width:767px)
{
  .slider.center.slick-initialized.slick-slider div.slick-list {
    padding-top: 22px !important;
    padding-bottom: 32px !important;
}
}
@media screen and (max-width:767px)
{
.slider.center.slick-initialized.slick-slider div.slick-list
{
      padding-top: 12px !important;
    padding-bottom: 20px !important;
}
}*/
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 38px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
/*End*/
.title-back
{
      display: block;
    width: 100%;
    text-align: center;
    /* background: #e6bf2e; */
    /*background-image: linear-gradient(to right,#ff9921,#ffc569);*/
        padding: 15px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 0;
    color: #000;
}

.title-back h4
{
      color: #000000;
    font-size: 18px;
    font-weight: 700;
}


/*Form*/
/*.button-container {
  text-align: center;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #999;
}
.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #337ab7;
  border-color: #337ab7;
}
.radio label:hover .helper {
  color: #337ab7;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #337ab7;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #337ab7;
  display: block;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  border-radius: 0.25rem;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #4f93ce;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.button:hover {
  color: #337ab7;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active::before, .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}*/

.duration
{
    font-size: 12px;
    vertical-align: -webkit-baseline-middle;
}
.btn-danger {
    color: #fff;
    background-color: #02576c;
    border-color: #02576c;
    padding-top: auto 10px;
}
.btn-danger:hover {
    color: #fff;
    background-color: #02576c;
    border-color: #02576c;
}
.font-18
{
  font-size: 18px;
}
.banner-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}
.banner-text > span {
    font-size: 20px;
}
.seeall > .col-md-4.col-xs-4
{
  padding:10px 8px;
  display: inline-table;

}
.seeall > .col-md-4.col-xs-4 img
{
   box-shadow: 1px 1px 10px #3e3e3e;
}
.line
{
      margin: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.slider.regular4 div.clip {
    padding: 0 10px;
  
}
.item-shadow
{
      background-color: #ffffff;
    border: 1px solid #ededed;
    border-radius: 5px;
    box-shadow: 0px 2px 1px #e3dfdf;
    flex-direction: column;
    margin: 0 5px;
    margin-bottom: 20px;
    padding: 10px 10px;
    position: relative;
    display: inline-block
}
.item-r-text > span.bold
{
    margin-top: 10px;
    display: block;
    padding: 4px 0;
    font-weight: 800 !important;
    color: #2c2c2c;
    font-size: 15px;
}
.col-md-7.col-xs-7.item-r-text span.entry-fee {
    color: #5d5d5d;
    font-weight: 700;
}
.item-r-text > span
{
  color: #b1b1b1;
    font-weight: 500;
}
.details-head > div
{
     font-size: 12px;
    color: #959595;
    font-weight: 600;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #ededed;
}


.detail-color
{
    align-items: center;
    /*background-image: linear-gradient(to right,#ff9921,#ffc569);*/
    background-image: linear-gradient(to right,#ff9921,#ffc569);
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    display: flex;
    font-size: 1.2em;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    margin-bottom: -4px;
    position: relative;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1;
    font-size: 12px;
}
.blue-back
{
    align-items: center;
    background: linear-gradient(#3e51b5, #3e51b5);
    border: 1px solid #3e51b5;
    border-radius: 0px 0 0 8px;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    padding-top: 4px;
    text-align: center;
}
.blue-back > span > span {
    font-size: 12px;
    top: -2px;
    position: relative;
}
.details-content > span
{
  padding: 10px 0px;
      display: -webkit-box;
}
.details-content > span > span
{
  padding-left: 10px ;
  font-weight: 600;
  font-size: 12px;
      color: #333;
}
.fee-content
{
  text-align: center;
}
.fee-content > button
{
  margin-top: 25px;
}
.fee-t-play
{
  background-color: #30d588;
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-weight: 800;
    padding: 3px 13px;
    position: absolute;
    right: -7px;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    width: 90px;
    z-index: 2;
   font-size: 10px;
}
.fee-t-play:after
{
      border-bottom: 5px solid transparent;
    border-left: 5px solid #32a87f;
    border-top: 5px solid transparent;
    bottom: -7px;
    content: '';
    height: 0;
    position: absolute;
    right: 3px;
    transform: rotateZ(225deg);
    width: 0;
}
.item-live
{
      align-items: center;
    background-color: #fc346a;
    border-radius: 3px;
    color: #FFFFFF;
    display: flex;
    font-size: 1em;
    font-weight: 700;
    justify-content: center;
    line-height: 10px;
    padding: 5px;
    position: absolute;
    right: 9px;
    text-transform: uppercase;
    top: 6px;
}
.ads
{
  padding:10px 0; 
}
.ads > span
{
  font-size: 10px;
  color: #959595;
  display: block;
}
.footer-back
{
     background: #e4e4e4;
    padding: 10px;
}
.col-md-3.col-xs-3.padd.blue-back > span.block {
    font-weight: 600;
    color: #ffcc5b;
}
.items > div.col-xs-6 {
    padding: 5px;
    padding-top: 0px;
}
.items > div.col-xs-6 b.block
{
      background-color: white;
    color: #555;
    display: block;
    font-size: 14px;
    font-weight: 600 !important;
    overflow: hidden;
    padding: 9px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}
.btn-yellow
{
  background: linear-gradient(to right,#ff9921,#ffc569);
  color: #fff;
  font-weight: 600;
}
.btn-gray
{
  background: linear-gradient(to right,#645ff2,#543ae2);
  color: #fff;
  font-weight: 600;
}

.btn-orange
{
  background: rgb(220, 137, 79);
  color: #fff;
  font-weight: 600;
}
.rank div.col-xs-6
{
  font-weight: 600;
}
div.form-gap .btn
{
  width: 100%;
  margin:2px 0;
}
.form-align.account
{
  /*position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);*/
  margin-top: 10px;
}
.form-group
{
  transition: all 300ms ease-in-out;
}
input[type=text]:focus.form-group
{
  border-bottom: 1px solid #da071b;
}
.form-gap > img {
    margin-top: 14px;
}
.btn-convert
{
        background: rgb(255, 204, 91);
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 2px;
    vertical-align: baseline;
    position: absolute;
    top: -16px;
    right: -23px;
    border-radius: 0;
}
button.anim3 {
   -webkit-appearance: none;
    padding: 6px 10px;
    bbackground: -webkit-gradient(to right, #ff9921 0%, #ff9921 45%, #f9c282 50%, #ff9921 55%, #ff9921 100%);
    background: linear-gradient(to right, #ff9921 0%, #ff9921 40%, #f9c282 50%, #ff9921 60%, #ff9921 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: 20rem; */
}

button.anim3 {
  animation-name: gradient;
  -webkit-animation-name: gradient;
  animation-duration: 5s;

  -webkit-animation-duration: s;
  animation-iteration-count: 1000;
  -webkit-animation-iteration-count: in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
span.btn.btn-convert:after {
    display: -webkit-inline-box;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #6d500e;
    border-top: 6px solid transparent;
    bottom: -9px;
    content: '';
    height: 0;
    position: absolute;
    right: 2px;
    transform: rotateZ(225deg);
    width: 0;
}
.col-md-12.col-xs-12.box-container.text-center > div.col-xs-3 {
    padding: 5px 0px;
}
.rank div.col-xs-12 > div.col-xs-6 > button {
    width: 110px;
    text-align: left;
    padding-left: 24px;
}
.account-details-btn
{
  padding:10px 0;
}
.account-details-btn > div > a > .btn
{
  width:100%;
  padding: 4px 0; 
}
.gold-coin
{
  height: 50px;
  padding-right: 5px;
}


/*HEADER -BOX*/
.card
{
  display: flex;
}

.card div.pull-right > span
{
      align-items: center;
    display: flex;
    padding: 2px 4px;
}
.card div.pull-right > span:nth-child(2)
{
    
        color: #222;
    font-weight: 600;
    text-align: center;
    display: -webkit-inline-box;
        font-size: 14px !important;
}
.col-md-6.col-xs-6.card-header {
    padding: 0 2px;

}
.col-md-6.col-xs-6.card-header > .card
{
  border: dotted 1px #ccc;
  padding: 5px;
  border-radius: .25rem;
}
.header-back
{
  background: #fff;
  margin:0 0px;
  border-radius: 0.25rem;
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .20);
}
.header-back > .row
{
  padding: 10px 6px;
}
/*Alert*/

.alert {
    border-radius: .25rem .25rem 0 0;
    margin-top: -.75rem;
    top: .25rem;
}
.alert, .alert::after {
    background-color: #00ac4d;
    color: #fff;
}
.fadeInDown {
    /*-webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;*/

    -webkit-animation: fadeInDown 1s; /* Safari 4.0 - 8.0 */
  animation: fadeInDown 1s;
  animation-duration: 1500ms;

}
.alert {
    background-color: #fff;
    border-radius: 0 0 .5rem .5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    font-size: 90%;
    font-weight: 600;
    left: 0;
    right: 0;
    margin-top: -1.2rem;
    padding: .5rem;
    position: relative;
    text-align: center;
    top: -.45rem;
    z-index: 10;

}
.alert {
    border-radius: 0;
    margin-top: 0;
    top: 1.25rem;
}

.alert::after {
    background-color: #fff;
    bottom: -10px;
    content: "";
    display: inline-block;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}
.alert {
    background: linear-gradient(to right,#ff9921,#ffc569);
    color: #fff;

}
.alert::after {
    background-color: #ffae44;
    color: #fff;

}



.banner-bottom
{
      display: block;
    background: #543ae2;
    text-align: center;
    margin: 0 4px;
    border-radius: 0 0px 8px 8px;
    color: #fff;
    font-weight: 600;
    padding: 2px;
}
.banner-bottom2
{
      display: block;
    background: #ff9f2a;
    text-align: center;
    margin: 0 4px;
    border-radius: 0 0px 8px 8px;
    color: #fff;
    font-weight: 600;
    padding: 2px;
}
.banner-bottom3
{
      display: block;
    background: #dc1d4c;
    text-align: center;
    margin: 0 4px;
    border-radius: 0 0px 8px 8px;
    color: #fff;
    font-weight: 600;
    padding: 2px;
}
.alert.wow.fadeInDown
{
  position: relative;
  top: 0;
  opacity: 0;
}
.see-all
{
  /*border: none;
    border-radius: 2px;
    color: rgb(63, 81, 181);
    font-size: 14px;
    font-weight: 500;
    opacity: 0.87;
    text-transform: uppercase;
    vertical-align: middle;*/
   border: none;
    border-radius: 2px;
    background: #281c7c;
    color: #fff;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    vertical-align: middle;
}
.rank > .col-md-12.col-xs-12.m-td-5 {
    display: flex;
    align-items: center;
}.align-item{
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
/*Layout css*/
.slick-slide img {
            width: 100%;
        }

        .slick-prev:before,
        .slick-next:before {
            color: black;
        }

        #preloader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            /* change if the mask should have another color then white */
            z-index: 99;
            /* makes sure it stays on top */
        }

        #status {
            width: 200px;
            height: 200px;
            position: absolute;
            left: 50%;
            /* centers the loading animation horizontally one the screen */
            top: 50%;
            /* centers the loading animation vertically one the screen */
            
            /* path to your loading animation */
            background-repeat: no-repeat;
            background-position: center;
            margin: -100px 0 0 -100px;
            /* is width and height divided by two */
        }

        .won-coins {
            float: left;
            top: 7px;
            color: #fff;
            right: 10px;
            margin: 0 5px;
        }
        .border{
                    align-items: center;
        background-color: #2b1f88;
        border: 1px solid #4c44aa;
        border-radius: 4px;
        display: flex;
        height: 35px;

        width: 100px;
            }

        div.border > span:nth-child(1) {
            padding: 3px;
        }

        div.border > span:nth-child(2) {
            color: #cfc6ff;
            font-size: 10px;
            font-weight: 700;
            /* margin-bottom: 1px; */
            text-transform: capitalize;
        }

        .win-coin {
            display: block;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
        }
        div#myModal
        {

        padding:0 !important;
        }

        
.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.coins-position{
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
}
span#myError > span {
    display: block;
    color:#fff;
}
.app_gdpr {
    display: none;
}
    
        .congratz {
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

b.check-wallet {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}
span#myError > span {
    display: block;
    color: #fff;
}
.loader-gif {
    position: relative;
    height: 100vh
}
.loader-gif > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-105px);
}
.main-logo-height
{
    height:40px;
}
.wheel-icon {
    padding-top: 4px;
    padding-right: 4px;
}
/*Win reward page*/
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0px !important;
    background: transparent !important;
}

/*.modal {
    top: 50px !important;
}*/

/*.modal {
    top: 20%;
}*/

.modal-backdrop.in {
    opacity: .92;
    max-width: 600px;
    margin: auto;
}



.won-prize {
    padding: 10px;
    border: 2px dashed #e7b00b;
    text-align: center;
    margin: auto;
    display: table;
}

h4.won-prize > span {
    color: #ee181f;
    font-weight: 700;
}

b.check-wallet {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #787878;
}

.modal-bottom {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

button.anim4 {
    -webkit-appearance: none;
    padding: 6px 10px;
    background: -webkit-gradient(to right, #543ae2 0%, #543ae2 40%, #8473e0 50%, #543ae2 60%, #543ae2 100%);
    background: linear-gradient(to right, #d6bd1c 0%, #d7be1d 40%, #ece4aa 50%, #d6bd1c 60%, #d5bd1b 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: 20rem; */
    font-weight: 700;
    font-size: 14px;
}
#spin_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    margin-left: 0px;
}
.container-wheel {
    /*background-image: url('../../Content/WinWheel/bg-spin-wheel.png');
        background-size: cover;*/
}

.wheel-back {
    margin: auto;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 12px;
    padding: 10px;
}

.modal-footer-win-rewards {
    padding: 15px;
    text-align: right !important;
    border-top: 0px !important;
    /*background: #241556 !important;*/
}


button.close > img {
    width: 44px;
}

.alert.congratulations.wow.fadeInDown.padd::after {
    display: none;
}
/*Practice Zone*/
button.close > img {
    width: 44px;
}
/*Account Page*/
.modal-header {
    padding: 15px;
    border-bottom: 0px solid #e5e5e5 !important;
    padding-bottom: 0px !important;
}

.modalbtn {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

.modal-dialog-centered {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

.game-button-shadow01 {
    /* border: 1px solid #e2dada; */
    background: url(../../img/tournament.png);
    background-size: cover;
    background-position: right;
    padding: 24px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
}

.game-button-shadow02 {
    /* border: 1px solid #e2dada; */
    background: url(../../img/setting.png);
    background-size: cover;
    background-position: right;
    padding: 24px 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
    color: #fff;
    border-radius: 8px;
    display: -webkit-box;
}

.col-md-6.col-xs-6.coin-btn-right {
    padding-right: 2px !important;
}

.col-md-6.col-xs-6.coin-btn-left {
    padding-left: 2px !important;
}

.coin-btn-box {
    background: linear-gradient(to right,#ff9921,#ffc569);
    color: #fff;
    margin: 0;
    text-align: center;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 20px 0;
}

    .coin-btn-box > a > span {
        color: #fff;
    }
/*account page*/
.account-modal-close {
    color: #fff;
    position: absolute;
    top: -15px;
    right: -10px;
    opacity: 1;
}
.account-modal-text {
    color: white;
    padding: 10px 0;
}
.account-modal-btn {
    cursor: pointer;
    margin-top: 20px;
    min-width: 200px;
}
/*convert page*/

    .accordion

{
    max-width: 500px;
    margin: 0 auto;
}





button#submitForm:focus {
    background: #543ae2;
    color: #fff;
}

.accordion__title {
    font-family: 'industry', sans-serif;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125em;
}

.accordion__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion__item {
    visibility: hidden;
    margin-bottom: 10px;
}

    .accordion__item:last-child {
        border-bottom: 0;
    }

    .accordion__item.is-active .accordion__itemTitleWrap::after {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .accordion__item.is-active .accordion__itemIconWrap {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.accordion__itemTitleWrap {
    display: flex;
    height: 2.5em;
    align-items: center;
    padding: 44px 10px;
    color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
/*.accordion__item
    {
        background:url(https://static.gamezop.com/peach/assets/img/bg-money-wallet.svg);
        background-size:cover;
    }*/
.accordion__item:nth-child(odd) {
    background: #3f27c3;
    background-size: cover;
}

.accordion__item:nth-child(even) {
    background: #ff9921;
    background-size: cover;
}

.accordion__item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 8px;
}

.jconfirm-title-c {
    display: none !important;
}


.accordion__itemTitleWrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    /*background: #103c42;*/
    z-index: 1;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    border-radius: 15px;
}

.accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}

.accordion__itemIconWrap {
    width: 1.25em;
    height: 1.25em;
    margin-left: auto;
    position: relative;
    z-index: 10;
}

.accordion__itemTitle {
    margin: 0;
    font-family: 'industry', sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 10;
}

.accordion__itemContent {
    font-size: 0.875em;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    padding: 0 1.25em;
}

    .accordion__itemContent p {
        margin: 2em 0;
    }

.rs-icon {
    color: #C5C5C5;
    font-size: 2em;
    font-weight: 700;
    line-height: 0.9;
}
span.btn.btn-coming:after {
    display: -webkit-inline-box;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #6d500e;
    border-top: 6px solid transparent;
    bottom: -9px;
    content: '';
    height: 0;
    position: absolute;
    right: 2px;
    transform: rotateZ(225deg);
    width: 0;
}

.btn-coming {
    background: rgb(255, 204, 91);
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 2px;
    vertical-align: baseline;
    position: absolute;
    top: 6px;
    right: -8px;
    border-radius: 0;
}

.accordion__item:nth-child(odd) {
    background: linear-gradient(to left,#796ae1,#3f27c3);
    background-size: cover;
    border-radius: 15px;
}

.accordion__item:nth-child(even) {
    background: linear-gradient(to left,#faba6ff1,#ff9b27);
    background-size: cover;
    border-radius: 15px;
}

b.bold {
    font-weight: 700 !important;
}

input[type=radio] {
    position: relative;
    top: 3px;
}

input.anim3 {
    -webkit-appearance: none;
    padding: 6px 10px;
    background: -webkit-gradient(to right, #ff9921 0%, #ff9921 45%, #f9c282 50%, #ff9921 55%, #ff9921 100%);
    background: linear-gradient(to right, #ff9921 0%, #ff9921 40%, #f9c282 50%, #ff9921 60%, #ff9921 100%);
    background-size: 500%;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: #fff;
    cursor: pointer;
    /* font: 1.5em Raleway, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* height: 5rem; */
    /* letter-spacing: 0.05em; */
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* width: 20rem; */
}
/*Details page*/
.how-to-play {
    position: absolute;
    top: 10px;
    color: #fff;
    right: 10px;
}
.how-border {
    color: #3e51b5;
    font-weight: 600;
    align-items: center;
    background-color: #ebefff;
    border: 1px solid #dbe1ff;
    border-radius: 4px;
    display: flex;
    height: 30px;
    padding: 0px 5px;
}
button.how-to-play-close {
    background: #424141;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: unset;
    position: absolute;
    right: 20px;
}
.how-to-play-title{
    color:#666;
    font-weight:800;
}
.modal-dialog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;
}
.modal{

}
.btn-entry-fee {
    background: linear-gradient(to right,#dd6cc2,#fda871);
    color: #fff;
    font-weight: 600;
}

.title-back-rank {
    padding: 15px 15px 10px 15px !important;
    display: flex;
    align-items: center;
}
/*leader board page*/
.main-rank {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 54px;
    font-weight: 600;
    font-family: sans-serif;
}

.best-score {
    color: #828dc5;
    text-align: center;
    font-weight: 700;
}

.your-rank {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
    text-align: center;
}

.score {
    color: #3422a1;
    font-weight: 700;
}

    .score > span {
        display: block;
        color: #afafaf;
        font-weight: 400;
    }

.rank-lead {
    color: #fba55a;
    font-weight: 700;
}

    .rank-lead > span {
        display: block;
        color: #afafaf;
        font-weight: 400;
    }

.table-condensed > tbody > tr > td {
    padding: 10px;
}
/*setings*/
.new-list {
    list-style: none;
    display: grid;
    padding: 1px;
}

    .new-list > li {
        /*padding: 30px 0;*/
        margin-bottom: 10px;
        display: block;
        width: 100%;
        font-size: 16px;
        border-radius: 10px;
    }

        .new-list > li > a {
            color: #fff;
            padding-left: 10px;
            display: block;
            padding: 30px 10px;
        }

        .new-list > li:nth-child(odd) {
            background: linear-gradient(to left,#796ae1,#3f27c3);
            background-size: cover;
        }

        .new-list > li:nth-child(even) {
            background: linear-gradient(to left,#faba6ff1,#ff9b27);
            background-size: cover;
        }

/*History page*/

.item-r-text-history > span.bold {
    margin: 0;
    padding: 0px;
    font-weight: 800;
}

.details-head-history > div {
    border-bottom: 0px solid #ededed !important;
    border-top: 1px solid #ededed;
    margin-top: 6px;
}

.item-shadow {
    padding: 5px 10px;
    margin-bottom: 10px !important;
}

.details-head-history > div {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 900;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 5px;
}

.entry-fee-history {
    display: block;
    color: #a59e9e;
    font-size: 12px !important;
    padding: 2px 0;
}
/*my account page*/
.screen-back2 {
    background: linear-gradient(180deg, #543ae2 26%, rgb(255, 255, 255) 18%, rgb(255, 255, 255) 100%);
    padding-top: 50px;
    padding-bottom: 30px;
    min-height: 100vh;
}

.calender-css {
    height: 48px;
    border-radius: 6px;
    border: 0;
}
/*kawal -addtional css*/

@media screen and (min-width:767px) {
    .modal {
        max-width: 600px;
        margin: auto;
    }
}
ul.header-menu > li:nth-child(1) > a > span {
    background: url(../img/win.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 24px;
    background-size: contain;
}

ul.header-menu > li:nth-child(2) > a > span {
    background: url(../img/game.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 24px;
    background-size: contain;
}

ul.header-menu > li:nth-child(3) > a > span {
    background: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 24px;
    background-size: contain;
}

ul.header-menu > li {
    filter: opacity(50%);
}

    ul.header-menu > li.active-border {
        filter: opacity(100%);
    }
.leaderboard-img {
    background: url(../img/winner.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 48px;
    background-size: contain;
    display: block;
}
.leaderboard-selected {
    background: #3c25bb;
    color: #fff;
}