@charset "utf-8";



/* CSS Document */



/*===============================================================



Common portion start



=================================================================



/*####################		 Custom font css start 		#################### */









/*#################### 		Custom font css end 	#################### */



/*////////////////////////////////////////



// General Css



///////////////////////////////////////*/







html, body {



    -moz-osx-font-smoothing: grayscale;



    -webkit-font-smoothing: antialiased;



    -moz-font-smoothing: antialiased;



    font-smoothing: antialiased;



    scroll-behavior: smooth;



}





* {



    box-sizing: border-box;



}







body {



  margin: 0;



  padding: 0;



  font-size: 18px;



  background: #ffffff;



  line-height: 22px;



  font-family: 'Roboto', sans-serif;



  font-weight: 400;



  font-style: normal;



  color: #0c0c0c;



  overflow-x: hidden;



}







div, table, tr, th, td, figure, th, video, audio, h1, h2, h3, h4, h5, h6, aside, canvas, section, header, footer, nav, span, p, small, big, a, b, strong, img, hr, pre, button, input, textarea, optgroup, ul, li, ol, select, option, blockquote, nav {



    margin: 0;



    padding: 0;



    outline: none;



    border: none;



    text-decoration: none;



    list-style-type: none;



}







.clear {



    clear: both;



}



.clearfix:after {



    display: block;



    content: "";



    clear: both;



}







.parent-wrap {



    width: 100%;



    height: 100%;



    display: table;



}



.child-wrap {



    width: 100%;



    height: 100%;



    display: table-cell;



    vertical-align: middle;



}



img {



    max-width: 100%;

    /*display:block;*/



}







h1, h2, h3, h4, h5, h6 {



    -webkit-font-smoothing: antialiased;



}



h1{



    font-size: 110px;



    color:#fff;



    text-transform:uppercase;



    font-family: 'Roboto', sans-serif;



    font-size: 83px;



    margin-bottom: 25px;



    line-height: 1.2;



    font-weight: 900;

}



h2{





  font-family: 'Poppins', sans-serif;



  font-size: 57px;



  font-weight: 700;



  line-height: 1.2;



  color:#5a2f02;



  margin-bottom: 10px;



}





h3{



  text-transform: uppercase;



  font-family: 'Roboto', sans-serif;



  font-weight: 700;



  font-size: 32px;



  line-height: 1.2;



  color: #0c0c0c;



}



h4{

  font-size: 20px;

  text-transform: uppercase;

  font-family: 'PT Sans Caption', sans-serif;

  margin-bottom: 10px;



  line-height: 1.2;

}



h5{



  font-size: 18px;

  line-height: 1;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  text-transform: uppercase;

  color:#fff;





}



h6{

  font-family: 'Roboto', sans-serif;

  font-size: 17px;

  font-weight: 700;



  line-height: 1.2;

}







p {



	font-style: normal;



	font-size: 16px;



	color: #0c0c0c;



	line-height: 1.6;



	margin-bottom: 10px;



  font-weight: 400;



  font-family: 'Roboto', sans-serif;



  /*font-family: 'Poppins', sans-serif;*/

  /*font-family: 'PT Sans Caption', sans-serif;*/



}



p:last-child{



  padding-bottom:0;



}







ul {



  margin-bottom: 0px ;



}





input, textarea{



  font-weight: 400;

  font-size: 16px;



}





::-webkit-input-placeholder { /* Chrome/Opera/Safari */



	color: #0c0c0c;



	font-weight: 400;



	font-size: 15px;



  font-family: 'Roboto', sans-serif;



}



::-moz-placeholder { /* Firefox 19+ */



	color: #0c0c0c;



	font-weight: 400;



	font-size: 15px;



  font-family: 'Roboto', sans-serif;



}



:-ms-input-placeholder { /* IE 10+ */



	color: #0c0c0c;



	font-weight: 400;



	font-size: 15px;



  font-family: 'Roboto', sans-serif;



}



:-moz-placeholder { /* Firefox 18- */



	color: #0c0c0c;



	font-weight: 400;



	font-size: 15px;



  font-family: 'Roboto', sans-serif;

}











::selection {



    background: #1F1F1F;



    color: #fff;



}



::-moz-selection {



 background: #1F1F1F;



 color:#fff;



}



::-webkit-selection {



 background: #1F1F1F;



 color:#fff;



}



::-o-selection {



 background: #1F1F1F;



 color:#fff;



}



::-ms-selection {



 background: #1F1F1F;



 color:#fff;



}















.dFlx{



  display: -webkit-box;



  display: -moz-box;



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;







}















.btn{



    font-weight: bold;



    text-align: center;



    display: inline-block;



    -webkit-transition: all .5s ease-in-out;



    -o-transition: all .5s ease-in-out;



    transition: all .5s ease-in-out;



    -moz-transition: all .5s ease-in-out;



    -ms-transition: all .5s ease-in-out;



    font-size: 16px;



    border-radius: 0;



    padding: 0;



    width: 172px;







    line-height: 40px;



    cursor: pointer;







     font-family: 'Roboto', sans-serif;



     font-weight: 400;



    background: transparent;



    vertical-align: middle;



    -moz-border-radius: 50px;

    -webkit-border-radius: 50px;

    border-radius: 50px;



    color: #fff;



    background-color: #dd1771;

    text-transform: uppercase;







}



.btn.focus, .btn:focus {



    outline: 0;



    box-shadow: none;



}



.btn-banner{



    width: 274px;



    height: 54px;



    line-height: 47px;



    color: #fff;



    border: 2px solid #fff;



    font-size: 20px;



}



.btn-small{



  width: 104px;



  height: 44px;



  line-height: 42px;



}



.btn-fade{



  color: #d2d2c9;



  border: 2px solid #d2d2c9;



}



.btn-bold{



  color: #000;



  border: 2px solid #000;



}



.btn:hover{



  -webkit-transition: all .5s ease-in-out;



  -o-transition: all .5s ease-in-out;



  transition: all .5s ease-in-out;



  -moz-transition: all .5s ease-in-out;



  -ms-transition: all .5s ease-in-out;



  letter-spacing: .25px;



  background: #fff;

  color:#282828;



}



.btn-banner:hover{



  background: #fff;



  color: #000;



}



.btn-fade:hover {



    background: #d2d2c9;



    color: #000;



}



.btn-bold:hover {



    background-color: #fff;



    border: 2px solid #fff;



}











a{



  -webkit-transition: all .5s ease-in-out;



  -o-transition: all .5s ease-in-out;



  transition: all .5s ease-in-out;



  -moz-transition: all .5s ease-in-out;



  -ms-transition: all .5s ease-in-out;



  text-decoration: none;



  color: #f50726;



  outline: none;





   font-family: 'Roboto', sans-serif;



   font-weight: 400;



   font-size:15px;



}



a:hover {



    text-decoration: none;

    color:#f50726;



}


.tos-wrap h1 a {
    font-size: .8em;
}



.bg-light{



  /*background-color: #e6e7e2 !important;*/



}



.bg-dark{



  /*background: #cfcfc5 !important;*/



}



.bg-gray{



  /*background: #d2d2cd;*/



}



.float-left{



  float: left;



}



.float-right{



  float: right;



}







.text-center{



  text-align: center;



}



.text-left{



  text-align: left;



}







.section-padding{



  padding: 90px 0;



}



.pt-90{



  padding-top: 90px;



}



.pt-100{

	padding-top: 100px;

}



.pb-140{

	padding-bottom: 140px;

}





.pb-90{



  padding-bottom: 90px;



}



.pt-140{

  padding-top: 140px;

}



.pt-188{



  padding-top: 188px;



}



.pt-60{

  padding-top: 60px;

}



.pb-60{

  padding-bottom: 60px;

}



.pt-80{

  padding-top: 80px;

}



.pb-80{

  padding-bottom: 80px;

}



.pt-70{

  padding-top: 70px;

}



.pb-70{

  padding-bottom: 70px;

}





.pt-120{

	padding-top:120px;

}

.pb-100{

	padding-bottom:100px;

}





.pt-130{

	padding-top: 130px;

}

.pb-130{

	padding-bottom: 130px;

}



.pt-125{

	padding-top: 125px;

}



.pt-115{

	padding-top: 115px;

}





.pb-126{

  padding-bottom: 126px;

}



.no-gutters{



  margin: 0;



  padding: 0;



}

.pb-115{



  padding-bottom: 115px;



}

.pt-160{

  padding-top: 160px;

}











strong {



    font-weight: bold !important;



}







/*////////////////////////////////////////////////////////////////////////       Custom css       ////////////////////////////////////////////////////////////////*/





/* Animation */


@media (max-width: 768px) {
  /* Stack filters vertically */
  .filter-bar {
    flex-direction: column;
    align-items: stretch;
  }

  /* Make each trade row vertical */
  .ge-row {
    flex-direction: column;
    align-items: flex-start;
  }

  /* Push the timestamp or right-side part to the bottom */
  .ge-row > div:last-child {
    align-self: flex-end;
    margin-top: 10px;
  }
}





@keyframes fadeInUp {



    from {



        transform: translate3d(0,40px,0)



    }







    to {



        transform: translate3d(0,0,0);



        opacity: 1



    }



}







@-webkit-keyframes fadeInUp {



    from {



        transform: translate3d(0,40px,0)



    }







    to {



        transform: translate3d(0,0,0);



        opacity: 1



    }



}







.animated {



    animation-duration: 2s;



    animation-fill-mode: both;



    -webkit-animation-duration: 2s;



    -webkit-animation-fill-mode: both



}







.animatedFadeInUp {



    opacity: 0



}







.fadeInUp {



    opacity: 0;



    animation-name: fadeInUp;



    -webkit-animation-name: fadeInUp;



}





.pad-more{



    padding-bottom: 220px;



}





/*#################### custom css start from begin ####################*/



.total-body{

  background:url(../images/home-bg_.jpeg) repeat-y;

  background-size: 100%;

}



.container{

  max-width: 1600px;

  margin:auto;

}



header{

  position: relative;

  width: 100%;

}



header .entire-header{



}



.header-top{

  /*border-bottom:1px solid #422204;*/

  padding: 14px 0;

  box-sizing: border-box;

  position: relative;

  width: 100%;

  background: #110901;

}

.header-top .container{

  justify-content: space-between;

}

.header-top .logo{

  position: absolute;

  top:0;

  right:0;

  left:0;

  margin: auto;

  max-width: 380px;

  width: 380px;

  z-index: 99;

}



.header-top .login{

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}

.header-top .login li{

  margin-right: 10px;

}

.header-top .login li:last-child{

  margin-right: 0;

}



.header-top .login li:last-child a:hover{

  text-decoration: underline;

}



.play-link{

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.play-link li{

  margin-right: 15px;

}



.play-link li a{

  color: #fff;

  text-shadow: 0 3px 15px rgba(0,0,0,.75);

  font-size: 22px;

}

.play-link li a:hover{

  color: #ff8936;

  text-shadow:0 3px 15px rgba(0,0,0,.75);

}







.login a{

  color:#90b41a;

  text-transform: uppercase;

  font-size: 15px;

}



.header-bottm{

  /*border-bottom: 1px solid #443221;*/

  padding: 30px 0;

  box-sizing: border-box;

  width: 100%;



  /*background: rgb(14,11,4);

  background: linear-gradient(229deg, rgba(14,11,4,0.5998599268809086) 0%, rgba(25,15,5,0.8519607672170431) 8%, rgba(39,22,4,0.8855742125951943) 16%, rgba(39,22,4,0.8939775739397321) 84%, rgba(25,15,5,0.8519607672170431) 92%, rgba(14,11,4,0.6026610473290879) 100%);   */

  background: rgb(6,4,2);
  background: linear-gradient(90deg, rgba(6,4,2,0.6026785714285714) 0%, rgba(38,26,6,0.45) 10%, rgba(38,26,6,0.45) 90%, rgba(6,4,2,0.6) 100%);

}



.header-bottm .main-nav{

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  flex-flow: row;

}



.header-bottm .main-nav li{

  margin-right: 6%;

  position: relative;

}

.header-bottm .main-nav li:last-child{

  margin-right: 0;

}





.header-bottm .main-nav li:nth-child(4){

  margin-right:  32.41%;

}





.header-bottm ul li a{

  text-transform: uppercase;

  color:#fe9826;

  font-size: 17px;

  display: block;

  transition: 0.2s all ease-in-out;

  text-shadow: 0 1px 0px rgba(0,0,0,.3);

}



.header-bottm ul li.acitve a{

  color: #90b41a;

  text-shadow: 0 2px 28px #ffaa0a;

}

.header-bottm ul li.acitve a.store {
    position: relative;
}

.header-bottm ul li a:hover{

  color: #90b41a;

  text-shadow: 0 2px 28px #ffaa0a;

}


.header-bottm ul li a.store span {
    font-size: .75em;
    font-weight: bolder;
    width: 100px;
    position: absolute;
    top: -24px;
    left: 50px;
}



.header-bottm ul li::after{

  position: absolute;

  content: '';

  background: url(../images/menu-after-icon.png) no-repeat;

  width: 16px;

  height: 16px;

  right:-50px;

  top:5px;

}



.header-bottm .main-nav li:nth-child(4)::after{

  position: absolute;

  content: '';

  background: none;

  width: 0;

  height: 0;

  margin: 0;

  right: 0;

}



.header-bottm ul li:last-child::after{

  position: absolute;

  content: '';

  background: none;

  width: 0;

  height: 0;

  margin: 0;

  right: 0;

}



.body-sec{

  overflow: hidden;

}



.body-sec .container{

  position: relative;

  padding: 0 20px;

  box-sizing: border-box;



}

.body-sec .container::before{

  position: absolute;

  content: '';

  background: url(../images/left-sidebar.png);

  background-repeat: repeat-y;

  width: 110px;

  height: 100%;

  left: -60px;

  z-index: 99;

  top:0;

  background-size: 100%;

}

.body-sec .container::after{

  position: absolute;

  content: '';

  background: url(../images/right-sidebar.png);

  background-repeat: repeat-y;

  width: 110px;

  height: 100%;

  right: -60px;

  z-index: 99;

  top:0;

  background-size: 100%;

}



.home-slider{

  position: relative;

}

.home-slider::after{

  content: '';

  position: absolute;

  background: url(../images/middle-cover-foot-bg.png) repeat-x;

  height: 7px;

  width: 100%;

  left: 0;

  bottom: -6px;

}





.home-banner-slider{

  position: relative;

  height: 100%;

  max-height: 600px;

  overflow: hidden;

}



.home-banner-slider::after{

}



.home-banner-slider .owl-nav{

/*  position: absolute;

  top:50%;

  transform: translateY(-50%);*/

  width: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;



  justify-content: space-between;

}

.home-banner-slider .owl-nav .owl-prev{

  background-color: transparent;

  color:transparent;

  margin-left: 40px;

  position: relative;



  position: absolute;

  top: 40%;

  transform: translateY(-50%);

}

.home-banner-slider .owl-nav .owl-prev::before{

  content: '';

  position: absolute;

  background: url(../images/slidr-left.png) no-repeat;

  height: 66px;

  width: 66px;

  background-size: 100%;

  top:-24px;

  outline:none;

  border: none;

}

.home-banner-slider .owl-nav .owl-prev:hover::before{

  content: '';

  position: absolute;

  background: url(../images/slidr-nav-left.png) no-repeat;

  height: 66px;

  width: 66px;

  background-size: 100%;

  top:-24px;

  outline:none;

  border: none;

}

.home-banner-slider .owl-nav .owl-prev:focus{

  outline:none;

}

.home-banner-slider .owl-nav .owl-next{

 background-color: transparent;

 color:transparent;

 margin-right: 40px;



  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  right: 0;

}

.home-banner-slider .owl-nav .owl-next::after{

  content: '';

  position: absolute;

  background: url(../images/slidr-right.png) no-repeat;

  height: 66px;

  width: 66px;

  top:-24px;

  right:0;

  background-size: 100%;

  outline:none;

  border: none;

}

.home-banner-slider .owl-nav .owl-next:hover::after{

  content: '';

  position: absolute;



  height: 66px;

  width: 66px;

  top:-24px;

  right:0;

  background-size: 100%;

  outline:none;

  border: none;

  background: url(../images/slidr-nav-right.png) no-repeat;

}

.home-banner-slider .owl-nav .owl-next:focus{

  outline: none;

}





.home-banner-slider .item .home-slidr-content{

  position: absolute;

  top:43%;

  left: 0;

  right: 0;

  margin: auto;

  transform:translateY(-50%);



  width: 74%;

  z-index: 999;

}



.home-slidr-content h1{

  /*margin-bottom: 80px;*/

  margin-bottom: 50px;

}





.top-text{

  display: block;

  text-align: center;

  position: relative;

  font-size:38px;

  max-width: 300px;

  margin: auto;

  margin-bottom: 10px;

}



.top-text::before{

  content: '';

  position: absolute;

  background: url(../images/welcome-before.png) no-repeat;

  background-size: auto;

  height: 5px;

  width: 118px;

  background-size: 100%;

  left: -106px;

  top: 44%;

}

.top-text::after{

  content: '';

  position: absolute;

  background: url(../images/welcome-after.png) no-repeat;

  height: 5px;

  width: 118px;

  background-size: 100%;

  top: 44%;

  right: -106px;

}



.top-text1{

  display: block;

  text-align: center;

  position: relative;

  font-family: 'Poppins', sans-serif;

  font-size: 81px;

  color:#fb9109;



  text-shadow: 0px 10px 0px rgba(0,0,0,0.4);



  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: #f83600;

  -webkit-text-fill-color: #fb9109;

}



.top-text1:hover{

  /*color:#f00;



  text-shadow: 0px 10px 0px rgba(0,0,0,0.4);



  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: #f00;

  -webkit-text-fill-color: #f00;

  cursor: pointer;*/

}





.play-now-btn{

  max-width: 330px;

  margin: 10px auto;

  font-size: 30px;

  font-weight: 500;

  color: #2d0302;



  justify-content: center;

  align-items: center;

  position: relative;

  height: 80px;





  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -ms-transition: all .2s ease-in-out;



  /*transition: .4s ease all;*/



  background: url(../images/play-now-btn.png) no-repeat;

  background-size: 100%;

  background-position: center center;

}





.play-now-btn:hover{

  color:#fff;

  background: url(../images/play-now-btn-hover.png) no-repeat;

   background-size: 100%;

  background-position: center center;

}









.main-content-cstm{

  /*background: rgba(171,145,90,0.19);  */

  box-sizing: border-box;

  /*padding-top: 40px;*/

  padding: 42px 40px ;

  padding-bottom: 30px;

  box-sizing: border-box;



  background: rgb(171,145,90);

  background: linear-gradient(180deg, rgba(171,145,90,0.28335084033613445) 0%, rgba(171,145,90,0) 95%);

}

.desktop-trailer{
  position: relative;
  padding: 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(189,160,98,0.75), rgba(72,54,30,0.85));
  box-shadow: 0 15px 35px rgba(0,0,0,0.35);
  overflow: hidden;
  border: 2px solid rgba(255,233,183,0.45);
}

.desktop-trailer::before{
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 10px;
  pointer-events: none;
}

.desktop-trailer__frame{
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.desktop-trailer__frame::before{
  content: '';
  display: block;
  padding-top: 56.25%;
}

.desktop-trailer__frame iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 0;
  display: block;
  pointer-events: none;
}



.main-content-wrap{

    display: -webkit-box;

    display: -moz-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    position: relative;

    background: url(../images/middle-cover-bg.png) repeat-y;

    background-size: 100%;

    padding: 65px 35px;

    padding-bottom: 5px;

    box-sizing: border-box;

}



.main-content-wrap::before{

    content: '';

    position: absolute;

    background: url(../images/middle-cover-top-bg.png) repeat-x;

    height: 7px;

    bottom: -6px;

    width: 100%;

    left: 0;

    top:-4px;

}





.main-content-wrap::after{

    content: '';

    position: absolute;

    background: url(../images/middle-cover-foot-bg.png) repeat-x;

    height: 7px;

    width: 100%;

    left: 0;

    bottom: -6px;

}







.main-content-wrap::before{

/*  position: absolute;

  content: '';



  background: url(../images/middle-cover-bg.png) repeat-y;



  background-size: 100%;

  background-position: center center;

  position: relative;*/

  /*padding: 52px 30px;*/

  box-sizing: border-box;



}



.main-content-cstm .left-part{

  width: 23.5%;

}





.main-content-cstm .center-part{

  width: 53%;

  padding-top: 0;

}





.main-content-cstm .right-part{

  width: 23.5%;

}



.right-part .right-box{

  margin-bottom: 36px;

}



.info-box-new{

  padding: 20px 30px;

  background: rgba(247,219,166,.4);

  border: 2px solid #bda062;

  margin-bottom: 30px;

}



.info-box-new p{

  text-align: center;

  /*font-family: 'Poppins', sans-serif;  */

  /*line-height: 1.4;*/

  font-size: 15px;

}



.right-part .box-head{

  box-sizing: border-box;

  align-items: center;

  justify-content: center;

  height: 60px;

  position: relative;

  background: url(../images/text-head-bg.jpeg) no-repeat;

  background-size: auto;

  background-size: cover;

  -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;



}



.right-part .box-head h5{

  text-align: center;

  color: #fff;

  line-height: 50px;

  position: relative;

  z-index: 9;

}



.right-part .right-box .box-body {
  min-height: 90px;
  padding: 20px 20px;
  padding-top:33px;
}

.right-part .right-box .box-body.none {
    padding:0;
}

.u-tube-vdo{

    height: 163px;

}



.u-tube-vdo .iframe{

  height: 100% !important;

  width: 100% !important;

}



.right-part .right-box .box-body img{



}



.right-part .right-box .box-body p{

  text-align: center;

}





.left-part .left-box{

  margin-bottom: 35px;

}



 .side-content-wrap{
  background: rgba(247,219,166,.4);
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border:2px solid #bda062;
  margin-top: -8px;
  padding-top: 10px;
  padding-bottom: 15px;
}

.side-content-wrap.none {
    background:none;
    border:none;
    padding:0;
}



.left-box .rst-contn{

  background: rgba(14,8,0,.7);

  padding: 30px 20px;

  margin-top: -2px;

}



.left-box h5{

  text-align: center;

  color:#fff;

  line-height: 50px;

  position: relative;

  z-index: 9;

}



.left-box p{

  text-align: center;

  line-height: 22px;

  /*font-size: 14px;*/

}

.left-box .box-foot{

  padding: 20px ;

  box-sizing: border-box;

}



.left-box .box-foot li{

  text-align: center;;

  color:#de1105;

  font-size: 16px;

  line-height: 1.7;

  /*font-family: 'PT Sans Caption', sans-serif;*/



}

.left-box .box-foot li img{

  margin-right:4px;

}

.left-box .box-foot li span{

  color:#0c0c0c;

  font-size: 15px;

  font-family: 'Roboto', sans-serif;;

}



.left-box .box-head{



  box-sizing: border-box;

  align-items: center;

  justify-content: center;

  position: relative;

  height:60px;



  background: url(../images/text-head-bg.jpeg) no-repeat;

  background-size: cover;



  -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);



  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;



}



.box-head h5{

  position: relative;

  z-index: 9;

}



.center-part{

  width: 50%;

  /*background: url(../images/middle-cover-bg.png) repeat-y;

  background-size: 100%;

  background-position: center center;*/

  position: relative;

  padding: 52px 30px;

  box-sizing: border-box;



}



.center-part .image-top{

  justify-content: space-between;

}





.left-part .box-body{

  position: relative;

  margin-bottom: 35px;

  padding: 20px 20px;

  padding-top: 30px;

  margin-bottom: 10px;

}



.left-part .box-body::after{

  position: absolute;

  content: '';



  background-size: 100%;

  background-position: bottom center;

  width: 90%;

  height: 1px;

  bottom: 0;



  background: rgb(179,144,90);

background: linear-gradient(90deg, rgba(179,144,90,0) 0%, rgba(179,144,90,1) 25%, rgba(179,144,90,1) 50%, rgba(179,144,90,1) 75%, rgba(179,144,90,0) 100%);

}



.center-part h2{

  text-align: center;

  text-transform: uppercase;

  font-size: 46px;

  font-family: 'Roboto', sans-serif;

}



.center-part .image-top p{

  font-size: 16px;

  text-align: center;

  /*margin-bottom: 55px;*/

}

.center-part .image-top p a{

  font-size: 100%;

  color:#de1105;

}



.center-part .image-top h3{

  text-align: center;

  margin-bottom: 38px;

}



.center-part .news-box{

  border:2px solid #bda062;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  background: rgba(247,219,166,.4);



  margin-bottom: 35px;

}





.news-box .middle-bx-top{

  justify-content: center;

  align-items: center;

  position: relative;

  z-index: 99;

  height:60px;

  padding: 15px 24px;

  box-sizing: border-box;

  margin-bottom: 8px;

  background: url(../images/mdl-news-bg1.jpeg) no-repeat;

  background-size: cover;



  -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

}





.news-box .middle-bx-top h5{

  font-weight: 500;

  position: relative;

  z-index: 9;

}

.news-box .middle-bx-top p{

  margin: 0;

   position: relative;

  z-index: 99;

  font-size: 13px;

  font-weight: 300;

  color:#eed398;

}





.news-box .middle-bx-middle{

  padding: 20px 24px;

  box-sizing: border-box;

  padding-bottom: 40px;

}



.middle-bx-middle h6{

  color:#794a06;

  margin-bottom: 10px;

  font-size: 20px;

}



.middle-bx-middle .img-wrp img{

  display: block;

  margin: auto;

}



.middle-bx-middle .g-name a{

  color: #de1105;

  font-weight: 700;

  padding-right:4px;

}

.middle-bx-middle .g-info a{

  color:#0c0c0c;

}

.middle-bx-middle .s-day p{

  color:#720506;

  font-weight: 700;

  text-align: right;

}



.news-box .middle-bx-bttm{

  padding: 20px 24px;

  box-sizing: border-box;

}





.news-box .middle-bx-bttm h6{

  font-size: 20px;

  color:#794a06;

  margin-bottom: 16px;

}



.news-box .middle-bx-bttm p{

  margin-bottom: 15px;

}



.news-box .middle-bx-bttm a{

  text-transform: uppercase;

}





/*---------------------------- FOOTER ----------------------------*/



footer{

  position: relative;

  padding: 25px 25px 30px 25px;

  box-sizing: border-box;



  background: rgb(40,32,19);

  background: linear-gradient(180deg, rgba(40,32,19,0.8267506831834296) 0%, rgba(39,31,16,0.6754901789817489) 7%, rgba(36,27,9,1) 25%, rgba(30,21,4,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);



  background: url(../images/total-futr.png) no-repeat;

  background-position: 100% 50%;

  background-size: cover;



}

footer::after{

 /* position: absolute;

  content: '';

*/



 /* background: url(../images/total-futr.png);

  background-size: auto;

  height: 100%;

  width: 105%;

  background-size: 100%;

  bottom: 0;

  left: -2%;

  background-position: 100% 100%;*/



 /* height: 100%;

  width: 105%;

  background-size: 100%;

  bottom: 0;

*/





}





.footer-top{

  border-bottom:1px solid #140e01;

  position: relative;

  z-index: 9;



 /* box-sizing: border-box;

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;  */

  justify-content: space-between;

  padding-bottom: 40px;

  padding-top: 30px;



  max-width: 82%;

  margin:auto;



}

.footer-top .cw-30{

  width: 29%;

}

.footer-top .cw-70{

  width: 65%;

}

.footer-top .cw-70 .cw-33{

  width: 31%;

  margin-right: 4%;

}

.footer-top .cw-70 .cw-33:last-child{

  margin-right: 0;

}



.footer-top li a,

.footer-top p{

  color:#f6e6c2;

  font-family: 'PT Sans Caption', sans-serif;

  font-weight: 400;

  font-size: 15px;



}

.footer-top li a:hover{

  color:#fe9826;

}



.footer-top p{

  line-height: 1.7;

}

.footer-top li a{

  line-height: 1.9;

}



.footer-top h5{

  font-family: 'PT Sans Caption', sans-serif;

  font-weight: 700;

  color:#fff;

  font-size: 20px;

  position: relative;

  margin-bottom: 26px;

}



.footer-top h5::before{

  content: '';

  position: absolute;

  height: 3px;

  background: #fff;

  width: 30px;

  top:-14px;

}





.footer-btm{

    width: 100%;
    box-sizing: border-box;

 /* display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;  */

  flex-flow: column;

  justify-content: center;

  position: relative;

  z-index: 9;



  padding: 50px 0 0 0;

}

.footer-btm .footer-logo{
  width: 63px;
  margin:auto;

  margin-bottom: 40px;

}

.footer-btm p{

  text-align: center;

  color:#fff;

}



/**************/





.middle-bx-middle .gamer-info{

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

  /*align-items: center;*/





  padding:  10px 18px;

  box-sizing: border-box;

  position: relative;

  background: #b8a374;

  margin: auto;

  margin-bottom: 15px;

  flex-wrap: wrap;

}



.middle-bx-middle .gamer-info .text-wrap{

  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 81%;

  flex-wrap: wrap;

}



.middle-bx-middle .gamer-info .text-wrap .g-name{

  width: 22%;

}



.middle-bx-middle .gamer-info .text-wrap .g-info{

  width: 78%;

}



.middle-bx-middle .gamer-info .s-day{

  width:19%;

}



.gamer-info p{

  margin-bottom: 0;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  font-size: 17px;

}



.middle-bx-middle .img-wrp{

  padding-bottom: 30px;

}



.middle-bx-middle .news-info-wrap{

  position: relative;

  margin-bottom: 35px;

  padding-bottom: 35px;

}



.middle-bx-middle .news-info-wrap::after{

  position: absolute;

  content: '';

  height: 2px;

  width: 100%;

  bottom: 0;

  background: rgb(179,144,90);

  background: linear-gradient(90deg, rgba(179,144,90,0) 0%, rgba(179,144,90,1) 25%, rgba(179,144,90,1) 50%, rgba(179,144,90,1) 75%, rgba(179,144,90,0) 100%);

  display: block;

}



.news-info-wrap .gamer-details{

  padding-right: 10%;

  padding-bottom: 18px;

}



.news-info-wrap .gamer-details p{

  margin-bottom: 15px;

  font-size: 18px;

}



.middle-bx-middle .news-foot p{

  font-size: 14px;

  line-height: 1.2;

}

.middle-bx-middle .news-foot p a{

  text-decoration: underline;

}



.home-banner-slider .owl-item img{

  display: block;

  width: 100%;

  max-width: 100%;

  object-fit: cover;

  object-position: center;

}



.middle-bx-middle .news-cntn .news-info-wrap:last-child .g-info p{

  color:#fff;

}

.middle-bx-top sup{

  font-size: 12px;

}







/* Contact page css start */



.inner-bannr{

  position: relative;

}

.inner-bannr::after {

   /* content: '';

    position: absolute;

    width: 100%;

    height: 14px;

    background: url(../images/brdr-btm.png) repeat-x;

    background-size: auto;

    z-index: 9;

    bottom: -12px;*/



    content: '';

    position: absolute;

    background: url(../images/middle-cover-foot-bg.png) repeat-x;

    height: 7px;

    width: 100%;

    left: 0;

    bottom: -6px;

}





.inner-bannr .brdcrmb{

  width: 260px;
  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

  justify-content: center;

  align-items: center;

  top:50%;

  transform: translateY(-50%);

  flex-flow: column;

  max-width: 260px;

  border:2px solid #382418;

  background: #000000;

  padding: 23px 15px 30px 15px;

  box-sizing: border-box;

}



.inner-bannr::before{

  content:'';

  position: absolute;

  background: url(../images/contact-ovrlay.png) no-repeat;

  height: 100%;

  width: 100%;

  background-size:cover;

}



.inner-bannr .brdcrmb h2{

  font-size: 18px;

  font-weight: 500;

  font-family: 'Roboto', sans-serif;

  color: #fff;

  text-align: center;

  text-transform: uppercase;

}



.inner-bannr .image-wrap{

  line-height: 0;

}





.brdcrmb .brdcrmb-list{

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.brdcrmb .brdcrmb-list li{

  margin-right:5px;

}

.brdcrmb .brdcrmb-list li,

.brdcrmb .brdcrmb-list li a{

  color:#90b41a;

  font-size: 16px;

}

.brdcrmb .brdcrmb-list li a:hover{

  text-decoration: underline;

}



.sub-container{

  background: url(../images/middle-cover-bg.png) repeat-y;

  width: 100%;

  height: 100%;

  max-width: 1244px;

  margin: auto;

  background-size: 100%;



  box-sizing: border-box;

  padding: 90px 75px;

  position: relative;

}



.sub-container::before{

    content: '';

    position: absolute;

    background: url(../images/middle-cover-top-bg.png) repeat-x;

    height: 7px;

    width: 100%;

    left: 0;

    top: -5px;

}

.sub-container::after{

    content: '';

    position: absolute;

    background: url(../images/middle-cover-foot-bg.png) repeat-x;

    height: 7px;

    width: 100%;

    left: 0;

    bottom: -6px;

}





.contact-frm-wrp{



}



.contact-frm-wrp form{

     border: 2px solid #bda062;

    -webkit-border-bottom-right-radius: 15px;

    -webkit-border-bottom-left-radius: 15px;

    -moz-border-radius-bottomright: 15px;

    -moz-border-radius-bottomleft: 15px;

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

    background: rgba(247,219,166,.4);

    margin-top:-8px;

}



.cmn-head{

  position: relative;

  align-items: center;

  justify-content: center;

  min-height: 62px;

   -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  -o-border-radius: 8px;

  border-radius: 8px;

  background: url(../images/comn-head1.jpeg) no-repeat;

  background-size: cover;

  -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

}



.cmn-head h5{

  text-align: center;

  position: relative;

  z-index: 99;

  font-size: 20px;

  font-weight: 500;

}

/* IE11 */
*::-ms-backdrop, .cmn-head h5 { top:15px; }



.contact-frm-wrp form{

  padding:40px;

  padding-top: 50px;

  box-sizing: border-box;

}



.contact-frm-wrp .frm-rw{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;



}



.contact-frm-wrp .frm-rw .cw-50{

  width: 48%;

  margin-bottom: 20px;

}



.contact-frm-wrp .frm-rw .cw-50 select:focus{

  border: 2px solid #90b41a;

}



{

  padding: 11px 8px;

  box-sizing: border-box;

  min-height: 50px;

}





/* Reset Select */



/* Remove IE arrow */

.contact-frm-wrp .frm-rw .cw-50 select::-ms-expand {

  display: none;

}

/* Custom Select */

.contact-frm-wrp .frm-rw .cw-50 .select-box {

  position: relative;

  display: -webkit-box;

  display: flex;

  /*width: 20em;*/

  /*height: 3em;*/

  line-height: 55px;

  background: #2c3e50;

  overflow: hidden;

  border:2px solid #857558;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

.contact-frm-wrp .frm-rw .cw-50 .select-box:hover{

  border:2px solid #90b41a;

}

.contact-frm-wrp .frm-rw .cw-50 select {



  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  appearance: none;

  outline: 0;

  box-shadow: none;

  border: 0 !important;

  background: #2b303a;

  background-image: none;



  padding-left: 20px;

  -webkit-box-flex: 1;

  flex: 1;



  color: #fff;

  font-size: 15px;

  cursor: pointer;

}

*::-ms-backdrop, .contact-frm-wrp .frm-rw .cw-50 select {
    height:35px;
}

*::-ms-backdrop, .contact-frm-wrp .frm-rw .cw-50 #slct {
    height:35px !important;
}

/* Arrow */

.contact-frm-wrp .frm-rw .cw-50 .select-box::after {

  content: '\25BC';

  position: absolute;

  top: 0;

  right: 0;

  padding: 0 1em;

  background: #34495e;

  cursor: pointer;

  pointer-events: none;

  -webkit-transition: .25s all ease;

  transition: .25s all ease;

  height: 100%;

  color:#fe9826;

}

/* Transition */

.contact-frm-wrp .frm-rw .cw-50 .select-box:hover::after {

  color: #90b41a;

}









.contact-frm-wrp .frm-rw label{

  display: block;

  margin-bottom: 10px;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  font-size:15px;

}

.contact-frm-wrp .cw-100{

  width: 100%;

  margin-bottom: 20px;

}



.contact-frm-wrp .frm-rw input[type="text"],

.contact-frm-wrp .frm-rw input[type="email"],

.contact-frm-wrp .frm-rw textarea{

  border:2px solid #857558;

  width: 100%;

  display: block;

  line-height: 55px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  text-indent: 20px;

  background: transparent;

}

*::-ms-backdrop, .contact-frm-wrp .frm-rw input {
    height: 40px;
}

*::-ms-backdrop, .contact-frm-wrp .frm-rw select {
    height: 40px;
}

.contact-frm-wrp .frm-rw input[type="text"]:focus,

.contact-frm-wrp .frm-rw input[type="email"]:focus,

.contact-frm-wrp .frm-rw textarea:focus{

  border:2px solid #90b41a;

}



.contact-frm-wrp .frm-rw textarea{

  resize: none;

  min-height: 178px;

  resize: none;

  text-indent: 20px;

}



.contact-frm-wrp .frm-rw-sbmt{

  width: 100%;

  margin-top:10px;

}



.contact-frm-wrp .sbmt-btn{

  background: url(../images/submit-bg.png) no-repeat;

  width: 160px;

  min-height: 44px;

  margin: auto;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: center;

  align-items: center;

  color:#fff;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

}



.contact-frm-wrp .sbmt-btn:hover{

  color:#fe9826;

}



.read-more{

  text-transform: uppercase;

}



.read-more:hover{

  text-decoration: underline;

}





.donation-page .image-wrap img{

  display: block;

  margin:auto;

}



.donation-page .image-wrap{

  margin-bottom:15px;

}



/*.donation-page h2{

  text-align: center;

  text-transform: uppercase;

  font-size: 40px;

  font-weight:700;

  text-shadow: 2px 0px 0px rgba(0,0,0,0.6);

}*/



.donation-page p{

  text-align: center;

}



.donation-page .tick-box{

  margin-bottom:30px;

}



.donation-page .tick-box img{

  display: block;

  margin:auto;

}



.donation-page .cmm-h2{

  text-transform: uppercase;

}



/* Contact page css end */



.downld-pg-top{

  box-sizing: border-box;

  margin-bottom: 40px;

}



.dnld-tp-cnt{

  padding: 50px 62px 25px 62px;

  box-sizing: border-box;

  border: 2px solid #bda062;

  background: rgba(247,219,166,.4);

  margin-top:-8px;

  -webkit-border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

}



.downld-pg-top p{

  text-align: center;

}



.dnld-page-cont{

  justify-content: space-between;

  align-items: center;

}

.dnld-page-cont .img-wrp{

  width: 12%;

}

.dnld-page-cont .dnld-cnt{

  width: 74%;

}



.dnld-cnt .sw-dnld{

  justify-content: center;

}

.sw-dnld .cw-50{

  width: 192px;

  background: #140901;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  overflow: hidden;

  -webkit-box-shadow: 0px 0px 19px -5px rgba(148,138,148,1);

  -moz-box-shadow: 0px 0px 19px -5px rgba(148,138,148,1);

  box-shadow: 0px 0px 19px -5px rgba(148,138,148,1);

  margin:30px 0;

}



.sw-dnld .cw-50:first-child{

  margin-right: 14px;

}



.sw-dnld .cw-50 img{

  display: block;

  margin:auto;

}



.sw-dnld .cw-50 .image-wrap{

  min-height: 80px;

  align-items: center;

  justify-content: center;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  border: 1px solid #5c3911;

  border-bottom: none;

}


*::-ms-backdrop, .sw-dnld .cw-50 .image-wrap{
    width: 43px;
    margin: auto;
    margin-top: 15px;
}


.sw-dnld .ft-txt{



}

.ft-txt a{

  border-top:1px solid #462a09;

  color:#90b41a;

  font-size: 13px;

  text-align: center;

  display:block;

  text-transform: uppercase;

  padding: 6px 5px;

  background: url(../images/ft-txt-bg.png) no-repeat;

}



.ft-txt a:hover{

  color:#fe9826;

}





.tp-txt1{

  color:#db1006;

  font-weight: 500;

}

.tp-txt1 a{

  font-weight: inherit;

}



.tp-txt1 a:hover{

  /*text-decoration: underline;*/

}





.downld-pg-bttm{

  box-sizing: border-box;

  margin-bottom: 40px;

}



.downld-bttm-cnnt{

  border: 2px solid #bda062;

  background: rgba(247,219,166,.4);

  box-sizing: border-box;

  margin-top: -12px;

  margin-bottom: 40px;

  -webkit-border-top-left-radius: 15px;

  -webkit-border-top-right-radius: 15px;

  -moz-border-radius-topleft: 15px;

  -moz-border-radius-topright: 15px;

  border-top-left-radius: 15px;

  border-top-right-radius: 15px;

}

.downld-bttm-cnnt p{

  text-align: center;

  margin-bottom: 20px;

}



.downld-pg-bttm .video-area{

  height: 567px;

  /*border: 2px solid #956716;

  margin-bottom:30px;*/

}



.downld-pg-bttm .video-area iframe{

  padding: 0;

  margin:0;

  width: 100% !important;

  height: 100% !important;



}



.dnld-btm{

  max-width: 198px;

  margin:auto;

  text-align: center;

  text-transform: uppercase;

  background: url(../images/dnld-btm-bg.png) no-repeat;

  height: 44px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;



  color:#90b41a;





  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;



  align-items: center;

  justify-content: center;

}



.dnld-btm:hover{

  color: #fe9826;

}





.container-1010{

  max-width: 1010px;

  margin:auto;

  background: #140901;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  padding: 20px;

  box-sizing: border-box;

  border:1px solid #5c3911;

  margin-bottom: 180px;

}



.container-1010 .usr-dtail{

  border: 1px solid #3f2507;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

    background: url(../images/faq-usr-bg.jpeg) no-repeat;

  background-size: cover;

  overflow: hidden;

  padding: 15px 20px;

  justify-content: space-between;

  margin-bottom: 40px;

  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);

box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);

}





.usr-dtail .img-wrap{

  align-items: center;

  justify-content: center;

  width: 94px;

  height: 94px;



  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background: #c4c3c6;



  margin-left: 10px;

  margin-right: 36px;

}



.usr-dtail .img-wrap img{

  margin: auto;

  display: block;

}





.usr-dtail .col-75{

  /*width: 70%;*/

  align-items: center;

}

.usr-dtail .col-25{

  /*width: 25%;*/

}



.usr-dtail .usr-info h6{

  color:#eed398;

  font-weight: 400;

  font-size: 16px;

  text-transform: uppercase;

}



.usr-dtail .usr-info p{

  color:#fff;

   font-weight: 400;

  font-size: 16px;

}

.usr-dtail .usr-info p a{

  color:#fff;

   font-weight: 400;

  font-size: 100%;

}





.usr-edit-btn{

  text-transform: uppercase;

  color:#90b41a;

  font-size: 14px;

  background: #000000;

  border: 2px solid #382418;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;



  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 148px;

  height: 43px;



  align-items: center;

  justify-content: center;

}



.usr-edit-btn:hover{

  color:#fe9826;

}



.two-step{

  justify-content: space-between;

}



.two-step p{

  color:#eed398;

}



.two-step p img{

  margin-right: 6px;

}



.two-step h5{

  margin-bottom: 30px;

  font-size: 17px;

  font-weight: 500;

}



.two-step .col-75 .usr-edit-btn{

  margin-left: 22px;

  text-transform: none;

}





.two-step .col-25 .usr-edit-btn{

  margin-right: 22px;

}



.two-step .col-75{

  width: 70%;

}



.bakup-btn{



  color:#90b41a;

  font-size: 14px;

  background: #000000;

  border: 2px solid #382418;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;



  display: -webkit-box;

  display: -moz-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 148px;

  height: 43px;



  align-items: center;

  justify-content: center;

  overflow:hidden;



  background: url(../images/bakup-btn-bg.png) no-repeat;

}



.bakup-btn:hover{

  color:#fe9826;

}







/*store page css start */



.stre-pg{

  padding-top: 60px;

  position: relative;

}



.stre-container{

  box-sizing: border-box;

  margin-bottom: 180px;

}



.stre-container .topsec{

  width: 100%;

  margin-bottom: 30px;

}



.tp-cntr-sk{

  max-width: 87%;

  margin: auto;

}



/*.tp-cntr-sk h2{

  font-size: 40px;

  text-align: center;

  text-shadow: 1px 1px 0px rgba(0,0,0,1);

}*/

.tp-cntr-sk p{

    text-align: center;

}



.topsec .left-tp-img{

  position: absolute;

  left: 40px;

  top: 30px;

}



.topsec .right-tp-img {

    position: absolute;

    right: 2px;

    top: 42px;

}



.stre-container .bottom-sec{

  background: url(../images/stor-bg.jpeg) repeat-y;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  max-width: 1010px;

  margin: auto;

  padding: 38px 15px 16px 15px;

  box-sizing: border-box;

  align-items: center;

  overflow: hidden;

  justify-content: space-between;

}





.btm-cntr-sk h5{

  text-align: center;

  color: #eed398;

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 12px;

}





.btm-cntr-sk p{

  text-align: center;

  color:#fff;

  margin-bottom: 10px;

}





.stre-container .bottom-sec .left-btm-img{

  width: 20%;

}



.stre-container .bottom-sec .btm-cntr-sk{

  width: 50%;

}





.bottom-sec .two-btn-wrap{

  margin: auto;

  justify-content: center;

  margin-bottom: 54px;

}

.bottom-sec .two-btn-wrap .usr-edit-btn:last-child{

  margin-left: 8px;

}



.payment-media ul{

  align-items: center;;

  justify-content: center;

  padding: 10px 14px;

  box-sizing: border-box;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  background: #f7f7f7;

  max-width: 380px;

  margin:auto;

  margin-bottom: 4px;

}



.payment-media ul li{

  margin-right: 8px;

}

.payment-media ul li img{

  display: block;

}



.payment-media ul li:last-child{

  margin-right:0;

}



.specal-btn ul{

  max-width: 170px;

  margin:0 auto;

  background: #fff;

  padding: 5px 5px;

  box-sizing: border-box;

  align-items: center;

  justify-content: center;

  -moz-border-radius:50px;

  -webkit-border-radius:50px;

  border-radius:50px;

}

.specal-btn ul li{

  margin-right: 4px;

}

.specal-btn ul li img{

  display: block;

}

.specal-btn ul li:last-child{

  margin-right: 0;

}



/*store page css end */




/* media page css start */

.media-wrap {
    max-width: 910px;
    margin:auto;
    position: relative;
}

.media-wrap h2 {
    font-size: 2em;
}

.media-wrap h2, .media-wrap p  {
    text-align: center;
}

/* media page css end */





/*tos page css start */





.tos-wrap{
  max-width: 910px;
  margin:auto;
  position: relative;
}



.tos-wrap .right-sk{

    position: absolute;

    right: -100px;

    top: -26px;

}

.tos-wrap .left-sk {

    position: absolute;

    left: -100px;

    top: -26px;

}

.tos-wrap  img.media  {
    margin: auto;
    margin-bottom:15px;
}


.cmm-h2{

  font-size: 40px;

  text-align: center;

  text-shadow: 1px 1px 0px rgba(0,0,0,1);

  margin-bottom: 25px;

}

.cmm2-h2{

  font-size: 30px;

  text-align: center;

  text-shadow: 1px 1px 0px rgba(0,0,0,1);

  margin-bottom: 25px;

  color:#c89514;

}

.tos-wrap p{

  text-align: center;

  margin-bottom: 30px

}

.tos-middle{

  margin-bottom:50px;

}



.tos-middle .rst-cnnt{

  padding:30px 70px;

  box-sizing: border-box;



   border: 2px solid #bda062;

  background: rgba(247,219,166,.4);

  -webkit-border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  margin-top: -8px;

}



.tos-top{

  margin-bottom: 30px;

}



.middle-sk p:last-child{

  margin-bottom: 0;

}

/*tos page css end */



.pg-not-found .image-wrap{

  margin:auto;

  margin-bottom: 40px;

  max-width: 90%;

}

.pg-not-found .image-wrap img{

  object-fit: cover;

  object-position: center;

  display: block;

  width: 100%;

}





.pg-not-found h3{

  text-transform: uppercase;

  font-size: 32px;

  text-align: center;

  font-weight: 500;

  color:#2e1b04;

}





.panel-heading.forum-title{



}

.panel-footer .text-up{

  float:right;

  font-size: 16px;

  margin-top: 2px;

}

.panel-footer .text-up{

  display: none;

}

.panel-body.forum-body p:last-child{

  display: inline;

}

.panel-footer{

  display: inline;

}

.panel-body.forum-body{

  display: inline;

}



.discord{

  max-width: 275px;

  margin:auto;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  overflow: hidden;

  border:1px solid #6375b0;

}

.discord p{

  margin-bottom: 0;

}

.discord .discord-head{

  background: #7289da;

  padding: 14px 12px;

  box-sizing: border-box;

  justify-content: space-between;

  align-items: center;

  border-bottom:1px solid #363d55;

}

.discord .discord-head .member-online p{

  font-size: 13px;

  font-weight: 400;

  color:#fff;

}

.discord .discord-foot{

  background: #212226;

}

.discord-body{

  background: #4f4d49;

  min-height: 80px;

  align-items: center;

}



.discord-body .icon-wrap{

  padding-left: 22px;

  padding-right: 10px;

}



.discord-body p{

  font-size: 16px;

  font-weight: 300;

  font-family: 'Roboto', sans-serif;

  color:#fff;

}



.discord-foot{

  justify-content: space-between;

  align-items: center;

  padding: 14px 12px;

  box-sizing: border-box;

}



.discord-foot .discord-text p{

  font-family: 'PT Sans Caption', sans-serif;

  font-size: 10px;

  color:#494b4c;

}



.dscrd-btn{

  font-family: 'PT Sans Caption', sans-serif;

  font-size: 11px;

  color:#dddfe2;



  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;



  align-items: center;

  justify-content: center;

  background: #171d23;

  border:1px solid #212226;



  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  width: 68px;

  margin:auto;

}



.dscrd-btn:hover{

  color:#fe9826;

}



/* Storage 01 page start */



.stre-pg-01{

  /*margin-top: -250px;  */

}



.stre-01-container{

  margin-top: -50px;

  position: relative;

}



.stre-01-container .topsec .left-tp-img{

  position: absolute;

  max-width: 100%;

  top: 66px;

  left: 0;

}

.stre-01-container .topsec .right-tp-img{

  position: absolute;

  max-width: 100%;

  top: 66px;

  right: 0;

}



.stre-pg-01 .tp-cntr-sk .image-wrap{

  margin-bottom: 15px;

}



.stre-pg-01 .tp-cntr-sk .image-wrap img{

  display: block;

  margin: auto;

}



.stre-01-container .tp-cntr-sk .sw-dnld{

  justify-content: center;

}



.stre-01-container .tp-cntr-sk .sw-dnld .image-wrap{

  margin-bottom: 0;

  min-height: 95px;

  align-items: center;

}



.stre-middle-sec{

  background: url(../images/store-01-bg.jpeg ) repeat-y;
  /*background: url(../images/stor-bg.jpeg ) repeat-y;*/

  background-size: 140%;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  padding: 40px 30px;

  box-sizing: border-box;

  justify-content: space-between;

  margin:30px auto;

  align-items: center;

  position: relative;

}



.stre-middle-sec .left-wrap {

  position: absolute;
  left: 30px;
  bottom: 30px;
}
.stre-middle-sec .left-wrap img {
    max-height: 170px;
}


.stre-middle-sec .right-wrap {

  position: absolute;
  right: 10px;
  bottom: 30px;
}
.stre-middle-sec .right-wrap img {
    max-height: 170px;
}


.category-filter-list {
    justify-content: flex-start;
}
.category_item {
    color: #fff;
    text-transform: uppercase;
    height: 130px;
    margin-right: 15px;
    margin-bottom: 45px;
    padding: 5px;
}
.category_item img {
    border: none !important;
    background: none !important;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.category_item img:hover {
    cursor: pointer;
}


.category-item {
    cursor: pointer;
    background: #000 !important;
    color: #fff;
    text-transform: uppercase;
    margin: 5px;
    padding:2px;

}

.category-item .img-thumbnail {
    background: #000 !important;
    width:130px;
    height:130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-item .img-thumbnail img {
    max-width: 120px !important;
    max-height: 120px !important;
}

.product-item {
    width: auto;
    min-width: 209px;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    margin-bottom: 10px;
}

.product-item img {
    height: 100px;
    max-height: 100px;
    min-height: 100px;
}

.stre-middle-sec {
    min-height: 460px;
}

/* Storage 01 page end */



.store-btn{

  background:#000000;

  border: 2px solid #382418;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  color:#90b41a;

  font-size: .9em;

  width: auto;

  height: auto;

  margin: auto;

  padding: 10px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 20px;

}

.store-btn {
    display: inline-block;
}

.store-btn:hover{

  color:#fe9826;

}

.store-btn.proceed {
    font-size: 1.1em;
    padding: 17px 14px 14px 14px;
}

.product-image {
    border: none !important;
    background: none !important;
    height: auto;
    max-height: 100px;
}


.category-product-img {
    max-height:100px;
}


.stre-pg-01 .stre-middle-sec .centr-wrap{

  max-width: 66%;

  margin: auto;

}



 .stre-pg-01 .stre-middle-sec .centr-wrap h5{

  text-align: center;

  color:#eed398;

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 20px;

 }



 .stre-pg-01 .stre-middle-sec .centr-wrap p{

  color:#fff;

  text-align: center;

 }



 .stre-pg-01 .stre-middle-sec .centr-wrap input,.stre-pg-01 .stre-middle-sec .centr-wrap select {

  width: 100%;

  margin:auto;

 }



 .stre-middle-sec .centr-wrap select{

    border: 2px solid #857558;

    width: 100%;

    display: block;

    line-height: 55px;

    font-weight: 400;

    font-size: 16px;

    border: none;

    padding: 12px 7px;

    margin-bottom: 20px;

 }


  .stre-middle-sec .centr-wrap input[type="text"],
  .stre-middle-sec .centr-wrap input[type="text"]:focus {

    line-height: 43px;

    background: #392005 !important;

    color: #fff !important;

    display: block;

    padding-left: 10px;

    width: 100%;

    margin-bottom: 20px;

  }
.stre-middle-sec .centr-wrap input[type="text"]::placeholder {
    background: #392005 !important;
    color: #fff !important;
    padding-left: 5px;
}


  .stre-middle-sec .centr-wrap p{

    color:#eed398;

    text-align: center;

  }



  .store-01-bttm{

    max-width: 900px;

    margin:auto;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

    background: rgba(247,219,166,.4);

    border:1px solid #a2844f;

    margin-bottom: 30px;

  }



  .store-01-bttm .store-01-head{

    background: url(../images/store1-head-bg.jpeg) no-repeat;

    align-items: center;

    justify-content: center;

    min-height: 58px;

    border-bottom: 6px solid #000000;

  }



  .store-01-bttm .store-01-head h5{

    text-align: center;

  }



  .store-01-bdy{

    padding: 20px 30px;

    box-sizing: border-box;

  }

  .store-01-bdy .item {
      margin-bottom: 15px;
  }

  .store-01-bdy .item.pad {
      margin-bottom: 20px;
  }

  .store-01-bdy .item img {
     margin-right: 5px;
  }

  .store-01-bdy p {
      font-weight: bolder !important;
      margin-bottom: 2px;
  }

  .store-01-bdy ul li{

    line-height: 1.8;
    text-align:center;
    padding-left: 28px;

    position: relative;

    margin-bottom: 0;

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

  }



  .store-01-bdy ul li::before{

    content:'';

      /*
    position: absolute;

    left:0;

    background: url(../images/arrw.png) no-repeat; */

    width: 12px;

    height: 12px;

    top:6px;

  }



  .store-01-foot{

    max-width: 900px;

    margin:auto;

    justify-content: space-between;

    max-width: 900px;

  }



  .store1-foot-box{

    width: 32%;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

    background: rgba(247,219,166,.4);

    border: 1px solid #a2844f;

    margin-bottom: 30px;

  }



  .store1-foot-box .tp-content{

    padding: 20px 30px;

    box-sizing: border-box;

    min-height: 125px;

  }

  .store1-foot-box .tp-content ul{

    width: 100%;

  }



  .store1-foot-box .tp-content li{

    width: 15%;

    display: inline-block;

    margin-bottom: 10px;

  }



  .bttm-content{

    background: #000;

    padding: 16px 10px;

  }



  .bttm-content h6{

    color:#90b41a;

    font-size: 16px;

    text-align:center;

    font-weight: 400;

    font-family: 'Roboto', sans-serif;

  }

.bttm-content h6 a{

  color: inherit;

  font-weight: inherit;

  font-size: inherit;

}





  .payment-part{

    max-width: 580px;

    margin:auto;

  }



  .payment-head h6{

    text-align: center;

    color:#ffca00;

    font-size: 24px;

    font-weight: 700;

    font-family: 'Roboto', sans-serif;



    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #131eaa;

    -webkit-text-fill-color: #ffca00;

    text-shadow: 3px 2px 4px rgba(19,30,170,0.66);

  }



  .payment-bdy .specal-btn h6{

    color:#fd3600;

  }



  .payment-part .payment-bdy{

    justify-content: space-between;

    align-items: flex-end;

    margin-bottom:30px;

    max-width: 460px;

    margin:auto;

  }



  .payment-bdy .specal-btn ul{

    margin-bottom: 15px;

  }



  .payment-part .payment-bdy .bit-coin,

  .payment-part .payment-bdy .bit-bar,

  .payment-part .payment-bdy .specal-btn{

    margin-bottom: 30px;

  }



  .payment-foot{

    background: #f7f7f7;

    -moz-border-radius: 15px;

    -webkit-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

    align-items: center;



    box-sizing: border-box;

    flex-wrap: wrap;

    justify-content: flex-start;

  }



.payment-foot li{

  padding: 13px 8px;

}



.payment-foot li:first-child{

  /*margin-right: 1.2%;*/

  position: relative;

}

.payment-foot li:first-child::after{

  position: absolute;

  content: '';

  width: 1px;

  height: 200%;

  background: #e9e0ca;

  right:0;

  top:-28px;

}





.payment-foot li:last-child{

  margin-right: 0;

}





.highscore-wrp{



}



.highscore-wrp p{

  text-align: center;

}



.highscore-rest{

    padding: 60px 15px;

    box-sizing: border-box;

    border: 2px solid #bda062;

    -webkit-border-bottom-right-radius: 15px;

    -webkit-border-bottom-left-radius: 15px;

    -moz-border-radius-bottomright: 15px;

    -moz-border-radius-bottomleft: 15px;

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

    background: rgba(247,219,166,.4);

    margin-top: -8px;

}

.highscore-rest .image-wrap{

  margin:30px auto;

}

.highscore-rest .image-wrap img{

  margin: auto;

  display: block;

}



.score-status{

  max-width: 876px;

  margin:auto;

  justify-content: center;

  flex-wrap: wrap;

  gap: 20px;

}



.score-status .score-position{

  flex: 1 1 240px;

  max-width: 280px;

  margin: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  border:1px solid #462a09;

  flex-flow: column;

  padding: 12px 16px;

  box-sizing: border-box;

  background: url(../images/score-position.jpeg) no-repeat;

  background-size:cover;

  height: 100%;

  box-shadow: 0 10px 18px rgba(0,0,0,0.35);

  transition: transform .2s ease, box-shadow .2s ease;

}

.score-status .score-position:hover{

  transform: translateY(-4px);

  box-shadow: 0 14px 24px rgba(0,0,0,0.45);

}

.score-status .score-position  p{

  margin-bottom: 0;

}



.score-status .lable-head{

  text-align: center;

  color:#fff;

}



.score-status .score-point{

  text-align: center;

  color:#90b41a;

}



.score-status .score-point:hover{

  color:#fe9826;

}



#myModal-vote{



}



.cmm-mdl-bg{

  border: 2px solid #956716;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  max-width: 700px;

  overflow: hidden;

  background: url(../images/modal-bg.jpeg);

}



.cmm-mdl-bg .modal-content{

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  background: rgba(247,219,166,.4);

}



.cmm-mdl-bg .modal-header .modal-title{

  text-align: center;

  width: 100%;

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  color:#eed398;

  font-weight: 500;

}



.cmm-mdl-bg .modal-header{

  position: relative;

  background: url(../images/modal-head-bg.jpeg) no-repeat;

  width: 100%;

  border: none;

}



.cmm-mdl-bg .modal-header .close{

  position: absolute;

  right:20px;

  border: none;

  outline:none;

  color:#ab9a76;

  font-size: 16px;

}



.cmm-mdl-bg .modal-header .close::after{

  content: '';

  position: absolute;

  height: 24px;

  width: 24px;

  border: 1px solid #ab9a76;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  left: 11px;

  bottom: 11px;

}



.vote-login{

  background: url(../images/voter-btn.jpeg) no-repeat;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  min-height: 66px;

  align-items: center;

  justify-content: center;

  margin:auto;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  width: 100%;

  font-weight: 400;

  font-size: 18px;

  color:#fff;

  background-size: cover;

}



.vote-login:hover{

  color:#fe9826;

}



.register-btn{

  background: url(../images/register-bg.jpeg) no-repeat;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  min-height: 66px;

  align-items: center;

  justify-content: center;

  margin:auto;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  width: 100%;

  font-weight: 400;

  font-size: 18px;

  color:#eed398;

  background-size: cover;

}



.register-btn:hover{

  color:#fff;

}



.cmm-mdl-bg form{

  flex-flow: column;

}



.cmm-mdl-bg form p{

  width: 100%;

  text-align: center;

  color:#000000;

  margin-bottom: 0;

}



.cmm-mdl-bg .modal-body{

  padding: 60px;

  box-sizing: border-box;

}



.cmm-mdl-bg .modal-body input[type="text"],

.cmm-mdl-bg .modal-body input[type="password"],

.cmm-mdl-bg .modal-body input[type="email"]{

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  border:1px solid #857558;

  line-height: 60px;

  background: transparent;

  text-indent: 15px;

  display: block;

  width: 100%;

}



.cmm-mdl-bg .modal-body input[type="text"]:focus,

.cmm-mdl-bg .modal-body input[type="password"]:focus,

.cmm-mdl-bg .modal-body input[type="email"]:focus{

  border:1px solid #90b41a;

  background: transparent;

}



.cmm-mdl-bg .frm-rw{

  margin-bottom: 30px;

}



#myModal-user .forgot-password{

  justify-content: space-between;

}



#myModal-user .forgot-password a:hover{

  text-decoration: underline;

}



#myModal-user .forgot-password p{

  display: inline-block;

  margin-bottom: 0;

  margin-left:5px;

}



.forgot-password .clw-50.dFlx{

  align-items: center;

}



.cmm-mdl-bg ul li{

  font-size: 15px;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

}

.cmm-mdl-bg ul li a:hover{

  text-decoration: underline;

}



.play-highscore-top{

    width: 100%;

    justify-content: space-between;

}



.play-highscore-top ul.tabs{

  justify-content: space-between;

  margin: 45px 4px;

  border: 2px solid #bda062;

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  background: rgba(247,219,166,.4);

  -webkit-border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

  padding: 36px 30px;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  margin-top: -8px;

}



.play-highscore-top ul li{

  color:#90b41a;

  background: #000000;

  border: 1px solid #382418;

  text-transform: uppercase;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  border-radius: 50px;



  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;



  min-height: 36px;

  align-items: center;

  justify-content: center;

  padding: 8px 20px;

  box-sizing: border-box;

  font-size: 12px;

}

.play-highscore-top ul li.current{

  color:#fff;

}







.play-highscore-bttm{

  box-sizing: border-box;

  width: 100%;

  flex-wrap: wrap;

}



.play-highscore-bttm .tab-content{

  width: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: space-between;

}

.play-highscore-bttm .tab-content{

  display: none;

}



.play-highscore-bttm .tab-content.current{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.play-highscore-bttm .game-cat{

  width: 220px;

  background: url(../images/category-side.png) no-repeat;

  background-size: no-repeat;

  min-height: 924px;

  position: relative;

}



.play-highscore-bttm .game-cat .tabs-nest{

  /*position: relative;*/

}



.play-highscore-bttm .game-cat::after{

  /*position: absolute;

  content: '';

  height: 136px;

  width: 100%;

  background: url(../images/category-bar-bttm1.png) no-repeat;

  background-size: contain;

  bottom: 240px;*/

}



.game-cat .cat-head{

    text-align: center;

    padding-top: 55px;

    padding-bottom: 24px;

    position: relative;

    background: url(../images/category-head.png) no-repeat;

    background-position-x: 0%;

    background-position-y: 0%;

    background-position: 15px 0px;

    color: #fff;

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 900;

}



.game-cat ul{



}



.game-cat ul li{

  padding-left: 46px;

  color:#eed398;

  font-size:14px;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

  margin-bottom: 4.5px;

  cursor: pointer;

}



.game-cat ul li:hover{

  color: #fe9826;

}



.play-highscore-bttm .gaming-table{

  width: 77%;



}



.game-cat .image-wrap img{

  display: block;

  margin:auto;

  position: absolute;

  left:0;

  right: 0;

  bottom: 0;

  margin:auto;

  z-index: 9;

}

.gaming-table .search-top{

  position: relative;



}

.gaming-table .search-top .search-area{

  background: url(../images/category-search-bg.jpeg) no-repeat;

  -moz-border-radius: 12px;

  -webkit-border-radius: 12px;

  border-radius: 12px;

  max-width: 270px;

  background-size: cover;

  padding: 20px;

  box-sizing: border-box;

  margin-bottom: 60px;

}

.gaming-table .img-wrp{

  position: absolute;

  right:35px;

  top:-18px;

  z-index: 9;

}



.search-area h6{

  font-weight: 400;

  font-size: 16px;

  color:#eed398;

  margin-bottom: 10px;

}



.search-area input{

  line-height: 27px;

  display: block;

}

.search-area input[type="text"]{

  width: 70%;

  text-indent: 8px;

}

.search-area input[type="submit"]{

  width: 30%;

  background: #eed398;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

}

.search-area input[type="submit"]:hover{

  color:#90b41a;

}





.cat-table{

  position: relative;

}



.cat-table table{

  width: 100%;

  -webkit-box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.75);

  -moz-box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.75);

  box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.75);

}



.cat-table::before{

  content: '';

  position: absolute;

  background: url(../images/table-head-bg.png) no-repeat;

  width:100%;

  height: 54px;

  top:-30px;

  background-size: 100%;

  transform: scale(1.03);

}



.cat-table::after{

  content: '';

  position: absolute;

  background: url(../images/table-foot-bg.png) no-repeat;

  width:100%;

  height: 54px;

  bottom: -49px;

  background-size: 100%;

  transform: scale(1.03);

}



.cat-table table thead{

  background: #f00;

  background: url(../images/table-head.jpeg) no-repeat;

  background-size:cover;

  border-radius: 10px !important;

  overflow: hidden !important;

  width:100%;

}





.cat-table table tr th{

  color:#eed398;

  font-size: 17px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  padding: 20px 30px;

  box-sizing: border-box;

  text-align: left;

}



#myModal-register{

  margin: auto;

}



.modal-footer.open-box{

  display: block;

}



.sign-up .modal-body .frm-rw p a{

  font-size: 14px;

  color:#000000;

}





.change-head{

  background: url(../images/bg01.png),url(../images/bg02.png),url(../images/bg03.png),#3b4862;

  background-size: auto 100%;

  background-repeat: no-repeat,repeat-x,no-repeat;

  background-position: left,center,right;

  height: 60px;

  align-items: center;

  justify-content: center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;



}



.change-head h5{

   text-align: center;

}



.cat-table table tbody tr:nth-child(odd) {

    background: rgba(247,219,166,.4);

}



.cat-table table tbody tr:nth-child(odd):hover{

  background: rgba(247,219,166,.8);

}



.cat-table table tbody tr:nth-child(even):hover{

  background: rgba(197,176,125,.6);

}





.cat-table table tr td{

    padding: 8px 15px 8px 30px;

    box-sizing: border-box;

    border-right: 1px solid #a58d60;

    font-size: 16px;

    font-weight: 400;

    font-family: 'Roboto', sans-serif;

}



.cat-table table tbody tr td a{

  color:#0c0c0c;

}

.cat-table table tbody tr td:hover a{

  color: #90b41a;

  /*color: #fe9826;*/

  /*color: #120f08;*/

}





.right-part .new-frame{

  margin-bottom:35px;

  background: #2b313b;

}





.discord-wrp{

  padding: 5px;

}





.downld-cnnt .tp-txt1{

  text-align: center;

  margin-bottom: 20px;

}



.downld-cnnt .btm-txt1{

  text-align: center;

  margin-bottom: 20px;

}



.downld-pg-bttm .cmn-head{

  /*background: url(../images/bg01.png),url(../images/bg02.png),url(../images/bg03.png),#3b4862;

  background-size: auto 100%;

  background-repeat: no-repeat,repeat-x,no-repeat;

  background-position: left,center,right;*/

}

.downld-pg-bttm .cmn-head::after{

  min-height: 0;

  background: none;

  content: '';

  position: absolute;

  width: 0;

  height: 0;

}







/*tabber css start*/





.play-highscore-top ul.tabs li{

  background: none;

  color: #222;

  display: inline-block;

  padding: 7px 20px;

  cursor: pointer;

  font-size: 12px;

  font-weight: 400;

  color:#90b41a;

  font-family: 'Poppins', sans-serif;

  background: #000;

  border:2px solid #382418;

  box-sizing: border-box;

  transition: 0.2s all ease-in-out;

}



.play-highscore-top ul.tabs li.current,

.play-highscore-top ul.tabs li:hover{

  background: #000;

  color: #fff;

  text-shadow: 0 2px 28px #fff;

}



.tab-content{

  display: none;

  padding: 15px;

}



.tab-content.current{

  display: inherit;

}



.child-content-wrap .tab-content-child{

  display: none;

}



.child-content-wrap .tab-content-child.child-current{

  display: block;

}





/*tabber css end*/





/* highscore innerpage css start */



.play-highscore-top .tab-content{



}



.game-cat{}



.cat-table{

  padding-top: 50px;

  background: rgba(247,219,166,.4);

}





.cat-table table{

  border-collapse: collapse;

  margin: 0;

  padding: 0;

  width: 100%;

  /*table-layout: fixed;*/

}



.cat-table table tr {

}





.cat-table table tr td img{

  vertical-align: middle;

  margin-right: 5px;

}



.game-cat ul li img{

  vertical-align: middle;

}





.table-pagina{

  padding-top: 60px;

  justify-content: space-between;

}



.table-pagina .pagi-prev{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  font-size: 13px;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  background: url(../images/paginason-btn.jpeg) no-repeat;

  align-items: center;

  justify-content: center;

  color:#fff;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  width: 120px;

  height: 46px;

}

.table-pagina .pagi-next{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  font-size: 13px;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  background: url(../images/paginason-btn.jpeg) no-repeat;

  align-items: center;

  justify-content: center;

  color:#fff;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  width: 120px;

  height: 46px;

}

.table-pagina .pagi-next:hover{

  color: #90b41a;

}

.table-pagina .pagi-prev:hover{

  color: #90b41a;

}



/* highscore innerpage css end */



.close-mdal1{

  display: none !important;

}



.cmm-mdl-bg label{

  margin-bottom: 0;

  font-size: 15px;

  font-weight: 400;

  font-family: 'Roboto', sans-serif;

  color:#000000;

}



/* checkbox style start  */



.cmm-mdl-bg  input[type=checkbox] + label {

  display: block;

  cursor: pointer;

}



.cmm-mdl-bg input[type=checkbox] {

  display: none;

}



.cmm-mdl-bg input[type=checkbox] + label:before {

  content: "\2714";

  border: 2px solid #857558;

  border-radius: 0.2em;

  display: inline-block;

  width: 22px;

  height: 22px;

  padding-left: 0.2em;

  padding-bottom: 0.3em;

  margin-right: 8px;

  vertical-align: bottom;

  color: transparent;

  transition: .2s;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 14px;

}

.cmm-mdl-bg input[type=checkbox] + label:active:before {

  transform: scale(0);

}



.cmm-mdl-bg input[type=checkbox]:checked + label:before {

  background-color: #060300;

  border-color: #857558;

  color: #fff;

}



.cmm-mdl-bg .forgot-password .clw-50{

  align-items: center;

}



/* checkbox style end  */





/* Faq page css start */

.accordian-wrp{

  margin-bottom: 33px;

}

.accordian-wrp .accordian-head{

  cursor: pointer;

  position: relative;

  align-items: center;

  min-height: 70px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  -o-border-radius: 8px;

  border-radius: 8px;

  background: url(../images/faq-head-bg.jpeg) no-repeat;

  background-size: cover;

  -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);

  padding: 0 45px;

  padding-right: 65px;

  box-sizing: border-box;

}

.accordian-wrp.show-content .accordian-body{

  display: block;

}

.accordian-wrp .accordian-body{

  padding: 45px;

  box-sizing: border-box;

  border: 2px solid #bda062;

  background: rgba(247,219,166,.4);

  margin-top: -8px;

  -webkit-border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  transition: .4s ease all;

}

.accordian-wrp .accordian-body{

    display: none;

}

.accordian-head h5{

  position: relative;

  width: 100%;

}

.accordian-head h5::after{

  position: absolute;

  content: '';

  background: url(../images/accordian-plus.png) no-repeat;

  height: 20px;

  width: 20px;

  right:-20px;

  top:-3px;

}

.accordian-wrp.show-content .accordian-head h5::after{

  position: absolute;

  content: '';

  background: url(../images/accordian-minus.png) no-repeat;

  height: 20px;

  width: 20px;

  right:-20px;

  top:-3px;

}



.accordian-body ul li{

  font-size: 16px;

  line-height: 1.6;

  margin-bottom: 10px;

  padding-left: 28px;

  position: relative;

}



.accordian-body ul li:last-child{

  margin-bottom: 0;

}



.accordian-wrp p:last-child{

  margin-bottom:0;

}





.accordian-body ul li::before{

  content: '';

  position: absolute;

  left:10px;

  top:10px;

  border-style: solid;

  border-width: 4px 0 4px 6px;

  border-color: transparent transparent transparent #0c0c0c;

}



/*.accordian-body ul li::bebore{

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 4px 0 4px 6px;

  border-color: transparent transparent transparent #0c0c0c;

}*/



/* Faq page css end */


.mobile-logo{
  display: none;
}


/* Landing apge css Start */

.landing-page{
    position: relative;
}

.landing-page::before {
    content: '';
    position: absolute;
    background: url(../images/landing-bnr-ovrlay.png) no-repeat;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.landing-page .landing-bnr-info{
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    width: 74%;
    z-index: 999;
}

.landing-page .play-now-btn{
    background: url(../images/landing-playnow-btn.png) no-repeat;
    height: 70px;
    color:#2d0302;
    font-size:24px;
    max-width: 264px;
    background-size: 100%;
    background-position: center center;
}

.landing-page .play-now-btn:hover{
    background: url(../images/landing-playnow-hover-btn.png) no-repeat;
    background-size: 100%;
    background-position: center center;
    color: #fff;
}

.landing-page .landing-bnr-info h1 .top-text{
    font-size: 30px;
    margin-bottom: 5px;
}

.landing-page .landing-bnr-info h1 .top-text1{
    font-size: 66px;
}

.landing-page .landing-bnr-info h1{
    margin-bottom: 10px;
}

.landing-content{
    position: relative;
    max-width: 1070px;
    margin:95px auto;
    margin-bottom: 30px;
    box-sizing: border-box;

}

.landing-content::before{
    content: '';
    position: absolute;
    background: url(../images/landing-top.png) no-repeat;
    height: 91px;
    background-size: 100%;
    width: 100%;
    background-position: center center;
    transform: scale(1.07);
    top: -56px;
}

.landing-content::after{
    content: '';
    position: absolute;
    background: url(../images/landing-bttm.png) no-repeat;
    height: 91px;
    background-size: 100%;
    width: 100%;
    background-position: center center;
    bottom: 0;
    transform: scale(1.07);
    bottom: -38px;
}

.landing-content .landing-top{
    justify-content: space-between;
    margin-bottom: 50px;
}
.landing-content .left-img{
    width: 20%;
    margin-top: -25px;
}
.landing-content .mddl-content{
    width: 80%;
}
.landing-content .right-img{
    width: 20%;
    margin-top: -25px;
}

.landing-content .right-img .img-wrap{
    float: right;
}

.landing-content .mddl-content h2{
    text-align: center;
    color:#32191c;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 36px;
}
.landing-content .mddl-content p{
    text-align: center;
}

.mddl-content .sm-para{
    padding: 0 55px;
    box-sizing: border-box;
}

.mddl-content .all-btn{
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.mddl-content .all-btn .new-user{
    background: #000000;
    border: 2px solid #382418;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #90b41a;
    width: 186px;
    line-height: 42px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mddl-content .all-btn .new-user:hover{
    color:#fe9826;
}

.mddl-content .all-btn .play-now{
    background: #000000;
    border: 2px solid #382418;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #90b41a;
    width: 136px;
    line-height: 42px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-left: 20px;
}

.mddl-content .all-btn .play-now:hover{
    color:#fe9826;
}


.landing-middle .landing-video-head{
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: url(../images/video-head-bg.jpg) no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);
    -moz-box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);
    box-shadow: 0px 4px 5px 1px rgba(41,28,13,0.5);
}

.landing-video-head h5{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color:#e2b770;
}

.landing-middle .landing-video-content{
    border: 2px solid #bda062;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: rgba(247,219,166,.4);
    margin-top: -8px;
    padding: 40px 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
}


.landing-video-content .video-wrp {
    height: 480px;
    margin-bottom: 26px;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.landing-video-content .video-area{

    height: 567px;

    /*border: 2px solid #956716;

    margin-bottom:30px;*/

}



.landing-video-content .video-area iframe{

    padding: 0;

    margin:0;

    width: 100% !important;

    height: 100% !important;



}

.landing-content .landing-bottm{
    box-sizing: border-box;
}

.landing-content .landing-bottm p{
    text-align: center;
}

.landing-content .landing-bottm p a:hover{
    text-decoration: underline;
}

.video-image-slider .img-thumbel{
    padding: 0 60px;
    box-sizing: border-box;
    position: relative;
}

.img-thumbel .item{
    margin: 0 10px;
}

.img-thumbel .img-wrp{
    padding: 10px;
    box-sizing: border-box;
    border:1px solid #c2a365;
    background: rgba(196,173,121,.5);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: block;
}

.img-thumbel .img-wrp img{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.video-image-slider{
    /* max-width: 95%;
     margin:auto;*/
}

.video-image-slider .img-thumbel .owl-nav{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;

    justify-content: space-between;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    right:0;
    margin:auto;
    outline: none;
    border:none;
    z-index: -1;
}

.video-image-slider .img-thumbel .owl-nav .owl-prev{
    background-color: transparent;
    color: transparent;
    height: 26px;
    width: 26px;
    background: url(../images/left-btn.png) no-repeat;
    outline: none;
    border:none;
    margin-left: 25px;
}
.video-image-slider .img-thumbel .owl-nav .owl-next{
    background-color: transparent;
    color: transparent;
    height: 26px;
    width: 26px;
    background: url(../images/right-btn.png) no-repeat;
    outline: none;
    border:none;
    margin-right: 25px;
}

/* Landing page Modal box css Start */

.landing-modal .modal-dialog .out-box {

}
.landing-modal .modal-dialog button.close{
    position: absolute;
    right: 20px;
    border: none;
    outline: none;
    color: #ab9a76;
    font-size: 16px;
}
.landing-modal .modal-dialog button.close::after{
    content: '';
    position: absolute;
    height: 24px;
    width: 24px;
    border: 1px solid #ab9a76;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 11px;
    bottom: 11px;
}

.landing-modal .modal-content{
    background: transparent;
    border: 0;
    outline: 0;
}
.landing-modal .modal-content p{

}

.landing-modal .gallery-image-wrap img{

}

.landing-modal .modal-content .modal-body{
    padding: 0;
    box-sizing: border-box;
}

.landing-modal .main-content img {
    border-radius: 2%;
    width:100%;
}

.out-box > .modal-body{
    border: 2px solid #956716;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-width: 700px;
    overflow: hidden;
    background: url(../images/modal-bg.jpeg);
}

.out-box .modal-header{
    position: relative;
    background: url(../images/modal-head-bg.jpeg) no-repeat;
    width: 100%;
    border: none;
}

.out-box .modal-header h4{
    text-align: center;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #eed398;
    font-weight: 500;
}

.landing-modal .main-content{
    padding: 20px 15px;
    box-sizing: border-box;
}

.landing-modal .main-content ul{

}

.landing-modal .main-content ul li{
    position: relative;
    padding-left: 26px;
    line-height: 30px;
}

.landing-modal .main-content ul li::before{
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    left: 0;
    background: url(../images/check-mark-29.png) no-repeat;
    background-size: 100%;
    top:6px;
}

.stre-middle-sec select, .stre-middle-sec select option, .stre-middle-sec input[type=text] {
    background: #392005 !important;
    color: #fff !important;
}

/* Landing page Modal box css End */

/* Landing apge css End */

/*Loader*/
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes ldio-hnqx91qzge9 {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
.ldio-hnqx91qzge9 > div > div {
    transform-origin: 100px 100px;
    animation: ldio-hnqx91qzge9 3.0303030303030303s linear infinite;
    opacity: 0.8
}
.ldio-hnqx91qzge9 > div > div > div {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 70px;
    height: 70px;
    border-radius: 70px 0 0 0;
    transform-origin: 100px 100px
}.ldio-hnqx91qzge9 > div div:nth-child(1) {
     animation-duration: 0.7575757575757576s
 }
.ldio-hnqx91qzge9 > div div:nth-child(1) > div {
    background: #e15b64;
    transform: rotate(0deg);
}.ldio-hnqx91qzge9 > div div:nth-child(2) {
     animation-duration: 1.0101010101010102s
 }
.ldio-hnqx91qzge9 > div div:nth-child(2) > div {
    background: #f47e60;
    transform: rotate(0deg);
}.ldio-hnqx91qzge9 > div div:nth-child(3) {
     animation-duration: 1.5151515151515151s
 }
.ldio-hnqx91qzge9 > div div:nth-child(3) > div {
    background: #f8b26a;
    transform: rotate(0deg);
}.ldio-hnqx91qzge9 > div div:nth-child(4) {
     animation-duration: 3.0303030303030303s
 }
.ldio-hnqx91qzge9 > div div:nth-child(4) > div {
    background: #abbd81;
    transform: rotate(0deg);
}
.loadingio-spinner-wedges-nnrxc9m4z7h {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: transparent;
}
.ldio-hnqx91qzge9 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

.downld-pg-features .row img {
  transition: transform 0.3s, box-shadow 0.3s;
}

.downld-pg-features .row img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

/*─────────────────────────────────────────────
  1. CTA “Play Now” Shimmer
─────────────────────────────────────────────*/
.hero-cta .store-btn.proceed {
  background: linear-gradient(135deg, #f5e58e, #d4b35b, #f5e58e);
  background-size: 200% 200%;
  animation: shimmer 3s ease-in-out infinite;
  color: #1a1a1a;
}
@keyframes shimmer {
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

/*─────────────────────────────────────────────
  2. Hero overlay to make CTA pop
─────────────────────────────────────────────*/
.hero-cta {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.hero-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}

/*─────────────────────────────────────────────
  3. Featured grid hover glow
─────────────────────────────────────────────*/
.downld-pg-features .col-6 img:hover {
  box-shadow: 0 0 12px rgba(227,196,116,0.75);
  transform: scale(1.03);
  transition: all 0.2s;
}

/*─────────────────────────────────────────────
  4. Divider between columns
─────────────────────────────────────────────*/
.divider {
  width: 2px;
  background: url('/images/rune-divider.png') repeat-y;
  margin: 0 1rem;
}

/*─────────────────────────────────────────────
  5. Dark-mode toggle button
─────────────────────────────────────────────*/
.dark-mode-toggle {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  cursor: pointer;
  font-size: 1.5rem;
  z-index: 1000;
}

/*─────────────────────────────────────────────
  6. Dark-mode custom properties
─────────────────────────────────────────────*/
.dark-theme {
  --bg-color: #121212;
  --text-color: #ddd;
  --box-bg:   #1e1e1e;
}
.dark-theme body {
  background: var(--bg-color);
  color: var(--text-color);
}
.dark-theme .left-box,
.dark-theme .right-box,
.dark-theme .center-part {
  background: var(--box-bg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.ldio-hnqx91qzge9 div { box-sizing: content-box; }
/*Loader*/