/*

------------------



Project:        Casine - Casino and gambling HTML5 Template

Version:        1.0

Last change:    11/ 05 /2020

Primary use:    Casino and gambling. 

Author:         Ingenious_team

------------------



----------------

Table of Content

----------------



1.  preloader

2.  Header Part



    2.1. nav part

    2.2. banner part



3.  BE IN CONTROL Part

4.  HOW TO START Part

5.  RELATED OTHER GAMES Part

6.  UNLOCK FREE SPIN part

7.  CASINO JACKPOTS Part

8. FREQUENTLY ASK QUESTIONS part

9. CONTACT part

10. FOOTER part



---- other pages ----



11. About us page

12. GAMES page

13. Tournaments page

14. FAQ page

15. CONTACT page

16. 404 page



*/



@import url('https://fonts.googleapis.com/css?family=Anton:300,400,600,800|Nunito:300,400,600,800');



* {

    margin: 0;

    padding: 0;

    outline: 0;

}



ul,

ol {

    list-style: none;

}



a {

    text-decoration: none;

}



input:focus {

    outline: none !important;

    box-shadow: 0 0 10px transparent !important;

}



a:focus,

a:hover {

    text-decoration: none;

    border-color: transparent;

    outline: 0;

    color: transparent;

}



img {

    border: 0;

}



.clr {

    clear: both;

}



h1,

h2,

h3,

h4,

h5,

h6,

ol,

ul,

p,

address,

strong,

i {

    margin-top: 0px;

    margin-bottom: 0px;

    line-height: normal;

}



body {

    overflow-x: hidden;

    font-family: "Oswald", sans-serif;

    

}



#loading,

.load-circle:before {

    bottom: 0

}



.contact-page,

.contact,

.about-page,

.banner-inner,

.jackpots,

.free-spin,

.project-img,

.how-start,

.control,

.faq,

.contact-us {

    overflow: hidden;

}







/*

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

    Preloader

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

*/



.preloader {

    overflow: hidden;

    height: 100%;

    width: 100%;

    position: fixed;

    background: radial-gradient(#150035, #0b001b);

    top: 0;

    left: 0;

    z-index: 9999999;

}

.loader {

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    margin: auto;

    width: 175px;

    height: 100px;

}



.loader span {

    display: block;

    background: rgba(247, 172, 4, 1);

    width: 7px;

    height: 10%;

    border-radius: 14px;

    margin-right: 5px;

    float: left;

    margin-top: 25%;

}



.loader span:last-child {

    margin-right: 0px;

}



.loader span:nth-child(1) {

    animation: load 2.5s 1.4s infinite linear;

}



.loader span:nth-child(2) {

    animation: load 2.5s 1.2s infinite linear;

}



.loader span:nth-child(3) {

    animation: load 2.5s 1s infinite linear;

}



.loader span:nth-child(4) {

    animation: load 2.5s 0.8s infinite linear;

}



.loader span:nth-child(5) {

    animation: load 2.5s 0.6s infinite linear;

}



.loader span:nth-child(6) {

    animation: load 2.5s 0.4s infinite linear;

}



.loader span:nth-child(7) {

    animation: load 2.5s 0.2s infinite linear;

}



.loader span:nth-child(8) {

    animation: load 2.5s 0s infinite linear;

}



.loader span:nth-child(9) {

    animation: load 2.5s 0.2s infinite linear;

}



.loader span:nth-child(10) {

    animation: load 2.5s 0.4s infinite linear;

}



.loader span:nth-child(11) {

    animation: load 2.5s 0.6s infinite linear;

}



.loader span:nth-child(12) {

    animation: load 2.5s 0.8s infinite linear;

}



.loader span:nth-child(13) {

    animation: load 2.5s 1s infinite linear;

}



.loader span:nth-child(14) {

    animation: load 2.5s 1.2s infinite linear;

}



.loader span:nth-child(15) {

    animation: load 2.5s 1.4s infinite linear;

}



@keyframes load {

    0% {

        background: rgba(247, 172, 4, 1);

        margin-top: 25%;

        height: 10%;

    }



    50% {

        background: linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

        height: 100%;

        margin-top: 0%;

    }



    100% {

        background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

        height: 10%;

        margin-top: 25%;

    }

}





/* == main css start from now == */





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

            common 

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



.hidden {

    display: none;

}



.pr0 {

    padding-right: 0;

}



.pl0 {

    padding-left: 0;

}



.no-padding {

    padding-left: 0;

    padding-right: 0;

}



.mt0 {

    margin-top: 0 !important;

}



img {

    max-width: 100%

}



.section {

    padding-top: 80px;

}

::selection {

    background: #ffcd04;

    text-shadow: none;

}

p {

    font-size: 16px;

    font-weight: 400;



}



.back-light {

    background: #F8E8D2 !important;

}



.heading h2 {

    font-size: 36px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    /* background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%); */

    /* -webkit-background-clip: text; */

    /* -webkit-text-fill-color: transparent; */

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 30px;

    cursor: auto;

    letter-spacing: -1px;

    color: #9C2D2C !important;

}



.back-dark {

    background: #ffffff;

}

.yellow-bg {

    background: -webkit-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

}



.pink-bg {

    background: -webkit-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

}



.pink-btn {

    background: rgba(152, 51, 134, 1);

}



.casino-btn a {

    position: relative;

    display: inline-block;

    font-size: 24px;

    vertical-align: top;

    text-align: center;

    letter-spacing: 1px;

    line-height: 24px;

    color: #fefefe;

    font-weight: 400;

    font-family: "Anton";

    padding: 13px 30px;

    border-radius: 35px;

    text-transform: capitalize;

    -webkit-transition: all ease 0.9s;

    -moz-transition: all ease 0.9s;

    -ms-transition: all ease 0.9s;

    -o-transition: all ease 0.9s;

    transition: all ease 0.9s;

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

    background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

    box-shadow: 0px 0px 2px 1px rgba(247, 172, 4, 0.8);



}



.casino-btn a:hover {

    background: linear-gradient(to bottom, #e673cf 10%, #9a368a 90%);

    box-shadow: 0px 0px 3px 1px rgba(152, 51, 134, 0.4);

    text-shadow: 5px 3px 0px #943184;

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

}



.run-txt .casino-btn a:hover,

.run-txt .casino-btn a {

    filter: none;

}



.heading h2 {

    font-size: 36px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 30px;

    cursor: auto;

    letter-spacing: -1px;

}



.sub-heading h3 {

    font-size: 24px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 30px;

    cursor: auto;

}



.border-effect1 {

    position: absolute;

    top: 44px;

    z-index: 99;

    width: 250px;

    left: -30px;

    animation: scan 8s infinite;

}



.border-effect2 {

    position: absolute;

    top: 44px;

    z-index: 99;

    width: 250px;

    right: 0px;

    animation: scan2 8s infinite;

}



.heading {

    margin-bottom: 60px;

}



.heading p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #666;

    

    z-index: 0;

    margin-top: 10px;

    cursor: auto;

}



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

        Header Part css

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



.navbar {

    position: fixed;

    width: 100%;

    transition: all ease .9s;

    background: transparent;

}



.header_area {

    background: url(../images/other-nav-bg.png);

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 90px;

    background-color: #17003a;

}



.navcss {

    background: -webkit-linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%);

    background: linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%);

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

    transition: all ease .9s;

}



.header-nav .navbar-brand {

    color: #fff;

    font-weight: 800;

    position: relative;

    font-size: 23px

}



.header-nav .navbar-brand img {

    width: 110px;

}



.header-nav .navbar-brand span {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    position: absolute;

    bottom: 12px;

    right: -9px;

    float: left

}



.header-nav .navbar-nav .nav-item {

    position: relative;

}



.header-nav .m-nav {

    margin-right: 60px;

}



.header-nav .navbar-nav .nav-item a {

    position: relative;

    padding: 0;

    display: inline-block;

    font-size: 16px;

    vertical-align: top;

    color: #fefefe;

    font-weight: 400;

    text-transform: capitalize;

    font-family: "Ubuntu";

}



.header-nav .nav-sign {

    vertical-align: top;

    position: absolute;

    right: 0;

}



.nav-sign li:first-child {

    margin-right: 10px;

}



.nav-sign li a {

    position: relative;

    display: inline-block;

    font-size: 24px;

    vertical-align: top;

    text-align: center;

    letter-spacing: 1px;

    line-height: 24px;

    color: #fefefe;

    font-weight: 400;

    font-family: "Anton";

    padding: 13px 15px;

    border-radius: 35px;

    text-transform: capitalize;

    width: 130px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    -ms-transition: all ease 0.5s;

    -o-transition: all ease 0.5s;

    transition: all ease 0.5s;

    box-shadow: 0px 0px 2px 2px rgba(247, 172, 4, 0.8);

    text-shadow: 5px 4px 0px #efa500;

    background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

}



.nav-sign li a:hover {

    box-shadow: 0px 0px 1px 2px rgba(152, 51, 134, 0.9);

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

    background: linear-gradient(to bottom, #e673cf 10%, #9a368a 90%);

    text-shadow: 5px 4px 0px #943184;

}



.navbar-toggler {

    border: none;

    padding: 10px 6px;

    outline: 0 !important;

}



.navbar-toggler span {

    display: block;

    width: 24px;

    height: 3px;

    border-radius: 4px;

}



.navbar-toggler span + span {

    margin-top: 4px;

    width: 18px;

}



.navbar-toggler span + span + span {

    width: 10px;

}



.dropdown-toggle::after {

    margin-left: 4px !important;

    vertical-align: .05em !important;

}



.login_menu li {

    padding: 0;

    float: left;

}



.navbar-collapse {

    padding: 14px 0;

}





/* dropdown menu css */

.dropdown-menu {

    padding: 14px 5px;

    width: 180px;

    top: 64px;

    background: linear-gradient(to top, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%);

    min-width: 210px;

    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, .2);

    border-radius: 0;

    border: none;

    -webkit-transition: all ease 0.4s;

    -moz-transition: all ease 0.4s;

    -ms-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;



}



.nav .open > a,

.nav .open > a:focus,

.nav .open > a:hover {

    background: none;

}



.dropdown-menu > li {

    padding: 10px 10px;

}



.dropdown-menu > li > a {

    font-size: 18px;

    position: relative;

    line-height: 24px;

    

    color: #fefefe;

}



.dropdown-menu > li > a:focus,

.dropdown-menu > li:hover a {

    background: none;

    color: #e8a004 !important;

    font-weight: 600;

    transition: all .4s;

    -webkit-transition: all ease 0.4s;

    -moz-transition: all ease 0.4s;

    -ms-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

}



.dropdown-menu > li > a {

    color: #fff !important;

    padding: 10px 18px !important;

    text-align: left;

    margin: 0 !important;

    font-weight: 400 !important;

}



.header-nav .navbar-nav li .active span,

.header-nav .navbar-nav li a:hover span,

.header-nav .navbar-nav li a:focus span {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    transform: translateY(-100%);

}



.custom_nav ul > li > a:focus:after,

.custom_nav ul > li.active > a:after,

.custom_nav ul > li:hover > a:after {

    opacity: 1;

}



@media(min-width:768px) {

    .dropdown-menu {

        display: block;

        visibility: hidden;

        opacity: 0;

        top: 110%;



    }



    .custom_nav ul > li:hover > .dropdown-menu {

        opacity: 1;

        visibility: visible;

        top: 145%;

    }



    .navbar-right .dropdown-menu {

        right: 0;

        left: 2px;

        width: 240px;

    }

}



/* === nav-toggle === */



ul.tog-nav li a {

    opacity: 0 !important;

}



.full_nav .nav.tog-nav > li {

    visibility: hidden;

}



.full_nav .nav > li:last-child {

    visibility: visible;

}



.full_nav .nav > li {

    visibility: visible;

}



.navbar-brand > img {

    display: block;

}



.navbar-toggle {

    display: none;

}



/* == menu css start == */





nav.navbar .container {

    position: relative;

}



.navbar-header {

    float: none;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    transition: .4s;

}



.menuVisible.navbar-header {

    left: 0;

    transform: initial;

}



.full_nav .nav {

    margin-top: 10px;

    border-radius: 30px;

    width: 650px;

    margin-left: 10px !important;

}



.full_nav .nav > li {

    margin: 0 4px;

    padding: 10px 0;

}



.full_nav .nav > li > a {

    font-size: 18px;

    position: relative;

    line-height: 24px;

    font-weight: 600;

    

    padding: 10px 15px;

    color: #fff;

    transition: all 0.3s linear;

    position: relative;

    line-height: normal;

    text-transform: capitalize;

}



.full_nav .nav > li a.active,

.full_nav .nav > li:hover a {

    color: #e8a004;

}



.menu-opener,

.menu-opener:hover,

.menu-opener.active,

.menu-opener-inner,

.menu-opener-inner::before,

.menu-opener-inner::after,

.menu,

.menu.active {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.menu-opener-inner.active .fa-align-right {

    opacity: 0;

}



.fa-time {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.full_nav .nav > li:last-child .fa-times {

    position: absolute;

    top: 11px;

    z-index: -1;

    font-size: 22px;

}



.full_nav .nav > li:last-child {

    cursor: pointer;

    position: absolute;

    right: 285px;

    top: 14px;

    height: 45px;

    width: 45px;

    border-radius: 50%;

    border: 1px solid #e8a004;

    color: #e8a004;

    background: transparent;

    padding: 10px 14px;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.menu-inner.tog-nav .fa-times {

    opacity: 0;

}



.menu-inner.tog-nav i.fa-align-right {

    opacity: 1;

}



.menu-inner i.fa-align-right {

    opacity: 0;

}

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

       Banner Css 

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



/* .main_page {

    background: url(../images/banner-background.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

    position: relative;

} */



.banner-center {

    position: absolute;

    top: 55%;

    left: 0%;

    width: 600px;

    text-align: center;

    transform: translateY(-50%);

}



.title {

    font-size: 106px;

    letter-spacing: -1px;

    line-height: 110px;

    width: 570px;

    font-weight: 400;

    font-family: "Anton";

    background: -webkit-linear-gradient(#fcb503 46%, #e5881b 54%, #fcb11a);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    z-index: 99;

}



.title:before {

    position: absolute;

  /*  content: 'Online Casino';*/

    text-shadow: 21px 13px 2px #2c0b49;

    filter: drop-shadow(0 0 40px #68248c);

    left: 0;

    z-index: -99;

}



.banner_text h3 {

    font-size: 46px;

    line-height: 46px;

    font-weight: 300;

    

    color: #fff;

    text-transform: capitalize;

    padding-bottom: 60px;

}



.banner_text p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    

    color: #fff;

    text-transform: capitalize;

    padding-bottom: 30px;

}



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

 Counter

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

.conter-res .col-md-1 {

    max-width: 10.333333%;

}



.conter-res {

    position: relative;

    border-radius: 2px;

    margin-top: -70px;

    padding: 40px 10px;

    -webkit-box-shadow: 0px 5px 35px 0px rgba(105, 90, 166, 0.23);

    -moz-box-shadow: 0px 5px 35px 0px rgba(105, 90, 166, 0.23);

    box-shadow: 0px 5px 35px 0px rgba(105, 90, 166, 0.23);

}



.border-count {

    width: 100px;

}



.counter-left h4 {

    font-size: 42px;

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

    color: #fff;

    line-height: 24px;

    font-weight: 400;

    font-family: "Anton";

    text-transform: uppercase;

    cursor: auto;

    letter-spacing: 0px;

    padding-top: 20px;

}



.counterinner ul li {

    float: left;

    width: 65px;

    border: 1px solid #300272;

    border-image-source: linear-gradient(#e26aca, #943285);

    border-image-slice: 4;

    margin: 0 5px;

    padding: 19px;

}



.counter-text h3 {

    font-size: 50px;

    color: #943184;

    line-height: 24px;

    font-weight: 400;

    font-family: "Anton", sans-serif;

    text-transform: uppercase;

    cursor: auto;

}





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

 Counter end 

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



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

    BE IN CONTROL

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

.control {

    padding-bottom: 80px;

    overflow: hidden;

}



.control-img {

    height: 100%;

    background: -webkit-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    padding: 23px 24px;

}



.control-img:hover {

    background: -webkit-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

   background: linear-gradient(to bottom, #cb030166 10%, #ff2727 90%);

    box-shadow: 0px 0px 1px 2px rgba(255, 75, 75, 0.9);

    border: 1px solid rgba(226, 71, 237, 0.5);

   filter: drop-shadow(0 0px 20px rgba(255, 75, 75, 0.6));

    border-radius: 2px;

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    -ms-transition: all ease 0.5s;

    -o-transition: all ease 0.5s;

    



}



.control-img img {

    padding: 0px;

}



.control-text {

    text-align: left;

    color: #fff;

}



.control-text h3 {

    font-size: 20px;

    position: relative;

    line-height: 24px;

    font-weight: 700;



    text-transform: uppercase;

    margin-bottom: 15px;

    cursor: auto;

    color: #9C2D2C;

}

.control-text ul li {

    color: #9C2D2C;

}



.control-text p {

    font-size: 16px;

    position: relative;

    line-height: 24px;

    font-weight: 400;



    text-transform: capitalize;

    cursor: auto;

}



.control-pad {

    position: relative;

    padding: 30px 0;

    margin-bottom: 60px;

}



.control-pad:after {

    position: absolute;

    content: '';

    border-bottom: 2px solid #290a59;

    width: 3600px;

    left: 50%;

    top: 58px;

    transform: translateX(-50%);

}



.control-pad:before {

    position: absolute;

    content: '';

    border-bottom: 2px solid #000;

    width: 3600px;

    left: 50%;

    transform: translateX(-50%);

    top: 60px;

}



.control [class^="flaticon-"]:before,

.control [class*=" flaticon-"]:before,

.control [class^="flaticon-"]:after,

.control [class*=" flaticon-"]:after {



    margin-left: 0px !important;

    font-size: 70px !important;

}



.control-img i {

    background: -webkit-linear-gradient(#e26aca 0%, #943285 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.control-img:hover i {

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    transition: all ease 0.4s;

    -webkit-transition: all ease 0.4s;

    -moz-transition: all ease 0.4s;

    -ms-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

}



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

    HOW TO START

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

.how-start {

    background: #fff;

    padding-bottom: 80px;

}



.start-img {

    height: 70px;

    width: 70px;

    background: -webkit-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    padding: 14px 17px;

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

}



.start-img:hover {

    background: -webkit-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    box-shadow: 0px 0px 4px 1px rgba(152, 51, 134, 0.9);

    border: 1px solid rgba(226, 71, 237, 0.5);

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    -ms-transition: all ease 0.5s;

    -o-transition: all ease 0.5s;

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

}



.start-img [class^="flaticon-"]:before,

.start-img [class*=" flaticon-"]:before,

.start-img [class^="flaticon-"]:after,

.start-img [class*=" flaticon-"]:after {



    margin-left: 0px !important;

    font-size: 40px !important;

}



.start-img i {

    background: -webkit-linear-gradient(#e26aca 0%, #943285 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.start-img:hover i {

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    transition: all ease 0.4s;

    -webkit-transition: all ease 0.4s;

    -moz-transition: all ease 0.4s;

    -ms-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

}



.start-text {

    color: #fff;

    padding-left: 0;

    padding-right: 0;

}



.start-text h3 {

    font-size: 20px;

    position: relative;

    line-height: 24px;

    font-weight: 700;



    text-transform: uppercase;

    margin-bottom: 15px;

    cursor: auto;

}



.start-text p {

    font-size: 16px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

    

    text-transform: capitalize;

    cursor: auto;

}



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

 End of Counter  part css

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



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

    Related other games Start

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



.overlay-text 

{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 24px;

    color: #fff;

    text-transform: uppercase;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.overlay-text:before 

{

    position: absolute;

    top: 0%;

    left: -10%;

    width: 120%;

    height: 120%;

    content: '';

    -webkit-transition: -webkit-transform 0.6s;

    transition: -webkit-transform 0.6s;

    -o-transition: transform 0.6s;

    transition: transform 0.6s;

    transition: transform 0.6s, -webkit-transform 0.6s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    background-color: rgba(0, 0, 0, 0.5);

}



.port_img:hover .overlay-text:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 130%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 130%, 0);

}



.project-img {

    padding-bottom: 80px;

}

.in-project {

    padding-bottom: 38px;

    margin-bottom: -50px;

}



.project-img .nav-menu {

/*    margin: 0 3px;*/

    -webkit-transition: ease all .5s;

    -moz-transition: ease all .5s;

    -o-transition: ease all .5s;

    transition: ease all .5s;

    display: inline-block;

    padding: 10px 20px;

    background: transparent;

    border: none;

    color: #fff;



    font-size: 20px;

    font-weight: 400;

    cursor: pointer;

    text-transform: capitalize;

    outline: 0;

}



.nav-menu:hover 

{

    color: #e8a004;

    outline: 0;

}



.nav-menu:active,

.nav-menu.is-checked 

{

    background-color: transparent;

    outline: 0;

}



.nav-menu.is-checked 

{

    color: #e8a004;

    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);

}



.button-group 

{

    display: contents;

}



.project-img .nav-pills

{

    margin-bottom: 40px;

}



.project-img .heading 

{

    margin-bottom: 20px;

}



.overlay_shape1 i 

{

    position: absolute;

    font-size: 24px;

    color: #fff;

    font-weight: 300;

    left: 50%;

    border-radius: 100%;

    background: transparent;

    transform: translateX(-50%);

}



.port-text 

{

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    left: 50%;

}



.port-text-btm 

{

    position: absolute;

    top: 195px;

    left: 50%;

    transform: translateX(-50%);

    width: 200px;

}



.port-text-btm h3 

{

    text-align: center;

    font-size: 24px;

    padding-bottom: 2px;

    color: #fff;

    line-height: 24px;

    font-weight: 700;

    

    text-transform: capitalize;

}



.port-text-btm p 

{

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    font-weight: 400;

    

    text-transform: capitalize;

}



.overlay1 

{

    position: absolute;

    text-align: center;

    top: 0%;

    left: 0%;

    right: 0%;

    background: rgba(0, 0, 0, 0.7);

    overflow: hidden;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all .4s ease-in;

}



.port_img 

{

    position: relative;

    overflow: hidden;

    transition: all .4s ease-in;

    margin-bottom: 30px;

}



.port_img img 

{

    width: 100%;

    transition: all .4s ease-in;

}



.port_img:hover .overlay1 

{

    opacity: 1;

}



.port_img:hover img 

{

    -webkit-transform: scale(1.06);

    transform: scale(1.06);

}



.start-btn 

{

    margin-top: 30px;

}



.games-page 

{

    padding-bottom: 60px;

}



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

 End Related other games Css

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



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

    Start of Unlock Free spin part css

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

.free-spin {

    padding-bottom: 40px;

}



.spin-text {

    padding-top: 30px;

}



.spin-text .casino-btn {

    padding-top: 40px;

}



.spin-text p {

    color: #fff;



    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



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

    End of Unlock Free spin  part css

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

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

            Casino Jackpots Start 

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

.jackpots {

    padding-bottom: 60px;

}



.tour-jack {

    padding-bottom: 40px;

}



.touna_left_inner {

    margin-top: 45px;

}



.touna_left_inner .card {

    background: #150035;

    border: none;

    background-clip: inherit;



}



.touna_left_inner .card.add_border {

    border: 1px solid #fcb100;

    border-radius: 0;

}



.touna_left_inner button {

    text-decoration: none !important;

    padding-left: 30px !important;

    width: 100%;

    text-align: left;

    margin-top: 25px;

}



.touna_left_inner button i {

    float: right;

    color: #fffeff;

    padding-right: 50px;

    padding-top: 9px;

}



.touna_left_inner button span {

    color: #fffeff;

    font-size: 20px;

    font-weight: 400;



}



.touna_head_left .card-header {

    padding: 0;

}



.touna_head_left .card-body {

    padding: 0;

    padding-left: 30px;

}



.touna_head_left .btn {

    padding: 0;

}



.card-body p {

    color: #fffeff;

    font-size: 16px;

    font-weight: 400;



    padding-bottom: 25px;

}



.btn:not(:disabled):not(.disabled) {

    padding-bottom: 25px;

}



.accordion .add_border:not(:first-of-type):not(:last-of-type) {

    border-bottom: 1px solid #fcb100 !important;



}



.toun_scroll_flag {

    padding-left: 25px;

}



.scl_pad {

    padding-top: 15px;

    padding-bottom: 10px;

    position: relative;

}



.scl_pad img {

    padding-top: 20px;

}



.toun_scroll_flag img {

    padding-top: 0px;

}



.jack-border {

    position: relative;

}



.jack-border:after {

    position: absolute;

    content: '';

    border-bottom: 2px solid #290a59;

    width: 350px;

    left: 50%;

    transform: translateX(-50%);

    top: -23px;

}



.jack-border:before {

    position: absolute;

    content: '';

    border-bottom: 2px solid #000;

    width: 350px;

    left: 50%;

    transform: translateX(-50%);

    top: -24px;

}



.jack-border .border-effect2 {

    right: -148px;

    top: -23px;

    width: 211px;

}



.jack-border .border-effect1 {

    top: -23px;

    width: 223px;

    left: 1px;

}



.winner-name h5 {

    width: 150px;

    color: #fff;

    font-size: 15px;

    font-weight: 400;



}



.counter-jack {

    padding-bottom: 30px;

}



.running-img .img-fluid {

    margin-bottom: 30px;

}



.running-img {

    position: relative;

    overflow: hidden;

}



.running-img:before {

    content: "";

    position: absolute;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.9)30%, rgba(0, 0, 0, 0)70%);

    top: -30px;

    left: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;

}



.run-txt {

    position: absolute;

    left: 50%;

    top: 70%;

    transform: translate(-50%, -50%);

    overflow: hidden;

}



.run-txt h4 {

    color: #fff;

    font-size: 24px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 20px;

}



.run-txt p {

    color: #fff;

    font-size: 24px;

    position: relative;

    line-height: 24px;

    font-weight: 400;



    text-transform: uppercase;

    z-index: 0;

    padding-bottom: 35px;

}



.running-img .casino-btn {

    opacity: 0;

}



.running-img:hover::before {

    background: linear-gradient(to top, rgba(0, 0, 0, 0.9)30%, rgba(0, 0, 0, 0.9)70%);

    -webkit-transition: ease all 1s;

    -moz-transition: ease all 1s;

    -o-transition: ease all 1s;

    transition: ease all 1s;

}



.running-img:hover .run-txt {

    top: 43%;

    transition: all ease 0.4s;

    -webkit-transition: all ease 0.4s;

    -moz-transition: all ease 0.4s;

    -ms-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

}



.running-img:hover .run-txt h4 {

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-transition: ease all 1s;

    -moz-transition: ease all 1s;

    -o-transition: ease all 1s;

    transition: ease all 1s;

}



.running-img:hover .casino-btn {

    opacity: 1;

    transition: all 0.9s linear;

    -o-transition: all 0.9s linear;

    -ms-transition: all 0.9s linear;

    -moz-transition: all 0.9s linear;

    -webkit-transition: all 0.9s linear;

}



.coun_text {

    margin-top: 85px;

}



.coun_text h4 {

    color: #fff;

    font-size: 20px;

    font-weight: 600;



}



.coundown {

    float: left;

    margin-bottom: 65px;

    border-radius: 5px;

    border: 1px solid #ffd370;

    /*border-image-source: linear-gradient(#ffd370, #f7ad07);*/

    border-image-slice: 2;

    height: 150px;

    width: 150px;

    margin-left: 22px;

    text-align: center;

    padding-top: 45px;

}



.coundown span {

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 80%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 78px;

    font-weight: 600;

    line-height: 24px;



}



.coundown p {

    color: #fcb100;

    font-size: 32px;

    font-weight: 600;



}



.count-dot {

    position: relative;

}



.count-dot:before {

    content: "";

    position: absolute;

    border-left: 2px dotted #ffd370;

    top: -65px;

    left: 47%;

    height: 65px;

    width: 100%;

}



.count-dot:after {

    content: "";

    position: absolute;

    border-left: 2px dotted #ffd370;

    top: 150px;

    left: 47%;

    height: 64px;

    width: 100%;

}



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

    Start of Faq  part css

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

.faq {

    padding-bottom: 80px;

}



.faq-border {

    position: absolute;

    top: 0px;

    left: 52%;

    transform: translateX(-50%);

}



.faq-pad {

    position: relative;

    margin-bottom: 30px;

    margin-top: 30px;

}



.faq-inner h3 {

    color: #fff;

    font-family: "Anton", sans-serif;

    font-size: 20px;

    font-weight: 400;

    line-height: 24px;

    padding-bottom: 20px;

}



.faq-inner p {

    color: #fff;



    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    width: 370px;

}



.f-padding {

    padding-left: 40px;

}

.faq .form-group textarea,

.faq input {

    width: 100%;

    display: inline-block;

    border: 1px solid #fff;

    font-size: 14px;

    color: #ddd !important;

    border-radius: 0;

    background: transparent;

    padding-left: 20px;



}



.faq .form-group textarea::placeholder,

.faq .form-group input::placeholder {

    color: #fff;

}



.faq .form-control:focus {

    color: #fff;

    background-color: transparent;

    border-color: #fff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);

}



.faq .form-group textarea {

    height: 150px;

    padding-top: 10px;

    color: #5c2ea0;

    resize: none;

}



.faq input {

    height: 50px;

}



.faq input::placeholder {

    color: #bfbfbf;

    opacity: 1;

    /* Firefox */

}



.faq-btn {

    border-radius: 0 !important;

    width: 100%;

}



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

    End of Faq  part css

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



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

    Start of contact  part css

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

.payments ul li {

    float: left;

    padding-right: 11px;

}



.payments ul li img {

    border-radius: 5px;

}



.contact .heading {

    margin-bottom: 30px;

}



.heading h3 {

    font-size: 32px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    background: -webkit-linear-gradient(#ffd370 55%, #f7ad07 68%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 30px;

    cursor: auto;

    letter-spacing: -1px;

    padding-top: 65px;

}

/*



.contact-about .border-effect1 {

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 255px;

    left: 33px;

    animation: scan 8s infinite;

}

*/



/*

.contact-about .border-effect2 {

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 250px;

    left: 370px;

    animation: scan2 8s infinite;

}

*/



.sub-form .col-sm-12 {

    padding-left: 0px;

    padding-right: 3px;

}



.sub-form,

.subscribe {

    position: relative;

}



.subscribe .border-effect1 {

    position: absolute;

    top: 105px;

    z-index: 99;

    width: 190px;

    left: 10px;

    animation: scan 8s infinite;

}



.subscribe .border-effect2 {

    position: absolute;

    top: 105px;

    z-index: 99;

    width: 190px;

    left: 270px;

    animation: scan2 8s infinite;

}



.contact-us .heading h2 {

    font-size: 32px;

}



.contact-app {

    text-align: center;

}



.contact-app ul {

    display: inline-block;

    text-align: center;

    padding-bottom: 15px;

}



.contact-app li {

    float: left;

    font-size: 20px;

    color: #f7ab00;

    line-height: 24px;



}



.contact-app li a {

    color: #000000;

}



.contact-app li a i {

    width: 90px;

    height: 90px;

    line-height: 90px;

    border-radius: 100px;

    background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

    box-shadow: 0px 0px 2px 1px rgba(247, 172, 4, 0.8);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    margin-bottom: 10px;

}



.contact-app [class^="flaticon-"]:before,

.contact-app [class*=" flaticon-"]:before,

.contact-app [class^="flaticon-"]:after,

.contact-app [class*=" flaticon-"]:after 

{

    margin-left: 0px !important;

    font-size: 40px !important;

}



.contact-app li:first-child 

{

    margin-right: 50px;

}



.contact-app li:hover 

{

    color: #943184;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.contact-app li:hover i 

{

    background: linear-gradient(to bottom, #e673cf 10%, #9a368a 90%);

    box-shadow: 0px 0px 3px 1px rgba(152, 51, 134, 0.4);

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

    -webkit-transition: all 0.3s ease-in-out 0.4s;

    -moz-transition: all 0.3s ease-in-out 0.4s;

    -ms-transition: all 0.3s ease-in-out 0.4s;

    -o-transition: all 0.3s ease-in-out 0.4s;

    transition: all 0.3s ease-in-out 0.4s;

}



.contact-about .heading:before 

{

    width: 440px;

}



.contact-about .heading:after 

{

    width: 440px;

}



.app-icon .heading:before 

{

    width: 260px;

}



.app-icon .heading:after 

{

    width: 260px;

}



.app-icon .border-effect1 

{

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 137px;

    left: 18px;

    animation: scan 8s infinite;

}



.app-icon .border-effect2 

{

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 137px;

    left: 200px;

    animation: scan2 8s infinite;

}



.payments .heading:before 

{

    width: 335px;

}



.payments .heading:after 

{

    width: 340px;

    left: 48%;

}



.payments .border-effect1 

{

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 195px;

    left: 33px;

    animation: scan 8s infinite;

}



.payments .border-effect2 

{

    position: absolute;

    top: 45px;

    z-index: 99;

    width: 190px;

    left: 270px;

    animation: scan2 8s infinite;

}



.subscribe .heading:before 

{

    width: 340px;

    top: 120px;

}



.subscribe .heading:after 

{

    width: 340px;

    left: 49%;

}



.subscribe input 

{

    width: 100%;

    display: inline-block;

    border: 1px solid #fff;

    font-size: 14px;

    color: #fff !important;

    border-radius: 0;

    background: transparent;

    padding-left: 20px;



}



.subscribe .form-group input::placeholder 

{

    color: #fff;

}



.subscribe .form-control:focus 

{

    color: #fff;

    background-color: transparent;

    border-color: #fff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);

}



.subscribe input 

{

    height: 50px;

}



.newsletter a 

{

    border-radius: 0;

    position: absolute;

    top: 0;

    right: 0;

}



.contact .control-pad 

{

    margin-bottom: 30px;

}



.foot-menu ul 

{

    display: inline-block;

    text-align: center;

    padding-bottom: 30px;

}



.foot-menu ul li 

{

    float: left;

}



.foot-menu ul li a 

{

    font-size: 20px;

    line-height: 24px;

    padding: 0 15px;



    color: #fff;

    text-transform: capitalize;

}



.foot-menu ul li a:hover 

{

    color: #f7ab00;

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    -ms-transition: all ease 0.5s;

    -o-transition: all ease 0.5s;

}



.copy-right h6 {

    font-size: 16px;

    line-height: 24px;



    color: #2C2C2C;

    padding-bottom: 20px;

}



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

    End of contact  part css

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

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

          About Page css

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



.about-page 

{

    padding-bottom: 80px;

    padding-top: 80px;

}



.about-page .heading 

{

    margin-bottom: 35px;

}



.about-video 

{

    position: relative;

}



.about-video:before 

{

    content: '';

    position: absolute;

    z-index: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    top: 0px;

}



.about-video img 

{

    z-index: 9;

}



.youtube_video 

{

    position: absolute;

    top: 41%;

    left: 46%;

    transform: translate(-50%, -50%);

    z-index: 99;

}



.youtube_video a i {

    position: absolute;

    top: 48%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    width: 80px;

    height: 80px;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    border-radius: 50%;

    line-height: 80px;

    animation: bulb 4s infinite;

    font-size: 25px;

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

    padding: 0 34px;

    -webkit-transition: all ease 0.5s;

    -moz-transition: all ease 0.5s;

    -ms-transition: all ease 0.5s;

    -o-transition: all ease 0.5s;

    transition: all ease 0.5s;

}



.youtube_video a i:hover {

    background: linear-gradient(to bottom, #e673cf 10%, #9a368a 90%);

}



.about-page .heading:after,

.about-page .heading:before {

    left: 16px;

    width: 520px;

    transform: translateX(0%);

}



.about-page .casino-btn {

    margin-top: 30px;

}



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

           error page

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

.error {

    background: url(../images/404-image.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 85vh;

    position: relative;

    overflow: hidden;

}



.error-center {

    position: absolute;

    top: 43%;

    left: 50%;

    width: 600px;

    text-align: center;

    transform: translate(-50%, -50%);

}



.error-txt {

    position: relative;

}



.error-txt h4 {

    font-size: 130px;

    font-family: "Anton", sans-serif;

    line-height: 120px;

    background: -webkit-linear-gradient(#fcb503 43%, #e5881b 57%, #fcb11a);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    animation: bulb 10s infinite;

}



.error-txt:before {

    content: 'Not Found';

    font-size: 34px;

    font-family: "Anton", sans-serif;

    line-height: 34px;

    color: #fff;

    text-transform: uppercase;

    position: absolute;

    top: 105%;

    left: 78%;

    width: 600px;

    text-align: center;

    transform: translate(-50%, -50%) rotate(-20deg);

}



.error-btn {

    position: absolute;

    top: 95%;

    left: 50%;

    width: 600px;

    text-align: center;

    transform: translate(-50%, -50%);

}



.error .casino-btn a {

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0));

}



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

          contact us page 

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

.contact-page {

    padding-bottom: 60px;

    background: url(../images/contact-bg-image.jpg) no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    z-index: 0;

}



.contact-page:before {

    content: '';

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, 0.9);

    z-index: 0;

}



.contact-page .form-group textarea,

.contact-page input 

{

    width: 100%;

    display: inline-block;

    border: 1px solid #fff;

    font-size: 14px;

    color: #ddd !important;

    border-radius: 0;

    background: transparent;

    padding-left: 20px;



}



.contact-page .form-group textarea::placeholder,

.contact-page .form-group input::placeholder 

{

    color: #fff;

}



.contact-page .form-control:focus 

{

    color: #fff;

    background-color: transparent;

    border-color: #fff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);

}



.contact-page .form-group textarea 

{

    height: 150px;

    padding-top: 10px;

    color: #fff;

    resize: none;

}



.contact-page input 

{

    height: 50px;

}



.contact-page input::placeholder 

{

    color: #fff;

    opacity: 1;

}



.contact-page .casino-btn a 

{

    filter: drop-shadow(0 0px 20px rgba(255, 214, 121, 0.3));

}



.contact-page .casino-btn a:hover 

{

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

}

.contact-page .heading:after 

{

    width: 535px;

    left: 48%;

}

.contact-page .border-effect1 

{

    width: 200px;

    left: 80px;

    animation: scan 8s infinite;

}

.contact-page .border-effect2 

{

    width: 200px;

    right: -70px;

}



.location ul li 

{

    font-size: 18px;

    line-height: 24px;



    color: #fff;

    font-weight: 600;

    display: flex;

}



.location-icon i 

{

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 100px;

    font-size: 24px;

    background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);

    filter: drop-shadow(0 0px 20px rgba(255, 214, 121, 0.3));

    box-shadow: 0px 0px 2px 1px rgba(247, 172, 4, 0.8);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    margin-bottom: 0px;

    color: #fff;

}



.location-txt 

{

    padding-right: 130px;

}



.location-txt span 

{

    line-height: 26px;

    font-size: 16px;



    color: #fff;

}





.location li i 

{

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 100px;

    font-size: 24px;

    background: linear-gradient(to bottom, #ffd679 30%, #f7ac03 70%);

    filter: drop-shadow(0 0px 20px rgba(101, 40, 193, 0.5));

    box-shadow: 0px 0px 2px 1px rgba(247, 172, 4, 0.8);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    margin-bottom: 60px;

}



/* */



.award-imgfixed 

{

    position: sticky !important;

    top: 100px;

}



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

            animation

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



@keyframes bulb 

{

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

        opacity: 1;

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.9;

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

        opacity: 1;

    }

}



@keyframes movebounce {

    0% {

        transform: translateY(0px);

    }



    50% {

        transform: translateY(20px);

    }



    100% {

        transform: translateY(0px);

    }

}



@keyframes moveleftbounce {

    0% {

        transform: translateX(-10px);

    }



    50% {

        transform: translateX(30px);

    }



    100% {

        transform: translateX(-10px);

    }

}



@keyframes moverightbounce {

    0% {

        transform: translateX(10px);

    }



    50% {

        transform: translateX(-30px);

    }



    100% {

        transform: translateX(10px);

    }

}



@keyframes rotate {

    0% {

        transform: rotate(0deg);

    }



    50% {

        transform: rotate(50deg);

    }



    100% {

        transform: rotate(0deg);

    }

}





/* ======== Sub Header css ======= */



/* ======== hidden==========*/

.hidden 

{

    display: none;

}



/* === BACK TO TOP CSS == */



#back-top-btn 

{

    position: fixed;

    bottom: 20px;

    right: 20px;

    background: -webkit-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    width: 50px;

    height: 50px;

    display: block;

    text-decoration: none;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);

    display: none;

    -webkit-transition: ease all .5s;

    -moz-transition: ease all .5s;

    -o-transition: ease all .5s;

    transition: ease all .5s;

    z-index: 999;

    padding: 12px;

    text-align: center;

    filter: drop-shadow(0 0px 10px rgba(254, 215, 125, 0.2));

}



#back-top-btn i {

    position: relative;

    color: #fff;

    -webkit-transition: ease all .5s;

    -moz-transition: ease all .5s;

    -o-transition: ease all .5s;

    transition: ease all .5s;

    line-height: 25px;

}



#back-top-btn:hover 

{

    background: -webkit-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%) !important;

    background: -o-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

    background: -moz-linear-gradient(to bottom, rgba(223, 103, 198, 1) 0%, rgba(152, 51, 134, 1) 100%);

   background: linear-gradient(to bottom, #cb030166 10%, #ff2727 90%);

   box-shadow: 0px 0px 1px 2px rgba(255, 75, 75, 0.9);

    -webkit-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);

    -o-box-shadow: 0px 0px 40px 4px rgba(0, 0, 0, .3);

   filter: drop-shadow(0 0px 20px rgba(255, 75, 75, 0.6));



   

  

}



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

                 Animation

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



@-webkit-keyframes scan {



    from,

    0%,

    100% {



        -webkit-transform: translate(0%, 0);

        transform: translate(0%, 0);

    }



    50% {



        -webkit-transform: translate(130%, 0);

        transform: translate(130%, 0);

    }

}



@keyframes scan {



    from,

    0%,

    100% {



        -webkit-transform: translate(0%, 0);

        transform: translate(0%, 0);

    }



    50% {



        -webkit-transform: translate(130%, 0);

        transform: translate(130%, 0);

    }

}



@-webkit-keyframes scan2 {



    from,

    0%,

    100% {



        -webkit-transform: translate(0%, 0);

        transform: translate(0%, 0);

    }



    50% {



        -webkit-transform: translate(-130%, 0);

        transform: translate(-130%, 0);

    }

}



@keyframes scan2 {



    from,

    0%,

    100% {



        -webkit-transform: translate(0%, 0);

        transform: translate(0%, 0);

    }



    50% {



        -webkit-transform: translate(-130%, 0);

        transform: translate(-130%, 0);

    }

}





.swiper-container-h .swiper-button-prev::after 

{

    content: "\f060";

    font-family: var(--fa-style-family, "Font Awesome 6 Free");

    background: none;

    color: #ffffff;

    font-size: 30px !important;

}



.swiper-container-h .swiper-button-next::after {

    content: "\f061";

    font-family: var(--fa-style-family, "Font Awesome 6 Free");

    background: none;

    color: #ffffff;

    font-size: 30px !important;

}



.sticky-top {

    top: 50px;

}



#header {

    /* background: linear-gradient(to bottom, rgba(25, 0, 64, 1) 0%, rgba(38, 8, 82, 1) 100%); */

    background-color: #ffffff;

    padding: 5px 0;

}

.logo-box img {

    width: 100px ;

}

a.navbar-brand {

    padding: 0;

}

.header-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#nav ul li {

    display: inline-block;

    margin-left: 15px;

    border: none;

    padding: 7px 10px;

    position: relative;

}

#nav ul li i {

    color: #000000;

    margin-left: 10px;

    transform: rotate(90deg);

}

.main-nav {

    text-align: right;

}



#nav ul li a {

    color: #2C2C2C;

    font-weight: 600;

    padding: 31px 0px;

    transition: .5s;

}

#nav ul li:hover a {
    color: #9C2D2C ;
}



.top-header {

    margin-bottom: 20px;

}



ul.sub-menu {
    position: absolute;
    left: 0;
    width: 260px;
    display: block;
    top: 80px;
    z-index: 999;
    background: #f1f1f1a6;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    /* background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%); */
}

ul.sub-menu li:hover a {
    color: #9C2D2C !important;
}
#menu-main-menu li.active a {
    color: #9C2D2C !important;
}



#nav ul li:hover ul.sub-menu {

    opacity: 1;

    visibility: visible;

    top: 40px;

}



ul.sub-menu li 

{

    display: block !important;

    text-align: left;

    border: none !important;

}



ul.sub-menu li a 

{

    color: #000 !important;

}





a.menu-icon {

    display: none;

    height: auto;

    padding: 7px 0 7px 0;

    width: 40px;

    background: rgba(0,0,0,0.2);

}



a.menu-icon span {

    display: block;

    margin: 4px 10px;

    background: #fff;

    height: 3px;

}



#banner {

    padding: 0;

    background: transparent;

}



.download-version-content a 

{

    padding: 10px 40px;

    border: 2px solid #f8af0c;

    color: #fff !important;

    font-size: 18px;

    width: 100%;

    text-align: center;

    border-radius: 4px;

}

.btn-btn-yellow:hover {

    box-shadow: 0px 0px 1px 2px rgba(255, 75, 75, 0.9);

    filter: drop-shadow(0 0px 20px rgba(255, 75, 75, 0.6));

    background: linear-gradient(to bottom, #cb030166 10%, #ff2727 90%);

    text-shadow: 5px 4px 0px #cb0301;

}

.download-btn 

{

    display: flex;

    justify-content: center;

}



.android-btn 

{

    display: flex;

     justify-content: center;

}



.iOS-btn 

{

    display: flex;

     justify-content: center;

}



.Mobile-btn 

{

    display: flex;

    justify-content: center;

}



.download-version-box .col-md-4 

{

    margin-bottom: 20px;

}



.android-btn .form-control {

 

    background: transparent;

    border: 2px solid #f8af0c;







    position: relative;

  display: inline-block;

  font-size: 24px;

  vertical-align: top;

  text-align: center;

  letter-spacing: 1px;

  line-height: 24px;

  color: #fefefe;

  font-weight: 400;

  font-family: "Anton";



  border-radius: 35px;

  text-transform: capitalize;





}





.nav-sign li a:hover {

    box-shadow: 0px 0px 1px 2px rgba(152, 51, 134, 0.9);

    filter: drop-shadow(0 0px 20px rgba(152, 51, 134, 0.6));

    background: linear-gradient(to bottom, #e673cf 10%, #9a368a 90%);

    text-shadow: 5px 4px 0px #943184;

}



.download-version-box ::placeholder 

{

    font-size: 18px;

    color: #f8af0c !important;

    font-weight: 400;

    text-align: center;

}



.download-version-box .col-md-12 

{

    margin-bottom: 20px;

}



.Rated 

{

    width: 80px;

    border-radius: 50%;

    background: #f8af0c;

    height: 80px;

    margin: auto;

   

}



.download-version-box .row 

{

    align-items: center;

}



.download-version-box 

{

    position: relative;

}



.Rated p 

{

    text-align: center;

    line-height: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    font-weight: 600;

}



a.btn-btn-yellow 

{

    position: relative;

    display: inline-block;

    font-size: 24px;

    vertical-align: top;

    text-align: center;

    letter-spacing: 1px;

    line-height: 24px;

    color: #fff;

    font-weight: 400;

    font-family: "Anton";

    padding: 13px 15px;

    border-radius: 35px;

    text-transform: capitalize;

    background-color: #f8af0c;

   

}



.download-version-box .col-md-6 

{

    margin-bottom: 20px;

}



.row.why-play 

{

    justify-content: space-between;

    width: 100%;

    margin-bottom: 50px;

}



.row.why-play:last-child {

    margin-bottom: 0;

}



.learn-play {

    width: 100%;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    display: flex;

    align-items: center;

    justify-content: center;

    /* box-shadow: 0 0px 2px 1px #f8af0c; */

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

}

.how-start .col-md-6 {
    display: flex;
    align-items: stretch;
}

.video-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.how-start .start-text {
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}
.how-start .video-img {
    height: 100%;
}

.video-boxs {
    height: 100%;
}







.learn-play .start-text h3 

{

    font-size: 20px;

    position: relative;

    line-height: 24px;

    font-weight: 700;



    text-transform: uppercase;

    margin-bottom: 15px;

    cursor: auto;

    text-align: center;

}



.hall-fame-content 

{

    text-align: center;

}



.hall-fame-content ul li 

{

    padding-bottom: 15px;

    color: #9C2D2C;

    font-size: 20px;

}



.Gamer-slide-box .item 

{

   

    align-items: center;

}



.user-profile i 

{

    font-size: 50px;

    color: #000;

}



.user-profile {

    margin-right: 0;

}



/* .Gamer-slide-box .item 

{

    display: flex;

    align-items: center;

    padding: 60px 30px;

    background: #fff;

} */



.Gamer-slide-box .item {

    padding: 0;

    background: #fff;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    filter: none;

    box-shadow: none;

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    position: relative;

}



.user-animation {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000000a3;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

    transition: .5s;

}



.Gamer-slide-box .item:hover .user-animation

{

    opacity: 1;

    visibility: visible;



}

.players {

    position: absolute;

    bottom: 30px;

    width: 100%;

    transition: .5s;

}



.Gamer-slide-box .item:hover .players {

    opacity: 0;

    visibility: hidden;

}



.players h5 {

    color: #fff;

    text-align: center;

    position: relative;

    text-align: center;

    width: 100%;

}



.user-details p {

    color: #ffffff;

    text-align: center;

}

.user-details h5 {

    color: #ffffff;

    font-weight: 600;

    font-size: 18px;

    padding-bottom: 9px;

    text-align: center;

}



.contact-app li:first-child 

{

    margin-right: 0;

}



.contact-app li {

    float: none;

    font-size: 20px;

    color: #000000;

    line-height: 24px;

    padding-bottom: 10px;

    text-align: left;

}



.payments ul li {

    float: none;

    padding-right: 0px;

    padding-bottom: 10px;

}



#Gamer-slide .owl-theme .owl-nav 

{

    margin-top: 10px;

    display: none;

}



#Gamer-slide .owl-dots {

    margin: 30px 0 0;

}



#Gamer-slide .owl-theme .owl-dots .owl-dot span 

{

    width: 12px;                          

    height: 12px;                          

    margin: 5px 10px;                          

    background: #D6D6D6;                          

    display: block;                          

    -webkit-backface-visibility: visible;                          

    transition: opacity .2s ease;                          

    border-radius: 30px;                          

    outline: 2px solid #D6D6D6;                          

    outline-offset: 5px;                          

}



#Gamer-slide .owl-theme .owl-dots .owl-dot.active span 

{

    background: #f8af0c !important;

    outline: 2px solid #f8af0c !important;

}



#Gamer-slide .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot 

{

    background: 0 0;

    color: inherit;

    border: none;

    padding: 0!important;

    font: inherit;

    outline: none !important;

}



.img-fluid 

{

    max-width: 100%;

    height: auto;

    width: 95px !important;

}



.control-img:hover img 

{

    filter: invert(1);

}



.Rated:hover 

{

    box-shadow: 0px 0px 1px 2px rgba(255, 75, 75, 0.9);

    filter: drop-shadow(0 0px 20px rgba(255, 75, 75, 0.6));

    background: linear-gradient(to bottom, #cb030166 10%, #ff2727 90%);

    text-shadow: 5px 4px 0px #cb0301;

}



#home-slider .owl-carousel .owl-item img {

    display: block;

    width: 100%;

   

}



#home-slider .owl-theme .owl-nav {

    margin-top: 10px;

    display: none;

}

#home-slider .owl-dots {

    position: absolute;

    left: 50%;

    transform: translate(-50%, 0px);

    bottom: 1px;

}



#home-slider .owl-theme .owl-dots .owl-dot span {

    width: 14px;

    height: 14px;

    margin: 5px 7px;

    background: transparent;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

    border: 2px solid #fff;

}



#home-slider .owl-theme .owl-dots .owl-dot.active span {

    background: #e6c67a;

    outline: 2px solid #e6c67a;

    outline-offset: 3px;

}



.download-app-block {

    margin-top: 70px;

}



.download-content {

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    text-align: center;

    padding: 50px 0;

}



.app-name {

    padding: 30px 0;

}



.app-name h5 {

    font-size: 22px;

    color: #9C2D2C;

}



.download-app-btn a {

    background: #C0392B;

    padding: 9px 35px 12px;

    color: #fff;

    line-height: normal;

    border-radius: 6px;

    font-weight: 600;

}

.app-icons img {

    width: 80px;

    filter: invert(1);

}



.download-app-btn {

    display: flex;

    justify-content: center;

}



.download-app-box .row

{

    justify-content: center;

}



.learn-play.write-up {

    align-items: flex-start;

    padding: 48px 0;

}



.learn-play.write-up p {

    text-align: center;

    margin-bottom: 15px;

}



.learn-play.write-up a {

    text-align: center !important;

    text-decoration: underline;

    color: #9C2D2C;

    font-weight: 600;

    margin: 20px 0;

}



.payment-method img {

    width: 90px;

}



.payment-method {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.payment-method a {

    width: 50%;

    margin-bottom: 10px;

}



.payments .heading h2 {

    font-size: 30px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    background: -webkit-linear-gradient(#a3a3a3 0%, #000000 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 20px;

    cursor: auto;

    letter-spacing: -1px;

}



.follow-title .heading h2 {

    font-size: 30px;

    position: relative;

    line-height: 24px;

    font-weight: 400;

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

    background: -webkit-linear-gradient(#a3a3a3 0%, #000000 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    text-transform: uppercase;

    z-index: 0;

    padding-top: 5px;

    padding-bottom: 20px;

    cursor: auto;

    letter-spacing: -1px;

}





.footer-socials i {

    color: #000000;

    font-size: 20px;

    transition: .5s;

}

.footer-socials i:hover {

    color: #9C2D2C;

}



.footer-socials a {

    margin-right: 20px;

}





.hexagon-shape {

    width: 140px;

    height: 160px;



    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

    text-align: center;

    line-height: 140px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    transition: .5s;

}

.hexagon-shape-box {

    position: relative;

}



.hexagon-shape {

    position: absolute;

}



.free-spin {

    padding-bottom: 40px;

    height: 670px;

}

.shape_boxs:nth-child(2) .hexagon-shape {

    top: 0px;

    left: 145px;

}

.shape_boxs:nth-child(3) .hexagon-shape {

    left: -71px;

    top: 126px;

}



.shape_boxs:nth-child(4) .hexagon-shape {

    left: 73px;

    top: 125px;

}



.shape_boxs:nth-child(5) .hexagon-shape {

    left: 217px;

    top: 125px;

}



.shape_boxs:nth-child(6) .hexagon-shape {

    left: 1px;

    top: 250px;

}

.shape_boxs:nth-child(7) .hexagon-shape {

    left: 145px;

    top: 250px;

}



.player-name h6 {

    font-size: 25px;

    margin-bottom: 20px;

}



.p-contents p {

    color: #000;

    font-size: 17px;

    padding: 0 50px;

}



.hexagon-shape img {

    width: 100%;

    max-width: 140px;

}









.players-details-content {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    top: 0;

    right: 150px;

    width: 100%;

    height: 413.06px;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    display: block;

    align-items: center;

    justify-content: center;

    /* box-shadow: 0 0px 2px 1px #f8af0c; */

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    text-align: center;

    padding: 50px 0;



    

}



.players-details-content.active {

    opacity: 1;

    visibility: visible;

    width: 35%;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}



.shape_boxs:hover .players-details-content {

    opacity: 1;

    visibility: visible;

    width: 35%;

    background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    box-shadow: 0px 0px 4px 1px rgba(247, 172, 4, 0.8);

    border: 1px solid rgba(224, 180, 6, 0.7);

    border-radius: 2px;

    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);

}

.players_img img {

    width: 170px;

    height: 160px;

    object-fit: cover;

    object-position: top;

}



.contact-us.back-darkfooter.contact.section {

    padding-top: 50px;

}



#contact-us {

    background-color: #E6C67A;

}



.banner-block img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: top;
}

.banner_title img {
    height: auto !important;
}

.banner-block {
    position: relative;
}

.banner_title {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 130px;
}


.policy-content p {

    margin-bottom: 20px;

}



.calculated-content h5 {

    margin-bottom: 20px;

}





.calculated-content table {

    width: 100%;

}



.calculated-content table td {

    padding: 5px 10px;

    border: 1px solid gray;

    border-left: none;

    border-right: none;

    border-bottom: none;

}



.table-box {

    border: 1px solid gray;

    border-radius: 10px;

    margin-bottom: 30px;

}



.table-box tr:nth-child(even) 

{

    background-color: #e6e6e6;

    border-radius: 10px;

}

.calculated-content ul 

{

    margin-left: 30px;

}

.calculated-content ul li 

{

    padding-bottom: 10px;

}

.calculated-content ul li i 

{

    color: #c50000;

}

.policy-block 

{

    margin-bottom: 80px;

}



ul.sub-menu li a {

    padding: 0 !important;

}



.calculated-content ul li p {

    margin-bottom: 0;

}



.rummy-patti-list ul li {

    display: flex;

    align-items: flex-start;

}



.rummy-patti-list ul li i {

    margin-right: 10px;

    margin-top: 5px;

}

.calculated-content h5 {

    margin-bottom: 20px;

    background: -webkit-linear-gradient(#ffd370 0%, #f7ad07 50%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.calculated-content h6 {

    font-size: 18px;

    margin: 10px 0 20px;

    color: #c50000;

}



.rummy-patti-list ul li span {

    margin-right: 10px;

    margin-top: 0px;

}



.rummy-patti-list ol {

    margin-left: 50px;

}



.rummy-patti-list ul ol li i {

    color: #f8b41b;

}



.point-system-table table {

    border: 1px solid gray;

}



.point-system-table table td, th {

    padding: 3px 10px;

    border: 1px solid gray;

}



.point-system-table table td {

    border: 1px solid gray;

    text-align: center;

}

.point-system-table table th {

    background-color: #e6e6e6;



}

.point-system-table {

    margin: 30px 0;

}



.Why-Play-Rummy-Patti {

    padding-top: 70px;

}



.hexagon-shape:hover {

    background: #9C2D2C;

}



::selection {

    background: #32280e2e;

}

.about-rummy-box .heading {

    margin-bottom: 40px;

}



.about-rummy-block {

    padding: 70px 0;

}



.about-rummy-box p {

    padding-bottom: 20px;

}



.boxsss {

    padding: 20px;

    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);

    border-radius: 5px;

    margin: 20px 0 50px;

}



table.variations-table td {

    border: none;

}



.policy-content {

    margin-bottom: 50px;

}





.creative-fullpage--slider {

        background-color: #ffffff;

        z-index: 2;

        width: 100%;

        position: relative;

        flex-direction: column;

        height: 100vh;

        font-size: 16px;

        display: flex;

        clip-path: none !important;

    }



    .creative-fullpage--slider .slider-inner {

        background: #000;

        height: 100vh;

        position: relative;

    }



    .creative-fullpage--slider .swiper-slide {

        position: relative;

        display: flex;

        justify-content: center;

        text-align: left;

        flex-direction: column;

        overflow: hidden;

    }



    .creative-fullpage--slider .swiper-slide .slider-inner img {

        object-fit: cover;

        width: 100%;

        height: 100vh;

    }



    .creative-fullpage--slider .swiper-slide .slider-inner video {

        object-fit: cover;

        width: 100%;

        height: 100%;

    }



    .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {

        position: absolute;

        top: 22%;

        left: 50px;

        z-index: 1;

    }



    .creative-fullpage--slider .swiper-slide .slider-inner::after {

        content: "";

        position: absolute;

        width: 101%;

        height: 100%;

        top: 0;

        left: -1px;

        background-color: transparent;

        background-image: radial-gradient(at center right, #FFFFFF00 50%, #00000096 100%);

    }



    .swiper-slide .slider-inner .swiper-content .title-area .tag {

        color: #ffffff;

        font-weight: 900;

        font-size: 24px;

        margin-bottom: 10px;

        margin-top: 0px;

    }



    .swiper-slide .slider-inner .swiper-content .title-area .title {

        margin-top: 50px;

        color: #fff;

        font-size: 8vw;

        font-family: "Inter", sans-serif;

        font-weight: 900;

        line-height: 1.1;

        text-transform: uppercase;

        margin-bottom: 50px;

        margin-left: -12px;

        text-decoration: none;

    }



    .swiper-slide .slider-inner .swiper-content p.disc {

        font-size: 20px;

        width: 100%;

        margin-top: 15px;

        margin: 20px 0px 40px 0px;

        font-weight: 400;

        line-height: 32px;

        color: #FFFFFFB0;

    }



    .creative-btn--wrap .creative-slide--btn {

        color: #ffffff;

        margin-left: 18px;

        font-size: 1.4em;

        transition: margin-left 300ms cubic-bezier(0.49, 0, 0.01, 1);

        font-weight: 400;

        display: inline-flex;

        position: relative;

        white-space: nowrap;

        text-decoration: none;

        justify-content: center;

        align-items: center;

        cursor: pointer;

        user-select: none;

        outline: none;

        outline-color: transparent;

        box-shadow: none;

        will-change: transform;

        backface-visibility: hidden;

    }



    .creative-btn--circle .circle {

        position: absolute;

        right: calc(100% - 10px);

        top: 0;

        bottom: 0;

        margin: auto;

        width: 45px;

        height: 45px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        clip-path: circle(25% at 50% 50%);

        transition: clip-path 500ms cubic-bezier(0.49, 0, 0.01, 1);

    }



    .creative-btn--circle .circle .circle-fill {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        border-radius: 100%;

        background-color: #ffffff;

        will-change: transform;

        transform: scale(0);

        z-index: 1;

        transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1), background-color 500ms cubic-bezier(0.49, 0, 0.01, 1);

    }



    .creative-btn--circle .circle-icon 
    {

        transform: translate(-100%, 0%);

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        overflow: hidden;

        display: flex;

        align-items: center;

        justify-content: center;

        opacity: 0;

        z-index: 2;

        transition: all 500ms cubic-bezier(0.49, 0, 0.01, 1);

    }



    .creative-btn--circle .circle-icon .icon-arrow 
    {
        width: 20px;
        height: 20px;
        stroke: none;
        fill: #000;
    }

    .creative-btn--circle .circle-outline 
    {
        fill: transparent;
        width: 10px;
        stroke: #ffffff;
    }

    .creative-btn--wrap .creative-slide--btn .creative-btn--label 
    {
        margin-left: 4pt;
        transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);
    }

    .creative-btn--wrap .creative-slide--btn .creative-btn__border 
    {
        position: absolute;
        left: 4pt;
        right: 0;
        bottom: 0;
        height: 1px;
        background: currentColor;
        transform-origin: right;
        transition: transform 500ms cubic-bezier(0.49, 0, 0.01, 1);
    }



    .creative-btn--wrap .creative-slide--btn:hover .creative-btn--label {

        transform: translateX(18px);

    }



    .creative-btn--wrap .creative-slide--btn:hover .creative-btn__border {

        transform: scale(0, 1);

    }



    .creative-btn--wrap .creative-slide--btn:hover {

        margin-left: 38px !important;

    }



    .creative-btn--wrap .creative-slide--btn:hover .circle {

        clip-path: circle(50% at 50% 50%);

    }



    .creative-btn--wrap .creative-slide--btn:hover .circle-fill {

        transform: scale(1, 1);

    }



    .creative-btn--wrap .creative-slide--btn:hover .circle-icon {

        transform: translate(0%, 0%);

        opacity: 1;

    }



    .creative-fullpage--slider .swiper-container-h .swiper-button-next,

    .creative-fullpage--slider .swiper-container-h .swiper-button-prev {

        bottom: 5%;

        top: unset;

        transform: scale(1);

        transition: all 0.4s;

        background-color: #FFFFFF00;

        backdrop-filter: blur(20px);

        height: 85px;

        width: 85px;

        line-height: 85px;

        border-radius: 50%;

        transition: all 0.4s;

    }



    .creative-fullpage--slider .swiper-container-h .swiper-button-next {

        right: 50px;

    }



    .creative-fullpage--slider .swiper-container-h .swiper-button-prev {

        left: 50px;

    }



    .swiper-container-h .slider-pagination-area {

        display: flex;

        align-items: center;

        justify-content: center;

        position: absolute;

        top: unset;

        right: unset;

        bottom: 80px;

        left: 50% !important;

        transform: translateX(-50%);

        width: 500px;

        z-index: 1;

    }



    .swiper-container-h .slider-pagination-area .slide-range {

        font-size: 16px;

        font-weight: 500;

        margin: 0 15px;

        color: #ffffff;

        line-height: 0;

        position: absolute;

        font-size: 20px;

    }



    .swiper-container-h .slider-pagination-area .slide-range.one {

        left: -50px;

    }



    .swiper-container-h .slider-pagination-area .slide-range.three {

        right: -50px;

    }



    .swiper-container-h .slider-pagination-area .swiper-pagination {

        bottom: 0 !important;

        width: 500px !important;

    }



    .swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill {

        background: #ffffff;

    }



    .swiper-container-h .swiper-button-next::after {

        content: "\f061";

        font-family: var(--fa-style-family, "Font Awesome 6 Free");

        font-weight: var(--fa-style, 900);

        background: none;

        color: #ffffff;

        font-size: 60px;

    }



    .swiper-container-h .swiper-button-prev::after {

        content: "\f060";

        font-family: var(--fa-style-family, "Font Awesome 6 Free");

        font-weight: var(--fa-style, 900);

        background: none;

        color: #ffffff;

        font-size: 60px;

    }



    .swiper-container-h .swiper-button-next:hover,

    .swiper-container-h .swiper-button-prev:hover {

        background: #FFFFFF0D;

    }





    /* ====================== Responsive Ipad =============================== */

    @media (max-width: 991px) {

        .creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {

            width: 100%;

            text-align: center;

            left: 0;

        }



        .creative-fullpage--slider .swiper-container-h .swiper-button-next,

        .creative-fullpage--slider .swiper-container-h .swiper-button-prev {

            height: 50px;

            width: 50px;

            line-height: 50px;

        }



        .swiper-container-h .slider-pagination-area {

            width: 200px !important;

        }



        .swiper-container-h .swiper-button-next::after,

        .swiper-container-h .swiper-button-prev::after {

            font-size: 30px;

        }



        .creative-fullpage--slider .swiper-container-h .swiper-button-next,

        .creative-fullpage--slider .swiper-container-h .swiper-button-prev {

            background: #ffffff3b;

        }



        .swiper-container-h .slider-pagination-area .swiper-pagination {

            bottom: 0 !important;

            width: 200px !important;

        }

    }



    /* ====================== Responsive Iphone =============================== */

    @media screen and (max-width: 767px) {

        .swiper-slide .slider-inner .swiper-content .title-area .title {

            font-size: 64px;

        }



        .swiper-slide .slider-inner .swiper-content .title-area .tag {

            margin-bottom: 0px;

        }



        .swiper-slide .slider-inner .swiper-content p.disc {

            margin: 20px auto 20px auto;

            font-size: 16px;

            width: 95%;

        }



        .swiper-container-h .slider-pagination-area {

            display: none;

        }



        .swiper-slide .slider-inner .swiper-content p.disc br {

            display: none;

        }

    }





    #contact-us {

        background-color: #E6C67A;

    }



    .slider {

        position: relative;

        width: 100%;

    }



    .items {

        position: relative;

        overflow: hidden;

        width: 100%;

        padding-bottom: 56.25%;

    }



    .item {

    position: unset;

    /* top: 0; */

    /* left: 0; */

    /* width: 100%; */

    /* height: 100%; */

    opacity: 1;

    transition: opacity .6s ease-in-out;

}



    .buttons {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .button {
        width: 32px;
        height: 32px;
        border: none;
        outline: none;
        padding: 0;
        background: transparent center no-repeat;
        cursor: pointer;
        opacity: .4;
        &.prev 
        {
            background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);
        }
        &.next 
        {
            background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);
        }
        &:hover 
        {
            opacity: .8;
        }
    }

    .dots {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .dot {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: none;
        outline: none;
        padding: 0;
        background: #777;
        cursor: pointer;
        opacity: .5;
        transition: opacity .4s ease-in-out;
        &:nth-child(n+2) {
            margin-left: 5px;
        }
        &.current {
            opacity: 1;
        }
    }


    .banner_title .heading 
    {
        margin-bottom: 0;
    }

    .back-bgcolor 
    {
        background: #cb0200;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .location-txt a 
    {
        color: #fff !important;
    }

    .contact_us_page .casino-btn a:hover 
    {
        background: linear-gradient(to bottom, #cb030166 10%, #ff2727 90%);
    }

    .calculated-content p a 
    {
        color: #c50000;
    }

    .home_about .heading {
        margin-bottom: 0;
    }

    #banner .heading h2 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .download-app-btn.about {
    margin-top: 36px;
}

.menu-item-has-children
{
    position: relative;
}

.menu-item-has-children::after 
{
	position: absolute;
	content: '\f105';
	font-family: "fontawesome";
	right: -10px;
	top: 11px;
	transform: rotate(90deg);
    transition: .5s;
}

@media (max-width:991px)
{
    #nav ul li {
    display: inline-block;
    margin-left: 0;
    border: none;
    padding: 7px 15px;
    position: relative;
}

.open-menu ul.sub-menu 
{
    display: block !important;
    opacity: 1;
    top: 0 !important;
}
ul.sub-menu 
{
    opacity: 1;
    visibility: visible;
    transition: .5s;
}
.menu-item-has-children::after 
{
    position: absolute;
    content: '\f105';
    font-family: "fontawesome";
    right: 20px;
    top: 11px;
    transform: rotate(0deg);    
}
.menu-item-has-children.open-menu::after 
{
    transform: rotate(90deg) !important;
}


#nav ul li a 
{
    padding: 7px 0px;
}
#nav ul li a.parent-link 
{
    display: block;
    padding: 0;
}

}