@charset "UTF-8";@import https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;300; 400; 500; 600; 700&family=open+sans:wght@300; 400; 600; 700; 800&display=swap;


html {
    font-family: open sans, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden
}

body {
    font-family: open sans, sans-serif;
    font-size: 18px;
    margin: 0;
    color: #939393;
    overflow-x: hidden;
    background-color: #b9b9b9;
}

body.modal-open {
    padding-right: 0 !important
}

h1 {
    font-size: 60px;
    line-height: 1.0833333333
}

h2 {
    font-size: 52px;
    line-height: 1.f1e58e4444
}

h3 {
    font-size: 26px;
    line-height: 1.0833333333
}

h4 {
    font-size: 22px;
    line-height: 1.2380952381
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffb986;
    font-family: josefin sans, sans-serif
}

a {
    color: #fff;
    /*color: #3d0000;*/
    /*color: #d5d5d5;*/
    text-decoration: none
}

a:hover {
    color: #eccf36;
    text-decoration: none
}

a:active,
a:focus {
    color: #bf5526;
    text-decoration: none;
    outline: 0
}

a i {
    padding: 0 2px
}

img {
    /*max-width: 100%*/
}

ul {
    padding: 0;
    margin: 0
}

ul li {
    list-style: none
}

input[type=button]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=reset]:focus,
input[type=search]:focus,
input[type=submit]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #ddd
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em
}

@keyframes opacityAnimation {
    0% {
        opacity: .4
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .4
    }
}

@keyframes upDownAnimation {
    0% {
        margin-top: 0
    }
    50% {
        margin-top: 80px
    }
    100% {
        margin-top: 0
    }
}

@keyframes phoneAni {
    0% {
        margin: 0
    }
    33% {
        margin-left: 5px
    }
    66% {
        margin-left: -5px
    }
    100% {
        margin-top: 0
    }
}

@keyframes manAni {
    0% {
        margin: 0
    }
    33% {
        margin-top: 5px
    }
    66% {
        margin-top: -5px
    }
    100% {
        margin: 0
    }
}

@keyframes shieldAni {
    0% {
        margin: 0
    }
    33% {
        margin-top: 5px
    }
    66% {
        margin-top: -5px
    }
    100% {
        margin: 0
    }
}

@keyframes rippleAni {
    0% {
        transform: translate(0, 0)
    }
    33% {
        transform: translate(5px, -5px)
    }
    66% {
        transform: translate(-5px, 5px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes ripple2Ani {
    0% {
        transform: translate(0, 0)
    }
    33% {
        transform: translate(-5px, -5px)
    }
    66% {
        transform: translate(5px, 5px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.mybtn1 {
    text-transform: uppercase;
    font-weight: 550;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 20px 150px;
    color: #2b2a28 !important;
    text-shadow: 1px 2px 2px #bbaa69;
    background: url(../images/brs.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn1:hover {
    text-transform: uppercase;
    font-weight: 550;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 12px 35px;
    color: #ffe9a5 !important;
    text-shadow: 1px 2px 2px #000;
    background: url(../images/brs2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn2 {
 /*   background: #ffd545 !important;
    outline: 0 !important;
    border: 3px solid #8e3838 !important;
    color: #000 !important;
    text-shadow: 1px 1px 1px #fff299 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    padding: 12px 35px;
    transition: all .3s ease-in;
    display: inline-block*/
	
    background: linear-gradient(0deg, #05861a, #073700) !important;
    outline: 2px solid #d5d5d5 !important;
    border: 2px solid #121212 !important;
    color: #ededed;
    text-shadow: 1px 1px 1px #b10000 !important;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
	
	
}

.mybtn2.active,
.mybtn2:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(120%)
}

.mybtn3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    height: 50px;
    line-height: 40px;
    margin-bottom: 3px;
    border-radius: 1px;
    color: #000 !important;
    background: #e9dba9;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .75);
    transition: all .3s ease-in;
    display: inline-block;
    padding: 5px
}

.mybtn3.active,
.mybtn3:hover {
    color: #000 !important;
    text-shadow: 1px 2px 2px #f3e38c;
    background: url(../images/brs.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 12px 35px;
    color: #000 !important;
    text-shadow: 1px 2px 2px #d7b692 !important;
    background: url(../images/brs.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn4:hover {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 12px 35px;
    color: #ffe9a5 !important;
    text-shadow: 1px 2px 2px #605033 !important;
    background: url(../images/brs2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn5 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 12px 15px;
    border-radius: 1px;
    color: #ffe9a5 !important;
    text-shadow: 1px 2px 2px #000;
    background: url(../images/brs2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.mybtn5:hover {
    color: #ffe9a5 !important;
    text-shadow: 1px 2px 2px #000;
    background: url(../images/brs2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.section-heading {
    text-align: center;
    margin-bottom: 54px
}

.section-heading.content-left {
    text-align: left
}

.section-heading .subtitle {
    font-size: 45px;
    line-height: 50px;
    font-weight: 700;
    color: #353535;
    /*! text-shadow: 1px 1px 10px #000, 1px 4px 1px #000; */
    margin-bottom: 8px;
    border: 1px solid #939393;
    background: linear-gradient(90deg, rgb(213, 213, 213) 0%, rgb(223, 223, 223) 35%, rgb(221, 221, 221) 100%);
}

.section-heading .title {
    font-size: 25px;
    line-height: 40px;
    color: #ffee60;
    /*! text-shadow: 1px 2px 10px #000, 2px 2px 1px #000; */
    margin-bottom: 2px;
    border: 1px solid #939393;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(15, 15, 15) 35%, rgb(9, 9, 9) 100%);
}

.section-heading .text {
    font-size: 28px;
    line-height: 50px;
    font-weight: 400;
    color: #ffe5e5 !important;
    /*! text-shadow: 1px 1px 10px #000, 1px 2px 1px #000; */
    border: 1px solid #939393;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(15, 15, 15) 35%, rgb(9, 9, 9) 100%);
}

.section-heading2 .subtitle {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #400000;
    margin-bottom: 13px;
    text-shadow: 0 -3px 20px #ffeca1
}

.section-heading2 .title {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 7px;
    text-shadow: 0 -3px 20px #ffeca1
}

.section-heading4 .title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ccc3a1;
    text-shadow: 1px 3px 20px #000;
    margin-bottom: 7px
}

.section-heading4 .subtitle {
    font-size: 35px;
    line-height: 30px;
    font-weight: 700;
    color: #fca32e;
    text-shadow: 0 -3px 10px #000
}

.yazi1 {
    font-size: 45px;
    line-height: 38px;
    font-weight: 700;
    color: #ffeb8d;
    margin-bottom: 13px;
    text-align: center;
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.yazi2 {
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #bab0a0;
    margin-bottom: 7px;
    text-shadow: 0 -3px 2px #000, 0 -1px 3px #000;
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.yazi3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #000
}

.yazi4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffe8b7
}

.yazi5 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
    text-shadow: 0 -3px 2px rgba(12, 19, 55, .004), 0 -1px 4px #fff, 0 -2px 10px #fff, 0 -10px 20px #fff, 0 -18px 40px #fff;
    margin-top: 25px;
    margin-bottom: 25px
}

.yazi6 {
    background: #ffae2f;
    border: 1px solid #ffeb7d !important;
    color: #000;
    max-width: 800px;
    text-align: center;
    font-size: 22px;
    margin: 5px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px
}

.yazi7 {
    background: #820000;
    border: 1px solid #c43e3e !important;
    max-width: 500px;
    color: #faea92;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px
}

.yazi8 {
    background: #ffae2f;
    border: 1px solid #ffeb7d !important;
    color: #000;
    max-width: 500px;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px
}

.yazi9 {
    font-size: 50px;
    line-height: 60px;
    color: #ffbd3d;
    border-bottom: 1px dotted #ca9c43;
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px #000;
    margin-top: 25px;
    margin-bottom: 25px
}

.ozellik {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    padding: 25px;
    margin-left: 5px;
    margin-right: 5px;
    width: %100;
    background: url(../images/game-play/arka3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    border: 4px solid #e78c35;
    border-radius: 50px;
    position: relative;
    z-index: 9;
    overflow: hidden
}

.section-heading3 {
    text-align: center;
    margin-bottom: 10px
}

.section-heading3.content-left {
    text-align: left
}

.section-heading3 .subtitle {
    font-size: 30px;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c5b589;
    text-shadow: 0 -3px 2px #000, 0 -1px 3px #000;
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-bottom: 100px
}

.section-heading3 .title {
    font-size: 80px;
    line-height: 70px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2d0000;
    -webkit-text-stroke: 2px #ff9743 !important;
    -moz-text-stroke: 2px #ff9743 !important;
    text-shadow: 0 3px 2px #000, 0 1px 3px #000;
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-bottom: 13px
}

.section-heading3 .text {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #c5b589;
    padding: 12px 35px;
    text-shadow: 2px 2px 2px #000
}

.section-heading3 a {
    color: #ff8d39
}

.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMjU1LCAyNTQsIDE3NSwgMC45KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
}

.navbar-toggler {
    border: none !important;
    margin: 0;
    padding: 0
}

.navbar-toggler:focus {
    outline: 0
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/home/h2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 9999999;
    transition: all .3s ease-in;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.preloader.hide {
    opacity: 0;
    display: none
}

.loader {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle
}

.loader-1 .loader-outter {
    position: absolute;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite
}

.loader-1 .loader-inner {
    position: absolute;
    border: 15px solid #e64329;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    border-right: 0;
    border-top-color: transparent;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite
}

@keyframes loader-1-outter {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-1-inner {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.bottomtotop i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    color: #000 !important;
    border: 2px solid #000;
    background: #cd5200;
    cursor: pointer;
    transform: rotate(-90deg);
    bottom: 85px;
    right: 15px;
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .2);
    z-index: 999
}

.breadcrumb-area {
   /* padding: 290px 0 142px;*/
    padding: 210px 0 10px;
    height: 550px;
}

.breadcrumb-area.about {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.breadcrumb-area.happy_hour {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.breadcrumb-area.onlineol_kazan {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.breadcrumb-area.about2 {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.breadcrumb-area.turnaments {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 590px;
    padding: 0
}

.breadcrumb-area.turnaments2 {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 590px;
    padding: 0
}

.breadcrumb-area.games {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 590px;
    padding: 0
}

.breadcrumb-area.games2 {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

.breadcrumb-area.raffles {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

.breadcrumb-area.gamer-profile {
    background: url(../images/bc/profil.webp);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.breadcrumb-area.gamer-happyhours {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    padding: 210px 0 10px
}

.breadcrumb-area.help {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

.breadcrumb-area.contact {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 550px;
    padding: 0
}

.breadcrumb-area.bonus {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 550px;
    padding: 0
}

.breadcrumb-area.reffer {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 550px;
    padding: 0
}

.breadcrumb-area h2 {
    font-size: 70px;
    line-height: 75px;
    font-weight: 750;
    color: #fff;
    /*! text-shadow: 1px 1px 10px #000, 1px 4px 1px #000; */
    text-transform: uppercase
}

.breadcrumb-area h3 {
    font-size: 15px;
    line-height: 50px;
    font-weight: 750;
    color: #87d36c;
    /*! text-shadow: 2px 2px 2px #000; */
    text-transform: uppercase;
    margin-bottom: 0
}

.breadcrumb-area p {
    font-size: 12px;
    font-weight: 750;
    color: #faefcb7;
    /*! text-shadow: 2px 2px 2px #000; */
    text-transform: uppercase;
    margin-bottom: 0
}

.breadcrumb-area .breadcrumb-list li {
    display: inline-block;
    position: relative;
    margin-right: 30px
}

.breadcrumb-area .breadcrumb-list li:last-child::before {
    display: none
}

.breadcrumb-area .breadcrumb-list li::before {
    position: absolute;
    font-weight: 900;
    color: #45ee50;
    text-shadow: 1px 1px 1px #7df751;
    content: "";
    font-family: "font awesome 5 free";
    right: -20px;
    z-index: 1;
    font-size: 15px;
    top: 53%;
    transform: translateY(-50%)
}

.breadcrumb-area .breadcrumb-list li a {
    font-size: 22px;
    line-height: 28px;
    transition: all .3s ease-in;
    color: #ffca66;
    /*! text-shadow: 2px 2px 2px #000; */
    margin-bottom: 0
}

.video-play-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 26px;
    border-radius: 50%;
    position: relative;
    color: #faefcb;
    background: #fff;
    box-shadow: 0 0 0 15px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2), 0 0 0 45px rgba(255, 255, 255, .2);
    animation: shadowAni 3s linear infinite
}

.video-play-btn i {
    color: #faefcb
}

@keyframes shadowAni {
    0% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2), 0 0 0 45px rgba(255, 255, 255, .2)
    }
    50% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px rgba(255, 255, 255, .2)
    }
    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2), 0 0 0 45px rgba(255, 255, 255, .2)
    }
}

.video-play-btn2 {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 26px;
    border-radius: 50%;
    position: absolute;
    color: #faefcb;
    background: #66d3b6;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-play-btn2 i {
    color: #faefcb
}

.video-play-btn2:hover {
    color: #faefcb
}

.video-play-btn2:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #fff;
    transform: translate(-50%, -50%)
}

.video-play-btn2:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    transform: translate(-50%, -50%)
}

.video-play-btn2 span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .4);
    transform: translate(-50%, -50%)
}

.video-play-btn2 span:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%)
}

.f-z-f {
    background-image: url(http://localhost/metin2);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.f-z-f .content {
    margin-bottom: 70px;
    text-align: center
}

.f-z-f .content h4 {
    font-size: 36px;
    line-height: 46px;
    color: #e6e5ff;
    margin-bottom: 20px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.header::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #000;
    border-bottom: 1px solid #000
}

.header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/home/ust.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .99;
    outline: 1px solid #a29c6e;
    border-bottom: 1px solid #8e3838;
    -webkit-box-shadow: 0 0 20px 0 #000;
    -moz-box-shadow: 0 0 20px 0 #000;
    box-shadow: 0 0 20px 0 #000
}

.header.nav-fixed {
    background: #524a43;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.header.nav-fixed .top-header {
    display: none
}

.header.nav-fixed .navbar::after {
    visibility: hidden
}

.header.nav-fixed .navbar::before {
    visibility: hidden
}

.header.nav-fixed .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand {
    width: auto;
    height: 100%
}

.header.nav-fixed .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand img.l2 {
    height: auto;
    width: 150px;
    max-width: 150px;
    position: relative;
    bottom: auto
}

.header .top-header .content {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    background: url(../images/home/ust4.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: 2px solid #d8d8d8;
    border-right: 2px solid #0a0a0a;
    border-left: 2px solid #0a0a0a;
    border-bottom: 2px solid #0a0a0a;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative
}

.header .top-header .content p {
    color: #a1e174;
}

.header .top-header .content::after {
    position: absolute;
    content: "";
    top: 0;
    left: -20px;
    width: 0;
    height: 0
}

.header .top-header .content::before {
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    width: 0;
    height: 0
}

.header .top-header .content .left-content .left-list {
    display: inline-block;
    position: relative;
    padding-right: 30px
}

.header .top-header .content .left-content .left-list::after {
    position: absolute;
    content: "";
    right: 0;
    height: 18px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%)
}

.header .top-header .content .left-content .left-list li {
    display: inline-block
}

.header .top-header .content .left-content .left-list li p {
    margin-bottom: 0;
    color: #000
}

.header .top-header .content .left-content .left-list li p i {
    color: #e6c04e;
    margin-right: 5px
}

.header .top-header .content .left-content .top-social-links {
    display: inline-block;
    padding-left: 25px
}

.header .top-header .content .left-content .top-social-links li {
    display: inline-block;
    margin-right: 13px
}

.header .top-header .content .left-content .top-social-links li a {
    font-size: 16px;
    color: #000;
    transition: all .3s ease-in
}

.header .top-header .content .left-content .top-social-links li a:hover {
    color: #000
}

.header .top-header .content .right-content {
    text-align: right
}

.header .top-header .content .right-content .right-list>li {
    display: inline-block;
    margin-right: 35px;
    position: relative
}

.header .top-header .content .right-content .right-list>li:last-child {
    margin-right: 0
}

.header .top-header .content .right-content .right-list>li::before {
    position: absolute;
    content: "|";
    top: 0;
    right: -23px;
    color: #000
}

.header .top-header .content .right-content .right-list>li:last-child::before {
    display: none
}

.header .top-header .content .right-content .right-list>li p {
    margin-bottom: 0
}

.header .top-header .content .right-content .right-list>li .language-selector select {
    font-size: 16px;
    background: 0 0;
    color: #000;
    border: 0
}

.header .top-header .content .right-content .right-list>li .notofication i {
    color: #e6c04e;
}

.header .top-header .content .right-content .right-list>li .message i {
    color: #000
}

.header .mainmenu-area .navbar {
    padding: 0;
    position: relative
}

.header .mainmenu-area .navbar .navbar-brand {
    padding: 0;
    margin: 0
}

.header .mainmenu-area .navbar .navbar-brand img {
    max-width: 150px
}

.header .mainmenu-area .navbar .mybtn1 {
    margin-left: 20px
}

.header .mainmenu-area .navbar #main_menu .main-menu-inner {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-basis: auto
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item {
    list-style: none
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link {
    color: #e5e5e5;
    text-shadow: 1px 1px 8px #000, 1px 3px 1px #000;
    text-transform: uppercase;
    line-height: 28px;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    padding: 28px 20px;
    transition: all linear .3s
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link.active,
.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link:hover {
    color: #ffcb4e;
    text-shadow: 0 0 20px #ffda83;
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu {
    position: absolute;
    z-index: 99;
    margin-top: 0 !important;
    background: #000;
    border-radius: 0;
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .15);
    transition: all linear .3s
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    transition: all linear .3s;
    color: #ffe4af
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item i {
    margin-right: 5px;
    font-size: 12px
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    background: #34302d
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
    background: 0 0
}

.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block
}

.header .mainmenu-area .navbar .user-info-menu-area {
    display: flex;
    align-items: center;
    align-self: center;
    height: 100%
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area {
    position: relative;
    cursor: pointer
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .number {
    border: 1px solid #117eda;
    border-radius: 4px;
    padding: 0 20px;
    height: 50px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 15px 0 #117eda
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .number img {
    width: 15px;
    margin-right: 5px
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .number p {
    flex: 1;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    color: #ffeeb5;
    margin-bottom: 0
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .number span {
    color: #ffe22b;
    margin-left: 4px
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 190px;
    background: #2d0000;
    border-radius: 10px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    padding: 7px 0;
    transition: all linear .3s
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a {
    display: flex;
    align-items: center;
    padding: 7px 15px
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a img {
    width: 15px;
    margin-right: 5px
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a p {
    flex: 1;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #ffeeb5;
    margin-bottom: 0
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a p b {
    font-weight: 600
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a span {
    color: #ffe22b
}

.header .mainmenu-area .navbar .user-info-menu-area .left-area:hover .dp-links {
    visibility: visible;
    opacity: 1
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area {
    position: relative;
    margin-left: 10px
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 190px;
    color: #f3d25c !important;
    background: #1f1010;
    border: 1px solid #000 !important;
    border-radius: 1px;
    padding-top: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area {
    padding: 20px 30px 15px;
    text-align: center;
    border-bottom: 1px solid #24ff00
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area h6 {
    font-size: 11px;
    line-height: 15px;
    color: #ffeeb5;
    margin-bottom: 0
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area h6 span {
    font-weight: 600
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area .progress {
    margin-top: 7px;
    margin-bottom: 0;
    background: #4f4f4f;
    height: 7px
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area .progress .progress-bar {
    background-color: #fc6d9c
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area a {
    font-size: 11px;
    line-height: 21px;
    margin-bottom: 0;
    font-weight: 600;
    color: #ededed
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area a i {
    margin-left: 4px;
    font-size: 10px
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a {
    font-size: 16px;
    color: #ffe78f !important;
    line-height: 45px;
    padding: 0 20px;
    display: block;
    transition: all linear .3s
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a i {
    width: 25px
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a.active,
.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a:hover {
    color: #000;
    background: #492020
}

.header .mainmenu-area .navbar .user-info-menu-area .right-area:hover .dp-menu {
    visibility: visible;
    opacity: 1
}

.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand {
    position: relative;
    width: 200px;
    height: 100%
}

.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand img.l2 {
    height: 140px;
    width: 250px;
    max-width: 250px;
    position: absolute;
    bottom: -42px
}

.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-nav li .nav-link {
    padding: 28px 15px
}

.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-nav li .mybtn1 {
    margin-top: 15px
}

.subscribe-area.subscribe-area2 {
    background: #000
}

.subscribe-box {
    background: url(../images/newsletter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 0 28px 16px rgba(0, 0, 0, .45);
    -moz-box-shadow: 0 0 28px 16px rgba(0, 0, 0, .45);
    box-shadow: 0 0 28px 16px rgba(0, 0, 0, .45);
    border-radius: 50px;
    padding: 53px 30px 60px;
    position: relative;
    bottom: -140px;
    z-index: 9;
    overflow: hidden;
    border: 1px solid #1e1e1e
}

.subscribe-box .left {
    position: absolute;
    left: 0;
    top: 50px
}

.subscribe-box .right {
    position: absolute;
    right: 0;
    top: 50px
}

.subscribe-box .heading-area {
    text-align: center
}

.subscribe-box .heading-area .sub-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 10px;
    color: #c5b589;
    text-shadow: 1px 1px 2px #000 !important
}

.subscribe-box .heading-area .title {
    font-size: 26px;
    color: #ff9703;
    text-shadow: 1px 1px 2px #000 !important;
    line-height: 6px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase
}

.subscribe-box .form-area {
    width: 100%;
    position: relative
}

.subscribe-box .form-area input {
    width: 100%;
    height: 60px;
    background: 0 0;
    border: 0;
    border-radius: 50px;
    box-shadow: inset 0 0 10px 7px #bf1995;
    border: 2px solid #e78c35;
    padding: 0 160px 0 30px;
    font-size: 18px;
    color: #faefcb
}

.subscribe-box .form-area input::placeholder {
    color: #e9e7ff
}

.subscribe-box .form-area .mybtn1 {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    background: 0 0;
    border: 0;
    background: #53196a
}

.subscribe-box .form-area .mybtn1:focus {
    outline: 0
}

.footer {
    padding-top: 0px;
    overflow: hidden;
    position: relative;
    /*! background-color: #b9b9b9; */
    background-color: #0c0c0c;
    background-image: url(../images/footerbg.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 470px;
    outline: 1px solid #a29c6e;
}

.footer .footer-logo {
    margin-top: -10px;
    margin-bottom: 25px
}

.footer .flogo {
    text-align: center;
    display: block
}

.footer a {
    color: #d37700;
}

.footer .flogo a {
    display: inline-block
}

.footer .social-links {
    display: block;
    text-align: center;
    margin-top: 30px
}

.footer .social-links ul li {
    display: inline-block
}

.footer .social-links ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 1px;
    background-color: #ede6e6 !important;
    color: #000 !important;
    text-shadow: 1px 1px 2px #ffecb0;
    border: 1px solid #000 !important;
    font-size: 14px;
    border-radius: 5px;
    transition: all .3s ease-in;
    margin: 0 5px
}

.footer .social-links ul li a:hover {
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
    background: #ff7d0a !important;
    border: 1px solid #000 !important
}

.footer .footer-menu {
    margin-top: 50px;
    display: block;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 1px dotted #64544b
}

.footer .footer-menu ul li {
    display: inline-block;
    margin-right: 70px;
    position: relative
}

.footer .footer-menu ul li:last-child {
    margin-right: 0
}

.footer .footer-menu ul li:last-child::after {
    display: none
}

.footer .footer-menu ul li::after {
    position: absolute;
    content: "";
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 2px;
    background: #9c8476
}

.footer .footer-menu ul li a {
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    color: #ffd843;
}

.footer .footer-menu ul li a:hover {
    font-size: 12px;
    line-height: 28px;
    font-weight: 600;
    color: #ffdc39
}

.footer .copy-bg {
    padding: 12px 15px 10px;
    text-align: center
}

.footer .copy-bg p {
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 600
}

@media screen and (max-width:1024px) {
    .hero-area {
        background: #000 !important;
        border-bottom: 1px solid #f1e58e !important
    }
}

.hero-area {
    position: relative;
    padding: 300px 0 100px;
    position: relative;
    background: #000;
    color: #fff;
    overflow: hidden;
    background: url(../images/home/h1.webp);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat;
	background-size: cover;
}

.hero-area video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-area .shape {
    position: absolute;
    left: 8%;
    top: 20%
}

.hero-area .content {
    text-align: center;
    bottom: 100px;
    right: 3%
}

.hero-area .content .content {
    position: relative;
 /*   z-index: 9*/
}
.hero-area .content .content .special-text {
    font-size: 60px;
    line-height: 30px;
    font-weight: 700;
    color: #ff441f;
    margin-bottom: 20px;
    text-shadow: 1px 1px 10px #000, 1px 4px 1px #000;
	
	color: #ff441f;
    animation: color-animation 3s linear infinite;
	
	
}

@keyframes color-animation {
  0%    {color: #ac6638}
  32%   {color: red}
  33%   {color: yellow}
  65%   {color: #f3e38c}
  66%   {color: var(--e-global-color-text)}
  /* 99%   {color: var(--e-global-color-accent)}
  100%  {color: var(--e-global-color-very-dark-blue)} */
}
.hero-area .content .content .subtitle {
    font-size: 60px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    text-shadow: 0px 1px 28px #fff, 1px 4px 2px #fff;
}

.hero-area .content .content p {
    font-size: 40px;
    font-weight: 600;
    color: #a3ffa5;
    margin-bottom: 20px;
    text-shadow: 1px 2px 2px #000, 1px 2px 2px #000;
    -webkit-text-stroke: 2px #000 !important;
    -moz-text-stroke: 2px #000 !important
}

.hero-area .content .content .title {
    display: block;
    margin-top: -60px;
    font-size: 40px;
    font-weight: 650;
    color: #fde056;
    margin-bottom: 329px;
    text-shadow: 0px 4px 8px #000, -1px 2px 9px #000;
}

.hero-area .content .content .video_btn {
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    text-align: center;
    border-radius: 50%;
    color: #faefcb;
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 14px
}

.hero-area .content .content .video_btn::before {
    position: absolute;
    content: "";
    background: url(../images/video_btn.webp);
    width: 300px;
    height: 90px;
    background-size: contain;
    z-index: -1;
    top: 65%;
    left: 55%;
    transform: translate(-50%, -50%)
}

.hero-area.hero-text .content {
    text-align: left !important
}

.hero-area.hero-text .content .subtitle {
    margin-bottom: 30px
}

.hero-area.hero-text .content .title {
    color: #2d0000;
    text-transform: uppercase;
    font-size: 100px;
    -webkit-text-stroke: 2px #ff9743 !important;
    -moz-text-stroke: 2px #ff9743 !important;
    margin-bottom: 25px
}

.hero-index {
    position: relative;
    padding: 335px 0 250px;
    position: relative;
    background: #070b28;
    overflow: hidden;
    background: url(../images/home/h2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.hero-index .shape {
    position: absolute;
    left: 8%;
    top: 20%
}

.hero-index .content {
    text-align: center;
    bottom: 50px
}

.hero-index .content .content {
    position: relative;
    z-index: 9
}

.hero-index .content .content .subtitle {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
    text-shadow: 0 -3px 2px rgba(12, 19, 55, .004), 0 -1px 4px #fff, 0 -2px 10px #fff, 0 -10px 20px #fff, 0 -18px 40px #fff
}

.hero-index .content .content .title {
    display: block
}

.hero-index .content .content .video_btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 40px;
    text-align: center;
    background: #ef764c;
    border-radius: 50%;
    color: #faefcb;
    display: inline-block;
    position: relative;
    z-index: 3;
    font-size: 14px
}

.hero-index .content .content .video_btn::before {
    position: absolute;
    content: "";
    background: url(../images/video_btn.webp);
    width: 80px;
    height: 80px;
    background-size: contain;
    z-index: -1;
    top: 65%;
    left: 55%;
    transform: translate(-50%, -50%)
}

.hero-index.hero-text .content {
    text-align: left !important
}

.hero-index.hero-text .content .subtitle {
    margin-bottom: 30px
}

.hero-index.hero-text .content .title {
    color: #2d0000;
    text-transform: uppercase;
    font-size: 100px;
    -webkit-text-stroke: 2px #ff9743 !important;
    -moz-text-stroke: 2px #ff9743 !important;
    margin-bottom: 25px
}

.counter-section {
    padding: 40px 0;
    color: #000 !important;
    outline: 1px solid #a29c6e;
    border-bottom: 3px solid #0a0a0a;
    border-top: 3px solid #0a0a0a;
    width: 100%;
    height: 100%;
    background: url(../images/home/ust3.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .99;
    box-shadow: inset 0 15px 30px -10px rgb(0 0 0 / 80%), inset 0 -15px 30px -10px rgb(0 0 0 / 80%);
}

.counter-section.counter-section2 {
    padding-top: 68px;
    padding-bottom: 70px;
    overflow: hidden
}

.counter-section .left-info {
    padding-top: 50px
}

.counter-section .left-info h5 {
    font-size: 24px;
    line-height: 34px;
    color: #fa009f;
    font-weight: 600
}

.counter-section .left-info h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase
}

.counter-section .left-info .mybtn1 {
    margin-top: 27px;
    padding: 5px 30px;
    font-size: 20px;
    box-shadow: inset 0 0 6px 4px #fea036
}

.counter-section .left-info .mybtn1:hover {
    color: #faefcb;
    box-shadow: inset 0 0 6px 4px #fea736
}

.counter-section .prize-pool {
    position: relative;
    z-index: 9;
    height: 100%;
    text-align: center
}

.counter-section .prize-pool h6 {
    font-size: 24px;
    line-height: 34px;
    color: #fea736;
    font-weight: 700
}

.counter-section .prize-pool h3 {
    margin-top: 5px;
    margin-bottom: 16px;
    display: inline-block;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #261855;
    text-shadow: 0 0 18px rgba(164, 17, 220, .99), 2px 0 0 #fe77ff, 0 2px 0 #fe77ff, -2px 0 0 #fe77ff, 0 -2px 0 #fe77ff;
    font-family: open sans, sans-serif
}

.counter-section .prize-pool .timecounter {
    color: #faefcb;
    font-size: 24px;
    font-weight: 600
}

.counter-section .prize-pool .timecounter div {
    display: inline-block
}

.counter-section .prize-pool img {
    position: absolute;
    bottom: -70px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}

.counter-section .l-winner-slider-wrapper {
    padding-top: 50px
}

.counter-section .l-winner-slider-wrapper h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 25px
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: inset 0 0 4px 2px #fea736;
    background: #270b59;
    padding: 14px
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img span {
    position: absolute;
    font-size: 16px;
    display: inline-block;
    box-shadow: inset 0 0 4px 3px #fea036;
    padding: 1px 10px;
    border-radius: 50px;
    color: #faefcb;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #620782
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav {
    display: block;
    margin-top: 35px
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    box-shadow: inset 0 0 6px 4px #7f72b3;
    transition: all .3s ease-in
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div:hover {
    box-shadow: inset 0 0 6px 4px #fea736
}

.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div.owl-prev {
    margin-right: 10px
}

.counter-box {
    display: flex;
    align-items: center;
    position: relative
 
	
}
@media only screen and (max-width: 768px) {
	.counter-box {
	display: flex;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
	
	}
}

.counter-box .myborder {
    position: absolute;
    height: 90%;
    width: 1px;
    right: -14px;
    background: #c8c8c8;
}

.counter-box .image img {
    max-width: 150px;
    max-height: 176px;
    margin-right: 10px
}

.counter-box .content {
    flex: 1
}

.counter-box .content h4 {
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-shadow: 1px 1px 1px #000;
    color: #ffeb8e;
    margin-bottom: 0
}

.counter-box .content h6 {
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0
}

.couser-section2 {
    padding-top: 105px
}

.couser-section2 .scounter2 {
    position: relative
}

.couser-section2 .scounter2 .content {
    position: absolute;
    top: 30%;
    left: 44%;
    transform: translateX(-40%);
    text-align: center;
    border-radius: 35px
}

.couser-section2 .scounter2 .content h4 {
    font-weight: 700;
    font-size: 19px;
    line-height: 30px;
    color: #f07428;
    text-shadow: 1px 1px 2px #000 !important;
    margin-bottom: 0
}

.couser-section2 .scounter2 .content h6 {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #eddda5;
    text-shadow: 1px 1px 2px #000 !important;
    margin-bottom: 0
}

.latest-arcive {
    padding: 120px 0;
    min-height: 1080px;
    background-image: url(../images/yindirmearka.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #0c0c0
}

.sh-wrpper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.sh-wrpper img {
    width: 100px;
    margin-left: 30px;
    margin-right: 30px
}

.sh-wrpper .section-heading {
    flex: 1;
    text-align: left;
    margin-bottom: 0
}

.sh-wrpper .section-heading .subtitle {
    font-size: 38px;
    line-height: 38px
}

.sh-wrpper .section-heading .title {
    font-size: 55px;
    line-height: 50px
}

.l-arcive-box {
    background: #100e0e;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .75);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #3e3633;
    border-radius: 50px;
    padding: 30px
}

.l-arcive-box .s-a-b {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 3px solid #3e3633;
    border-bottom: 3px solid #3e3633;
    margin-bottom: 10px;
    padding: 20px 0
}

.l-arcive-box p {
    color: #b6a89b;
    font-size: 14px;
    text-align: center;
    padding-top: 10px
}

.l-arcive-box .s-a-b:last-child {
    margin-bottom: 0
}

.l-arcive-box .s-a-b .left {
    display: flex;
    align-items: center
}

.l-arcive-box .s-a-b .left img {
    margin-right: 20px;
    height: 70px
}

.l-arcive-box .s-a-b .left h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #ffc975;
    margin-bottom: 0 !important
}

.l-arcive-box .s-a-b .right {
    display: flex;
    align-items: center
}

.l-arcive-box .s-a-b .right img {
    margin-left: 20px
}

.l-arcive-box .s-a-b .right h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.latest-arcive2 {
    padding: 50px 0;
    min-height: 1080px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*! background-color: #0c0c0; */
    border-top: 1px solid #f1e58e;
    background-image: ur();
    background: url(../images/ban-img2.webp);
}

.latest-arcive2 .nav {
    display: block;
    text-align: center
}

.latest-arcive2 .nav li {
    display: inline-block
}

.latest-arcive2 .nav li a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 12px 35px;
    color: #000 !important;
    /*! text-shadow: 1px 2px 2px #270000; */
    background: url(../images/brs.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.latest-arcive2 .nav li a.active,
.latest-arcive2 .nav li a:hover {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 12px 35px;
    color: #ffe9a5 !important;
    text-shadow: 1px 2px 2px #000;
    background: url(../images/brs2.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease-in;
    display: inline-block
}

.latest-arcive2 .l-a-nav {
    margin-top: 40px;
    background-color: #0c0c0;
    background: url(../images/area.webp);
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    box-shadow: 0 0 0 6px #0c0c0c;
    outline: 3px solid #d8d8d8;
    border: 3px solid #ffc88e;
    color: #824900;
    padding: 50px 30px
}

.latest-arcive2 .l-a-nav .left-content .heading-area {
    margin-bottom: 45px
}

.latest-arcive2 .l-a-nav .left-content .heading-area select {
    outline: 0;
    color: #faefcb;
    background: #4c3d2c;
    border: none;
    height: 40px;
    width: 70%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px
}

.latest-arcive2 .l-a-nav .left-content .heading-area h6 {
    color: #000;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 25px
}

.latest-arcive2 .l-a-nav .left-content .heading-area h3 {
    font-size: 35px;
    line-height: 43px;
    font-weight: 700;
    color: #fff456;
    text-transform: uppercase;
    margin-top: 20px
}

.latest-arcive2 .l-a-nav .left-content ul li {
    margin-bottom: 20px
}

.latest-arcive2 .l-a-nav .left-content ul li:last-child {
    margin-bottom: 0
}

.latest-arcive2 .l-a-nav .left-content ul li .info-box {
    display: flex;
    align-items: center
}

.latest-arcive2 .l-a-nav .left-content ul li .info-box img {
    width: 90px;
    margin-right: 30px
}

.latest-arcive2 .l-a-nav .left-content ul li .info-box .content {
    flex: 1
}

.latest-arcive2 .l-a-nav .left-content ul li .info-box .content h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #d5b65b;
}

.latest-arcive2 .l-a-nav .left-content ul li .info-box .content p {
    font-size: 16px;
    line-height: 26px;
    color: #fff8f8;
}

.l-arcive-box2 .s-a-b {
    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 20px;
    border: 2px solid #39312c;
    background: #210404 !important;
    color: #ffed9d !important*/
/*display: flex;*/
    flex-wrap: wrap;
    margin-bottom: 10px;
    /*padding: 20px;*/
    padding: 7px;
    border: 1px solid #c69c70;
    background: #121212 !important;
    color: #ffed9d !important;
    align-content: center;
    justify-content: center;
	
	
}

.s-a-b td {
    color: #dcdcdc !important;
   /* background: #210404 !important*/
}

.l-arcive-box2 .s-a-b:last-child {
    margin-bottom: 0
}

.l-arcive-box2 .s-a-b .left {
    display: flex;
    align-items: center
}

.l-arcive-box2 .s-a-b .left img {
    height: 70px
}

.l-arcive-box2 .s-a-b .left .content {
    flex: 1;
    padding-left: 40px;
    display: flex;
    align-items: center
}

.l-arcive-box2 .s-a-b .left .content .left2 img {
    width: 59px;
    height: 41px;
    margin-right: 20px
}

.l-arcive-box2 .s-a-b .left .content .right2 {
    flex: 1
}

.l-arcive-box2 .s-a-b .left .content .right2 h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #ffe775;
    margin-bottom: 0
}

.l-arcive-box2 .s-a-b .left .content .right2 .stars {
    font-size: 10px;
    color: #ff7f29
}

.l-arcive-box2 .s-a-b .right {
    text-align: center
}

.l-arcive-box2 .s-a-b .right img {
    margin-bottom: 10px
}

.l-arcive-box2 .s-a-b .right h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #ff7f29;
    margin-bottom: 0
}

.join_us {
    padding: 120px 0;
    background-color: #2d0000;
    background-image: url(../images/joinus-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.join_us .l-image {
    position: absolute;
    bottom: 0;
    left: 250px
}

.join_us .section-heading {
    margin-bottom: 0
}

.join_us .section-heading .mybtn1 {
    margin-top: 30px;
    display: inline-block
}

.join_us.join_us2 {
    background-image: none;
    padding-top: 377px;
    position: relative
}

.join_us.join_us2 .r-image {
    position: absolute;
    right: 10%;
    top: 70%;
    transform: translateY(-50%)
}

.join_us.join_us2.join_us3 {
    padding-top: 120px
}

.how-to-play {
    padding: 120px 0 0;
    min-height: 1080px;
    background-image: url(../images/indirmearka.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #0c0c0;
    box-shadow: inset 0 12px 12px -10px #ffe179
}

.how-to-play .left-img {
    position: absolute;
    left: 0;
    top: 20%;
    max-width: 360px
}

.how-to-play .right-img {
    position: absolute;
    right: 0;
    top: 20%;
    max-width: 360px
}

.how-to-play .mybtn1 {
    margin-top: 50px
}

.s-h-play {
    text-align: center
}

.s-h-play img {
    height: 200px;
    display: inline-block
}

.s-h-play h4 {
    margin-top: 20px;
    color: #000;
    text-shadow: 1px 1px 10px #000, 1px 4px 1px #000;
    font-size: 30px !important;
    line-height: 34px;
    font-weight: 600
}

.how-to-play2 {
    padding: 367px 0 0;
    background-image: url(../images/yindirmearka2.webp);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0c0c0;
    -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .55)
}

.how-to-play2 .left-img {
    position: absolute;
    left: 0;
    top: 20%;
    max-width: 360px
}

.how-to-play2 .right-img {
    position: absolute;
    right: 0;
    top: 20%;
    max-width: 360px
}

.how-to-play2 .mybtn1 {
    margin-top: 50px
}

.s-h-play {
    text-align: center
}

.s-h-play img {
    height: 100%;
    width: auto;
    display: inline-block
}

.s-h-play h4 {
    margin-top: 20px;
    color: #f7b065;
    text-shadow: 0 1px 10px #000;
    font-size: 23px;
    line-height: 34px;
    font-weight: 600
}

.game-play-section {
    padding: 120px 0;
    background: url(http://localhost/metin2);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000
}

.game-play-section .left-img {
    position: absolute;
    left: 0;
    bottom: 0
}

.game-play-section .right-img {
    position: absolute;
    right: 0;
    bottom: 0
}

.game-play-section .b-all-btn {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 54px;
    display: inline-block;
    color: #ffe493
}

.single-play {
    border-radius: 1px;
    background: url(../images/game-play/arka.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 20px 2px #ffec95;
    text-align: center;
    padding: 40px 20px;
    min-height: 550px;
    transition: all .3s ease-in
}

.single-play .image img {
    display: inline-block;
    border-radius: 50%
}

.single-play .contant {
    padding-top: 30px
}

.single-play .contant a {
    display: inline-block
}

.single-play .contant h4 {
    display: block;
    color: #000;
    font-size: 30px;
    line-height: 30px
}

.single-play .contant ul li {
    margin-left: -15px;
    display: inline-block
}

.single-play .contant ul li:first-child {
    margin-left: 0
}

.single-play .contant ul li img {
    width: 30px;
    height: 30px
}

.single-play .contant ul li span {
    line-height: 20px;
    text-align: center;
    display: inline-block;
    color: #ffe8a1;
    box-shadow: inset 0 0 7px 3px #3e0000;
    font-size: 11px;
    background: #270000;
    padding: 10px 5px
}

.single-play:hover {
    transform: translateY(-5px);
    box-shadow: inset 0 0 12px 7px #fea036
}

.recent-winners {
    background: #2d0000;
    padding: 377px 0 100px
}

.recent-winners .top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px
}

.recent-winners .top-section h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    color: #faefcb;
    text-transform: uppercase;
    margin-bottom: 0
}

.recent-winners .top-section a {
    font-size: 18px;
    line-height: 28px;
    color: #fa009f;
    text-transform: uppercase;
    margin-bottom: 0
}

.single-winner {
    box-shadow: inset 0 0 10px 5px #fea736, 0 0 10px #fea736;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.single-winner .img {
    width: 125px;
    height: 100%;
    text-align: center
}

.single-winner .img img {
    display: inline-block
}

.single-winner .content {
    flex: 1;
    padding: 30px 20px 30px 10px
}

.single-winner .content .top-content {
    display: flex;
    align-items: center
}

.single-winner .content .top-content img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: inset 0 0 4px 2px #fea736;
    background: #270b59;
    padding: 10px;
    margin-right: 20px
}

.single-winner .content .top-content .lc {
    flex: 1
}

.single-winner .content .top-content .lc h6 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #ced0e2;
    margin-bottom: -7px
}

.single-winner .content .top-content .lc span {
    font-size: 10px;
    line-height: 16px;
    color: #f6cb41
}

.single-winner .content .numbers {
    margin-top: 15px
}

.single-winner .content .numbers span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 10px;
    box-shadow: inset 0 0 5px 3px #fea036;
    font-weight: 600;
    margin-right: 5px;
    color: #faefcb
}

.single-winner .content .numbers span:last-child {
    margin-right: 0
}

.single-winner .content .numbers span:nth-child(2) {
    box-shadow: inset 0 0 5px 3px #f60
}

.single-winner .content .numbers span:nth-child(3) {
    box-shadow: inset 0 0 5px 3px #fea736
}

.single-winner .content .numbers span:nth-child(4) {
    box-shadow: inset 0 0 5px 3px #ef0
}

.single-winner .content .numbers span:nth-child(5) {
    box-shadow: inset 0 0 5px 3px #ff009d
}

.index2 .header .mainmenu-area {
    background: 0 0
}

.index2 .header .mainmenu-area .navbar::after,
.index2 .header .mainmenu-area .navbar::before {
    display: none
}

.index2 .header .mainmenu-area .navbar .navbar-brand {
    padding-left: 0
}

.index2 .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link .mr-hover-effect {
    display: none
}

.index2 .hero-area {
    background: url(http://localhost/metin2);
    padding: 372px 0 424px
}

.index2 .hero-area .left-content .content {
    text-align: center
}

.index2 .features {
    background: #070b28;
    padding: 277px 0 90px
}

.index2 .features .section-heading {
    margin-bottom: 58px
}

.index2 .features .feature-box .feature-box-inner {
    position: unset;
    width: 100%;
    top: auto
}

.index2 .featured-game {
    padding: 110px 0 120px
}

.single-feature.landscape {
    display: flex;
    border: 1px solid #273b71;
    border-radius: 10px;
    padding: 45px 30px 45px 45px;
    background: 0 0;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .4);
    transition: all .3s ease-in;
    margin-bottom: 30px
}

.single-feature.landscape .icon {
    margin-right: 45px;
    margin-bottom: 0;
    background: #242e5a
}

.single-feature.landscape .content {
    flex: 1;
    text-align: left;
    align-self: center
}

.about-section {
    padding: 45px 0;
    background: url(../images/game-play/section-bg2.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #0c0c0;
    position: relative;
    -webkit-box-shadow: inset 0 -40px 31px -26px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 -40px 31px -26px rgba(0, 0, 0, .3);
    box-shadow: inset 0 -40px 31px -26px rgba(0, 0, 0, .3)
}

.about-section .ar {
    position: absolute;
    right: 150px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 725px
}

.about-section .s1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 70%
}

.about-section .s2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 70%
}

.about-section .left-content {
    text-align: left
}

.about-section .left-content .section-heading {
    text-align: left
}

.about-section .left-content .section-heading .text {
    color: #000
}

.about-section .left-content .content-list {
    display: block
}

.about-section .left-content .content-list .s-list {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 50px
}

.about-section .left-content .content-list .s-list img {
    margin-right: 30px
}

.about-section .left-content .content-list .s-list .content {
    flex: 1;
    font-size: 18px;
    line-height: 28px
}

.about-section .left-content .content-list .s-list .content p {
    margin-bottom: 0;
    color: #ffe77c
}

.about-section .left-content .content-list .s-list:last-child {
    margin-right: 0
}

.features-section {
    padding: 120px 0;
    min-height: 1000px;
    background-image: url(../images/indirmearka.webp);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #0c0c0;
    border-top: 1px solid #2c2825
}

.features-section .s1 {
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 750px
}

.features-section .s2 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 750px
}

.single-feature {
    background: url(../images/game-play/arka2.webp);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: inset 0 0 24px 0 rgba(0, 0, 0, .65);
    -moz-box-shadow: inset 0 0 24px 0 rgba(0, 0, 0, .65);
    box-shadow: inset 0 0 24px 0 rgba(0, 0, 0, .65);
    border: 1px solid #685858;
    padding: 30px;
    border-radius: 1px;
    min-height: 500px;
    text-align: center
}

.single-feature .img {
    position: relative;
    width: 100%;
    height: 120px
}

.single-feature .img .shape {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%)
}

.single-feature .img .icon {
    height: 100%;
    width: auto;
    position: relative;
    z-index: 2
}

.single-feature .content {
    padding-top: 30px
}

.single-feature .content h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffd051
}

.single-feature .content p {
    font-size: 16px;
    line-height: 22px;
    color: #ede3b3;
    margin-bottom: 0
}

.cuners3 {
    background-color: #0c0c0;
    background-image: url(../images/joinus-bg2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    padding-top: 50px
}

.team-section {
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0
}

.team-section .section-heading {
    margin-bottom: 90px
}

.team-section .single-team .image {
    position: relative
}

.team-section .single-team .image .shape {
    width: 100%
}

.team-section .single-team .image .member {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%)
}

.team-section .single-team .image .link {
    position: absolute;
    bottom: 65px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    right: 22%;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #e2906e 0, #e83a99 100%)
}

.team-section .single-team .image h4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #faefcb;
    bottom: 7px
}

.join_us_new {
    padding: 40px 0 0;
    background-color: #2d0000;
    background-image: url(http://localhost/metin2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.join_us_new .section-heading {
    margin-bottom: 0
}

.join_us_new .section-heading .mybtn1 {
    margin-top: 30px;
    display: inline-block
}

.modal .modal-content {
    border-radius: 1px;
    background-color: #202020;
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    box-shadow: 0 0 0 3px #0c0c0c;
    border: 1px solid #f1e58e;
    padding: 30px
}

.modal .modal-content .modal-header {
    padding: 0;
    border-bottom: 0;
    padding-bottom: 20px
}

.modal .modal-content .modal-header .modal-title {
    padding: 0;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: #faefcb
}

.modal .modal-content .modal-header .modal-title i {
    color: #fea736;
    margin-right: 10px;
    text-shadow: 0 0 10px #fea736
}

.modal .modal-content .modal-header .close {
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #ddd7e4;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: inset 0 0 10px #fea736;
    background: #260753;
    opacity: 1;
    margin: 0;
    padding: 0;
    float: none;
    font-weight: 400;
    text-shadow: none
}

.modal .modal-content .modal-header .close:focus {
    outline: 0
}

.modal .modal-content .modal-body {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 30px;
    overflow: hidden
}

.modal#rankModal .modal-body {
    padding: 0
}

.modal#rankModal .modal-body .top-area {
    text-align: center;
    padding-top: 60px;
    background-image: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.modal#rankModal .modal-body .top-area .trophy {
    display: inline-block
}

.modal#rankModal .modal-body .top-bottom-area {
    padding: 0 30px
}

.modal#rankModal .modal-body .top-bottom-area .select-area {
    background: #330a6f;
    border-radius: 10px;
    display: inline-block;
    padding: 3px 15px
}

.modal#rankModal .modal-body .top-bottom-area .select-area select {
    background: 0 0;
    border: none;
    color: #9d93e7;
    font-size: 14px;
    text-transform: uppercase
}

.modal#rankModal .modal-body .top-bottom-area .select-area select option {
    background: #330a6f
}

.modal#rankModal .modal-body .top-bottom-area h4 {
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #faefcb
}

.modal#rankModal .modal-body .table-area {
    padding: 30px
}

.modal#rankModal .modal-body .table-area .table-responsive {
    background: #330676;
    border-radius: 30px;
    padding: 30px
}

.modal#rankModal .modal-body .table-area .table-responsive .table {
    color: #d4d8f7
}

.modal#rankModal .modal-body .table-area .table-responsive .table td,
.modal#rankModal .modal-body .table-area .table-responsive .table th {
    border: none
}

.modal#rankModal .modal-body .table-area .table-responsive .table th {
    font-size: 18px;
    color: #9d93e7;
    text-transform: uppercase;
    font-weight: 400
}

.modal#rankModal .modal-body .table-area .table-responsive .table td {
    font-size: 16px
}

.modal#rankModal .modal-body .table-area .table-responsive .table .player {
    display: flex;
    align-items: center
}

.modal#rankModal .modal-body .table-area .table-responsive .table .player span {
    font-size: 16px;
    padding-left: 10px
}

.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(1) {
    color: #ff9804
}

.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(2) {
    color: #314cd5
}

.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(3) {
    color: #bb41f4
}

.ad {
    margin-bottom: 40px
}

.page-pagination ul li a {
    background: 0 0;
    border: 0;
    color: #827db8;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0;
    transition: all .3s ease-in
}

.page-pagination ul li a.active,
.page-pagination ul li a:hover {
    background: 0 0;
    color: #faefcb
}

.page-pagination ul li a.num {
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin: 0 4px
}

.page-pagination ul li a.num.active,
.page-pagination ul li a.num:hover {
    box-shadow: inset 0 0 5px 3px #fea736;
    background: 0 0;
    color: #faefcb
}

.page-pagination ul li a.prev {
    margin-right: 20px
}

.page-pagination ul li a.next {
    margin-left: 20px
}

.contact_section {
    padding: 120px 0 0;
    background-color: #2d0000;
    background-image: url(../images/cs-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.contact_section .section-heading {
    margin-bottom: 0
}

.contact_section .mybtn1 {
    margin-top: 25px
}

.breadcrumb-area.turnaments2 {
    position: relative
}

.breadcrumb-area.turnaments2 .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    bottom: 150px;
    transform: translateX(-50%);
    text-align: center
}

.breadcrumb-area.turnaments2 .content .title {
    font-weight: 400;
    font-size: 14px;
    color: #faefcb;
    text-shadow: 0 0 75px #068be4, 0 0 7px #068be4;
    margin-bottom: 10px;
    display: inline-block
}

.breadcrumb-area.turnaments2 .content .timecounter {
    display: flex;
    font-size: 24px;
    color: #faefcb;
    justify-content: center;
    position: relative;
    z-index: 3
}

.breadcrumb-area.turnaments2 .content .timecounter i {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 5px
}

.breadcrumb-area.turnaments2 .content .timecounter div {
    display: inline-block;
    font-size: 24px;
    font-weight: 700
}

.bonuse-section {
    /*! background-image: url(../images/bg-s3.webp); */
    background-repeat: repeat;
    padding-bottom: 90px;
    padding: 94px;
    background: url(../images/ban-img.webp);
}

.bonuse-section .header-area {
    background-color: #0c0c0;
    padding-top: 76px;
    margin-top: -280px;
    border-radius: 6px;
    padding-bottom: 70px;
    background-image: url(../images/bg-s3.webp);
    background-repeat: repeat
}

.bonuse-section .header-area h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #faefcb
}

.bonuse-section .header-area .mybtn2 {
    font-size: 20px;
    text-transform: capitalize;
    margin-top: 25px
}

.single-bonus {
    background-color: #0c0c0;
    background: url(../images/home/down.webp);
    outline: 2px solid #0a0a0a;
    border: 3px solid #d8d8d8;
    /*! box-shadow: inset 0 15px 30px -15px rgb(201 201 201 / 80%), inset 0 -15px 30px -15px rgb(203 203 203 / 80%); */
    border-radius: 10px;
    padding: 20px 30px 30px;
    text-align: center;
    margin-bottom: 29px;
}

.single-bonus img {
    height: 150px
}

.single-bonus h4 {
    font-size: 18px;
    line-height: 28px;
    color: #fff195;
    font-weight: 400
}

.single-bonus a {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #fff4e9;
    display: inline-block;
    border: 1px solid #fdbb78;
    background-color: #000 !important;
    border-radius: 50px;
    padding: 3px 25px
}

.single-bonus a i {
    font-size: 14px;
    margin-right: 3px
}

.dosya {
    width: 75px;
    height: 73px;
    background: url(../images/kimlik/yukle.webp);
    background-size: 75px 73px;
    overflow: hidden
}

.dosya input {
    width: 75px;
    height: 73px;
    opacity: 0;
    cursor: pointer
}

.kimlik {
    background-color: #0c0c0;
    background: url(../images/area.webp);
    outline: 1px solid #f1e58e;
    border: 3px solid #8e3838;
    box-shadow: inset 0 15px 15px -15px rgba(255, 172, 48, .8), inset 0 -15px 15px -15px rgba(255, 172, 48, .8);
    border-radius: 10px;
    padding: 20px 30px 30px;
    text-align: center;
    margin-bottom: 30px
}

.kimlik h4 {
    font-size: 18px;
    line-height: 28px;
    color: #950000;
    font-weight: 400
}

.kimlik a {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #f3d25c;
    display: inline-block;
    border: 1px solid #362b20;
    background-color: #000 !important;
    border-radius: 50px;
    padding: 3px 25px
}

.kimlik a i {
    font-size: 14px;
    margin-right: 3px
}

.how-get-bonuse-section {
    padding: 110px 0 90px
}

.how-get-bonuse-section .section-heading {
    text-align: center
}

.how-get-bonuse-section .section-heading .title {
    font-size: 60px;
    line-height: 70px;
    color: #ffeb8d;
    font-weight: 700;
    text-transform: capitalize
}

.how-get-bonuse-section .section-heading .text {
    font-size: 18px;
    line-height: 28px;
    color: #a81919 !important;
}

.h-bonus {
    text-align: center;
    margin-bottom: 30px
}

.h-bonus img {
    height: 120px
}

.h-bonus h6 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #faefcb
}

.h-bonus h6 a {
    display: inline-block;
    color: #fea736
}

.awards-area {
    padding: 112px 0 90px;
    background: #070b28
}

.awards-area .section-heading {
    margin-bottom: 58px
}

.single-awards {
    margin-bottom: 55px;
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #273b71;
    border-radius: 10px;
    padding: 60px 40px 84px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .4);
    transition: all .3s ease-in
}

.single-awards .content img {
    display: inline-block;
    margin-bottom: 22px
}

.single-awards .content .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 21px
}

.single-awards .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    border: 1px solid #273b71;
    border-radius: 50px;
    display: inline-block;
    padding: 2px 25px
}

.single-awards .content p i {
    margin-right: 8px
}

.single-awards .content .mybtn2 {
    position: absolute;
    display: block;
    height: 50px;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .4)
}

.single-awards:hover {
    border-color: #681f40;
    transform: translateY(-10px)
}

.how-play {
    padding: 112px 0 593px;
    background: url(http://localhost/metin2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.how-play .section-heading {
    margin-bottom: 59px
}

.single-h-play {
    text-align: center
}

.single-h-play img {
    margin-bottom: 25px;
    display: inline-block;
    height: 100px
}

.single-h-play .steps {
    font-size: 14px;
    color: #fa009f;
    text-transform: uppercase
}

.single-h-play .steps i {
    margin-left: 8px
}

.single-h-play .title {
    font-size: 24px;
    line-height: 34px;
    color: #faefcb;
    text-transform: uppercase
}

.affiliate-process {
    padding: 0 0 112px;
    background: #0b122e;
    margin-top: -80px
}

.single-process {
    padding: 40px 40px 39px;
    background: #141e47;
    text-align: center;
    position: relative;
    transition: all .3s ease-in
}

.single-process img {
    height: 160px;
    width: 160px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 21px
}

.single-process .title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px
}

.single-process .text {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 0
}

.single-process .num {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 200px;
    line-height: 200px;
    font-weight: 600;
    color: rgba(255, 255, 255, .05)
}

.single-process:hover {
    transform: translateY(-10px)
}

.serch-area {
    background: #0b122e
}

.serch-area .serch-box {
    padding: 40px 50px;
    position: relative;
    top: -56px;
    border-radius: 70px;
    background-color: #1c294e;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .3)
}

.serch-area .serch-box .list {
    display: flex;
    flex-wrap: wrap
}

.serch-area .serch-box .list li.input-field {
    flex: 1
}

.serch-area .serch-box .list li.input-field input {
    width: 100%;
    border: 0;
    height: 50px;
    color: #ddd;
    background: 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.serch-area .serch-box .list li.input-field input::-webkit-input-placeholder {
    color: #ddd
}

.serch-area .serch-box .list li.input-field input:-moz-placeholder {
    color: #ddd
}

.serch-area .serch-box .list li.input-field input::-moz-placeholder {
    color: #ddd
}

.serch-area .serch-box .list li.input-field input:-ms-input-placeholder {
    color: #ddd
}

.serch-area .serch-box .list li.button {
    width: 190px;
    margin-left: 30px
}

.serch-area .serch-box .list li.button .mybtn1 {
    display: block;
    width: 100%
}

.help-section {
    padding: 65px 0 120px;
    background-color: #0c0c0;
    background-image: url(../images/indirmearka5.webp);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    border-top: 1px solid #f1e58e
}

.help-section .help-box {
    padding: 45px 60px 60px;
    border-radius: 1px;
    background: #070b28
}

.help-section .help-box .help-box-inner .title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #000;
    margin-bottom: 29px;
    text-transform: uppercase
}

.help-section .help-box .help-box-inner .content {
    flex: 1
}

.help-section .help-box .help-box-inner .content .writer-profile {
    display: flex
}

.help-section .help-box .help-box-inner .content .writer-profile img {
    margin-right: 30px;
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.help-section .help-box .help-box-inner .content .writer-profile .writer-content {
    flex: 1;
    align-self: center
}

.help-section .help-box .help-box-inner .content .writer-profile .writer-content .w-name {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #faefcb
}

.help-section .help-box .help-box-inner .content .writer-profile .writer-content .w-name a {
    color: #faefcb
}

.help-section .help-box .help-box-inner .content .writer-profile .writer-content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.help-section .help-box .help-box-inner:hover {
    box-shadow: none
}

.help-section .help-box .help-box-inner2-hearer {
    margin-top: 72px
}

.help-section .help-box .help-box-inner2-hearer .title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #faefcb;
    margin-bottom: 0
}

.help-section .help-box .help-box-inner2 {
    margin-top: 36px;
    background: #0b122e
}

.help-section .help-box .help-box-inner2 .single-artical {
    padding: 22px 30px 30px;
    transition: all .3s ease-in;
    border-bottom: 1px solid #18234c
}

.help-section .help-box .help-box-inner2 .single-artical:first-child {
    border-top: 1px solid #18234c
}

.help-section .help-box .help-box-inner2 .single-artical .content .title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #faefcb;
    margin-bottom: 21px
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile {
    margin-top: 15px;
    display: flex
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile img {
    margin-right: 30px;
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content {
    flex: 1;
    align-self: center
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #faefcb
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name a {
    color: #31b3f6
}

.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.help-section .help-box .help-box-inner3-hearer {
    margin-top: 72px
}

.help-section .help-box .help-box-inner3-hearer .title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0
}

.help-section.writter-artical-details .help-box {
    padding: 0 60px 12px !important
}

.help-section.writter-artical-details .help-box .help-box-inner2 {
    padding-top: 26px;
    background: 0 0;
    border: none
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical {
    border: 0;
    padding: 0;
    margin-bottom: 24px;
    background: 0 0;
    border: none
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .top-title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #faefcb;
    margin-bottom: 29px;
    text-transform: uppercase
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile {
    margin-top: 15px;
    display: flex
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile img {
    margin-right: 30px;
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content {
    flex: 1;
    align-self: center
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #faefcb
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name a {
    color: #31b3f6
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .inner-content {
    margin-top: 70px
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .inner-content .title {
    font-size: 24px;
    font-weight: 700;
    color: #31b3f6;
    margin-bottom: 12px;
    margin-top: 36px
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 46px;
    padding-top: 32px;
    text-align: center
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .heading {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #9da1b9;
    margin-bottom: 6px
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis li {
    display: inline-block;
    margin-bottom: 0
}

.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis li a {
    font-size: 32px;
    line-height: 42px;
    color: #e7b401;
    margin: 0 7px;
    margin-bottom: 0
}

.contact-section {
    padding: 150px 0 0;
    background-color: #b9b9b9;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    box-shadow: inset -11px 28px 30px -10px rgba(0, 0, 0, .2);
    border-top: 4px solid #000;
}

.contact-section .contact-area {
    background-color: #0c0c0;
    background: url(../images/area.webp);
    outline: 2px solid #d5d5d5;
    border: 3px solid #000;
    box-shadow: inset 0 0 13px 5px rgb(18 18 18 / 80%), inset 0 -15px 15px -15px rgba(18 18 18);
    margin-top: -250px;
    padding: 40px 30px;
}

.contact-section .contact-area h2 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #ffeb8d;
    display: block;
    text-align: center;
    padding: 40px;
    border-radius: 1px
}

.contact-section .contact-area .left-area {
    padding: 50px 30px;
    /*! background-color: #000; */
    outline: 3px solid #ffd571;
    border: 3px solid #6a5624;
    border-radius: 1px;
    /*! background: url; */
    background: url(../images/bc/kayit-img.webp);
}

.contact-section .contact-area .left-area .form-group label {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #e5ddb8 !important
}

.contact-section .contact-area .left-area .form-group input {
    width: 100%;
    height: 60px;
    border-radius: 1px;
    background: 0 0;
    border: 2px solid #000;
    color: #000;
    background: #e9dba9;
    padding: 0 30px
}

.contact-section .contact-area .left-area .form-group input::placeholder {
    color: #000
}

.contact-section .contact-area .left-area .form-group textarea {
    width: 100%;
    height: 60px;
    border-radius: 1px;
    background: 0 0;
    border: none;
    height: 150px;
    color: #000;
    box-shadow: inset 0 0 4px 2px #000;
    padding: 20px 30px
}

.contact-section .contact-area .left-area .form-group textarea::placeholder {
    color: #000
}

.contact-section .contact-area .left-area .form-group .custom-control-label {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.contact-section .contact-area .left-area .mybtn2 {
    background: 0 0;
    border: 0;
    margin-top: 20px
}

.contact-section .contact-area .right-area .top-content h4 {
    font-size: 36px;
    font-weight: 600;
    color: #ffd571;
    line-height: 46px
}

.contact-section .contact-area .right-area .top-content p {
    font-size: 18px;
    line-height: 28px;
    color: #cecece;
}

.contact-section .contact-area .top-content a {
    font-size: 18px;
    line-height: 28px;
    color: #ffe285 !important
}

.right-area a {
    font-size: 18px;
    line-height: 28px;
    color: #ffeb8d !important
}

.right-area a:hover {
    font-size: 18px;
    line-height: 28px;
    color: #690606 !important
}

.contact-section .contact-area .right-area .top-content a i {
    font-size: 14px;
    margin-left: 5px
}

.contact-section .contact-area .right-area .bottom-content {
    margin-top: 60px
}

.contact-section .contact-area .right-area .bottom-content .single-info {
    margin-bottom: 80px;
    display: flex;
    align-items: center
}

.contact-section .contact-area .right-area .bottom-content .single-info .icon {
    height: 80px;
    width: 80px;
    margin-right: 30px
}

.contact-section .contact-area .right-area .bottom-content .single-info .content {
    flex: 1
}

.contact-section .contact-area .right-area .bottom-content .single-info .content h4 {
    font-size: 24px;
    line-height: 34px;
    color: #ffd571;
    font-weight: 600;
    margin-bottom: 0
}

.contact-section .contact-area .right-area .bottom-content .single-info .content p {
    font-size: 18px;
    line-height: 28px;
    color: #c4c2c2;
    margin-bottom: 0
}

.four-zero-four {
    height: 100vh;
    display: flex;
    align-self: center;
    align-items: center;
    background: #070b28;
    position: relative
}

.four-zero-four .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.four-zero-four .content {
    text-align: center
}

.four-zero-four .content img {
    display: inline-block;
    margin-bottom: 50px
}

.four-zero-four .content .inner-content .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: #dfe3ff
}

.four-zero-four .content .inner-content .mybtn1 {
    margin-top: 38px;
    display: inline-block
}

.help-section aside {
    background-color: #0c0c0;
    background: url(../images/area.webp);
    outline: 1px solid #f1e58e;
    border: 3px solid #8e3838;
    box-shadow: inset 0 15px 15px -15px rgba(255, 172, 48, .8), inset 0 -15px 15px -15px rgba(255, 172, 48, .8);
    background-position: center;
    background-size: cover;
    padding: 20px 30px 30px
}

.help-section aside ul li {
    margin-bottom: 5px
}

.help-section aside ul li:last-child {
    margin-bottom: 0
}

.help-section aside ul li a {
    font-size: 18px;
    line-height: 50px;
    display: block;
    border-radius: 1px;
    transition: all .3s ease-in;
    color: #000;
    background: #ffe361;
    border: 1px solid #000;
    border-radius: 25px;
    padding-left: 15px
}

.help-section aside ul li a i {
    margin-right: 7px;
    font-size: 16px;
    color: #000
}

.help-section aside ul li a.active,
.help-section aside ul li a:hover {
    background: #630000;
    color: #f4eabe;
    border: 1px solid #000;
    border-radius: 25px
}

.help-section .help-content .heading-title {
    font-size: 35px;
    font-weight: 700;
    color: #56c82d;
}

.help-section .help-content .heading-title2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 60px
}

.help-section .help-content .content-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    min-width: 300px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 3px;
    color: #000 !important;
    background: #ffe361;
    border: 1px solid #000;
    border-radius: 25px;
    display: inline-block;
    padding: 5px
}

.help-section .help-content .content-title2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    min-width: 300px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 3px;
    color: #000 !important;
    background: #e95311;
    border: 1px solid #000;
    border-radius: 25px;
    display: inline-block;
    padding: 5px
}

.help-section .h-inner-content {
    margin-bottom: 60px
}

.help-content {
    padding: 30px;
    background-color: #0c0c0;
    background: url(../images/area.webp);
    outline: 1px solid #f1e58e;
    border: 3px solid #ffc17f;
    box-shadow: inset 0 15px 15px -15px rgba(255, 172, 48, .8), inset 0 -15px 15px -15px rgba(255, 172, 48, .8);
    text-align: center;
    color: #eaeaea;
}

.help-section .help-content .h-inner-content ul li p {
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-header {
    padding: 0;
    border-radius: 1px
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    color: #d7d5ff;
    font-size: 22px;
    font-weight: 600;
    background-color: #28075a;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    position: relative;
    border-radius: 0
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link.collapsed::before {
    position: absolute;
    content: "";
    font-family: "font awesome 5 free";
    font-weight: 900;
    top: 15px;
    right: 30px;
    font-size: 22px;
    color: #85878f
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link::before {
    position: absolute;
    content: "";
    font-size: 22px;
    font-family: "font awesome 5 free";
    font-weight: 900;
    top: 15px;
    right: 30px;
    color: #85878f
}

.help-section .help-content .h-inner-content .sorteo-accordion .card .card-header {
    border: none
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-body {
    margin-top: 10px;
    padding: 20px 30px
}

.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link:focus,
.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link:hover {
    text-decoration: none
}

.help-section .help-content .h-inner-content .sorteo-accordion .card {
    border: none;
    margin-bottom: 20px;
    border-radius: 1px;
    overflow: hidden;
    background: #28075a
}

.login-modal .modal-dialog .modal-content {
    border-radius: 1px;
    background-color: #202020;
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    box-shadow: 0 0 0 3px #0c0c0c;
    border: 1px solid #f1e58e;
    border: 0;
    position: relative
}

.login-modal .modal-dialog .modal-content .close {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #fae8a0
}

.login-modal .modal-dialog .modal-content .modal-body {
    padding: 20px 0 10px;
    border-radius: 0;
    border: 0
}

.login-modal .modal-dialog .modal-content .modal-body .l-nav {
    text-align: center;
    display: block;
    margin-bottom: 30px
}

.login-modal .modal-dialog .modal-content .modal-body .l-nav li {
    display: inline-block
}

.login-modal .modal-dialog .modal-content .modal-body .l-nav li a {
    padding: 10px 25px;
    margin: 0 10px;
    font-size: 15px;
    color: #1a120c;
    background: #fad76c;
    background: -moz-linear-gradient(top, #ffd65e 0, #fad76c 100%);
    background: -webkit-linear-gradient(top, #ffd65e 0, #fad76c 100%);
    background: linear-gradient(to bottom, #ffd65e 0, #fad76c 100%)
}

.login-modal .modal-dialog .modal-content .modal-body .l-nav li a.active,
.login-modal .modal-dialog .modal-content .modal-body .l-nav li a:hover {
    box-shadow: inset 0 0 6px 4px #fea736
}

.login-modal .modal-dialog .modal-content .modal-body .logo-area {
    display: block;
    text-align: center;
    position: relative
}

.login-modal .modal-dialog .modal-content .modal-body .logo-area::after {
    position: absolute;
    content: "";
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background: #252f5a;
    top: -65px;
    left: 50%;
    transform: translateX(-50%)
}

.login-modal .modal-dialog .modal-content .modal-body .logo-area img {
    display: inline-block;
    max-width: 200px;
    position: relative;
    z-index: 9;
    top: -4px
}

.login-modal .modal-dialog .modal-content .modal-body .header-area {
    display: block;
    text-align: center;
    margin-bottom: 35px;
    padding: 0 50px
}

.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn {
    color: #2c0000;
    background: #fad76c;
    background: -moz-linear-gradient(top, #ffd65e 0, #fad76c 100%);
    background: -webkit-linear-gradient(top, #ffd65e 0, #fad76c 100%);
    background: linear-gradient(to bottom, #ffd65e 0, #fad76c 100%)
}

.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn h4 {
    color: #faefcb;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 0
}

.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn span {
    font-size: 14px;
    color: #faefcb
}

.login-modal .modal-dialog .modal-content .modal-body .header-area .title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: #ffe153;
    margin-bottom: 2px;
    text-transform: uppercase
}

.login-modal .modal-dialog .modal-content .modal-body .header-area .text {
    font-size: 18px;
    line-height: 28px;
    color: #faefcb
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group {
    margin-bottom: 10px
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group span {
    color: #faefcb;
    font-size: 16px
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group span a {
    color: #ffc435
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group input {
    display: inline-block
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label {
    color: #faefcb;
    font-size: 16px
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label a {
    color: #ffc435
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field {
    width: 100%;
    border: 0;
    height: 50px;
    padding: 0 30px;
    border-radius: 1px;
    font-size: 14px;
    color: #000;
    background: #e9dba9;
    margin-bottom: 10px
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field.error {
    width: 100%;
    border: 2px solid #c03;
    height: 50px;
    padding: 0 30px;
    border-radius: 1px;
    font-size: 14px;
    color: #000;
    background: #f2b797;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    margin-bottom: 10px
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:invalid {
    background: #ebc75c
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field::-webkit-input-placeholder {
    color: #000
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:-moz-placeholder {
    color: #000
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field::-moz-placeholder {
    color: #000
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:-ms-input-placeholder {
    color: #000
}

.login-modal .modal-dialog .modal-content .modal-body .form-area .mybtn2 {
    display: block;
    border: 0;
    background: 0 0;
    margin: 20px auto 0
}

.breadcrumb-area.gamer-profile .bc-content {
    display: flex;
    justify-content: space-between;
    padding-left: 230px;
    padding-top: 75px
}

.breadcrumb-area.gamer-profile .bc-content .right {
    display: flex;
    align-items: center
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper {
    display: inline-block;
    text-align: right;
    margin-right: 30px
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper span {
    font-size: 14px;
    text-transform: uppercase;
    color: #cfcffd;
    font-weight: 600
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper h6 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: #faefcb;
    margin-bottom: 0
}

.breadcrumb-area.gamer-profile .bc-content .right ul {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0
}

.breadcrumb-area.gamer-profile .bc-content .right ul li {
    margin-left: -15px;
    display: inline-block
}

.breadcrumb-area.gamer-profile .bc-content .right ul li:first-child {
    margin-left: 0
}

.breadcrumb-area.gamer-profile .bc-content .right ul li img {
    width: 50px;
    height: 50px;
    border: 1px solid #364374;
    border-radius: 50%
}

.breadcrumb-area.gamer-profile .bc-content .right ul li span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    box-shadow: inset 0 0 7px 3px #9a13d2;
    font-size: 18px;
    background: #300983
}

.usermenu-section {
    background: url(../images/home/orta.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: 1px solid #f1e58e;
    border-bottom: 3px solid #eadc67;
    border-top: 3px solid #fbff7e;
    box-shadow: inset 0 15px 15px -15px rgba(255, 164, 48, 0.8), inset 0 -15px 15px -15px rgba(255, 203, 48, 0.8);
}

.usermenu-section .usermenu-inner {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0
}

.usermenu-section2 {
    background: #f7f7f7;
    background-image: url(../images/area.webp);
    border-bottom: 4px double #000;
    border-top: 4px double #000
}

.usermenu-section2 .usermenu-inner2 {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0
}

.user-main-dashboard2 {
    padding: 80px 0 0;
    min-height: 1080px;
    color: #000;
    background: url(../images/indirmearka3.webp);
    background-position: center top;
    background-size: 100% auto;
    background-color: #0c0c0;
    border-top: 4px double #ffe467
}

.user-main-dashboard {
    padding: 80px 0 0;
    background-image: url(../images/indirmearka4.webp);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #0c0c0;
    -webkit-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    box-shadow: inset -11px 28px 18px -14px rgba(0, 0, 0, .2);
    border-top: 1px solid #f1e58e
}

.user-main-dashboard .erning-box {
    background: #2c0000;
    box-shadow: inset 0 0 5px 4px #fea736;
    padding: 25px 30px;
    border-radius: 1px;
    margin-bottom: 30px;
    display: flex
}

.user-main-dashboard .erning-box h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #000
}

.user-main-dashboard .erning-box p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #000
}

.user-main-dashboard .erning-box .left {
    flex: 1
}

.user-main-dashboard .erning-box .right {
    width: 95px
}

.user-main-dashboard aside .about {
    padding: 30px 20px;
    background-color: #0c0c0;
    background: url(../images/area.webp);
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    box-shadow: 0 0 0 3px #0c0c0c;
    border: 1px solid #f1e58e
}

.user-main-dashboard aside .about h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #ffeeb5
}

.user-main-dashboard aside .about h5 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #ffea87
}

.user-main-dashboard aside .about p {
    font-size: 14px;
    line-height: 24px;
    color: #faefcb
}

.user-main-dashboard aside .about ul li {
    margin-bottom: 6px
}

.user-main-dashboard aside .about ul li:last-child {
    margin-bottom: 0
}

.user-main-dashboard aside .about ul li p {
    margin-bottom: 0
}

.user-main-dashboard aside .about ul li p i {
    width: 22px
}

.user-main-dashboard aside .rank-area {
    padding: 0 20px 30px;
    border-radius: 1px;
    margin-top: 50px;
    background-color: #2c0000;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    border: 4px solid #e78c35
}

.user-main-dashboard aside .rank-area .top-area {
    display: flex;
    align-items: center
}

.user-main-dashboard aside .rank-area .top-area .left img {
    width: 80px;
    margin-right: 20px;
    margin-top: -25px
}

.user-main-dashboard aside .rank-area .top-area .right {
    flex: 1
}

.user-main-dashboard aside .rank-area .top-area .right p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #8f94da
}

.user-main-dashboard aside .rank-area .top-area .right p span {
    color: #faefcb
}

.user-main-dashboard aside .rank-area .bottom-area .progress {
    margin-top: 15px;
    margin-bottom: 5px;
    background: #5e3a93
}

.user-main-dashboard aside .rank-area .bottom-area .progress .progress-bar {
    background-color: #fc6d9c
}

.user-main-dashboard aside .rank-area .bottom-area a {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #838bf1
}

.user-main-dashboard aside .rank-area .bottom-area a i {
    margin-left: 4px;
    font-size: 10px
}

.user-main-dashboard .achievment-area {
    background-color: #2c0000;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .75);
    border: 4px solid #e78c35;
    padding: 30px 20px 5px;
    border-radius: 1px;
    margin-top: 30px
}

.user-main-dashboard .achievment-area .header-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.user-main-dashboard .achievment-area .header-area h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #faefcb;
    margin-bottom: 0
}

.user-main-dashboard .achievment-area .header-area a {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #838bf1;
    margin-bottom: 0
}

.user-main-dashboard .achievment-area .header-area a i {
    margin-left: 4px;
    font-size: 10px
}

.user-main-dashboard .achievment-area ul {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.user-main-dashboard .achievment-area ul li {
    flex: 33.333%;
    max-width: 33.333%;
    text-align: center
}

.user-main-dashboard .achievment-area ul li .s-a {
    margin-bottom: 25px
}

.user-main-dashboard .achievment-area ul li .s-a img {
    display: inline-block;
    height: 40px
}

.user-main-dashboard .achievment-area ul li .s-a span {
    display: block;
    color: #c8c3ff;
    font-size: 12px;
    line-height: 22px
}

.user-main-dashboard .achievment-area.big ul li {
    flex: 16.666%;
    max-width: 16.666%
}

.user-main-dashboard main .main-box {
    padding: 30px;
    background-color: #0c0c0;
    background: url(../images/home/bg-text.webp);
    outline: 1px solid #f1e58e;
    border: 3px solid #8e3838;
    box-shadow: inset 0 15px 15px -15px rgba(255, 255, 255, 0.8), inset 0 -15px 15px -15px rgba(255, 255, 255, 0.8);
    text-align: center;
    color: #000
}

.main-box form {
    position: relative;
    z-index: 1;
    max-width: 360px;
    color: #000;
    text-align: center
}

.user-main-dashboard p {
    color: #000;
    font-size: 15px
}

.user-main-dashboard a {
    color: #900 !important
}

.user-main-dashboard a:hover {
    color: red !important
}

.main-box form input {
    outline: 0;
    color: #000;
    text-shadow: none;
    background: #fff !important;
    outline: 1px solid #678648 !important;
    border: 5px solid #121212 !important;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px
}

.main-box form input.error {
    background-color: #e9dba9;
    border: 3px solid #c03;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    outline: 0
}

.main-box form textarea {
    outline: 0;
    color: #000;
    text-shadow: none;
    background: #000;
    outline: 1px solid #f1e58e;
    border: 2px solid #8e3838;
    height: 200px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px
}


.main-box input {
    outline: 0;
    color: #000;
    text-shadow: none;
    background: #fff1c2 !important;
    outline: 1px solid #f1e58e !important;
    border: 2px solid #8e3838 !important;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px
}



.main-box form input::-webkit-input-placeholder {
    color: #000
}

.main-box input:-moz-placeholder {
    color: #000
}

.main-box select {
    outline: 0;
    color: #000;
    background: #d5d5d5;
    outline: 1px solid #d5d5d5;
    border: 2px solid #121212;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px
}

.main-box option {
    outline: 0;
    color: #000;
    background: #d5d5d5;
    outline: 1px solid #d5d5d5;
    border: 2px solid #121212;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px;
}

.main-box select {
    color: #000;
    font-size: 14px
}

.main-box form half-col-left {
    width: 150px;
    float: left
}

.main-box form half-col-right {
    width: 150px;
    float: right
}

.main-box form button {
    background: linear-gradient(0deg, #bf8618, #c69400);
    outline: 2px solid #d5d5d5 !important;
    border: 2px solid #121212 !important;
    color: #ededed;
    text-shadow: 1px 1px 1px #000 !important;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    width: 100%
}

.main-box form button:active,
form button:focus,
form button:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(120%)
}

.main-box form input.err,
input.err:focus {
    border: 1px solid red
}

.main-box form input.ok,
input.ok:focus {
    border: 1px solid #c80101
}

.main-box form,
message {
    margin: 15px 0 0;
    color: #cbcbcb;
    font-size: 14px
}

.main-box form a {
    color: #f7d224;
    text-decoration: none
}

.main-box form a:hover {
    color: #f7a024
}

.main-box h1 {
    color: #650000;
    margin-top: -10px;
    margin-bottom: 1px;
    border-bottom: 1px dotted #69625f;
    line-height: 70px
}

.main-box h3 {
    color: #e8daaf;
    text-shadow: 1px 1px 1px #ffecc3 !important;
    font-size: 20px
}

.main-box form {
    /*display: inline-block;*/
    margin-bottom: 10px
}

.main-box alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #153348;
    border-radius: 0;
    background-color: #102a3d;
    font-weight: 600
}

.main-box alert-error {
    color: #ffe8a9;
    background-color: #c00;
    border-color: #fb6767
}

.main-box alert-success {
    color: #ffe8a9;
    background-color: #0c0;
    border-color: #67fb98
}

.user-main-dashboard main .main-box .header-area {
    margin-bottom: 25px
}

.user-main-dashboard main .main-box .header-area h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #000
}

.user-main-dashboard main .main-box .table-responsive tbody {
   /* background: #fff;*/
    color: #faefcb
}

.user-main-dashboard main .main-box .table-responsive tbody tr {
    border: 2px solid #39312c;
   /* background: #0d0a08 !important;*/
    color: #fbf1c3 !important
}

.user-main-dashboard main .main-box .table-responsive tbody tr:last-child {
    border: 2px solid #39312c;
    /*background: #0d0a08;*/
    color: #fbf1c3 !important
}

.user-main-dashboard main .main-box .table-responsive tbody tr td {
    padding-top: 25px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info {
    display: flex;
    align-items: center
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info img {
    width: 50px;
    padding: 6px;
    box-shadow: inset 0 0 3px 1px #fea736;
    border-radius: 4px;
    margin-right: 10px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content {
    flex: 1;
    align-items: center;
    flex-direction: column
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content h6 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #ffeeb5;
    margin-bottom: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content span {
    font-size: 12px;
    line-height: 22px;
    color: #9b9bdc
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players {
    width: 160px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li {
    margin-left: -15px;
    display: inline-block
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li:first-child {
    margin-left: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li img {
    width: 40px;
    height: 40px;
    border: 1px solid #364374;
    border-radius: 50%
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    box-shadow: inset 0 0 7px 3px #9a13d2;
    font-size: 13px;
    background: #300983;
    color: #000
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio {
    text-align: center
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio span {
    color: #000;
    font-size: 15px;
    line-height: 22px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #000
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2 {
    font-size: 13px;
    color: #b7afff;
    box-shadow: inset 0 0 6px 3px #fea736;
    padding: 10px 25px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2.active,
.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2:hover {
    box-shadow: inset 0 0 6px 3px #fea036
}

.smoke {
    position: absolute;
    top: 550px;
    left: 100px;
    width: 100%;
    height: 100%
}

.smoke .num1 {
    -webkit-animation: spreadsmoke 7s infinite linear;
    animation: spreadsmoke 7s infinite linear
}

.smoke .num2 {
    -webkit-animation: spreadsmoke 15s infinite linear;
    animation: spreadsmoke 15s infinite linear
}

.smoke .num3 {
    -webkit-animation: spreadsmoke 40s infinite linear;
    animation: spreadsmoke 40s infinite linear
}

.smoke .num1 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

.smoke i {
    position: absolute;
    display: block;
    background: url(../images/smoke.webp) no-repeat;
    transform-origin: 50% 100%
}

.smoke .num2 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

.smoke .num3 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

@keyframes spreadsmoke {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }
    45% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 1
    }
    90% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.smoke2 {
    position: absolute;
    top: 550px;
    left: 100px;
    width: 100%;
    height: 100%
}

.smoke2 .num1 {
    -webkit-animation: spreadsmoke2 7s infinite linear;
    animation: spreadsmoke2 7s infinite linear
}

.smoke2 .num2 {
    -webkit-animation: spreadsmoke2 15s infinite linear;
    animation: spreadsmoke2 15s infinite linear
}

.smoke2 .num3 {
    -webkit-animation: spreadsmoke2 40s infinite linear;
    animation: spreadsmoke2 40s infinite linear
}

.smoke2 .num1 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

.smoke2 i {
    position: absolute;
    display: block;
    background: url(../images/smoke2.webp) no-repeat;
    transform-origin: 50% 100%
}

.smoke2 .num2 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

.smoke2 .num3 {
    bottom: 0;
    left: -677px;
    width: 2354px;
    height: 1300px;
    opacity: 0
}

@keyframes spreadsmoke2 {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        opacity: 0
    }
    45% {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        opacity: 1
    }
    90% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

th {
    text-align: inherit
}

table img {
    vertical-align: middle;
    padding: 3px;
    margin-left: -3px
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    color: #4f0c0c;
    font-size: 15px
}

td,
th {
    border-bottom: 1px solid #000;
    padding: 6px;
    color: #000;
}

.how-get-bonuse-section td,
th {
    background: url(../images/home/orta.webp);
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    /*! box-shadow: 0 0 0 5px #0c0c0c; */
    outline: 1px solid #0c0c0c;
    border: 6px solid #d8d8d8;
    padding: 4px;
    color: #fff;
}

.how-get-bonuse-section thead tr th {
    background: url(../images/area.webp);
    -webkit-box-shadow: 0 0 0 3px #0c0c0c;
    -moz-box-shadow: 0 0 0 3px #0c0c0c;
    box-shadow: 0 0 0 3px #0c0c0c;
    outline: 1px solid #f1e58e;
    border: 3px solid #8e3838;
    padding: 6px;
    padding: 6px
}

thead tr th {
    color: #000;
    font-weight: 700;
    background: #ddd;
}

tbody tr:hover {
    background-color: rgba(255, 255, 255, .08)
}

tbody tr:nth-child(odd) {
    box-shadow: 0 8px 13px -17px rgba(0, 0, 0, .8)
}

.top3-rank-text {
    color: #1a5d00
}

.top5-rank-img {
    margin-left: -4px
}

.blur-rank-img {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(.7);
    z-index: -1;
    filter: blur(3px);
    -webkit-filter: blur(25px)
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0;
    float: right
}

.page-link {
    position: relative;
    display: block;
    padding: 5px 12px;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffe88e !important;
    background-color: #ccc;
    border: 1px solid #000;
    text-decoration: none
}

.f-menu a {
    color: #ffe88e !important
}

.page-link:hover {
    background-color: #ffe779
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item.active .page-link {
    z-index: 1;
    color: #000;
    background-color: #ccc;
    border-color: #41fa1c
}

.page-item.disabled .page-link {
    color: rgba(255, 255, 255, .4);
    pointer-events: none;
    cursor: auto;
    background-color: #45505b;
    border-color: transparent
}

.f-menu {
    padding-top: 8px
}

.f-menu li {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 0 35px 0 34px
}

.f-menu li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #a0a0a0;
    font-weight: 550;
    font-size: 15px
}

.f-menu li a:hover {
    color: #690000
}

.f-menu li:last-child {
    border-right: none
}

.Biyolog div {
    width: 17%;
    float: left;
    height: 80px;
    margin: 15px .5%;
    padding: 10px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 25px;
    background-color: #000
}

.Biyolog div h3 {
    color: #faefcb17f !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0
}

.Biyolog small {
    color: #000 !important
}

.table-efsun thead {
    background: #ffae2f;
    color: #ffe9a7;
    border: 1px solid #000
}

.table-efsun thead tr td {
    vertical-align: middle;
    color: #000;
    border: 1px solid #000;
    border-top: 1px solid #000 !important
}

.table-efsun tbody tr td {
    background-color: #760101;
    border: 1px solid #000;
    color: #fae8af
}

.ItemKutu2 {
    width: 80px;
    height: 80px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    transition: .2s linear
}

.ItemKutu {
    width: 80px;
    height: 80px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #000 !important;
    border: 2px groove #f2ae43;
    margin: 0;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    transition: .2s linear
}

.ItemKutu:hover {
    background-color: #400 !important;
    border: 2px groove #f2ae43
}

.discord-widget {
    z-index: 1.0E+25;
    position: fixed;
    left: 30px;
    bottom: 20px
}

.leftBodyLinks {
    position: fixed;
    left: 0;
    top: 30%;
    background: rgba(0, 0, 0, .95);
    padding: 3px 2px 5px;
    z-index: 8;
    -webkit-box-shadow: 0 0 2px 0 #ffcf3d;
    -moz-box-shadow: 0 0 2px 0 #ffcf3d;
    box-shadow: 0 0 2px 0 #ffcf3d;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

.leftBodyLinks a {
    display: block;
    text-align: center;
    color: #ffb16c;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    text-decoration: none
}

.leftBodyLinks a span {
    display: block;
    background-image: url(../images/right-panel-bg.webp);
    background-repeat: no-repeat;
    background-size: 55px 55px;
    position: relative;
    transition: .3s;
    width: 55px;
    height: 55px;
    position: relative;
    transition: .5s
}

.leftBodyLinks a span img {
    position: absolute
}

.leftBodyLinks a:hover span {
    background-image: url(../images/right-panel-bg-hover.webp);
    background-size: 66px 66px;
    background-position: -5px -7px
}

.r-kayit span img {
    bottom: 11px;
    left: 10px
}

.r-indir span img {
    bottom: 11px;
    left: 10px
}

.r-tanitim span img {
    bottom: 11px;
    left: 10px
}

.r-wiki span img {
    bottom: 11px;
    left: 10px
}

.breadcrumb-area.gamer-profile .bc-content {
    display: flex;
    justify-content: space-between;
    padding-left: 230px;
    padding-top: 75px
}

.breadcrumb-area.gamer-profile .bc-content .right {
    display: flex;
    align-items: center
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper {
    display: inline-block;
    text-align: right;
    margin-right: 30px;
    margin-top: -15px
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper span {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff !important;
    /*! text-shadow: 2px 0px 8px #000; */
    font-weight: 600;
    padding: 4px;
    border: 1px solid #e6e359;
    background: linear-gradient(90deg, rgb(30, 1, 1) 0%, rgb(66, 25, 25) 35%, rgb(30, 2, 2) 100%);
}

.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper h6 {
    font-size: 31px;
    line-height: 53px;
    font-weight: 800;
    color: #ffca65;
    text-shadow: 2px 2px 2px #000;
    margin-bottom: 0;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}

.breadcrumb-area.gamer-profile .bc-content .right ul {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0
}

.breadcrumb-area.gamer-profile .bc-content .right ul li {
    margin-left: -15px;
    display: inline-block
}

.breadcrumb-area.gamer-profile .bc-content .right ul li:first-child {
    margin-left: 0
}

.breadcrumb-area.gamer-profile .bc-content .right ul li img {
    width: 50px;
    height: 50px;
    border: 1px solid #364374;
    border-radius: 50%
}

.breadcrumb-area.gamer-profile .bc-content .right ul li span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    box-shadow: inset 0 0 7px 3px #9a13d2;
    font-size: 18px;
    background: #300983
}

.gamer-profile-top {
    padding: 45px 0;
    background: url(../images/counter-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top: 1px solid #f1e58e;
    border-bottom: 1px solid #f1e58e
}

.gamer-profile-top .gamer-profile-top-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gamer-profile-top .gamer-profile-top-inner .profile-photo {
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0 0 2px 1px #a59d89;
    padding: 10px
}

.gamer-profile-top .gamer-profile-top-inner .profile-photo img {
    width: 100%;
    height: 100%
}

.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge img {
    width: auto
}

.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    font-weight: 600;
    color: #ffe595
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters {
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter {
    background: url(../images/home/ust4.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: 1px solid #fff;
    border: 3px solid #000;
    box-shadow: inset 0 15px 15px -15px rgba(255, 255, 255, 0.3), inset 0 -15px 15px -15px rgba(255, 255, 255, 0.3);
    margin-right: 15px;
    display: flex;
    padding: 10px 25px;
    align-items: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .img {
    width: 40px;
    margin-right: 10px;
    text-align: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .img img {
    display: inline-block;
    max-width: 40px
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content {
    flex: 1
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #ffde5e;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content span {
    color: #9fff5e;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter:last-child {
    margin-right: 0
}

.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper {
    margin-left: 15px;
    display: flex;
    align-items: center
}

.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper .msg-btn {
    color: #b7afff;
    font-size: 16px;
    padding: 15px 45px;
    border-radius: 1px;
    box-shadow: inset 0 0 7px 5px #00a2ff
}

.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper .msg-btn img {
    margin-right: 7px;
    display: inline-block
}

.usermenu-section .usermenu-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0
}

.usermenu-section a {
    color: #000
}

.usermenu-section a:hover {
    color: #ffe9a5
}

.usermenu-section .usermenu-inner .left-area ul li {
    display: inline-block;
    margin-right: 20px
}

.usermenu-section .usermenu-inner .left-area ul li:last-child {
    margin-right: 0
}

.usermenu-section .usermenu-inner .left-area ul li a {
    color: #dbdbdb;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .3s ease-in
}

.usermenu-section .usermenu-inner .left-area ul li a:hover,
.usermenu-section .usermenu-inner .left-area ul li a.active {
    color: #ffc411
}

.usermenu-section .usermenu-inner .right-area a {
    color: #b7afff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 7px 25px;
    transition: all .3s ease-in
}

.usermenu-section .usermenu-inner .right-area a:hover,
.usermenu-section .usermenu-inner .right-area a.active {
    box-shadow: inset 0 0 6px 4px #fea036
}

.user-main-dashboard {
    padding: 40px 0 0
}

.user-main-dashboard .erning-box {
    background: #360978;
    box-shadow: inset 0 0 5px 4px #00a2ff;
    padding: 25px 30px;
    border-radius: 12px;
    margin-bottom: 30px;
    display: flex
}

.user-main-dashboard .erning-box h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #fff
}

.user-main-dashboard .erning-box p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #a59cff
}

.user-main-dashboard .erning-box .left {
    flex: 1
}

.user-main-dashboard .erning-box .right {
    width: 95px
}

.user-main-dashboard aside .about {
    box-shadow: inset 0 0 4px 2px #00a2ff;
    padding: 30px 20px;
    border-radius: 10px
}

.user-main-dashboard aside .about h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #fff
}

.user-main-dashboard aside .about p {
    font-size: 14px;
    line-height: 24px;
    color: #cec9ff
}

.user-main-dashboard aside .about ul li {
    margin-bottom: 6px
}

.user-main-dashboard aside .about ul li:last-child {
    margin-bottom: 0
}

.user-main-dashboard aside .about ul li p {
    margin-bottom: 0
}

.user-main-dashboard aside .about ul li p i {
    width: 22px
}

.user-main-dashboard aside .rank-area {
    box-shadow: inset 0 0 4px 2px #00a2ff;
    padding: 0 20px 30px;
    border-radius: 1px;
    margin-top: 50px;
    background: #360978
}

.user-main-dashboard aside .rank-area .top-area {
    display: flex;
    align-items: center
}

.user-main-dashboard aside .rank-area .top-area .left img {
    width: 80px;
    margin-right: 20px;
    margin-top: -25px
}

.user-main-dashboard aside .rank-area .top-area .right {
    flex: 1
}

.user-main-dashboard aside .rank-area .top-area .right p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #8f94da
}

.user-main-dashboard aside .rank-area .top-area .right p span {
    color: #fff
}

.user-main-dashboard aside .rank-area .bottom-area .progress {
    margin-top: 15px;
    margin-bottom: 5px;
    background: #5e3a93
}

.user-main-dashboard aside .rank-area .bottom-area .progress .progress-bar {
    background-color: #fc6d9c
}

.user-main-dashboard aside .rank-area .bottom-area a {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #838bf1
}

.user-main-dashboard aside .rank-area .bottom-area a i {
    margin-left: 4px;
    font-size: 10px
}

.user-main-dashboard .achievment-area {
    box-shadow: inset 0 0 4px 2px #00a2ff;
    padding: 30px 20px 5px;
    border-radius: 1px;
    margin-top: 30px
}

.user-main-dashboard .achievment-area .header-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.user-main-dashboard .achievment-area .header-area h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.user-main-dashboard .achievment-area .header-area a {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    color: #838bf1;
    margin-bottom: 0
}

.user-main-dashboard .achievment-area .header-area a i {
    margin-left: 4px;
    font-size: 10px
}

.user-main-dashboard .achievment-area ul {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.user-main-dashboard .achievment-area ul li {
    flex: 33.333%;
    max-width: 33.333%;
    text-align: center
}

.user-main-dashboard .achievment-area ul li .s-a {
    margin-bottom: 25px
}

.user-main-dashboard .achievment-area ul li .s-a img {
    display: inline-block;
    height: 40px
}

.user-main-dashboard .achievment-area ul li .s-a span {
    display: block;
    color: #c8c3ff;
    font-size: 12px;
    line-height: 22px
}

.user-main-dashboard .achievment-area.big ul li {
    flex: 16.666%;
    max-width: 16.666%
}

.user-main-dashboard main .main-box {
    padding: 30px;
    outline: 1px solid #f1e58e;
    border: 3px solid #000;
    border-radius: 1px
}

.user-main-dashboard main .main-box .header-area {
    margin-bottom: 25px
}

.user-main-dashboard main .main-box .header-area h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #630000
}

.user-main-dashboard main .main-box .table-responsive tbody {
    /*background: #26084a*/
}

.user-main-dashboard main .main-box .table-responsive tbody tr {
    border-top: 2px solid #39312c
}

.user-main-dashboard main .main-box .table-responsive tbody tr:last-child {
    border-bottom: 2px solid #39312c
}

.user-main-dashboard main .main-box .table-responsive tbody tr td {
    padding-top: 25px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info {
    display: flex;
    align-items: center
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info img {
    width: 50px;
    padding: 6px;
    box-shadow: inset 0 0 3px 1px #b9a68d;
    border-radius: 4px;
    margin-right: 10px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content {
    flex: 1;
    align-items: center;
    flex-direction: column
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content h6 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content span {
    font-size: 12px;
    line-height: 22px;
    color: #9b9bdc
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players {
    width: 160px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li {
    margin-left: -15px;
    display: inline-block
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li:first-child {
    margin-left: 0
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li img {
    width: 40px;
    height: 40px;
    border: 1px solid #9f8a66;
    border-radius: 50%
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    box-shadow: none;
    font-size: 13px;
    background: #ffb73a;
    color: #000
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio {
    text-align: center
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio span {
    color: #ffb73a;
    font-size: 12px;
    line-height: 22px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #ebd7b5
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2 {
    font-size: 13px;
    color: #b7afff;
    padding: 10px 25px
}

.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2:hover,
.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2.active {
    box-shadow: inset 0 0 6px 3px #fea036
}

.u-d-friends {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.u-d-friends .left h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    color: #fef19a
}

.u-d-friends .right h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    color: #fef19a
}

.u-d-friends .right .search-area form {
    position: relative
}

.u-d-friends .right .search-area form input {
    height: 50px;
    width: 100%;
    border-radius: 1px;
    color: #837ad9;
    font-size: 16px;
    box-shadow: inset 0 0 7px 5px #bf1995;
    background: 0 0;
    border: 0;
    padding: 0 60px 0 30px
}

.u-d-friends .right .search-area form input::placeholder {
    color: #837ad9
}

.u-d-friends .right .search-area form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: 0 0;
    border: none;
    color: #837ad9
}

.single-friend {
    border: 1px solid #fef19a;
    border-radius: 10px;
    padding: 30px 30px 38px;
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

.single-friend .left {
    margin-right: 30px
}

.single-friend .left .profile-photo {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    padding: 10px;
    position: relative;
    box-shadow: inset 0 0 6px 3px #00a2ff
}

.single-friend .left .profile-photo img {
    width: 100%;
    height: 100%
}

.single-friend .left .profile-photo .mybadge {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.single-friend .left .profile-photo .mybadge img {
    width: auto
}

.single-friend .left .profile-photo .mybadge span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.single-friend .right {
    flex: 1;
    display: flex
}

.single-friend .right .content {
    flex: 1
}

.single-friend .right .content h5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.single-friend .right .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0
}

.single-friend .right .button-area {
    padding-left: 20px;
    text-align: right
}

.single-friend .right .button-area a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #b7afff;
    text-transform: capitalize;
    padding: 8px 25px
}

.single-friend .right .button-area a:hover,
.single-friend .right .button-area a.active {
    box-shadow: inset 0 0 7px 4px #fea036
}

.chart-wrapper {
    background: #330676
}

.affiliate-box .referral-link-area {
    background: #1c063e;
    border-radius: 1px;
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 30px
}

.affiliate-box .referral-link-area .title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 25px
}

.affiliate-box .referral-link-area .left .aff-code {
    position: relative
}

.affiliate-box .referral-link-area .left .aff-code input {
    width: 100%;
    background: #250e46;
    color: #fff;
    height: 50px;
    padding: 0 45px 0 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1px
}

.affiliate-box .referral-link-area .left .aff-code i {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center
}

.affiliate-box .referral-link-area .right ul li {
    display: inline-block
}

.affiliate-box .referral-link-area .right ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .15);
    display: inline-block;
    text-align: center;
    font-size: 16px;
    transition: all .3s ease-in
}

.affiliate-box .referral-link-area .right ul li a:hover {
    background: #f8b131;
    color: #fff
}

.affiliate-box .earning-info-area {
    background: #250d52;
    border-radius: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    padding: 30px
}

.affiliate-box .earning-info-area .s-info {
    background: #2d1767;
    padding: 30px;
    border-radius: 1px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px
}

.affiliate-box .earning-info-area .s-info img {
    width: 60px;
    margin-right: 20px
}

.affiliate-box .earning-info-area .s-info .content {
    flex: 1
}

.affiliate-box .earning-info-area .s-info .content h4 {
    margin-bottom: 0
}

.affiliate-box .earning-info-area .s-info .content p {
    margin-bottom: 0
}

.affiliate-box .aff-table {
    background: #250d52;
    border-radius: 1px;
    margin-top: 30px;
    padding: 30px
}

.affiliate-box .aff-table .header-area {
    display: flex;
    justify-content: space-between
}

.affiliate-box .aff-table .header-area h4 {
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #fff
}

.affiliate-box .aff-table .header-area .d-pick input {
    background: #2a135e;
    border: 1px solid #513d75;
    border-radius: 1px;
    height: 50px;
    padding: 0 30px;
    color: #fff
}

.affiliate-box .aff-table .header-area .d-pick input::placeholder {
    color: #fff
}

.affiliate-box .aff-table .header-area .d-pick input::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.affiliate-box .aff-table .header-area .d-pick input:focus {
    outline: none
}

.affiliate-box .aff-table .table tr th,
.affiliate-box .aff-table .table tr td {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    padding: 10px
}

.affiliate-box .aff-table .table tr th {
    text-transform: uppercase;
    border-top: 0
}

.affiliate-box .aff-table .table tr td {
    padding-top: 10px !important;
    border-bottom: 1px solid #4a3890 !important
}

.affiliate-box .aff-table .table thead th {
    border-bottom: 1px solid #4a3890
}

.affiliate-box .aff-table .table tbody tr {
    background: #29125d;
    border-top: 1px solid #4a3890 !important
}

.affiliate-box .aff-table .view-more-area {
    display: block;
    text-align: center
}

.affiliate-box .aff-table .view-more-area a {
    font-size: 16px;
    line-height: 26px;
    color: #b2acf2;
    font-weight: 600;
    display: inline-block
}

.wallet-box .wallet-tab-menu .nav {
    background: #230b48;
    padding: 30px;
    text-align: center;
    display: block
}

.wallet-box .wallet-tab-menu .nav li {
    display: inline-block
}

.wallet-box .wallet-tab-menu .nav li a {
    color: #9d8fca
}

.wallet-box .wallet-tab-menu .nav li a:hover,
.wallet-box .wallet-tab-menu .nav li a.active {
    color: #fff
}

.wallet-box .wallet-tab-content {
    padding-top: 30px
}

.wallet-box .wallet-tab-content .current-balance {
    background: #1c063e;
    border: 1px solid #361f57;
    padding: 20px;
    border-radius: 10px
}

.wallet-box .wallet-tab-content .current-balance p {
    font-size: 16px;
    line-height: 26px;
    color: #d0d3ff
}

.wallet-box .wallet-tab-content .current-balance h4 {
    background: #2e0a63;
    display: block;
    text-align: center;
    padding: 20px 20px 15px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fecc3a
}

.wallet-box .wallet-tab-content .current-balance h4 span {
    color: #fff
}

.wallet-box .wallet-tab-content .current-balance span.t-sm {
    font-size: 12px;
    line-height: 22px;
    color: #9d8fca;
    font-weight: 600
}

.wallet-box .wallet-tab-content .notice-area {
    padding: 30px;
    border: 1px solid #361f57;
    border-radius: 1px;
    margin-top: 30px
}

.wallet-box .wallet-tab-content .notice-area p {
    font-size: 14px;
    line-height: 24px;
    color: #e3e0ff;
    font-weight: 600
}

.wallet-box .wallet-tab-content .notice-area p span {
    color: #fecc3a;
    text-transform: uppercase;
    margin-right: 7px
}

.wallet-box .wallet-tab-content .notice-area p:last-child {
    margin-bottom: 0
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc {
    padding: 30px;
    border: 1px solid #361f57;
    border-radius: 1px
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area {
    margin-bottom: 25px
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #fff
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area p {
    font-size: 14px;
    line-height: 24px;
    color: #817cc4
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #e6e3fc
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code {
    position: relative
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code input {
    width: 100%;
    background: #250e46;
    color: #fff;
    height: 50px;
    padding: 0 45px 0 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1px
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code i {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code-bottom {
    display: block;
    text-align: right;
    padding-top: 10px
}

.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code-bottom a {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    color: #e3e0ff;
    margin-left: 15px
}

.wallet-box .wallet-tab-content .form-area .form-group {
    margin-bottom: 20px
}

.wallet-box .wallet-tab-content .form-area .form-group label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #e6e3fc
}

.wallet-box .wallet-tab-content .form-area .form-group .input-field {
    width: 100%;
    background: #250e46;
    color: #8983c8;
    height: 50px;
    padding: 0 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1px
}

.wallet-box .wallet-tab-content .form-area .form-group .input-field::placeholder {
    color: #8983c8
}

.wallet-box .wallet-tab-content .form-area .mybtn2 {
    background: 0 0;
    border: 0;
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: inset 0 0 5px 4px #00a2ff
}

.wallet-box .wallet-tab-content .form-area .mybtn2:focus {
    outline: none
}

.wallet-box .wallet-tab-content .form-area .mybtn2:hover,
.wallet-box .wallet-tab-content .form-area .mybtn2.active {
    color: #fff;
    box-shadow: inset 0 0 5px 4px #fea036
}

.wallet-box .wallet-tab-content .crypto-info h5 {
    font-size: 16px;
    line-height: 26px;
    color: #c7ceff;
    font-weight: 600;
    margin-bottom: 15px
}

.wallet-box .wallet-tab-content .crypto-info .form-group {
    margin-bottom: 20px
}

.wallet-box .wallet-tab-content .crypto-info .form-group label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #e6e3fc;
    text-transform: uppercase
}

.wallet-box .wallet-tab-content .crypto-info .form-group .input-field {
    width: 100%;
    background: #250e46;
    color: #fff;
    height: 50px;
    padding: 0 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px
}

.wallet-box .wallet-tab-content .crypto-info .form-group .input-field::placeholder {
    color: #fff
}

.wallet-box .wallet-tab-content .crypto-info .form-group-2 label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #e6e3fc;
    text-transform: uppercase
}

.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area {
    width: 100%;
    background: #250e46;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    display: flex
}

.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area input {
    flex: 1;
    background: 0 0;
    border: 0;
    height: 100%;
    color: #fff;
    padding: 0 30px
}

.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area input::placeholder {
    color: #fff
}

.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area select {
    background: 0 0;
    border: 0;
    background: #250e46;
    width: 150px;
    height: 100%;
    color: #fff;
    padding: 0 20px;
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table thead {
    background: #260557
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table thead th {
    border-top: 0
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table th {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #c7ceff
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table td {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    vertical-align: center
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table td img {
    max-width: 50px
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2 {
    box-shadow: inset 0 0 7px 4px #00a2ff;
    transition: all .3s ease-in;
    font-size: 14px;
    line-height: 24px;
    color: #fff !important;
    padding: 7px 25px !important
}

.wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2:hover,
.wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2.active {
    color: #fff;
    box-shadow: inset 0 0 7px 4px #fea036
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter {
    margin-bottom: 30px
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter label {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: #e6e3fc;
    text-transform: uppercase;
    display: block
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field {
    width: 100%;
    background: #250e46;
    color: #fff;
    height: 50px;
    padding: 0 30px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field::placeholder {
    color: #fff
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field:focus {
    outline: 0
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field::-webkit-calendar-picker-indicator {
    filter: invert(1)
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field::calendar-picker-indicator {
    filter: invert(1)
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2 {
    border-radius: 6px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    box-shadow: inset 0 0 7px 4px #00a2ff;
    margin-top: auto;
    text-align: center
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2:hover,
.wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2.active {
    box-shadow: inset 0 0 7px 7px #fea036
}

.wallet-box .wallet-tab-content .trns-box .trns-table-filter .filter-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: end
}

.wallet-box .wallet-tab-content .trns-box .table-responsive .table thead {
    background: #260557
}

.wallet-box .wallet-tab-content .trns-box .table-responsive .table thead th {
    border-top: 0
}

.wallet-box .wallet-tab-content .trns-box .table-responsive .table th {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #c7ceff
}

.wallet-box .wallet-tab-content .trns-box .table-responsive .table td {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    vertical-align: center
}

.u-setting-area .single-user-setting {
    background: #000;
    border: 1px solid #404040;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 6px
}

.u-setting-area .single-user-setting .s-title-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.u-setting-area .single-user-setting .s-title-area h4 {
    font-size: 24px;
    line-height: 34px;
    color: #ffe467;
    font-weight: 600
}

.u-setting-area .single-user-setting .s-title-area a {
    font-size: 18px;
    line-height: 28px;
    color: #ada3f7
}

.u-setting-area .single-user-setting .s-content-area table tbody {
    background: 0 0
}

.u-setting-area .single-user-setting .s-content-area table tr {
    border: 0 !important
}

.u-setting-area .single-user-setting .s-content-area table tr td {
    border: 0 !important;
    font-size: 18px;
    line-height: 28px;
    color: #cec9ff
}

.u-setting-area .single-user-setting .s-content-area table tr td:first-child {
    text-align: right
}

.u-setting-area .single-user-setting .s-content-area table tr td:first-child span {
    margin: 0 20px
}

.error-message {
    color: #ff2f00;
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    margin: 5px 0 0
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #ecd7a9
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #3d0000
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #ecd7a9
}

.btn-file {
    position: relative;
    overflow: hidden;
    border: 1px solid #362b20;
    background-color: #000 !important;
    border-radius: 50px;
    color: #f3d25c
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #000;
    cursor: inherit;
    display: block
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 {
    background: url(../images/home/hesabim2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: 1px solid #f1e58e;
    border: 3px solid #000;
    box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.3), inset 0 -15px 15px -15px rgba(255, 220, 169, 0.3);
    margin-right: 15px;
    display: flex;
    padding: 10px 15px;
    align-items: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .img {
    width: 40px;
    margin-right: 10px;
    text-align: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .img img {
    display: inline-block;
    max-width: 40px
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .content {
    flex: 1
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .content h4 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    color: #fce07f;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .content span {
    color: #ffc11b;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter2 .content a {
    color: #ffc11b;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 {
    background: url(../images/home/hesabim.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: 1px solid #f1e58e;
    border: 3px solid #3d1616;
    box-shadow: inset 0 15px 15px -15px rgba(255, 172, 48, .3), inset 0 -15px 15px -15px rgba(255, 172, 48, .3);
    margin-right: 15px;
    display: flex;
    padding: 10px 15px;
    align-items: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .img {
    width: 40px;
    margin-right: 10px;
    text-align: center
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .img img {
    display: inline-block;
    max-width: 40px
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .content {
    flex: 1
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .content h4 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    color: #fce07f;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .content span {
    color: #ffc11b;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0
}

.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter3 .content a {
    color: #ffc11b;
    text-shadow: 1px 1px 1px #000;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 0
}

.contact-area td {
    color: #000;
   /* background-color: #2d0000 !important;*/
    font-weight: 700;
    padding: 25
}

.main-box form input[type=text]:disabled {
    outline: 0;
    color: #000;
    text-shadow: none;
    background: #a5a18f !important;
    outline: 1px solid #f1e58e !important;
    border: 2px solid #8e3838 !important;
    height: 40px;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px
}